/* Shelves */

h1
{
	font-weight: normal;
	font-size: 500%;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 4mm;
}
label.range-label
{
	color: #777;
}
h2.subtitle
{
	margin: 0;
	font-size: 200%;
	margin-bottom: 2mm;
	font-weight: normal;
	color: #333;
}
h1.page-number
{
	padding-left: 4mm;
	float: right;
	text-align: right;
}
.shelf
{
	position: relative;
	margin: 0 auto;
	padding-top: 10mm;
}
.edge,
.tray
{
	position: absolute;
	border-top: 2px solid black;
	box-sizing: border-box;
}
.edge
{
	width: 0;
}
.box
{
	position: absolute;
	border: 1px solid black;
	border-bottom: 0;
	box-sizing: border-box;
}
.box-label
{
	font-size: 2.55mm;
	word-wrap: break-word;
	box-sizing: border-box;
	padding: 1% 2%;
}
.box-label.id
{
	text-align: right;
}
.color0
{
	background-color: #FDD !important;
}
.color1
{
	background-color: #DFD !important;
}
.color2
{
	background-color: #DDF !important;
}
.color3
{
	background-color: #DFF !important;
}
.color4
{
	background-color: #FFD !important;
}

/* Remaining amounts*/

ul
{
	list-style-type: none;
}
li *
{
	font-size: 200%;
	line-height: 200%;
}
.item-id
{
	display: inline-block;
	text-align: right;
	margin: 0 5mm;
	width: 30mm;
}
.item
{
	display: inline-block;
	width: 80mm;
}
.amount
{
	color: #666;
	width: 10mm;
	text-align: right;
	padding-right: 1mm;
}