.simple_column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.simple_row:after {
  content: "";
  display: table;
  clear: both;
}

.cart_invoice h1 {
    text-transform: uppercase			!important;
    color: #CCCCCC						!important;
    text-align: right					!important;
    font-size: 24px						!important;
    font-weight: normal					!important;
    padding-bottom: 5px					!important;
    margin-top: 0px						!important;
    margin-bottom: 15px					!important;
    border-bottom: 1px solid #CDDDDD	!important;
}
.cart_invoice body, td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.cart_invoice .jamaah{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.jamaah_address{
	font-size: 14px;
}
.jamaah_phone{
	font-size: 12px;
}
.cart_invoice .content_var {
	padding: 7px;
	word-wrap: break-word;
}
.cart_invoice .right {
    text-align: right;
    padding-left: 5px;
}
.cart_invoice .left {
    text-align: left;
    padding-left: 5px;
}
.cart_invoice .center {
	text-align: center;
}
.cart_invoice .head-bar{
	font-size: 18px;
}
.cart_invoice .head {
	padding: 5px;
	background: #dadada !important;
}
.cart_invoice .border-all {
	border: 1px solid #888;
}
.cart_invoice .border-top {
	border-top: 1px solid #888;
}
.cart_invoice .border-bottom {
	border-bottom: 1px solid #888;
}
.cart_invoice .border-left {
	border-left: 1px solid #888;
}
.cart_invoice .border-right {
	border-right: 1px solid #888;
}
.cart_invoice a.link{padding: 3px 8px;background: #eee;border: 1px solid #ccc;color: #333;text-decoration: none;margin-right: 5px;}
.cart_invoice img.inv_logo {
	width: 150px;
}



.cart_label h1 {
    text-transform: uppercase			!important;
    color: #CCCCCC						!important;
    text-align: right					!important;
    font-size: 24px						!important;
    font-weight: normal					!important;
    padding-bottom: 5px					!important;
    margin-top: 0px						!important;
    margin-bottom: 15px					!important;
    border-bottom: 1px solid #CDDDDD	!important;
}
.cart_label body, td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.cart_label .jamaah_qurban{
	font-size: 12px;
	font-weight: bold;
}
.qurban_line {
	border-top: 1px solid #eee;
}
.cart_label .content_var {
	padding: 7px;
}
.cart_label .right {
    text-align: right;
    padding-left: 5px;
}
.cart_label .left {
    text-align: left;
    padding-left: 5px;
}
.cart_label .center {
	text-align: center;
}
.cart_label .head-bar{
	font-size: 18px;
}
.cart_label .head {
	padding: 5px;
	background: #dadada !important;
}
.cart_label .border-all {
	border: 1px solid #888;
}
.cart_label .border-top {
	border-top: 1px solid #888;
}
.cart_label .border-bottom {
	border-bottom: 1px solid #888;
}
.cart_label .border-left {
	border-left: 1px solid #888;
}
.cart_label .border-right {
	border-right: 1px solid #888;
}
.cart_label a.link{padding: 3px 8px;background: #eee;border: 1px solid #ccc;color: #333;text-decoration: none;margin-right: 5px;}
.cart_label img.label_logo {
	width: 150px;
}






    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #FAFAFA;
        font: 12pt "Tahoma";
    }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .page {
	/*
        width: 210mm;
        width: 245mm;
	*/
        width: 300mm;
        padding: 20mm;
        margin: 10mm auto;
        border: 1px #D3D3D3 solid;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	background-image: url('/img/letter_beau.png');
	/*
        min-height: 297mm;
	background-position: top;
	*/
    }
    .subpage {
        padding: 5mm;
        border: 5px #023101 solid;
	background-color: white;
	outline: 2.5cm #ffffffb8 solid;
	/*
        height: 257mm;
        outline: 2cm #f7fff5 solid;
        outline: 2cm #FFEAEA solid;
	*/
    }
    .certificate {
	width: 406mm;
        height: 299mm;
        border: 1px #D3D3D3 solid;
        padding: 20mm;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	background-image: url('/img/letter_beau.png');
	/*
        margin: 10mm auto;
	background-position: top;
	*/
    }
    .certificate_bg {
        padding: 5mm;
        border: 5px #023101 solid;
	width: 364mm;
        height: 257mm;
	background-image: url('/img/certificate_qurban_template.jpg');
	background-size: cover;
	/*
	outline: 2.5cm #ffffffb8 solid;
        outline: 2cm #f7fff5 solid;
        outline: 2cm #FFEAEA solid;
	*/
    }

   
    @page {
	/*
	 * This seems too static so removing it !
        size: A4;
        size: A4 landscape;
	*/
        margin: 0;
    }
    @media print {
        html, body, .book, .page, .subpage {
	    -webkit-print-color-adjust: exact; 
	    margin: 0 !important;
            width: 100% !important;
	    /*
            height: 100% !important; 
	    */
            height: fit-content !important; 
        }
	body {
	    background-image: url('/img/letter_beau.png') !important;
	    background-position: top left !important;
	}
    	.subpage {
    	    padding: 5mm !important;
    	    border: 5px #023101 solid !important;
    	    background-color: white !important;
    	    outline: 2.5cm #ffffffb8 solid !important;
    	}
	.no_print, .cart_invoice button.link, .cart_label button.link {
		display: none;
	}
    }

    /* remove href url on print */
    a[href]::after {
        content: none !important;
    }

    .dd-vertical-text {
        transform: rotate(90deg);
        transform-origin: left top 0;
    }

    .dd_fixed_center_screen {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }