@font-face {
  font-family: GE;
  src: url(fonts/GE-SS.otf);
  /* font-weight: bold; */
}
@font-face {
  font-family: KU ;
  src: url(fonts/Kufi.ttf);
  /* font-weight: bold; */
}
body {
  background: rgb(204,204,204); 
}
* { padding: 0; margin: 0; 
  -webkit-box-sizing:border-box ;
  box-sizing:border-box ;
}
page {
  background: white;
  display: block;
  margin: 0 auto;

  margin-bottom: 0.2cm;
  /* margin-left: 0.2cm; */
  /* box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); */
  font-family: Arial, Tahoma;
  font-weight: 700;
  font-size:10pt;
  /* font-family: 'KU','Open Sans',sans-serif; */
  /* font-family: 'Sameh', sans-serif; */
  -webkit-print-color-adjust: exact !important
}
page[size="A4"] {  
  width: 20.2cm;
  height: 23.0cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="Letter"]{
  width: 21.59cm;
  height: 27.94cm;  
}
article{
  padding: 0px;
  margin: 0px;
}
div{
  padding-right:6px;
  padding-left: 6px;
}

.clearfix  {   clear:both    }
.brr{
  border: solid 1px;
  border-color: rgba(4,66,22,0.40);
  padding: 3px;
  border-radius: 10px 0px 10px 0px;
}
.br{
  border: solid 1px;
  border-color: rgba(4,66,22,0.40);
  padding: 3px;
}
.brb{
  border-bottom: solid 2px;
  border-color: green;
  padding: 3px;
}
.br2{
  border-left: solid 1px;
  border-bottom: solid 1px;
  border-top: solid 1px;
  border-color: rgba(4,66,22,0.40);
  padding: 3px;
}
.br3{  border-left: solid 1px;
  border-bottom: solid 1px;
  border-color: rgba(4,66,22,0.40);
  padding: 3px;
}
/* new border single border */
.sb1{  
  border-left: solid 1px;
  border-color: rgba(2,48,2,0.70);
  padding: 3px;
}
.sb2{  
  border-top: solid 1px;
  border-color: rgba(2,48,2,0.50);
  padding: 3px;
}
.sb3{  
  border-right: solid 1px;
  border-color: rgba(2,48,2,0.70);
  padding: 3px;
}
.sb4{  
  border-bottom: solid 1px;
  border-color: rgba(2,48,2,0.70);
  padding: 3px;
}
.sr1{  
  border-radius: 10px 0px 10px 0px;
    }
.sr2{  
  border-radius: 0px 10px 0px 10px;
    }
.sr3{  
  border-radius: 10px 10px 0px 0px;
    }
.sr3{  
  border-radius: 10px 10px 10px 10px;
    }

.out_free{
    padding: 2px;
    float : right;
    line-height: 0.79cm;
    /* text-overflow: hidden; */
    /* overflow: hidden; */
    /* text-overflow: clip; */
    /* box-sizing: border-box; */
    }
.out_sm{      padding: 2px;      float : right;      line-height: 0.49cm;      }

/* tag size  */
  .w1{    -ms-flex: 0 0 12.5%;    flex: 0 0 12.5%;    max-width: 12.5%;  }
  .w12{    -ms-flex: 0 0 6%;    flex: 0 0 6%;    max-width: 6%;  }
  .w18{    -ms-flex: 0 0 18%;    flex: 0 0 18%;    max-width: 18%;  }
  .w32{    -ms-flex: 0 0 32%;    flex: 0 0 32%;    max-width: 32%;  }
  .w2{    -ms-flex: 0 0 25%;    flex: 0 0 25%;    max-width: 25%;  }
  .w3{    -ms-flex: 0 0 37.5%;    flex: 0 0 37.5%;    max-width: 37.5%;  }
  .w35{    -ms-flex: 0 0 87.5%;    flex: 0 0 87.5%;    max-width: 87.5%;  }
  .w4{    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;  }
  .w100{   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;  }
  .w75{   -ms-flex: 0 0 75%;    flex: 0 0 75%;    max-width: 75%;  }
  .w62{   -ms-flex: 0 0 62.5%;    flex: 0 0 62.5%;    max-width: 62.5%;  }

  /* row genrator */
  .row {
    /* display: -ms-flexbox; */
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-left: -1px;
  }
  .ts{
    font-size: 8.5px;
    font-family: 'KU','Open Sans',sans-serif;
  }
  .tss{
    font-size: 9.0px;
    font-family: 'GE','Open Sans',sans-serif;
  }
  .t_h{
    font-size: 10pt; font-weight: 800 ; font-family: 'KU','Open Sans',sans-serif;
  }
  .thh{
    font-size: 12.0pt; font-weight: 800 ; font-family: 'KU','Open Sans',sans-serif;
  }
  /* make bckground gray */
  .hd, .ft {
    background-color:rgba(213,242,180,0.30);
  }
  /* text algin */
  .t_center {   text-align: center;  }
  
  .t_left {   text-align: left;  }
  
  .t_right{    text-align: right;  }
  
  .t_auto {    text-align: justify;  } 

  .t_under{  text-decoration: underline;  }
  img {
    max-width: 100%;
    max-height: 100%;
}

.s_img {
    height: 105px;
    width: 750px;
}
@media print {
  body, page {
    /* margin: 0; */
    margin: 4cm 0.2cm 1.5cm 0.2cm;
    /* margin-bottom: 2.2cm; */
    box-shadow: 0; 
  }
}