.back {}

@media print { @page {size: auto !important} }

.paper-fixed {

	min-width: 595pt; 
	max-width: 595pt;
	width: 595pt;
	/* width: 792px; */
	height: 842pt;
	margin: auto;
	padding: 0;
	/* border: 2px solid rgba(0, 0, 255, 0.5);   */
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16), 3px 3px 6px rgba(0, 0, 0, 0.23);
}

.invoice-box {
	/* padding: 48px; */
	margin: 36pt 36pt;
	min-width: 523pt; 
	width: 100%;
	/* width: 700px;   */
	min-height: 770pt;
	/* height: 960px; */
	position: relative;
}


.flexrow {
	/* margin: 0px; 
    */
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin: 8px 0px;
}

.align-rt {
	text-align: right;
}


.invoice-top {
	background-color: lightblue;
	padding: 8px 8px;
}

/*
Invoice-top-left refers to the client name & address, service provided
*/
.invoice-top-left {
	margin-top: 60px;
}

.invoice-top-left h2,
.invoice-top-left h6 {
	line-height: 1.5;
	font-family: 'Arial', sans-serif;
}

.invoice-top-left h4 {
	margin-top: 30px;
	font-family: 'Arial', sans-serif;
}

.invoice-top-left h5 {
	line-height: 1.4;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
}

.client-company-name {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 0;
}

.client-address {
	font-size: 1.25rem;
	margin-top: 5px;
	color: rgba(0, 0, 0, 0.75);
}

/*
Invoice-top-right refers to the our name & address, logo and date
*/
.invoice-top-right h2,
.invoice-top-right h6 {
	text-align: right;
	line-height: 1.5;
	font-family: 'Arial', sans-serif;
}

.invoice-top-right h5 {
	line-height: 1.4;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	text-align: right;
	margin-top: 0;
}

.invoice-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}

.our-company-name {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 0;
}

.our-address {
	font-size: 1.2rem;
	margin-top: 0;
	color: rgba(0, 0, 0, 0.75);
}

.logo-wrapper {
	overflow: auto;
}

/*
Invoice-bottom refers to the bottom part of invoice template
*/
.invoice-bottom {
	background-color: #ffffff;
	padding: 8px 8px;
	margin-top: 32px;
	position: relative;
}

.title {
	font-size: 30px;
	font-family: 'Arial', sans-serif;
	font-weight: 600;
	margin-bottom: 30px;
}

/*
Invoice-bottom-left
*/
.invoice-bottom-left h5,
.invoice-bottom-left h4 {
	font-family: 'Arial', sans-serif;
}

.invoice-bottom-left h4 {
	font-weight: 400;
}

.terms {
	font-family: 'Arial', sans-serif;
	font-size: 1rem;
	margin-top: 40px;
	text-align: left;
}

.divider {
	margin-top: 50px;
	margin-bottom: 5px;
}

/*
bottom-bar is colored bar located at bottom of invoice-card
*/
.bottom-box {
	position: absolute;
	bottom: 0px;
	width: 100%;
	/* border: 2px solid; */
}

.bottom-bar {
	height: 26px;
	background-color: #999999;
} 

span {
	font-family: 'Arial', sans-serif;
	font-size: 1rem;

}

.boldfont{
	font-weight: 600;
}

th,
td {
	text-align: left;
	padding: 8px;
}

.table2 {
	border-collapse: collapse;
	width: 100%;
	font-family: 'Arial', sans-serif;
	font-size: 1rem;

}



.table2 th,
.table2 td {
	padding: 8px;
}

.table2 tr:nth-child(even) {
	background-color: #D6EEEE;
}

.table2 > thead > tr:nth-child(odd) {
	background-color: #D6EEEE;
}

.table2 th:nth-child(odd),
.table2 td:nth-child(odd) {
	background-color: rgba(150, 212, 212, 0.4);
}

.td-right {
	text-align: right;
	width: 72px;
}

.td-right0 {
	text-align: right;
	width: 72px;	
}



.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	gap: 10px;
	background-color: #2196F3;
	padding: 10px;
}

.grid-container>div {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid black;
	text-align: center;
	font-size: 30px;
}


code.edocprinter-cmd {
    white-space: pre;
}