.invoice{
	font-family:helvetica,verdana,sans-serif;
	background: white;
	box-shadow: 0px 5px 10px rgba(0,0,0,.2);
	padding: 20px;
    width: 210mm;
    height: 100%;
    min-height: 290mm;
	page-break-after: always;
	position: relative;
	line-height: 1.3;
	color: black;
}
.invoice h1, .invoice h2, .invoice h3{
	font-family: 'Cinzel', serif;
	font-weight: 400;
}
.invoice h1{
	background: #000;
	color: white;
	padding: 5px;
	margin: 0;
	font-size: 1.8em;
}
.invoice h3{
	margin: 0;
}
.invoice a {
	color: black;
}
.invoice p{
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.3;
}
.invoice hr{
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
}
.invoice th{
	font-family: 'Cinzel', serif;
	text-transform: uppercase;
	padding: 5px 10px;
	background: black;
	text-align: left;
	color: white;
	line-height: 1;
}
.invoice th small, .invoice td small{
	color: white;
	text-transform: none;
	font-size: .8em;
}
.invoice td small{
	color: #888;
}
.invoice td{
	padding: 10px;
	line-height: normal;
	vertical-align: top;
}
.invoice td.alignright, .invoice th.alignright{
	text-align: right;
}
.invoice .lines td{
	border: 1px solid black;
	border-width: 0 1px 1px 0;
}
.invoice tfoot{
	page-break-inside: avoid;
	page-break-before:auto;
}
.invoice tfoot td{
	border-top: 1px solid #ccc;
}
.invoice .title{
	opacity: .6;
}
.head .logo{
	float: left;
}
.printout{
	padding: 10mm 20mm;
}
.printout ol, .printout ul{
	margin-bottom: 20px;
}
.printout ol ol, .printout ul ul, .printout ul ol, .printout ol ul{
	margin-top: 10px;
	margin-left: 20px;
}
.printout ul{
	list-style: circle;
}
.printout li{
	margin: 0 0 10px 20px;
}
.printout h1, .printout h2, .printout h3{
	margin-bottom: 10px;
}
.printout h1{
	font-size: 26px;
}
.printout h2{
	font-size: 20px;
}
.MerchantDetails{
	text-align: right;
	float: right;
	width: 450px;
}
.MerchantDetails p{
	text-align: right;
}
.payments{
	text-align: center;
	padding: 20px 10px 10px;
}
.payments p{
	padding: 0;
	margin: 0;
	text-align: center;
}
.CustomerDetail{
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 10px;
}
.CustomerDetail h1{
	margin-bottom: 10px;
}
.CustomerDetail p{
	padding: 0 10px;
}
.CustomerOrder{
	margin-bottom: 250px;
}
.receipt .CustomerOrder{
	
	margin-bottom: 10px;
}
#CustomerOrder tr:nth-child(even) td, #CustomerOrder tr:nth-child(even) th{
	background: #F9f9f9;
}
.keep{
	page-break-inside: avoid;
	page-break-before:auto;
}
.invoice .footer{
	page-break-inside: avoid;
	page-break-before:auto;
	bottom: 0;
	left: 0;
	background: #CCC;
	width: 100%;
	padding-bottom: 0px;
	font-family: serif;
}
.invoice .footer strong{
	font-family: 'Century Gothic', 'Avant Garde', helvetica, sans-serif;
	color: white;
}
.invoice .footer h1{
	text-align: center;
	margin-bottom: 0;
	padding: 0 0 20px;
}
.invoice .footer table{
	background: black;
}
.invoice .footer td{
	text-align: center;
	color: white;
}
.points{
	clear: both;
	background: #eddede;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.receipt{
	font-size: 14px;
	width: 70mm;
	text-align: center;
	font-family:helvetica,verdana,sans-serif;
	background: white;
	box-shadow: 0px 5px 10px rgba(0,0,0,.2);
	padding: 5mm 0mm 10mm;
	margin: 0 5mm;
}
.receipt hr{
	border: 0;
	border-bottom: 1px solid black;
	clear: both;
	margin: 0;
	padding: 0;
	height: 5mm;
	margin-bottom: 5mm
}
.receipt .logo{
	width: 70mm;
	margin-bottom: 3mm;
}
.receipt td{
	padding: 5px 5px 5px;
}
.receipt tfoot td{
	text-transform: uppercase;
}
.receipt .footer h1{
	background: black;
	color: white;
	padding: 5px;
}
.receipt td hr{
	height: 1mm;
	margin-bottom: 1mm;
}
@media print {
	.invoice, .receipt{
		box-shadow: none;
	}
	.pagebreak{
		page-break-after: always;
	}
}