*{
    margin: 0;
    padding:0;
}
body{
    font-family: 'Droid Arabic Kufi', sans-serif;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Regular.woff2) format('woff2'), url(../fonts/DroidKufi-Regular.woff) format('woff'), url(../fonts/DroidKufi-Regular.ttf) format('truetype')
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Bold.woff2) format('woff2'), url(../fonts/DroidKufi-Bold.woff) format('woff'), url(../fonts/DroidKufi-Bold.ttf) format('truetype')
}
.header .logo2 img {
    width: 120px;
    margin-top: 10px;
}
.artxth {
font-weight:700;margin-bottom:10px;}
.subhead h3{
font-weight: 700;
font-size: 20px;
color:#000;
line-height:1.8;
}
.pr-10{
	position: relative;
    right: 30px;
    width: 95%;
    display: block;
}
.header .logo1 img {
    width: 140px;
    padding-top: 10px;
}
.form-group label {
    font-weight: 700;
    font-size: 18px;color:#000;
}
.txtform {
    font-size: 18px;color:#000;
}
.smallft{
    font-weight: 700;
    font-size: 20px;color:#000;
}
.foothead h3 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 40px;color:#000;
}
.headingtxt  h4{
	color:#000;
}
.headingtxt {
    text-align: right;
    border-left: 0px solid;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;color:#000;
    justify-content: end;
    align-items: center;
    align-content: center;
}
.headingcenter {
    text-align: right;
    border-right: 0px solid;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;color:#000;
    
}
.centerflex{
    display: flex;
    flex-direction: row;color:#000;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;

}
.headingcenter h4{
    font-size: 1rem;
    font-weight: 700;
    width: 100%;
    text-align: center;color:#000;
}
.borderbox{
    border:1px solid #ccc;
    margin: 2% .5%;
    direction: rtl;
    text-align: right;
    padding: 2%;color:#000;
}
.logo2 {
    text-align: center;
    min-height: 160px;color:#000;
}

.header {
    border-bottom: 3px solid;color:#000;
}
.header.one{
    border:0;color:#000;
}
.b-top1 {
    border-top: 3px solid;
    padding-top: 1%;color:#000;
}
.logo1{
    border-right: 0px solid;color:#000;
}.txtblack{
	
	color:#000;
}
.border1{
    border:0px solid;
    border-top:0;
}
.dirright{
    direction: rtl;
    text-align: right;
}
.dirright ol {
    padding-right: 20px;
}
.dirright ol li {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 2;color:#000;
}

.b-right{
    border-right:1px solid;
    border-bottom: 1px solid;
}
.b-left{
    border-left:1px solid;
}
.b-top{
    border-top:1px solid;
}
.lr-border{
    border-left:1px solid;
    border-right:1px solid;
}
.br-border{
border-right: 1px solid;
}
.minh{
    min-height: 100px;color:#000;
}
.atag a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}
.text-center h4{
    font-size: 18px;
    font-weight: 900;color:#000;
}
input.form-control {
    border: 1px solid #b5b5b5 !important;
    border-radius: 0;color:#000;
}
input[type=date] {
    text-align: right;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background-repeat:  no-repeat;
    width: 25px;
    height: 25px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 5%;
}

input::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: -10%;
}
input::-webkit-datetime-edit {
    position: relative;
    left: 10%;
}

.firstline {
    padding-top: 20px;
    font-weight: 700;
    font-size: 22px;color:#000;
}

.font-weight-700{
    font-weight: 700;color:#000;
}

.dirright .col-sm-2 {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}

.btn-print{
margin: 2%;
background: #235baa;
color: #fff;
font-weight: 500;
text-transform: uppercase;
transition: all .42s;
padding:8px 20px;
}
.btn-print:hover{
    background: #031937;
    color: #fff;
}

.small-head {
    text-decoration: underline;
    font-size: 22px;
    margin-top: 3%;
    margin-bottom: 3%;
    font-weight: 700;color:#000 !important;
}
.rtlar{
    text-align: right;
    direction: rtl;
}
.dirright .col-sm-3 {
    -ms-flex: 0 0 26%;
    flex: 0 0 26%;
    max-width: 26%;
}

.bottomtxt .col-sm-2 {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}
.borderbox .col-sm-2 {
    -ms-flex: 0 0 12.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.border-top1 {
    border-top: 2px solid;
    padding-bottom: 30px;
    padding-top: 20px;
}
.lineone{
    font-size: 22px;
}
 .col-sm-8.smallinput{
    -ms-flex: 0 0 55.666667%;
    flex: 0 0 55.666667%;
    max-width: 55.666667%;
}

ol li {
    list-style: auto;
}
.foottxt h5{
	font-size: 22px;
	font-weight:600;	
}
/* Page-3 Css Start here  */
.page3head{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;

}
.page3head h4{
    color:#000;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.bgtxt h3{
    background-color: #ccc;    
    text-align: center;
    font-weight: 700;
    color:#000;
}
.bgtxt h3 {
    background-color: #dfdfdf;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 12px 20px;
    border: 5px double;
}
.inputinnerblc .oneinput, .inputinnerblc .innertxtspanan, .inputinnerblc .twoinput{
    float: right;
    width: 100px;
    margin: 0 20px;
}
.sline, .innertxtspan, .firsttxtbox{
    padding-top: 0;
    font-weight: 700;
    font-size: 22px !important;
    color:#000;
}
.inputinnerblc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.page3centerhead {
    direction: ltr;
}
.page3centerhead h3{
    text-align: center;
    color: #000;
    font-weight: 700;
    padding: 20px;
    margin-top: 5%;
    margin-bottom: 6%;
}
.rightside_fot {
    text-align: right;
    margin-top: 5%;
    margin-bottom: 5%;
}
.rightside_fot h3{
    font-weight: 700;
    font-size: 20px;
}
.mrt{
    margin-top:5%;
}
.foothead h3 {
    text-align: left;
}
.rightside_fot h3{
	color:#000;
}
/* Page-3 Css End here  */


@media (max-width:480px){
    .dirright .col-sm-2, .dirright .col-sm-3 {
        -ms-flex: 0 0 99.666667%;
        flex: 0 0 99.666667%;
        max-width: 99%;
    }
}
@media (max-width:1440px)and(min-width:1025px){
	.form-group label{
	font-size:18px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .subhead h3 {
        font-size: 14px;
    }
    .artxth{
        font-size: 24px !important;
    }
    .form-group label {
        font-weight: 700;
        font-size: 16px;
    }
    .headingtxt h4 {
        font-size: 18px;
        font-weight: 700;
    }
    .dirright .col-sm-3 {
        -ms-flex: 0 0 26%;
        flex: 0 0 32%;
        max-width: 32%;
    }
    .lineone{
        font-size: 22px !important;
    }
}
@media print {
    .btn-print, .page-title, header, .default-section, .WrapperFooter, #MSOZoneCell_WebPartWPQ3 {
      display:none;
    }
    .subhead h3 {
        font-size: 14px;
    }
    .form-group label {
        font-size: 16px;
    }
    .borderbox {
        padding: 5% 2%;
        padding-left: 5%;
    }
    .headingtxt h4 {
        font-size: 18px;
        font-weight: 700;
    }
    .lineone {
        font-size: 22px !important;
    }
    .col-sm-8.smallinput {
        -ms-flex: 0 0 55.666667%;
        flex: 0 0 52.666667%;
        max-width: 52.666667%;
    }
    .dirright .col-sm-3 {
        -ms-flex: 0 0 26%;
        flex: 0 0 32%;
        max-width: 32%;
    }
  }