

/*
html {
	font-size: 62.5%;
}

body {
	padding: 20px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
  }
  */


.printable-invoice {
	font-size: 62.5%;
}


.large-padding-bottom {
	padding-bottom: 14px;
}

.large-margin-bottom {
	margin-bottom: 14px;
}

.bottom-divider-border {
	border-bottom: solid 1px #ccc;
}


/*
.invoice_header {
}
*/
.invoice_header h1, h2 {
	padding: 0px;
	margin: 0px
}

.invoice_header h1 {
	font-size: 20px;
}

.invoice_header h2 {
	font-size: 14px;
}

.invoice_header-section {
	display: flex;
	display: -webkit-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;

	align-items: flex-end;
	-webkit-align-items: flex-end;

	border-bottom: solid 1px whitesmoke;
}

/*
.invoice_header_company {


}

.invoice_header_info {

}
*/

.invoice-logo-container {
	width: 100px
}

.invoice-logo {
	display: block;
	width: 100%
}

.invoice-billing-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;

	justify-content: space-between;
	-webkit-justify-content: space-between;

	align-items: flex-start;
	-webkit-align-items: flex-start;

}


.invoice-billing-section:last-child {
	padding: 0px 12px;
}


.invoice-billing-section h3,
.invoice-billing-section h4 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

.invoice-billing-section h4 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 14px;
	margin-bottom: 14px;
	text-align: right;
}

.invoice-billing-section td,
.invoice-billing-section th {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 8px;
	text-align: right;
}

.invoice-billing-section td {
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}

.invoice-billing-section ul {
	margin:  0px;
	padding: 0px;
	list-style: none;
	margin-top: 8px;
}

.invoice-billing-section li {
	font-size: 12px;
	margin-bottom: 4px;
	text-align: right;
}


.invoice-items-table-container {
	margin-top: 18px;
	/*margin-bottom: 18px;*/
}


.invoice-items-table {
	width: 100%;
	margin-bottom: 14px;
	border-collapse: collapse;
	border: black  solid 1px;
	border-bottom: none
}

.invoice-items-table thead tr {
	background-color: black ;
}

.invoice-items-table thead th {
	text-align: right;
	padding: 10px;
	border-bottom: black  solid 1px;
	background-color: black ;
	color: #fff;
}

.invoice-items-table tbody td {
	text-align: right;
	padding: 10px
}

.invoice-items-table thead th,
.invoice-items-table tbody td {
	text-align: right;
	padding: 8px;
	font-size: 10px;
	border-bottom: black solid 1px;	
}

/*
.invoice-summary-table {	
}
*/

.invoice-summary-table th,
.invoice-summary-table td {
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

.invoice-summary-table td {
	padding-right: 12px;
}

.invoice-summary-container {
	display: flex;
	display: -webkit-flex;

	align-items: center;
	-webkit-align-items: center;
	

	flex-direction: row;
	-webkit-flex-direction: row;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;

	align-items: center;
	border-bottom: whitesmoke solid 1px;
	padding-bottom: 22px;
	margin-bottom: 22px;
}

.invoice-summary-table-container {
	width: 80%;
}


.invoice-qrcode-container {
	width: 20%;

	display: flex;
	display: -webkit-flex;

	align-items: center;
	-webkit-align-items: center;

	justify-content: center;
	-webkit-justify-content: center;
}

.invoice-qrcode-container img {
	width: 100%;
	display: block;
}

/*
.invoice-footer {
}


.invoice-footer-section { 
}
*/


.invoice-footer-section h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	margin-bottom: 14px
}

.invoice-footer-section p {
	font-size: 12px
}



.print-report-page-footer {
	margin-top: 16px;
	padding-top: 16px;
	border-top: solid 1px #ccc;
}


.print-page-stamp {
	display: block;
	width: 120px;
}

.print-page-stamp-img  {
	display: block;
	width: 100%;
}




@media print{    
  
	html, body {
	  height: initial !important;
	  overflow: initial !important;
	  -webkit-print-color-adjust: exact;
	}
	
}


@media all {
	.page-break {
	  display: none;
	}
}
  
  
  /*
@page {
	size: auto;
	margin: 10mm;
}*/