@font-face {
    font-family:normal;
    src: url("../font/Cairo/Cairo-Regular.ttf");
}
html{
    direction: rtl;
}
*{
    font-family: "normal";
}
.loader{
    position: fixed;
    background: #eee;
    content: " ";
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.loader .load{
    vertical-align: middle;
    text-align: center;
    padding-top: 20%;
}

table.print th.rotate {
    height: 160px;
    white-space: nowrap;
}

table.print th.rotate > div {
    transform:rotate(-90deg);
    margin-top: -70px;
    width: 20px;
}
/* table.print th.rotate > div > span {
    
} */
.div-result-print *{
    font-family: "Times New Roman";
    line-height: normal;
    text-decoration: none;
}
.small-font{
    font-size: 13px;
}

table.print{
    border-collapse: collapse;
    font-size: 13px;
    border: 1px solid;
   
}
table.print-head{
    border-collapse: collapse;
    font-size: 13px;
}
.fl-left{
    text-align:left;
    margin:5px;
    vertical-align: top;
}
.full-width{
    width: 100%;
}

table.print-head thead{
    background: #C4C4C4;
}
table.print-head th,
table.print-head td{
    border: 1px solid;
    text-align: center;
}
table.print-head th.rotate {
    height: 80px;
    white-space: nowrap;
}
table.print-head th.rotate > div {
    transform:rotate(-90deg);
    width: 20px;
    margin-top: -20px;
}
/* Rating result */
table.print-head th.rotate-rating-result {
    height: 120px;
    white-space: nowrap;
}
table.print-head th.rotate-rating-result > div {
    transform:rotate(-90deg);
    width: 20px;
    margin-top: -50px;
}
/****************/
table.print th,
table.print td{
    border: 1px solid;
    padding: 2px 0;
   
}
table.print td{
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
    
}
table.print-certificate th,
table.print-certificate td:first-child{
    text-align: right;
    padding-right:10px;
}
table.prints-certificates th,
table.prints-certificates td{
    text-align: left;
    padding-left:10px;
    
}

table.print thead{
    background: #C4C4C4;
}
table.print .min-width{
    white-space: nowrap;
}

table.font-lg{
    border-collapse: collapse;
}

table.font-lg th{
    background: #C4C4C4;
}

table.font-lg th,
table.font-lg td{
    font-size: 15px;
    padding: 7px;
    border:1px solid #000;
    white-space: nowrap;
}

.bg-gray{
    background: #C4C4C4;
}
.bg-black{
    background: #A1A1A1;
}
.result-divider{
    width: 2px;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.fl-left{
    float: left;
}


.bold{
    font-weight: bold;
}
.makeup{
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
}
.certificate{
    width:595px;
    /* height:842px; */
    font-family: Arial, Helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-height: 1100px;
}

.certificate-notify{
    background: #808080;
    padding: 2px;
}
.vertical-align-top{
    vertical-align: top;
}
.small-width{
    width: 80px;
}
.certificate > table td{
    vertical-align: top;
}
.certificate .avatar{
    height: 121px;
    width: 111px;
    border: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
}
.justify{
    text-align: justify;
    font-weight: bold; 
    font-size: 25px;   
}
.justify_english{
    direction: ltr;
    text-align: justify;
    font-size: 20px;
    font-weight: bold; 
}
  
.justify_details{
    font-weight:bold;
    font-size:18px; 
    text-align: justify;  
}
.justify_details_english{
    direction: ltr;
    font-weight:bold;
    font-size:18px; 
    text-align: justify;  
}

.font-13{
    font-size: 13px;
}
.font-48{
    font-size: 48px;
}
.certificate-flex{
    display: flex; 
    justify-content: space-between;
    flex-flow: wrap;   
}
.certificate-flex > div{
    min-width: 290px;
    margin-bottom: 15px;
    font-size: 18px;
 
}
.certificate-flex .Eng{
    min-width: 290px;
    margin-bottom: 15px;
    font-size: 18px;
    direction: ltr;
}
.certificate-flex-left{
    direction: ltr;
}
 .certificate-flex > div:nth-child(3){
    display: block;
    width: 100%;
}
.certificate-header-space{
    height: 170px;
}
.certificate-header-space-page2{
    height: 70px;
}
.bg-excellent{
    background:#AAEDD6 ;
}
.bg-verygood{
    background:#DFBDFF ;
}
.bg-good{
    background:#B6D2FF ;
}
.bg-pass{
    background:#fff3cd ;
}
.bg-failure{
    background:#F5C7CB ;
}
.print tr:hover td,
.print tr:focus td{
	background:#8bb4df;
}