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-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}
#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-color:#2500E0;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: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}
#Container4:hover {color:#2500E0;font-weight:bold}
#Container12 {position:absolute;left:1.875%;width:96%;top:20.8333333333333%;height:68.75%;margin:0;max-width:500px;overflow-x:hidden;overflow-y:hidden}
#Container8 {position:relative;width:120px;height:42.4242424242424%;margin:0 10px;background-color:#fff;border-radius:5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;;overflow-x:hidden;overflow-y:hidden}
#Container8:hover {transition:0.3s}
#Container8:focus {transform:scale(0.95)}
#Container9 {position:relative;width:100%;height:21.4285714285714%;margin:0 0 10px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container10 {position:relative;width:65px;height:46.4285714285714%;margin:0 0 20px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#item2 {position:relative;width:120px;height:42.4242424242424%;margin:0 10px 0 0;background-color:#fff;border-radius:5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;overflow-x:hidden;overflow-y:hidden}
#item2:hover {transition:0.3s}
#item2:focus {transform:scale(0.95)}
#Container5 {position:relative;width:100%;height:21.4285714285714%;margin:0 0 10px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#Container6 {position:relative;width:65px;height:46.4285714285714%;margin:0 0 20px 0;background-color:#fff;overflow-x:hidden;overflow-y:hidden}
#calender {position:relative;width:243px;height:10.9090909090909%;margin:10px 0 0 0;background-color:#2500e0;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}
#Container11 {position:relative;width:196px;height:100%;color:white;font-size:10pt;overflow-x:hidden;overflow-y:hidden}
#Container14 {position:relative;width:36px;height:100%;color:white;max-width:36px;overflow-x:hidden;overflow-y:hidden}
#time {position:relative;width:243px;height:10.9090909090909%;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:-30.3030303030303%;height:18.1818181818182%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container18 {position:relative;width:243px;height:10.9090909090909%;margin:50px 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}
#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}
#Container7 {position:absolute;left:-34.375%;width:28.125%;top:14.5833333333333%;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:-68.75%;width:31.25%;top:14.5833333333333%;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)}
#exmaPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#FFF}
#topExam {position:relative;width:100%;height:17.7083333333333%;color:black;font-size:12pt;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:-87.5%;width:59.375%;top:2.08333333333333%;height:20.8333333333333%;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden}
#Container32 {position:absolute;left:-87.5%;width:59.375%;top:25%;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}
#PushButton3 {position:absolute;left:-28.125%;width:18.75%;top:0px;height:6.25%;margin:0;}
#Container13 {position:absolute;left:-28.125%;width:18.75%;top:8.33333333333333%;height:6.25%;margin:0;background-color:#E0E0FF;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden}
#PushButton1 {position:absolute;left:-78.125%;width:21.875%;top:43.75%;height:8.33333333333333%;margin:0;}
#PushButton2 {position:absolute;left:-50%;width:21.875%;top:43.75%;height:8.33333333333333%;margin:0;}
#DialogContainer1 {margin-left:auto;margin-right:auto;width:100%;height:100%;}
/*.......................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 {--mainColor:;#2500E0;--myBackground: coral;}


.neopage{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;}
.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;}
/*....................................................*/
.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}