body {
         background: rgb(204,204,204); 
         color:#36342c;
         font-family: 'Tajawal', sans-serif!important;
         font-size:12px;
         }
         page {
         background: white;
         display: block;
         margin: 0 auto;
         margin-bottom: 0.5cm;
         box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
         }
         div.A4,div.landscape{ 
         background: white;
         display: block;
         margin: 0 auto;
         margin-bottom: 0.5cm;
         /*box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);*/
         height: 100%; 
         }
         page[size="A4"] ,div.A4{  
         width: 21cm;
         height: 100%; 
         }
         page[size="A4"][layout="landscape"],div.landscape{
         width: 29.7cm;
         height: 100%;
         }
         page[size="A3"] {
         width: 29.7cm;
         height: 42cm;
         }
         page[size="A3"][layout="landscape"] {
         width: 42cm;
         height: 29.7cm;  
         }
         page[size="A5"] {
         width: 14.8cm;
         height: 21cm;
         }
         page[size="A5"][layout="landscape"] {
         width: 21cm;
         height: 14.8cm;  
         }
         @media print {
         body, page {
         margin: 0;
         box-shadow: 0;
         }
         }
         .logo{
         max-width:185px;
         height:auto;
         padding:8px 16px 0px;
         }
         .qut_hd{
         background-color:$style[info];
         height:32px;
         background-repeat: repeat-x;
         }
         .qut_ttile{
         text-align:center;
         font-size:20px;
         font-weight:500;
         }
         .sub_color{
         color:$style[info];
         }
         .line{
         border-bottom:1px solid $style[muted2];
         margin:0px 24px 24px 24px;
         }
         .issue{
         margin-right:40px;
         width:100%;
         font-size:14px
         }
         .issue .title{
         color:$style[dark];  
         font-size:12px
         }
         .issue .customer{
         margin-right:6px;
         font-size:14px;
         margin-top:6px;
         margin-bottom:6px;
         width:100%;
         }
         .bank{
         margin-right:40px;
         width:100%;
         }
         .bank .title{
         color:$style[dark];
         }
         .bank .sub{
         margin-right:6px;
         font-size:12px;
         color:$style[info];
         }
         .issue .sub{
         margin-right:6px;
         font-size:12px;
         color:$style[info];
         width:100%;
         }
         .issue .sub .sub_h{
         display:inline-flex;
         text-align:center;
         padding-inline-end:0.375rem;
         }
         .issue .sub.ref{
         font-size:11px;
         color:$style[secondary];
         }
         .qut_info
         {
         padding-left:30px;
         padding-right:30px;
         }
         .qut_info   td{
         font-size:12px;
         padding-left:10px;
         padding-right:10px;
         padding-top:3px;
         padding-bottom:3px;
         height: 16px;
         }
         .qut_info .one{
         border:2px solid $style[info];
         border-left-width:0;
         border-right-width:0;
         height: 16px;
         }
         .left{
         text-align:left;}
         .qut_info .sec{
         border:1px solid rgb(255,255,255);
         border-left-width:0;
         border-right-width:0;
         border-bottom-width:0;
         background-color:rgb(242,242,242);
         background-color:  $style[bg_light];
         }
         .center{
         text-align:center;}
         .product{
         font-size:12px;
         font-weight:500;
         }
         .item_number{
         font-weight:600;
         letter-spacing:2px;
         }
         .amount {
         font-weight: 600;
         }
         .amount_suffix {
         padding-inline-start: 0.1375rem;
         padding-inline-end: 0.1375rem;
         font-size: smaller;
         }
         .qut_info  tr:nth-child(even) .sec 
         {
         background-color: rgb(255,255,255);
         }
         .qut_terms{
         font-size:9px;
         padding-left:30px;
         padding-right:30px;
         padding-top:3px;
         padding-bottom:3px;
         display: flex;
         text-align: justify;
         }
         .qut_terms .title{   font-weight: 600; color:$style[info];}
         .qut_terms .txt{   font-weight: 400;   
         display: flex;
         text-align: justify;
         font-size:9px;}
         .issue .sub.address {color:$style[muted2]; font-size:10px;}
         .sub_ltr { display: inline-flex;}
         @media print
         {    
         body {
         background:#fff;
         }
         page {  box-shadow: none;}
         }
         table  tr td, table  tr th {
         page-break-inside: avoid;
         }
         @media print {
         table  tr td {page-break-inside: avoid!important;}
         .qut_hd { display:none;}
         pre  {page-break-inside: avoid!important;}
         }
         .bold,tfoot td{
         font-weight:600;
         } 
		 .qut_end td{
		  font-weight:600;
		 }