@font-face{font-family:din nexttm arabic;src:url(../font/DINNextLTW23-Regular.ttf) format("truetype")}*{font-family:din nexttm arabic;direction:rtl}p{margin:0}*,::before,::after{box-sizing:border-box}body{padding:0;font-family:open sans,helvetica neue,Helvetica,Arial,sans-serif;font-size:14px;color:var(--Color1);background-color:#fff;margin:0}.label1{margin:12px auto 2px;color:var(--Color1);font-size:13px}.label2{margin:12px 1% 2px 0%;float:right;width:25%;background-color:#f9f9f9;padding:4px 2px;border-radius:5px;text-align:center;height:29.97px;line-height:22px;color:var(--Color1)}.input-group-icon2{position:relative;float:left;width:73%;margin-top:12px!important}.clearfix{clear:both}.color1{color:var(--Color1)!important}.color2{color:var(--Color2)!important}.color3{color:var(--Color3)!important}.color4{color:var(--Color4)!important}.bgcolor1{background-color:var(--Color1)!important}.bgcolor2{background-color:var(--Color2)!important}.bgcolor3{background-color:var(--Color3)!important}.bgcolor4{background-color:var(--Color4)!important}input,input[type=radio]+label,input[type=checkbox]+label,select option,select,textarea{width:100%;padding:.2em;line-height:1.22;background-color:#fdfdfd;border:1px solid #e5e5e5;transition:all .35s ease-in-out 0s;border-radius:5px!important}input:focus{outline:0;border-color:var(--Color1)}input:focus+.input-icon i{color:var(--Color1)}input:focus+.input-icon::after{border-right-color:var(--Color1)}textarea:focus{outline:0;border-color:var(--Color1)}textarea:focus+.input-icon i{color:var(--Color1)}textarea:focus+.input-icon::after{border-right-color:var(--Color1)}input[type=radio]{display:inline-block;width:auto}input[type=radio]+label{display:inline-block;width:100%;text-align:center;border-radius:0}select{padding-right:2.5em}select:focus,select:active{background-color:var(--Color1);color:#fff;border-color:#e5e5e5}input[type=checkbox]{display:inline-block;width:auto}input[type=checkbox]+label{display:inline-block;width:50%;text-align:center;border-radius:10px}input[type=checkbox]:checked+label,input:checked+label::before{color:#000;border:0;background-color:unset!important}select:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}select:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}select:focus,select:active{outline:0}select option{background-color:var(--Color1);color:#fff}.input-group{margin-top:0;zoom:1}.input-group::before,.input-group::after{content:"";display:table}.input-group::after{clear:both}.input-group-icon{position:relative}.input-group-icon input{padding-right:2.6em}.input-group-icon textarea{padding-right:2.6em}.input-group-icon .input-icon{position:absolute;top:0;right:0;width:2em;height:2.2em;line-height:2.2em;text-align:center;pointer-events:none;display:flex;align-items:center;justify-content:center}.input-group-icon .input-icon::after{position:absolute;top:.6em;bottom:.6em;right:2em;display:block;border-left:1px solid #e5e5e5;content:"";transition:all .35s ease-in-out 0s}.input-group-icon .input-icon i{transition:all .35s ease-in-out 0s}.container{width:98%;padding:1em;margin:1%;background-color:#fff;border-radius:4.2px;box-shadow:rgba(0,0,0,.2) 0 3px 10px -2px;display:block}.row{zoom:1}.row::before,.row::after{content:"";display:table}.row::after{clear:both}.col-half{padding:0px 3px;float:right;width:50%}.col-quarter{padding:0px 3px;float:right;width:25%}.col-half:last-of-type{/*padding-left:0*/}.col-third{padding:0px 3px;float:right;width:33.3333%}.col-third:last-of-type{/*padding-left:0*/}.col-four{padding:0px 3px;float:right;width:25%}.col-four:last-of-type{/*padding-left:0*/}.col-3quarter{padding:0px 3px;float:right;width:75%}.col-3quarter:last-of-type{/*padding-left:0*/}.col-20pers{padding:0px 3px;float:right;width:20%}.col-20pers:last-of-type{/*padding-left:0*/}.col-80pers{padding:0px 3px;float:right;width:80%}.col-80pers:last-of-type{/*padding-left:0*/}.col-100pers{padding:0px 3px;float:right;width:100%}.col-100pers:last-of-type{/*padding-left:0*/}#piechart,#piechart *{direction:ltr!important}input[type=radio]+label,input[type=checkbox]+label{display:inline-block;width:auto;color:#000;border:0;padding:12px 0 12px 15px;background-color:unset!important}textarea,select,input[type=text],input[type=number],input[type=password],input[type=time],input[type=date],input[type=email],input[type=month],input[type=search],input[type=tel],input[type=week],input[type=url],input[type=mail]{height:29.97px}.Smallload{font-size:large;color:var(--Color1);display:none}.Title1{width:100%;padding:5px;line-height:1.1;background-color:#fff;border:1px solid #e5e5e5;font-size:17px;border-radius:5px;text-align:right;color:var(--Color1)}.Title11{width:100%;padding:0;line-height:0;background-color:#fff;border:0 solid #e5e5e5;font-size:12px;border-radius:3px;text-align:left;color:var(--Color1);margin-top:3px}.sub-title{width:100%;padding:5px;line-height:1.1;border:1px solid var(--Color1);border-radius:5px;text-align:center;color:#fff;background-color:var(--Color1);margin-top:12px}.sub-title2{width:100%;padding:5px;line-height:1.1;border:1px solid #e5e5e5;font-size:15px;border-radius:5px;text-align:center;color:var(--Color1);margin-top:12px;background-color:#f7f7f7}.sub-title3{width:100%;padding:5px;line-height:1.1;border:1px solid #e5e5e5;font-size:15px;border-radius:5px;text-align:center;color:var(--Color1);margin-top:12px;background-color:#f7f7f7}.btn1{width:20px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;background-color:var(--Color1)!important;padding:4.5px 5px!important;border-radius:3px!important}.btn2{width:110px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;background-color:var(--Color1)!important;padding:4.5px 5px!important;border-radius:3px!important}.btn22active{background-color:#464646;width:110px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;padding:4.5px 5px!important;border-radius:3px!important}.btn22{width:110px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;background-color:var(--Color1)!important;padding:4.5px 5px!important;border-radius:3px!important}.btn3{width:160px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;background-color:var(--Color1)!important;padding:4.5px 5px!important;border-radius:3px!important}.btn1active{background-color:#d99315;width:20px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;padding:4.5px 5px;display:inline-block;text-align:center;border-radius:3px!important}.btn2active{background-color:#d99315;width:110px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;padding:4.5px 5px;display:inline-block;text-align:center;border-radius:3px!important}.btn3active{background-color:#d99315;width:160px;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;padding:4.5px 5px;display:inline-block;text-align:center;border-radius:3px!important}.btnauto{width:auto;color:#fff;border:none;text-decoration:none;margin:1px;cursor:pointer;line-height:1.4;display:inline-block;text-align:center;background-color:var(--Color1)!important;padding:4.5px 5px!important;border-radius:3px!important}.float2{float:left}.float1{float:right}.bggray{background-color:#f3f3f3}.bgred{background-color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{}.text-center1{text-align:center}a{color:#000;text-decoration:none}.table{width:100%;color:var(--Color1);border-collapse:collapse;margin-top:12px}.table-striped tbody tr:nth-of-type(2n+1){background-color:#f9f9f9!important}.table-bordered td,.table-bordered th{border-bottom:1px solid #dee2e6}.table td,.table th{padding:0 2px;text-align:center;border: 1px solid #d3d1d1;color:#000;/* border-radius:5px; */font-size:14px}.table-bordered thead td,.table-bordered thead th{text-align:center}.table thead th{vertical-align:middle;text-align:center;font-weight:100;background-color:var(--Color3);padding:2px;color:var(--Color1)}.no-float{float:none!important}.noborer td,.noborer th{border:0!important}.input-group-icon2 input{padding-right:2.6em}.input-group-icon2 textarea{padding-right:2.6em}.input-group-icon2 .input-icon{position:absolute;top:0;right:0;width:2em;height:2.2em;line-height:2.2em;text-align:center;pointer-events:none;display:flex;align-items:center;justify-content:center}.input-group-icon2 .input-icon::after{position:absolute;top:.6em;bottom:.6em;right:2em;display:block;border-left:1px solid #e5e5e5;content:"";transition:all .35s ease-in-out 0s}.input-group-icon2 .input-icon i{transition:all .35s ease-in-out 0s}.margin0table{margin:0}.quarterpaddingless{padding-left:4px}.m-t-0{margin-top:0}.dir1{direction:rtl}.dir2{direction:ltr}.title2new{min-height:100px;width:98%!important}.flex-containertabel{display:flex;flex-wrap:wrap;width:100%;margin:auto}.headdiv{vertical-align:middle;text-align:center;font-weight:100;background-color:var(--Color3);padding:5px 1px;color:var(--Color1);border-radius:3px}.div10{padding:5px 1px;flex-basis:9%;margin:5px .5%}.div20{padding:5px 1px;flex-basis:19%;margin:5px .5%}.div30{padding:5px 1px;flex-basis:29%;margin:5px .5%}.div40{padding:5px 1px;flex-basis:39%;margin:5px .5%}.div50{padding:5px 1px;flex-basis:49%;margin:5px .5%}.div60{padding:5px 1px;flex-basis:59%;margin:5px .5%}.div70{padding:5px 1px;flex-basis:69%;margin:5px .5%}.div80{padding:5px 1px;flex-basis:79%;margin:5px .5%}.div90{padding:5px 1px;flex-basis:89%;margin:5px .5%}@media only screen and (max-width:768px){.hidemobile{display:none}.divm10{padding:5px 1px;flex-basis:9%;margin:5px .5%}.divm20{padding:5px 1px;flex-basis:19%;margin:5px .5%}.divm30{padding:5px 1px;flex-basis:29%;margin:5px .5%}.divm40{padding:5px 1px;flex-basis:39%;margin:5px .5%}.divm50{padding:5px 1px;flex-basis:49%;margin:5px .5%}.divm60{padding:5px 1px;flex-basis:59%;margin:5px .5%}.divm70{padding:5px 1px;flex-basis:69%;margin:5px .5%}.divm80{padding:5px 1px;flex-basis:79%;margin:5px .5%}.divm90{padding:5px 1px;flex-basis:89%;margin:5px .5%}.col-half,.col-four,.col-third,.col-quarter,.col-3quarter,.col-20pers,.col-80pers,.col-100pers{width:100%;padding-left:0;padding-right:0}.label2{width:100%;float:none;margin-top:12px}.input-group-icon2{width:100%;float:none}.table{width:max-content}.responsiv{overflow:scroll;max-width:800px;max-height:500px}.col-thirdmobo{padding-left:10px;float:right;width:33.3333%}.col-thirdmobo:last-of-type{padding-left:0}.m-t-0-m{margin-top:12px}thead th{position:sticky;top:0;z-index:3}td{position:relative;z-index:1}.fix1{right:0;z-index:5;width:30px;position:sticky;display:none}.fix2{right:0;z-index:5;position:sticky}.fix1b{right:0;z-index:2;width:30px;position:sticky;background-color:inherit;display:none}.fix2b{right:0;z-index:2;position:sticky;background-color:inherit}thead th{z-index:4}.table-striped tbody tr:nth-child(2n){background:#fff}.table-striped tbody tr:nth-child(2n+1){background:#f9f9f9}.fixfooter{position:sticky;bottom:0;z-index:6;background-color:#fff}}.nopadding{padding:0}.m-t-12{margin-top:12px}.space20{height:20px;clear:both}.aligncenter{margin:auto;text-align:center;position:relative;top:1em;display:block!important}.text1{text-align:right!important}.text2{text-align:left!important}.clearfix{clear:both}.red{color:red}.blue{color:blue}.hr{border-bottom:1px solid #ededed}.m-t-5{margin-top:5px}.m-0{margin:0!important}.m-t-15{margin-top:15px}.m-t-10{margin-top:10px}.m-b-15{margin-bottom:15px}.m-b-10{margin-bottom:10px}.m-b-5{margin-bottom:5px}.m-b-0{margin-bottom:0}.p-t-0{padding-top:0}.p-0{padding:0!important}.p-b-0{padding-bottom:0}.p-t-5{padding-top:5px}.p-b-5{padding-bottom:5px}.p-t-10{padding-top:10px}.p-b-10{padding-bottom:10px}.p-t-15{padding-top:15px}.p-b-15{padding-bottom:15px}.p-r-0{padding-right:0}.p-l-0{padding-left:0}.mtr8{margin:auto 8px}.green{color:green}.gray{color:gray}.white{color:#fff}.black{color:#000}.imgbox33{display:block;margin:auto}.imgbox3{margin:10px auto}.layer1{left:0;background-color:rgba(234,234,234,.8);height:calc(100% - 90px);width:95%;margin:auto;position:fixed;right:0;top:70px;z-index:9999;border-radius:10px;display:none;text-align:center}.close1{background-color:green;cursor:pointer;width:30px;height:25px;border-radius:50%;text-align:center;padding-top:5px;color:#fff;position:absolute;top:-10px;display:none;right:0}.cursor11{cursor:pointer}.chartmain,.chartmain *{overflow:hidden;direction:ltr!important}#direction,#direction *,#columnchart_material,#columnchart_material *{direction:ltr!important}.piechar{width:98%;height:200px;direction:ltr;position:relative;display:flex;justify-content:center}input:disabled,input[type=text]:disabled,textarea:disabled,select:disabled{opacity:.3;pointer-events:none}#content{height:490px;display:flex;flex-direction:column}.table-wrapper{overflow-y:scroll;flex-grow:1;width:100%}.table-wrapper thead{position:sticky;top:0;z-index:66;background-color:#fff}@media print{*{-webkit-print-color-adjust:exact}a[href]::after{content:none!important}tfoot:before {content: ""; margin-top: 55px;  display: block;}tfoot tr{position: fixed; bottom: 0;width: 96%;right: 0;left: 0;margin: auto;display: table;}.table td,.table th{padding:0 1px;border:1px solid #000;font-size:13px;border-radius:0}.no-print,.no-print *{display:none!important}.container{width:98%;padding:1em;margin:1%;border-radius:0;box-shadow:transparent 0 0 0 0}.widnew{width:68.33333333%!important}.widnew2{width:30.33333333%!important}#piechart{transform:scale(.6)}#content{height:100%;width:100%;display:table;flex-direction:unset;page-break-after:avoid;page-break-before:avoid}.table-wrapper{overflow-y:unset;overflow-x:unset;flex-grow:0;width:100%;page-break-after:avoid;page-break-before:avoid}.table-wrapper thead{position:relative;top:auto;z-index:unset}}@media screen{.no-printS,.no-printS *{display:none!important}}.m-t-5 .float1 label{margin-top: -8px;}


.layercon{width:95%;max-width:1200px; position:relative;height:96% ;margin-top:2%;}		 
.layer3{left:0;background-color: rgb(12 12 12 / 74%);height: 100%;width: 100%;margin:auto;position:fixed;right:0px;top: 0;z-index:9999999999;display:flex;align-items: center;justify-content: center; display:none;}
.close3{background-color: #1d5c96;cursor: pointer; width: 30px; height: 30px; text-align: center;padding-top:1px; color: #fff; position: absolute;top:  0px;  left: 0px;font-size: 20px; font-weight: bold; display:none;line-height: 26px;}	
  .newstyle{ box-shadow: rgba(0, 0, 0, .2) 0 3px 10px -2px;color:#797777;}
 .newstyle {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
    i.fa.fa-arrow-circle-left.m-t-10 {
    margin-top: 0;
}
  .newstyle:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.newstyle:hover, .newstyle:focus, .newstyle:active { color: white;}
.newstyle:hover img { filter: brightness(9);}

.newstyle:hover:before, .newstyle:focus:before, .newstyle:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}  
input.btn2.float2 {
    margin-top: 10px;
}

.formpopup{ display:flex;}
 .btnpopup{animation-timing-function: ease;width:10%;border: 3px solid #47c62e;border-radius: 6px;color: #47c62e;display: flex;justify-content: center;align-items: center;padding: 0;margin: 1px;cursor: pointer;}
 .btnpopup i{/* width:10%; */}
 .btnpopup:hover{ background-color:#47c62e; color:#fff;}
 .formpopup input, .formpopup input[type=radio]+label, .formpopup input[type=checkbox]+label,
.formpopup select option, .formpopup select, .formpopup textarea { width:90%;}
 .popupmain{
left: 0;
    background-color: rgb(147 149 161 / 59%);
    height: 100%;
    width: 100%;
    margin: auto;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;}	 
	 
 
 .popupcontent{ background-color:#fff; padding:2%;  display: flex;
    align-items: center;
    justify-content: center;  margin: auto;
    position: fixed;left: 0; right: 0px; height: 70%;
    width: 80%;}
 @media (max-width: 900px) {	.layer3,.popupcontent{width:96%;}    }
 .tab {
  /* overflow: hidden; */
  /* border: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
  /* margin-bottom: 10px; */
  margin-top: 10px;
}

/* Style the buttons inside the tab */
.tab button ,.tab a {
  background-color: inherit;
  /* float: left; */
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 2px;
  transition: 0.3s;
  font-size: 12px;
  width: 100px;
  text-align: center;
  background-color: #e9e8e8;
  margin-bottom: 10px;
  border-radius: 5px;
}
.tab a {display: inline-block;}
/* Change background color of buttons on hover */
.tab button:hover,.tab a:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active ,.tab a.active{
  background-color: #ccc;
}
 
/* Style the tab content */
.tabcontent100 {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}
 @media (max-width: 900px) {	
.newc .col-quarter { width:48%;margin: 1%;}
  
 
 
 }
 
 .smooth-loader-wrapper {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
	 -webkit-animation-duration: 2s;animation-duration: 2s;
                -webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0
}
.smooth-loader-wrapper .smooth-loader {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2100;
    line-height: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
	 -o-transform: translate(50%, -50%);
	   -moz-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
}
.smooth-loader-wrapper .smooth-loader .loader-custome {
    position: relative;
    
}
.load1{}.load2{
    display: block;
    position: relative;
    top: 50px;margin: auto;
}
 
 




 @-webkit-keyframes hiddenload {
                0% {opacity: 0;}
                100% {opacity: 1;z-index:700000}
             }
             
             @keyframes hiddenload {
                0% {opacity: 0;}
                100% {opacity: 1;z-index:700000}
             }
             
             .hiddenload {
                -webkit-animation-name: hiddenload;
                animation-name: hiddenload;
             }
			 
			 
			 .examcon1{ display:table; height:100%;}
.exfinal{align-items: center;display: flex; flex-direction: row-reverse;justify-content: space-between;} 



.dropbtn100 {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn100:hover, .dropbtn100:focus {
  background-color: #2980B9;
}

.dropdown100 {
  /* position: relative; */
  /* display: inline-block; */
  /* width: 12%; */
}

.dropdown-content100 {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 120px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 15px;
  right: 60;
}

.dropdown-content100 a {
  color: #9d9d9d;
  padding: 3px 6px;
  text-decoration: none;
  display: block;
}

.dropdown100 a:hover {/* background-color: #ddd; */}

.show100 {display: block;}
.div7{width: 18% !important;
    position: relative;
    margin:7px 1% !important;
    display: flex}
.box1{
    background-color: #f5f7f9;
    padding: 9px;
    text-align: center;
    margin: 0px 1%;
    border: 1px solid #ededed;width: 100%;
}
.textbox1{
    font-weight: bold;
    font-size: 16px;
}
.numberbox1{
    font-size: 30px;
    color: #5f4d6d;
    font-weight: bold;
}
.box1det {
    color: #878686;
    cursor: pointer;
}

@media (max-width: 768px) {	.div7{width:48%!important;position: relative;margin:7px 1%!important;}}