html, body { margin: 0; padding: 0; }
body { color: #414141; font-size: 10px; letter-spacing: 0.5px; font-family: 'Roboto', sans-serif; }

.pdf-holder { } /**/
.clear { height: 0; display: block; clear: both; }

header { padding: 20px 20px 16px 20px; margin-bottom: 10px; } /**/
	header .company-info { width: 336px; font-size: 8px; padding-top: 6px; float: left; }
		header .company-info h3 { color: #8a796b; font-size: 10px; font-weight: bold; margin: 0 0 2px 0; padding: 0; }
		header .company-info .icon-row img { display: inline-block; vertical-align: middle; margin-right: 4px; }
		header .company-info .icon-row span { display: inline-block; vertical-align: middle; }
	header .logo { width: 324px; float: left; }
	header .barcode { /* width: 86px; float: left;*/ }
		header .barcode .space { height: 16px; }

.document-info { font-size: 8px; text-align: center; margin-bottom: 16px; }
	.document-info .title { color: #8A796B; font-size: 14px; font-weight: 300; text-transform: uppercase; margin-bottom: 6px; }
	.document-info .row { margin-bottom: 2px; }

.content-space { width: 20px; height: 100px; float: left; }
.content-info { width: 140px; padding-top: 5px; float: left; }
.info-box { margin-bottom: 10px; }
	.info-box .title { color: #8a796b; font-size: 9px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #8a796b; padding-bottom: 2px; margin-bottom: 4px; }
	.info-box .text { font-size: 8px; }
		.info-box .text h5 { font-size: 9px; font-weight: bold; margin: 0 0 2px 0; padding: 0; }
		.info-box .text .icon-row { margin-top: 2px; }
			.info-box .text .icon-row img { display: inline-block; vertical-align: middle; margin-right: 4px; }
			.info-box .text .icon-row span { display: inline-block; vertical-align: middle; }

.order-table-space { width: 16px; height: 100px; float: left; }
.order-table { width: 598px; float: left; }
	.order-table table thead tr th { color: #8a796b; font-size: 9px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #8a796b; padding: 4px 0; }
		.order-table table thead tr th.tleft { text-align: left; }
	.order-table table tbody tr td { line-height: 12px; font-size: 9px; text-align: center; border-bottom: 1px solid #e0e0e0; padding: 7px 4px; }
		.order-table table tbody tr td.info { text-align: left; }
		.order-table table tbody tr td.img { width: 30px; }
	.order-table table tfoot tr td { font-size: 9px; padding: 8px 6px; }
		.order-table table tfoot tr td.value { text-align: center; }
		.order-table table tfoot tr td.label,
		.order-table table tfoot tr td.value { border-bottom: 1px solid #e0e0e0; }
		.order-table table tfoot tr.final td.label,
		.order-table table tfoot tr.final td.value { background: #8a796b; color: #fff; border-bottom: 0; }

footer { padding: 0 20px; }
footer .title { color: #8a796b; font-size: 14px; text-align: center; border-top: 1px solid #8a796b; padding-top: 8px; margin-top: 12px; }
footer .note { line-height: 12px; font-size: 9px; text-align: center; }
	footer .note .label-row .line { width: 356px; height: 6px; border-bottom: 1px solid #e0e0e0; float: left; }
	footer .note .label-row .label { width: 40px; color: #8a796b; font-size: 9px; font-weight: 300; text-transform: uppercase; text-align: center; float: left; }
	footer .note .text { padding: 0 140px; margin-top: 4px; }
footer .address { font-size: 8px; }
	footer .address h5 { font-size: 9px; font-weight: bold; margin: 0 0 2px 0; padding: 0; }
	footer .address .icon-row { margin-top: 2px; }
		footer .address .icon-row img { display: inline-block; vertical-align: middle; margin-right: 4px; }
		footer .address .icon-row span { display: inline-block; vertical-align: middle; }