/* ------------------------------- GENERIC STYLES FOR PAGE LAYOUT ------------------------ */
* {
	-webkit-box-sizing: border-box;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
}

table { vertical-align: top; border-collapse: collapse; border-spacing: 0; }
tr    { vertical-align: top; }
td    { vertical-align: top; }

.page-wrapper, .page-auto, .page-10, .page-15, .page-20, .page-25, .page-33, .page-50, .page-66, .page-85, .page-100 {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	overflow:hidden;
}
.page-wrapper { width: 100%; float: none; }
.page-container { width: 100%; float: none; padding-left: 10mm; padding-right: 10mm; }
.page-auto { width: auto; }

.page-10 { width: 10%; }
.page-15 { width: 15%; }
.page-20 { width: 20%; }
.page-25 { width: 25%; }
.page-33 { width: 33.33%; }
.page-50 { width: 50%; }
.page-66 { width: 66.66%; }
.page-85 { width: 85%; }
.page-100 { width: 100%; }
.offset-15 { margin-left: 15%; }
.offset-25 { margin-left: 25%; }
.offset-33 { margin-left: 33.33%; }
.offset-40 { margin-left: 40%; }
.offset-45 { margin-left: 45%; }
.offset-50 { margin-left: 50%; }
.offset-66 { margin-left: 66.00%; }

.pl-5 { display: block; padding-left: 5px; }
.pl-10 { display: block; padding-left: 10px; }
.pl-15 { display: block; padding-left: 15px; }
.pl-20 { display: block; padding-left: 20px; }
.pl-25 { display: block; padding-left: 25px; }
.pl-30 { display: block; padding-left: 30px; }
.pl-40 { display: block; padding-left: 40px; }
.pl-50 { display: block; padding-left: 50px; }
.pr-5 { display: block; padding-right: 5px; }
.pr-10 { display: block; padding-right: 10px; }
.pr-15 { display: block; padding-right: 15px; }
.pr-20 { display: block; padding-right: 20px; }
.pr-25 { display: block; padding-right: 25px; }
.pr-30 { display: block; padding-right: 30px; }
.pr-40 { display: block; padding-right: 40px; }
.pr-50 { display: block; padding-right: 50px; }
.pt-5 { display: block; padding-top: 5px; }
.pt-10 { display: block; padding-top: 10px; }
.pt-15 { display: block; padding-top: 15px; }
.pt-20 { display: block; padding-top: 20px; }
.pt-25 { display: block; padding-top: 25px; }
.pt-30 { display: block; padding-top: 30px; }
.pt-40 { display: block; padding-top: 40px; }
.pt-50 { display: block; padding-top: 50px; }
.pb-5 { display: block; padding-bottom: 5px; }
.pb-10 { display: block; padding-bottom: 10px; }
.pb-15 { display: block; padding-bottom: 15px; }
.pb-20 { display: block; padding-bottom: 20px; }
.pb-25 { display: block; padding-bottom: 25px; }
.pb-30 { display: block; padding-bottom: 30px; }
.pb-40 { display: block; padding-bottom: 40px; }
.pb-50 { display: block; padding-bottom: 50px; }

.ml-5 { display: block; margin-left: 5px; }
.ml-10 { display: block; margin-left: 10px; }
.ml-15 { display: block; margin-left: 15px; }
.ml-20 { display: block; margin-left: 20px; }
.ml-25 { display: block; margin-left: 25px; }
.ml-30 { display: block; margin-left: 30px; }
.ml-40 { display: block; margin-left: 40px; }
.ml-50 { display: block; margin-left: 50px; }
.mr-5 { display: block; margin-right: 5px; }
.mr-10 { display: block; margin-right: 10px; }
.mr-15 { display: block; margin-right: 15px; }
.mr-20 { display: block; margin-right: 20px; }
.mr-25 { display: block; margin-right: 25px; }
.mr-30 { display: block; margin-right: 30px; }
.mr-40 { display: block; margin-right: 40px; }
.mr-50 { display: block; margin-right: 50px; }
.mt-5 { display: block; margin-top: 5px; }
.mt-10 { display: block; margin-top: 10px; }
.mt-15 { display: block; margin-top: 15px; }
.mt-20 { display: block; margin-top: 20px; }
.mt-25 { display: block; margin-top: 25px; }
.mt-30 { display: block; margin-top: 30px; }
.mt-40 { display: block; margin-top: 40px; }
.mt-50 { display: block; margin-top: 50px; }
.mb-5 { display: block; margin-bottom: 5px; }
.mb-10 { display: block; margin-bottom: 10px; }
.mb-15 { display: block; margin-bottom: 15px; }
.mb-20 { display: block; margin-bottom: 20px; }
.mb-25 { display: block; margin-bottom: 25px; }
.mb-30 { display: block; margin-bottom: 30px; }
.mb-40 { display: block; margin-bottom: 40px; }
.mb-50 { display: block; margin-bottom: 50px; }

.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { clear: both; }

.fitable-parent {
	position: relative;
}
.fit-to-parent {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.text-6 { font-size: 6px; }
.text-7 { font-size: 7px; }
.text-8 { font-size: 8px; }
.text-9 { font-size: 9px; }
.text-12 { font-size: 12px; }
.text-13 { font-size: 13px; }
.text-14 { font-size: 14px; }
.text-15 { font-size: 15px; }
.text-16 { font-size: 16px; }
.text-20 { font-size: 20px; }
.text-24 { font-size: 24px; }
.text-36 { font-size: 36px; }
.text-bold { font-weight: bold; }
.text-justify { text-align: justify; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center-vertical { vertical-align: center; }
.text-grey {color: #555555;}
.text-gray80 {color: #ccc;}

.paragraph { padding-bottom: 1mm; }
.separator {
	width: 100%;
	border-top: 2px solid #555555;
	padding-bottom: 10px;
}

.border-1 { border: #000 1px solid; }
.border-1-bottom { border-bottom: #000 1px solid;}
.border-1-top { border-top: #000 1px solid; }
.border-1-left { border-left: #000 1px solid; }
.border-1-right { border-right: #000 1px solid; }
.no-border { border: none; }
.no-border-left { border-left: none; }
.no-border-right { border-right: none; }
.no-border-top { border-top: none; }
.no-border-bottom { border-bottom: none; }

.background-grey {
	background-color:#CECECE;
}

.footer {
	vertical-align:top;
	font-size: 8px;
	padding: -1px 0 0 0;
}
.qrcode-wrapper {
	float: right;
}
.barcode-wrapper {
	padding-left: -6px;
}

.document-header {
	width:100%;
	font-family:verdana, arial, helvetica sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-top: 15mm;
	margin-bottom: 3mm;
}
.document-table {
	width: 100%;
	font-size: 11px;
	padding-top: 5mm;
}
.document-table th {
	font-weight: bold;
	background-color:#CECECE;
	vertical-align: center;
	text-align: center;
}
.document-footer {
	font-size: 11px;
	width: 100%;
	text-align:justify;
	padding-top: 5mm;
}
/* ------------------------------- content specific styles ------------------------ */
#document-logo {
	height: 85px;
	width: 250px;
	/*background:url('./images/logo.png') no-repeat center;*/
	background-size: contain;
	float: right;
}
#sender {
	font-size: 10px;
	text-decoration: underline;
}
.price-tag-item-name {
	height: 17mm;
}