html {width:100%;height:100%;overflow:hidden!important;}
body {height:100%;width:100%}
.app-viewport {position:absolute;top:0;bottom:0;width:100%}
html{background:#eeeeee}body{background:rgba(255,255,255,0);position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto}.navbar-left{float:left}.btn-default{background:#f4f4f4}p,h1,h2,h3,h4,h5,h6{overflow:hidden}a:focus,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:0}.nav,.pagination,.carousel,.panel-title a{cursor:pointer}.modal{overflow:auto}.modal-dialog{margin-top:0;margin-bottom:0;padding-top:10px}.modal-content{overflow:hidden}.modal-backdrop{opacity:.5}.pagination{margin:0}.input-group-btn{vertical-align:top}.input-group-btn>.btn{height:100%}.input-group>.form-control{height:100%}.input-group{padding:0}.modal-dialog{position:absolute!important;top:0px!important;left:0px!important;bottom:0px!important;right:0px!important;margin:auto!important;max-width:95%;max-height:95%}svg{overflow:visible!important}.neocheckbox [type="checkbox"]:not(:checked),.neocheckbox [type="checkbox"]:checked{position:absolute;left:-9999px}.neocheckbox [type="checkbox"]:not(:checked) + label,.neocheckbox [type="checkbox"]:checked + label{position:relative;padding-left:1.95em;cursor:pointer}.neocheckbox [type="checkbox"]:not(:checked) + label:before,.neocheckbox [type="checkbox"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:1.25em;height:1.25em;border:0.15em solid #aaa;background:#fff;border-radius:4px}.neocheckbox [type="checkbox"]:not(:checked) + label:after,.neocheckbox [type="checkbox"]:checked + label:after{content:"✓";position:absolute;top:.2em;left:.2em;font-size:1.1em;line-height:0.8;color:#444444;transition:all .2s;font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial}.neocheckbox [type="checkbox"]:not(:checked) + label:after{opacity:0;transform:scale(0)}.neocheckbox [type="checkbox"]:checked + label:after{opacity:1;transform:scale(1)}.neocheckbox [type="checkbox"]:disabled:not(:checked) + label:before,.neocheckbox [type="checkbox"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}.neocheckbox [type="checkbox"]:disabled:checked + label:after{color:#999}.neocheckbox [type="checkbox"]:disabled + label{color:#aaa}.neocheckbox label:hover:before{border:0.15em solid #888!important}.neoradio [type="radio"]:not(:checked),.neoradio [type="radio"]:checked{position:absolute;left:-9999px}.neoradio [type="radio"]:not(:checked) + label,.neoradio [type="radio"]:checked + label{position:relative;padding-left:1.95em;cursor:pointer}.neoradio [type="radio"]:not(:checked) + label:before,.neoradio [type="radio"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:1.25em;height:1.25em;border:0.15em solid #aaa;background:#fff;border-radius:100px}.neoradio [type="radio"]:not(:checked) + label:after,.neoradio [type="radio"]:checked + label:after{content:"✓";position:absolute;top:.2em;left:.2em;font-size:1.1em;line-height:0.8;color:#444444;transition:all .2s;font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial}.neoradio [type="radio"]:not(:checked) + label:after{opacity:0;transform:scale(0)}.neoradio [type="radio"]:checked + label:after{opacity:1;transform:scale(1)}.neoradio [type="radio"]:disabled:not(:checked) + label:before,.neoradio [type="radio"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}.neoradio [type="radio"]:disabled:checked + label:after{color:#999}.neoradio [type="radio"]:disabled + label{color:#aaa}.neoradio label:hover:before{border:0.15em solid #888!important}.container{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important}.row{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important;padding:10px}.flow{position:relative!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;min-width:15px;min-height:15px}.col,[class*="col-"]{position:relative!important;min-height:30px;height:auto!important;top:auto!important;left:auto!important;padding:5px}.neo-sticky{position:fixed!important;z-index:1}.neo-top-right{top:0px!important;right:0px;left:auto!important}.neo-bottom-right{bottom:0px!important;top:auto!important;right:0px;left:auto!important}.neo-top-left{top:0px!important;left:0px!important}.neo-bottom-left{bottom:0px!important;top:auto!important;right:auto;left:0px!important}.neo-top-center{top:0px!important;left:0px!important;right:0px!important;margin:auto!important}.neo-bottom-center{bottom:0px!important;top:auto!important;right:0px!important;left:0px!important;margin:auto!important}.neo-middle-center{top:0px!important;left:0px!important;right:0px!important;bottom:0px!important;margin:auto!important}.neo-middle-left{top:0px!important;left:0px!important;right:auto!important;bottom:0px!important;margin:auto!important}.neo-middle-right{top:0px!important;left:auto!important;right:0px!important;bottom:0px!important;margin:auto!important}.neo-top-center-content{display:flex;justify-content:center;align-items:flex-start}.neo-top-left-content{display:flex;justify-content:left;align-items:flex-start}.neo-top-right-content{display:flex;justify-content:flex-end;align-items:flex-start}.neo-middle-center-content{display:flex;justify-content:center;align-items:center}.neo-middle-left-content{display:flex;justify-content:left;align-items:center}.neo-middle-right-content{display:flex;justify-content:flex-end;align-items:center}.neo-bottom-center-content{display:flex;justify-content:center;align-items:flex-end}.neo-bottom-left-content{display:flex;justify-content:left;align-items:flex-end}.neo-bottom-right-content{display:flex;justify-content:flex-end;align-items:flex-end}.neo-equal-cols-xs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.neo-equal-cols-xs > [class*='col-']{display:flex;flex-direction:column;flex-wrap:wrap}@media (min-width:768px){.neo-equal-cols-sm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.neo-equal-cols-sm > [class*='col-']{display:flex;flex-direction:column;flex-wrap:wrap}}@media (min-width:992px){.neo-equal-cols-md{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.neo-equal-cols-md > [class*='col-']{display:flex;flex-direction:column;flex-wrap:wrap}}@media (min-width:1200px){.neo-equal-cols-lg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.neo-equal-cols-lg > [class*='col-']{display:flex;flex-direction:column;flex-wrap:wrap}}.neo-grid{margin:0 auto;overflow:hidden}.neo-full-height.grid{display:flex;height:100%;flex-direction:column}.neo-full-height.grid > .neo-row{flex-grow:1}.neo-row{display:flex;flex-wrap:wrap;margin:0 -0.5em 0 -0.5em}.neo-row > *{box-sizing:border-box;padding:0 0.5em 1em;flex-basis:100%}.neo-row:last-child{margin-bottom:-1em}.neo-gutterless > .neo-row{margin:0}.neo-gutterless > .neo-row > *{padding:0}.neo-gutterless > .neo-row:last-child{margin-bottom:0}.neo-col{flex:1 0 auto}.neo-col-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.neo-col-2{flex-basis:16.6666666666%;max-width:16.6666666666%}.neo-col-3{flex-basis:25%;max-width:25%}.neo-col-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.neo-col-5{flex-basis:41.6666666666%;max-width:41.6666666666%}.neo-col-6{flex-basis:50%;max-width:50%}.neo-col-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.neo-col-8{flex-basis:66.6666666666%;max-width:66.6666666666%}.neo-col-9{flex-basis:75%;max-width:75%}.neo-col-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.neo-col-11{flex-basis:91.6666666666%;max-width:91.6666666666%}.neo-col-12{flex-basis:100%;max-width:100%}.neo-col-top{align-self:flex-start}.neo-col-bottom{align-self:flex-end}.neo-col-middle{align-self:center}.neo-row-left{justify-content:flex-start}.neo-row-right{justify-content:flex-end}.neo-row-center{justify-content:center}.neo-row-space-between{justify-content:space-between}.neo-row-space-around{justify-content:space-around}.neo-row-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.neo-row-equal > *{display:flex}.neo-row-equal > * > *{width:100%}.neo-row-top{align-items:flex-start}.neo-row-middle{align-items:center}.neo-row-bottom{align-items:flex-end}.neo-hide{display:none}@media (max-width:767px){.neo-col-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.neo-col-sm-2{flex-basis:16.6666666666%;max-width:16.6666666666%}.neo-col-sm-3{flex-basis:25%;max-width:25%}.neo-col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.neo-col-sm-5{flex-basis:41.6666666666%;max-width:41.6666666666%}.neo-col-sm-6{flex-basis:50%;max-width:50%}.neo-col-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.neo-col-sm-8{flex-basis:66.6666666666%;max-width:66.6666666666%}.neo-col-sm-9{flex-basis:75%;max-width:75%}.neo-col-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.neo-col-sm-11{flex-basis:91.6666666666%;max-width:91.6666666666%}.neo-col-sm-12{flex-basis:100%;max-width:100%}.neo-col-sm-top{align-self:flex-start}.neo-col-sm-bottom{align-self:flex-end}.neo-col-sm-middle{align-self:center}.neo-row-sm-left{justify-content:flex-start}.neo-row-sm-right{justify-content:flex-end}.neo-row-sm-center{justify-content:center}.neo-row-sm-space-between{justify-content:space-between}.neo-row-sm-space-around{justify-content:space-around}.neo-row-sm-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.neo-row-sm-equal > *{display:flex}.neo-row-sm-equal > * > *{width:100%}.neo-row-sm-top{align-items:flex-start}.neo-row-sm-middle{align-items:center}.neo-row-sm-bottom{align-items:flex-end}.neo-hide-sm{display:none}}@media (min-width:768px) and (max-width:959px){.neo-col-md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.neo-col-md-2{flex-basis:16.6666666666%;max-width:16.6666666666%}.neo-col-md-3{flex-basis:25%;max-width:25%}.neo-col-md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.neo-col-md-5{flex-basis:41.6666666666%;max-width:41.6666666666%}.neo-col-md-6{flex-basis:50%;max-width:50%}.neo-col-md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.neo-col-md-8{flex-basis:66.6666666666%;max-width:66.6666666666%}.neo-col-md-9{flex-basis:75%;max-width:75%}.neo-col-md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.neo-col-md-11{flex-basis:91.6666666666%;max-width:91.6666666666%}.neo-col-md-12{flex-basis:100%;max-width:100%}.neo-col-md-top{align-self:flex-start}.neo-col-md-bottom{align-self:flex-end}.neo-col-md-middle{align-self:center}.neo-row-md-left{justify-content:flex-start}.neo-row-md-right{justify-content:flex-end}.neo-row-md-center{justify-content:center}.neo-row-md-space-between{justify-content:space-between}.neo-row-md-space-around{justify-content:space-around}.neo-row-md-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.neo-row-md-equal > *{display:flex}.neo-row-md-equal > * > *{width:100%}.neo-row-md-top{align-items:flex-start}.neo-row-md-middle{align-items:center}.neo-row-md-bottom{align-items:flex-end}.neo-hide-md{display:none}}@media (min-width:960px){.neo-col-lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.neo-col-lg-2{flex-basis:16.6666666666%;max-width:16.6666666666%}.neo-col-lg-3{flex-basis:25%;max-width:25%}.neo-col-lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.neo-col-lg-5{flex-basis:41.6666666666%;max-width:41.6666666666%}.neo-col-lg-6{flex-basis:50%;max-width:50%}.neo-col-lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.neo-col-lg-8{flex-basis:66.6666666666%;max-width:66.6666666666%}.neo-col-lg-9{flex-basis:75%;max-width:75%}.neo-col-lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.neo-col-lg-11{flex-basis:91.6666666666%;max-width:91.6666666666%}.neo-col-lg-12{flex-basis:100%;max-width:100%}.neo-col-lg-top{align-self:flex-start}.neo-col-lg-bottom{align-self:flex-end}.neo-col-lg-middle{align-self:center}.neo-row-lg-left{justify-content:flex-start}.neo-row-lg-right{justify-content:flex-end}.neo-row-lg-center{justify-content:center}.neo-row-lg-space-between{justify-content:space-between}.neo-row-lg-space-around{justify-content:space-around}.neo-row-lg-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.neo-row-lg-equal > *{display:flex}.neo-row-lg-equal > * > *{width:100%}.neo-row-lg-top{align-items:flex-start}.neo-row-lg-middle{align-items:center}.neo-row-lg-bottom{align-items:flex-end}.neo-hide-lg{display:none}}.neo-row,[class*="neo-row-"]{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important;padding:10px}.neo-col,[class*="neo-col-"]{position:relative!important;min-height:30px;height:auto!important;top:auto!important;left:auto!important;padding:5px}.neo-grid,.neo-full-height.grid{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important;padding:5px}.neoani{display:inline-block;position:relative}
#listResult {position:relative;width:100%;height:100%;direction:rtl;font-family:sans;background-color:white;overflow-y:auto;overflow-x:hidden}
#threedots {position:absolute;left:40%;width:20%;top:47.5%;height:5%;margin:0;}
#myBackgroundImage {position:absolute;left:-39.0625%;width:18.4375%;top:7.29166666666667%;height:6.04166666666667%;margin:0;}
#menuPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#menuHead {position:absolute;left:0px;width:100%;top:0px;height:29.1666666666667%;margin:0;background-image:linear-gradient(#2500E0,rgba(37,0,224,0.70));border-radius:0% 0% 100% 0% / 10% 6% 32% 64%;overflow-x:hidden;overflow-y:hidden}
#justPattern {position:absolute;left:0px;width:100%;top:0px;height:100%;margin:0;;overflow-x:hidden;overflow-y:hidden}
#Container2 {position:relative;width:100%;height:50%;;overflow-x:hidden;overflow-y:hidden}
#Container3 {position:relative;width:120px;height:42.8571428571429%;margin:0 0 0 25px;color:white;overflow-x:hidden;overflow-y:hidden}
#Container4 {position:relative;width:25px;height:28.5714285714286%;margin:0 25px 0 0;background-color:#fff;border-radius:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;transition:0.3s;overflow-x:hidden;overflow-y:hidden}
#Container4:hover {color:#2500E0;font-weight:bold}
#Container26 {position:relative;width:auto;height:34.2857142857143%;margin:0 25px 0 0;background-color:#fff;border-radius:20px;padding-bottom:2px;padding-left:15px;padding-right:15px;padding-top:2px;transition:0.3s;overflow-x:hidden;overflow-y:hidden}
#Container26:hover {color:#2500E0;font-weight:bold}
#Container12 {position:absolute;left:1.875%;width:96%;top:14.5833333333333%;height:108.333333333333%;margin:0;max-width:500px;min-height:520px;overflow-x:hidden;overflow-y:hidden}
#Container8 {position:relative;width:120px;height:28.8461538461538%;margin:0 10px;background-color:#fff;border-radius:5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:160px;overflow-x:hidden;overflow-y:hidden}
#Container8:hover {transition:0.3s}
#Container8:focus {transform:scale(0.95)}
#Container9 {position:relative;width:100%;height:20%;margin:0 0 10px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Image2 {position:relative;width:60%;height:40%;}
#exam {position:relative;width:120px;height:28.8461538461538%;margin:0 10px 0 0;background-color:#fff;border-radius:5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:160px;overflow-x:hidden;overflow-y:hidden}
#exam:hover {transition:0.3s}
#exam:focus {transform:scale(0.95)}
#Container5 {position:relative;width:100%;height:20%;margin:0 0 10px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Image1 {position:relative;width:60%;height:40%;}
#calender {position:relative;width:243px;height:6.92307692307692%;margin:10px 0 0 0;background-color:white;border-radius:5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#box {position:relative;width:196px;height:100%;color:black;direction:rtl;font-size:10pt;padding-right:10px;overflow-x:hidden;overflow-y:hidden}
#Container14 {position:relative;width:36px;height:100%;color:YELLOW;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#time {position:relative;width:243px;height:6.92307692307692%;margin:10px 0 0 0;color:gray;border-radius:5px;border-width:1px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#Container16 {position:relative;width:196px;height:100%;direction:rtl;font-size:8pt;overflow-x:hidden;overflow-y:hidden}
#Container17 {position:relative;width:36px;height:100%;color:black;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container15 {position:absolute;left:-73.6156351791531%;width:65.1465798045603%;top:-19.2307692307692%;height:11.5384615384615%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#mapholder {position:relative;width:;height:38.4615384615385%;margin:10px 0;background-color:#00FF00;border-color:#ECECEC;border-radius:10px;border-style:solid;border-width:0.5px;padding-top:2%;box-shadow:0 8px 6px -6px rgba(16,14,23,.25);overflow-x:hidden;overflow-y:hidden}
#proNote {position:absolute;left:1.99335548172757%;width:26.578073089701%;top:3%;height:10%;margin:0;color:white;font-family:sans;background-color:rgba(37,0,224,0.60);border-radius:5px;max-height:20px;max-width:80px;min-height:20px;min-width:80px;overflow-x:hidden;overflow-y:hidden}
#Container66 {position:absolute;left:56.4784053156146%;width:40%;top:79%;height:15%;margin:0;color:gray;font-weight:bold;vertical-align:middle;overflow-x:hidden;overflow-y:hidden}
#Container66:hover {color:#2500E0;text-decoration:underline}
#PushButton4 {position:absolute;left:23.2558139534884%;width:46.5116279069767%;top:44%;height:20%;margin:0;}
#Container18 {position:relative;width:243px;height:6.92307692307692%;margin:5px 0 0 0;color:gray;background-color:white;border-radius:5px;border-width:1px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#Container19 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container20 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container21 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container24 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#note0 {position:absolute;left:20%;width:60%;top:25%;height:5%;margin:0;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#back {position:absolute;left:-56.25%;width:28.125%;top:4.16666666666667%;height:10.4166666666667%;margin:0;}
#Container67 {position:absolute;left:-59.375%;width:31.25%;top:16.6666666666667%;height:8.33333333333333%;margin:0;background-color:#2500E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container106 {position:absolute;left:-59.375%;width:31.25%;top:25%;height:8.33333333333333%;margin:0;background-color:rgba(37,0,224,0.20);border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container107 {position:absolute;left:-121.875%;width:53.125%;top:6.25%;height:25%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#admissionPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#Container90 {position:relative;width:100%;height:10.4166666666667%;color:white;font-family:sans;font-size:16px;font-weight:bold;background-color:#2500E0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);max-height:50px;min-height:50px;overflow-x:hidden;overflow-y:hidden}
#Container92 {position:relative;width:122px;height:56%;font-family:my-font-san;font-size:11pt;overflow-x:hidden;overflow-y:hidden}
#step1 {position:relative;width:92%;height:87.5%;margin:0 0 0 4%;max-height:420px;max-width:480px;min-height:420px;overflow-x:hidden;overflow-y:hidden}
#Container81 {position:relative;width:86%;height:9.52380952380952%;margin:10px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container96 {position:relative;width:86%;height:9.52380952380952%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container97 {position:relative;width:86%;height:9.52380952380952%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#province {position:relative;width:86%;height:9.52380952380952%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container100 {position:relative;width:86%;height:9.52380952380952%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container102 {position:relative;width:86%;height:19.047619047619%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container103 {position:relative;width:80px;height:37.5%;;overflow-x:hidden;overflow-y:hidden}
#profileImage {position:relative;width:50px;height:87.5%;color:gray;background-color:white;border-color:#2500E0;border-radius:50%;border-style:solid;border-width:1.5px;max-height:70px;max-width:70px;min-height:70px;min-width:70px;overflow-x:hidden;overflow-y:hidden}
#profileImage:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container93 {position:relative;width:80px;height:37.5%;font-size:10pt;overflow-x:hidden;overflow-y:hidden}
#Container74 {position:relative;width:86%;height:14.2857142857143%;margin:8px 0 0 0;font-size:12pt;background-color:#fff;border-radius:5px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container105 {position:relative;width:80px;height:50%;;overflow-x:hidden;overflow-y:hidden}
#svgdots {position:relative;width:30px;height:66.6666666666667%;}
#Container101 {position:relative;width:100px;height:50%;margin:0 0 0 5px;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:100px;overflow-x:hidden;overflow-y:hidden}
#Container101:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container104 {position:relative;width:80px;height:50%;;overflow-x:hidden;overflow-y:hidden}
#step2 {position:relative;width:92%;height:104.166666666667%;margin:0 0 20px 4%;overflow-x:visible;overflow-y:visible;max-height:500px;max-width:480px;min-height:500px}
#Container321 {position:relative;width:90%;height:26.4%;margin:20px 0 0 0;font-family:sans;background-color:#fff;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container324 {position:relative;width:132px;height:20.4545454545455%;margin:5px 0 0 0;color:#2500E0;font-weight:bold;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#per {position:relative;width:90%;height:60.6060606060606%;margin:5px 0 15px 0;color:gray;direction:rtl;overflow-x:hidden;overflow-y:hidden}
#Container82 {position:absolute;left:0px;width:11.3207547169811%;top:0px;height:22.7272727272727%;margin:0;color:gray;max-height:30px;max-width:30px;min-height:30px;min-width:30px;overflow-x:hidden;overflow-y:hidden}
#Container82:hover {color:#2500E0}
#Container325 {position:relative;width:90%;height:32.2%;margin:10px 0 0 0;font-family:sans;background-color:#fff;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container320 {position:relative;width:50%;height:16.7701863354037%;margin:5px 0 0 0;color:#2500E0;font-weight:bold;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#nara {position:relative;width:90%;height:37.2670807453416%;margin:4px 0 0 0;color:gray;direction:rtl;overflow-x:hidden;overflow-y:hidden}
#Container94 {position:relative;width:130px;height:18.6335403726708%;margin:15px 0 20px 0;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:130px;overflow-x:hidden;overflow-y:hidden}
#Container94:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container83 {position:relative;width:90%;height:32.2%;margin:10px 0 0 0;font-family:sans;background-color:#fff;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,0.15);min-width:200px;overflow-x:hidden;overflow-y:hidden}
#Container84 {position:relative;width:50%;height:16.7701863354037%;margin:5px 0 0 0;color:#2500E0;font-weight:bold;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container85 {position:relative;width:90%;height:37.2670807453416%;margin:4px 0 0 0;color:gray;direction:rtl;overflow-x:hidden;overflow-y:hidden}
#Container89 {position:relative;width:130px;height:18.6335403726708%;margin:15px 0 20px 0;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:130px;overflow-x:hidden;overflow-y:hidden}
#Container89:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#note1 {position:absolute;left:20%;width:60%;top:18.75%;height:5%;margin:0;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#resultPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#door1 {position:absolute;left:-130.9375%;width:36.875%;top:5%;height:13.75%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#tableResult {position:absolute;left:-131.5625%;width:37.8125%;top:20.2083333333333%;height:12.9166666666667%;margin:0;color:gray;direction:rtl;font-family:my-font-san;font-size:9pt;background-color:#fff;transition:all 0.3s ease 0s;overflow-x:hidden;overflow-y:hidden}
#tempResult {position:absolute;left:-85%;width:60.3125%;top:16.6666666666667%;height:7.70833333333333%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#studentResultButton {position:absolute;left:-81.25%;width:49.375%;top:0px;height:15.8333333333333%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#resultNote {position:absolute;left:20%;width:60%;top:87.5%;height:5%;margin:0;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#examPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#topExam {position:relative;width:100%;height:17.7083333333333%;color:black;font-family:sans;max-height:85px;overflow-x:hidden;overflow-y:hidden}
#listArea {position:relative;width:100%;height:32.0833333333333%;direction:rtl;background-color:white;overflow-y:auto;overflow-x:hidden}
#flowButton {position:absolute;left:0;bottom:0;width:100%;height:10.4166666666667%;color:#2500E0;background-color:#E0E0FF;border-radius:50%;max-height:50px;max-width:50px;min-height:50px;min-width:50px;transition:0.3s;overflow-x:hidden;overflow-y:hidden}
#flowButton:hover {color:white;background-color:#2500E0}
#tempbankQuestion {position:absolute;left:-84.375%;width:59.375%;top:0px;height:20.8333333333333%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container32 {position:absolute;left:-84.375%;width:59.375%;top:22.9166666666667%;height:15.4166666666667%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container61 {position:relative;width:32px;height:37.8378378378378%;margin:0 0 0 8px;;overflow-x:hidden;overflow-y:hidden}
#Container68 {position:absolute;left:1.875%;width:10%;top:0.833333333333333%;height:6.66666666666667%;margin:0;color:white;border-radius:50%;box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048);max-height:32px;max-width:32px;min-height:32px;min-width:32px;overflow-x:hidden;overflow-y:hidden}
#extrapage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#Container7 {position:absolute;left:68.75%;width:28.125%;top:2.08333333333333%;height:6.25%;margin:0;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:100px;overflow-x:hidden;overflow-y:hidden}
#Container7:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container1 {position:absolute;left:34.375%;width:31.25%;top:2.08333333333333%;height:6.25%;margin:0;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:100px;overflow-x:hidden;overflow-y:hidden}
#Container1:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container33 {position:absolute;left:12.5%;width:81.25%;top:37.5%;height:29.1666666666667%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container22 {position:relative;width:243px;height:25.7142857142857%;margin:5px 0 0 0;color:gray;border-radius:5px;border-width:1px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#Container23 {position:relative;width:243px;height:25.7142857142857%;margin:5px 0 0 0;color:gray;border-radius:5px;border-width:1px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#Container35 {position:relative;width:243px;height:25.7142857142857%;margin:5px 0 0 0;color:gray;border-radius:5px;border-width:1px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;max-height:36px;min-height:36px;overflow-x:hidden;overflow-y:hidden}
#Container48 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container62 {position:relative;width:36px;height:100%;color:green;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container63 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container64 {position:relative;width:36px;height:100%;color:gray;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container79 {position:relative;width:36px;height:100%;color:red;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container65 {position:absolute;left:9.375%;width:28.125%;top:89.5833333333333%;height:6.25%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container95 {position:absolute;left:-81.25%;width:65.625%;top:20.8333333333333%;height:37.5%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container316 {position:absolute;left:21.9047619047619%;width:55.2380952380952%;top:75%;height:19.4444444444444%;margin:0;font-family:my-font-san;font-weight:bold;background-color:blue;border-color:#f7371a;border-style:solid;border-width:1px;max-height:40px;overflow-x:hidden;overflow-y:hidden}
#Container316:hover {border-color:rgba(232,47,0,0.89);box-shadow:0 0 0 3px #d5dedd}
#SVGicon37 {position:absolute;left:82%;width:15%;top:22.8571428571429%;height:50%;margin:0;fill:white;stroke-width:1px}
#Container247 {position:relative;width:60px;height:13.8888888888889%;color:white;font-size:9pt;background-color:#2500E0;border-radius:20px;overflow-x:hidden;overflow-y:hidden}
#Container78 {position:absolute;left:-18.75%;width:15.625%;top:0px;height:8.33333333333333%;margin:0;background-color:rgba(37,0,224,0.16);border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container11 {position:absolute;left:-37.5%;width:15.625%;top:0px;height:8.33333333333333%;margin:0;background-color:rgba(37,0,224,0.16);border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container13 {position:absolute;left:-21.875%;width:18.75%;top:6.25%;height:6.25%;margin:0;background-color:#E0E0FF;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#PushButton3 {position:absolute;left:-40.625%;width:18.75%;top:10.4166666666667%;height:6.25%;margin:0;}
#PushButton2 {position:absolute;left:-21.875%;width:21.875%;top:12.5%;height:8.33333333333333%;margin:0;}
#PushButton1 {position:absolute;left:-62.5%;width:21.875%;top:4.16666666666667%;height:8.33333333333333%;margin:0;}
#DialogContainer4 {margin-left:auto;margin-right:auto;width:94%;height:66.6666666666667%;max-width:400px}
#crop {position:relative;width:100%;height:84.375%;font-family:sans;background-color:#fff;overflow-y:auto;overflow-x:hidden}
#Container80 {position:absolute;left:0;bottom:0;width:100%;height:15.625%;background-color:rgba(37,0,224,0.20);overflow-x:visible;overflow-y:visible;max-height:50px;min-height:50px}
#Container99 {position:relative;width:100px;height:72%;margin:0 0 0 10px;color:white;font-family:sans;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-width:120px;overflow-x:hidden;overflow-y:hidden}
#Container99:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#Container98 {position:relative;width:36px;height:72%;margin:0 7px 0 0;border-radius:10px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container98:hover {background-color:#F1F1F1}
#DialogContainer5 {margin-left:auto;margin-right:auto;width:94%;height:64%;}
#Container181 {position:absolute;left:0px;width:100%;top:0px;height:5%;margin:0;background-color:#2500E0;border-radius:0% 0% 50% 50%;overflow-x:hidden;overflow-y:hidden}
#debtView {position:absolute;left:4.98338870431894%;width:89.3687707641196%;top:11.400651465798%;height:74.9185667752443%;margin:0;background-color:#fff;border-color:#FFFFFF;border-style:solid;border-width:1px;overflow-y:auto;overflow-x:hidden}
#techno {position:relative;width:1px;height:0.434782608695652%;margin:10px 0 5% 0;color:#0392CE;max-height:50;min-width:50;overflow-x:hidden;overflow-y:hidden}
#Container240 {position:relative;width:100%;height:15.6521739130435%;margin:10px 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#ddd1 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#Container184 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container183 {position:relative;width:100%;height:15.6521739130435%;margin:0 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container185 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#Container186 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container187 {position:relative;width:100%;height:15.6521739130435%;margin:0 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container188 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#Container189 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container190 {position:relative;width:100%;height:15.6521739130435%;margin:0 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container191 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#Container192 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container193 {position:relative;width:100%;height:15.6521739130435%;margin:0 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container194 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:sans;overflow-x:hidden;overflow-y:hidden}
#Container195 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#ourResult {position:relative;width:100%;height:30.4347826086957%;margin:0 0 8px 0;background-color:#2500E0;border-color:#2500E0;border-radius:5px;border-style:solid;border-width:1px;max-height:50;min-width:50;overflow-x:hidden;overflow-y:hidden}
#Container197 {position:absolute;left:65%;width:35%;top:0px;height:100%;margin:0;color:white;font-family:my-font-san;overflow-x:hidden;overflow-y:hidden}
#Container198 {position:absolute;left:0px;width:65%;top:0px;height:100%;margin:0;color:gray;direction:rtl;font-family:my-font-san;background-color:#fff;padding-bottom:5px;padding-left:5px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#Container199 {position:absolute;left:0;bottom:0;width:100%;height:9.77198697068404%;margin:0 0 2% 0;max-height:30px;min-height:30px;overflow-x:visible;overflow-y:visible}
#Container200 {position:relative;float:right;width:15.0501672240803%;height:100%;margin:0 2% 0 0;overflow-x:visible;overflow-y:visible}
#SVGicon49 {position:absolute;left:0px;width:100%;top:0px;height:100%;margin:0;fill:#B5B5B5;stroke:black;stroke-width:1px}
#DialogContainer1 {margin-left:auto;margin-right:auto;width:90%;height:66.6666666666667%;font-family:sans;max-width:400px}
#Container27 {position:absolute;left:0;bottom:0;width:100%;height:11.25%;overflow-x:visible;overflow-y:visible;max-height:36px;min-height:36px}
#clos {position:relative;width:40px;height:102.777777777778%;border-radius:10px;overflow-x:hidden;overflow-y:hidden}
#Container28 {position:relative;width:30px;height:83.3333333333333%;margin:3px 3px 3px 0;border-radius:6px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;overflow-x:hidden;overflow-y:hidden}
#Container28:hover {background-color:#F1F1F1}
#infoin {position:relative;width:100%;height:84.375%;margin:10px 0 0 0;font-family:sans;background-color:#fff;overflow-y:auto;overflow-x:hidden}
#Container34 {position:relative;width:90%;height:10.3703703703704%;color:#2500E0;font-weight:bold;background-color:#d3ccf8;border-color:#d3ccf8;border-style:solid;border-width:1px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container46 {position:relative;width:90%;height:10.3703703703704%;direction:rtl;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-top:none;border-width:1px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container47 {position:relative;width:90%;height:10.3703703703704%;color:#2500E0;font-weight:bold;background-color:#d3ccf8;border-color:#d3ccf8;border-style:solid;border-width:1px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container6 {position:relative;width:240px;height:10.3703703703704%;margin:5px 0 0 0;background-color:#fff;border-color:gray;max-height:30px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container25 {position:relative;width:45%;height:100%;margin:0 2px 0 0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container72 {position:relative;width:45%;height:100%;margin:0 0 0 2px;font-weight:400;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#Container49 {position:relative;width:240px;height:10.3703703703704%;margin:5px 0 0 0;background-color:#fff;border-color:gray;max-height:30px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container52 {position:relative;width:45%;height:100%;margin:0 2px 0 0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container51 {position:relative;width:45%;height:100%;margin:0 0 0 2px;font-weight:400;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#Container55 {position:relative;width:240px;height:10.3703703703704%;margin:5px 0 0 0;background-color:#fff;border-color:gray;max-height:30px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container56 {position:relative;width:45%;height:100%;margin:0 2px 0 0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container57 {position:relative;width:45%;height:100%;margin:0 0 0 2px;font-weight:400;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#Container50 {position:relative;width:240px;height:10.3703703703704%;margin:5px 0 0 0;background-color:#fff;border-color:gray;max-height:30px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container53 {position:relative;width:45%;height:100%;margin:0 2px 0 0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container54 {position:relative;width:45%;height:100%;margin:0 0 0 2px;font-weight:400;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#Container58 {position:relative;width:240px;height:10.3703703703704%;margin:5px 0 0 0;background-color:#fff;border-color:gray;max-height:30px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#Container59 {position:relative;width:45%;height:100%;margin:0 2px 0 0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container60 {position:relative;width:45%;height:100%;margin:0 0 0 2px;font-weight:400;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;padding-right:5px;overflow-x:hidden;overflow-y:hidden}
#timeTable0 {position:relative;width:90%;height:10.3703703703704%;margin:5px 0 0 0;color:#2500E0;font-weight:bold;background-color:#d3ccf8;border-color:#d3ccf8;border-style:solid;border-width:1px;min-height:28px;overflow-x:hidden;overflow-y:hidden}
#timeTable {position:relative;width:240px;height:44.4444444444444%;margin:5px 0 20px 0;background-color:#fff;border-color:gray;overflow-y:auto;min-height:120px;overflow-x:hidden}
#Container29 {position:absolute;left:-84.375%;width:71.875%;top:8.33333333333333%;height:22.9166666666667%;margin:0;font-family:sans;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container30 {position:relative;width:210px;height:22.7272727272727%;background-color:#fff;min-height:25px;overflow-x:hidden;overflow-y:hidden}
#Container36 {position:relative;width:180px;height:100%;font-weight:bold;background-color:#fff;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container41 {position:relative;width:210px;height:27.2727272727273%;background-color:#fff;min-height:30px;overflow-x:hidden;overflow-y:hidden}
#Container42 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-left:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container43 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container44 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container45 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container31 {position:relative;width:210px;height:27.2727272727273%;background-color:#fff;min-height:30px;overflow-x:hidden;overflow-y:hidden}
#Container37 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-left:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container38 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container39 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container40 {position:relative;width:45px;height:100%;background-color:#fff;border-bottom:1px solid gray;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden}
#Container91 {position:absolute;left:-68.75%;width:43.75%;top:35.4166666666667%;height:10.4166666666667%;margin:0;background-color:#d3ccf8;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#DialogContainer3 {margin-left:auto;margin-right:auto;width:94%;height:66.6666666666667%;max-width:400px}
#Container69 {position:absolute;left:0px;width:100%;top:0px;height:81.25%;margin:0;background-color:#fff;overflow-y:auto;overflow-x:hidden}
#infoHolder2 {position:relative;width:100%;height:96.1538461538462%;margin:10px 0 0 0;font-family:sans;background-color:#fff;overflow-y:auto;min-height:250px;overflow-x:hidden}
#Container73 {position:relative;width:90%;height:12%;color:white;font-size:10pt;font-weight:bold;background-color:#2500E0;border-color:#2500E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#Container251 {position:relative;width:130px;height:60%;margin:5px 0 0 0;background-color:#fff;max-height:150px;max-width:150px;min-height:150px;min-width:150px;overflow-x:hidden;overflow-y:hidden}
#profileHolder {position:relative;width:180px;height:100%;color:#E0E0E0;border-color:#E0E0E0;border-radius:50%;border-style:solid;border-width:1px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);max-height:150px;max-width:150px;min-height:150px;min-width:150px;overflow-x:hidden;overflow-y:hidden}
#Container249 {position:absolute;left:0;bottom:0;width:100%;height:33.3333333333333%;max-height:50px;min-height:50px;overflow-x:hidden;overflow-y:hidden}
#Container248 {position:relative;width:40px;height:80%;border-color:white;border-radius:50%;border-style:solid;border-width:1px;overflow-x:50px;overflow-y:50px}
#Container250 {position:relative;width:40px;height:80%;background-color:#fff;border-color:#E0E0E0;border-radius:50%;border-style:solid;border-width:1px;overflow-x:50px;overflow-y:50px}
#Container250:hover {color:var(--c1)}
#submit {position:relative;width:100px;height:12.8%;color:white;background-color:#2500E0;border-radius:4px;box-shadow:0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15);max-height:34px;max-width:100px;overflow-x:hidden;overflow-y:hidden}
#submit:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)}
#progressholder {position:relative;width:295px;height:12.8%;max-height:32px;min-height:32px;overflow-x:hidden;overflow-y:hidden}
#ProgressBar1 {position:relative;width:236px;height:62.5%;margin:6px 0 0 0;color:blue}
#Container75 {position:absolute;left:0;bottom:0;width:100%;height:11.25%;margin:0 0 2px 0;background-color:#fff;overflow-x:visible;overflow-y:visible;max-height:36px;min-height:36px}
#Container76 {position:relative;width:40px;height:102.777777777778%;border-radius:10px;overflow-x:hidden;overflow-y:hidden}
#Container77 {position:relative;width:36px;height:100%;margin:0 5px 5px 0;border-radius:10px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container77:hover {background-color:#F1F1F1}
#DialogContainer2 {margin-left:auto;margin-right:auto;width:90%;height:66.6666666666667%;max-width:400px}
#infoHoder1 {position:absolute;left:0px;width:100%;top:0px;height:81.25%;margin:0;background-color:#fff;overflow-y:auto;overflow-x:hidden}
#Container70 {position:relative;width:100%;height:96.1538461538462%;margin:10px 0 0 0;font-family:sans;background-color:#fff;overflow-y:auto;min-height:250px;overflow-x:hidden}
#Container71 {position:relative;width:90%;height:12%;color:white;font-weight:bold;background-color:#2500E0;border-color:#2500E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#timeTable1 {position:relative;width:257px;height:84.8%;direction:rtl;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-top:none;border-width:1px;overflow-y:auto;overflow-x:hidden}
#Container86 {position:absolute;left:0;bottom:0;width:100%;height:11.25%;margin:0 0 2px 0;background-color:#fff;overflow-x:visible;overflow-y:visible;max-height:36px;min-height:36px}
#Container87 {position:relative;width:40px;height:102.777777777778%;border-radius:10px;overflow-x:hidden;overflow-y:hidden}
#Container88 {position:relative;width:36px;height:100%;margin:0 5px 5px 0;border-radius:10px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;overflow-x:hidden;overflow-y:hidden}
#Container88:hover {background-color:#F1F1F1}
.rs-tooltip-text {color: #2500E0;}
#techno .rs-range-color  {background-color: #2500E0}
#techno .rs-path-color  {background-color:#d2cbf8}

#techno .rs-handle  {background-color: #2500E0}
#techno .rs-border  {border-color: transparent;}
/*.......................result-page.................*/
#part1{background-image:linear-gradient(#2500E0,rgba(37,0,224,0.70));width:70px;margin:5px;height:70px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}
#part2{flex-grow: 2;padding:10px;}
#part3{width:60px;padding:10px;height:70px;border-right:5px solid #2500E0;}
#part2 h4{color:#2500E0;}
#part2 p{color:#acacac;}


.resultItem{background:white;padding:8px;margin:8px;border-radius:10px 10px 0px 10px;display:flex;justify-content:space-between;align-items:center;align-content:stretch;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}
.resultItem:focus{background:#f2f2f2;outline-style: none}


.profileURL{width:60px;height:60px;border-radius:50%;}

/*.................css for searchbar.....................*/
.overFlowButton{left:15px !important;bottom:15px !important;z-index: 7;}

.searchBarDiv2 .search{height:40px;padding:4px;outline:none;border:none;border-radius:5px 0px 0px 5px;width:45%;transition-duration:0.4s;}
.searchBarDiv2 .search:focus{width:60%;}
.searchBarDiv1{height:40px;display:flex;justify-content:flex-end;align-items:center;}
.searchBarDiv1 svg{height:15px;width:15px;fill:white;}
.searchBarDiv1 span{width:40px
height:40px;margin:5px;padding:8px;background:rgba(37,0,224,0.50);border-radius:50%;display:flex;justify-content:center;align-items:center}
.searchBarDiv1 span:hover{background:rgba(37,0,224,0.30)}
.searchBarDiv2{display:flex;justify-content:center;align-items:center;background:none;height:40px;margin-bottom:15px}

.searchBarDiv3{display:flex;justify-content:flex-start;align-items:center;}
.inputIcon{display:flex;justify-content:center;align-items:center;background:rgba(37,0,224,0.40);height:40px;width:50px;border-radius:0px 5px 5px 0px}

.searchBarDiv3 span{float:right;margin:8px;padding:8px;background:rgba(37,0,224,0.50);border-radius:5px;color:white;text-align:center;display:flex;justify-content:center;align-items:center;user-select:none}
.searchBarDiv3 span svg{height:20px;width:20px;fill:white;transform: rotate(90deg);}
.searchBarDiv3 span:hover{background:rgba(37,0,224,0.30)}


/*.....................................................*/
.progress-bar {background-color:#2500E0!important}


.inputBox input{position:relative;width:100%;outline:none;border:none;padding: 5px 10px;height:100%;text-align:center;}

.inputBox .inputIcon{position:absolute;background:rgba(0,0,0,0.05);top:0px!important;bottom:0px!important;margin:auto!important;width:30px;height:30px;left:5px;border-radius:50%;color:black}
.inputBox .inputIcon svg{transform:scale(0.8);}

.inputBox .inputText{position:absolute;font-size:9pt;background:rgba(0,0,0,0.05);top:0px!important;bottom:0px!important;margin:auto!important;height:30px;min-width:45px;padding-left:10px;padding-right:10px;right:5px;border-radius:10px;color:black}


/*..................dialog.............*//

#infoHolder,#infoHolder1,#infoHolder2{height:calc(100% - 40px );}

#timeTable table,th,td{border: 1px solid blue;padding-left:5px;padding-right:5px;}
#timeTable th{text-align:center;}
#timeTable table{margin-top:10px;margin-bottom:10px;}


/*..............for tour.............*/
.shepherd-element{width:calc(100% - 20px);}
.shepherd-enabled.shepherd-element {direction: rtl;font-family:"sans";}

.shepherd-button {margin-left: .5rem;}
.shepherd-has-title .shepherd-content .shepherd-header {padding: 0.7em;}
/*.......................examPage................*/
.overFlowButton{left:15px !important;bottom:15px !important;z-index: 7;}
.examSubject{background-color: #2500E0;position:sticky;top:9px;width:calc(25% - 5px);margin-right:4px;z-index:11;color:white;font-weight:bold;font-size:8pt;padding:5px 2px;border-radius:4px;overflow:hidden;user-select:none;box-shadow: 0px 1px 3px 0px rgba(60,64,67,.3),0px 4px 8px 3px rgba(60,64,67,.15)}


.questionExamItem{position:relative;color:black;background:white;margin: 12px;padding: 10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);border-radius:5px;min-height:250px}

.questionExamItem li{margin-bottom:12px;}

/*.......................roundSlider................*/
#examProgressBar .rs-range-color  {background-color: #2500E0}
#examProgressBar .rs-path-color  {background-color:#E0E0FF}
#examProgressBar .rs-handle  {background-color: #2500E0;padding: 7px;border: 0px solid #2500E0}
#examProgressBar .rs-handle.rs-focus  {border-color: #2500E0;}
#examProgressBar .rs-handle:after  {border-color: #2500E0;background-color: #2500E0}
#examProgressBar .rs-border  {border-color: transparent;}


#examProgressBar .rs-bg-color {background-color:white}
/*....................................................*/
/*............loader.............*/
.loader {width: 18px;aspect-ratio: 1;border-radius: 50%;background:
    radial-gradient(farthest-side,white 94%,#0000) top/4px 4px no-repeat,
    conic-gradient(#0000 30%,white);-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);animation: s3 0.8s infinite linear}

@keyframes s3{
  100%{transform: rotate(1turn);}
}

/*..................................................*/
.cssBlown::before{content:"";display:block;width: inherit;height: inherit;border-radius: inherit;position: absolute;transform: scale(0);background:#2500E0;transform-origin: center center;transition: .6s}
.cssBlown:focus::before{opacity: .1;transform: scale(2);}
.cssBlown {position: relative;width: 25px;height: 25px;margin: 0 3px 0 10px;color: #2500E0;border:2.5px solid #2500E0;border-radius: 50%;overflow: visible !important;transition: all 0.3s ease 0s;z-index:10;}

/*............ripple-effect css..............*/
.ripple-effect span{position: absolute;background: #fff;transform: translate(-50%,-50%);pointer-events: none;border-radius:50%;animation: animate 1s linear infinite}

@keyframes animate{
  0%{width: 0px;height: 0px;opacity:0.5;}
  100%{width: 200px;height: 200px;opacity:0;}
}
/*.................public css.........................*/
:root{--c1:#2500E0;--c2: coral;}



/* ...........Chrome, Safari, Edge, Opera....... */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/*......Firefox.... */
input[type=number] {-moz-appearance: textfield;}
/*...........................*/



.neopage{user-select:none;font-family: "sans";}

html{min-height: 480px !important;overflow: auto !important;}

.neopage{min-height: 480px !important;}

@font-face {font-family: "sans";src: url("../fonts/IRANSans.ttf");}


@media (orientation: landscape) {
    .neopage {min-height: 600px !important;}
}

.visible {overflow: visible !important;}
.flexSpacebetweenY{display:flex;align-items:center;justify-content:space-between;flex-direction:column;}
.select {user-select: none;}
.xCenter{left:0px!important;right:0px!important;margin:auto!important;}
.flexMenu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;}
.flexCenter{display:flex;justify-content:center;align-items:center;}
.flexSpacebetween{display:flex;align-items:center;justify-content:space-between;}
.flexLeft{display:flex;align-items:center;justify-content:flex-start;}
.flexCenterY{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.flexTop{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.flexRight{display:flex;align-items:center;justify-content:flex-end;}

.flexBottom{display:flex;justify-content:center;align-items:flex-end;}
.center{top:0px!important;left:0px!important;right:0px!important;bottom:0px!important;margin:auto!important;}

.xCenter{left:0px!important;right:0px!important;margin:auto!important;}

.yCenter{top:0px!important;bottom:0px!important;margin:auto!important;}


.notify{word-break:break-all;user-select:none;height:auto !important;padding:2px 5px;background:rgba(47,47,0,0.87);color:white;font-family:my-font-san;text-align:center;overflow-y:auto !important;max-height:100px;max-width:300px;border-radius:5px;pointer-events:none}


/*............................. drop down menu.....*/
.dropdown-menu{height: auto;max-height: 220px;width:200px;overflow-x: hidden;text-align:center !important;}
.dropdown-menu{background:#fafafa}
.dropdown a{color:#000!important;height: 32px;font-family:sans;display: flex!important;justify-content: flex-end!important;align-items: center!important;font-size: 11pt;}
.dropdown a:hover{background:#2500E0!important;color:white!important}
/*..........................................*/

/*....................................................*/
.boxShadow {box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);}

.pattern{background-color:white;background-image:
radial-gradient(circle at 100% 150%, white 24%, #F3F3F3 24%, #F3F3F3 28%, white 28%, white 36%, #F3F3F3 36%, #F3F3F3 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, white 24%, #F3F3F3 24%, #F3F3F3 28%, white 28%, white 36%, #F3F3F3 36%, #F3F3F3 40%, transparent 40%, transparent),
radial-gradient(circle at 50%  100%, #F3F3F3 10%, white 10%, white 23%, #F3F3F3 23%, #F3F3F3 30%, white 30%, white 43%, #F3F3F3 43%, #F3F3F3 50%, white 50%, white 63%, #F3F3F3 63%, #F3F3F3 71%, transparent 71%, transparent),
radial-gradient(circle at 100% 50%, #F3F3F3 5%, white 5%, white 15%, #F3F3F3 15%, #F3F3F3 20%, white 20%, white 29%, #F3F3F3 29%, #F3F3F3 34%, white 34%, white 44%, #F3F3F3 44%, #F3F3F3 49%, transparent 49%, transparent),
radial-gradient(circle at 0    50%, #F3F3F3 5%, white 5%, white 15%, #F3F3F3 15%, #F3F3F3 20%, white 20%, white 29%, #F3F3F3 29%, #F3F3F3 34%, white 34%, white 44%, #F3F3F3 44%, #F3F3F3 49%, transparent 49%, transparent);background-size: 40px 20px}
