/* Shelves */

h1
{
	font-weight: normal;
	font-size: 600%;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
h2.subtitle
{
	margin: 3mm 0;
	font-size: 500%;
	font-weight: normal;
	color: #333;
}
h1.page-number
{
	float: right;
	text-align: right;
}
.shelf
{
	position: relative;
	margin: 0 auto;
	top: 50%;
	margin-top: -120mm;
}
.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 .box-label
{
	text-align: right;
	font-size: 55%;
	word-wrap: break-word;
	box-sizing: border-box;
	padding: 3%;
}
/*.box .packing
{
	margin-left: 3%;
	display: block;
	float: right;
	font-size: 140%;
}*/
.color0
{
	background-color: #FDD !important;
}
.color1
{
	background-color: #DFD !important;
}
.color2
{
	background-color: #DDF !important;
}
.color3
{
	background-color: #DFF !important;
}
.color4
{
	background-color: #FDF !important;
}
.color5
{
	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;
}