body{font-family: noori !important; font-size:1.3em; direction: rtl; line-height: 2;}

h1,h2,h3,h4,h5{ font-family: noori !important; font-size: 1.5em; }
.main{width:98%; margin:auto !important; min-width:1500px; max-width:1500px; margin-right: 17px;  padding-top: 1%; padding-bottom: 2.5%;}    

/*.row1{width:99%; margin:0 auto;}*/

.h-left{width:20%; display: inline; float: left; text-align: center;}
.h-left2{width:231px; display: inline; float: left; text-align: center; font-size:0.8em;}
.h-left1{width:416px; display: inline; float: left; font-size:1em; text-align: center;}

.h-center{width:60%; display: inline; float: left; text-align: center;}
.h-center1{width:591px; display: inline; float: left; font-size:1em; text-align: center;}
 .h-center > .arabic{ font-family: 'Quranic'; font-size: 1.4em; }

.h-right{width:20%; display: inline; float: left; text-align: center;}

.h-part{border:1px dotted black; margin-bottom: 2%; padding-bottom: 10%;}

.h-part-top{background:lightgray; padding:5px;}

.h-center > p{margin-top: -0%; font-weight: bold;}

.h-center > h2{margin-top: -2.5%
}

.h-center-main{width:90%; margin:0 auto;}
.h-center-gray{background:lightgray; border:0.5px solid black; width:20%;  display: inline-block;     margin-bottom: 1%;
    text-align: center;
    /* vertical-align: text-top; */
    padding-top: 0.5%; padding-bottom:1%;}

.h-center-main > p{display: inline; position: relative; top: -1px;  font-size: 1.3em;
    margin-right: 14px;}

.h-center-gray2{background:lightgray; padding:6px; border:0.5px dotted black; width:95%;  margin: 26px auto;}

 table > thead{background: lightgray;} 
 table > thead > tr > th{text-align: center !important;}
 table > tbody > tr > td{text-align: center; }
 table > tbody > tr > td > p {transform:rotate(270deg); font-weight: bold;}
td{padding:2.5px; font-size:16px;}
tr{padding:2px}
th{padding:2px}