@import url('common.css?_v=24');
@import url('buttons.css?_v=26');
.inverted{
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}
.spinned{
    position:relative;
}
.fitImages img.img-responsive {
    height:100%;
    width:100%;
    
}
.english{
   unicode-bidi:bidi-override;
}
.dropdown-item a{
    align-items: center;
}
.dropdown-item.divider{
    border-top: 1px #ccc dashed;
}
.spinned .spinner{
    position: absolute;
    left: 2px;
    bottom: 5px;
    display: flex;
    max-width: 24px;
    font-size: 150%;
    height: 24px;
    top: auto;
}
.spinner2 {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
.spinner {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.tight{
    align-items: flex-start;
}
.tight .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -8px;
    min-height: 60px;
}
.form-group.m0{
    margin-bottom:0;
}

.form-group.iconed{
    position:relative;
    display:flex;
    align-items:center;
}
.form-group.iconed i{
    color:#666;
}
.form-group.iconed .leftIcon{
    position: absolute;
    left: 0px;
    height: 100%;
    align-items: center;
    display: flex;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.form-group.iconed .rightIcon{
    position: absolute;
    right: 0px;
    height: 100%;
    align-items: center;
    display: flex;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fbtn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 5px;
}
.fbtnrev{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 5px;
}
.form-group{
    display: flex;
    flex-direction: column;
}
.lined .form-group{
    display: flex;
    flex-direction: column;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.form-group.lined,.lined{
    border-bottom: 1px dotted #c7c7c7;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    margin-bottom:3px;
    margin-top:3px;
    align-items: center;
    padding:5px;
    border-radius: 5px;
}
.form-group.lined.lined2,.lined.lined2{
    border:none;
    padding:0;
}
.lined:hover{
    /*background-color:#e1f3f5;*/
}
.lined .form-group{
    margin-bottom:0;
    align-items:center;
    padding: 5px 5px 5px 10px;
}
.lined label{
    margin-bottom:0;
}
.lined .form-control{
    margin: 0 !important;
    width:100%;
    min-width: 20%;

}
form.simple .lined  label.control-label{
    width:auto;
}
.lined .controls{
    min-width:200px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    
}

.col-auto.w100{
    width:auto;
}






.doCopy{
    cursor:pointer;
}
.parentHover:hover .hideOnParentHover,.parentHover .showOnParentHover{
    display:none;
}

.parentHover:hover .showOnParentHover{
    display:flex;
}
.ullist li{
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    padding: 5px 5px;
}
.ullist li:hover{
    background-color: rgba(255,255,255,.1);
}
.bolder{font-weight: bold;
    text-shadow: 0 0 2px BLACK;}
.red2{color:red !important;}
.bgred{background-color:red;}
.green2{color:green !important;}
.blue2{color:blue !important;}
.yellow2{color:yellow !important;}
.bgblack{ background-color:black; }
.bgwhite{ background-color:white; }
.bgcover {background-size:cover;}
.bgcontainer {background-size:contain;}
.bgfixed {background-attachment:fixed;}
.white{color:white;}
.white2 *{color:white !important;}
.noticeLink,.underline{
    text-decoration: underline;
}
.animated{
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
}
marquee p{margin:0;display: inline-block;
    
    white-space: nowrap;}
.swiper-container{
    max-width:1920px;
    height: fit-content;
}

#swiper{
    height: fit-content;
}
.gap1{gap:1px;}
.gap2{gap:2px;}
.gap3{gap:3px;}
.gap5{gap:5px;}
.gap10{gap:10px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap30{gap:30px;}
.maxw200{ max-width:200px;}
.maxw180{ max-width:180px;}
.maxw150{ max-width:150px;}
.maxw50p{ max-width:50%;}
.maxw48p{ max-width:48%;}

.maxH200scroll{overflow-y:auto;  max-height:200px;}
.maxH400scroll{overflow-y:auto;  max-height:400px;}
.maxH500scroll{overflow-y:auto;  max-height:500px;}
.maxH600scroll{overflow-y:auto;  max-height:600px;}
.maxH700scroll{overflow-y:auto;  max-height:700px;}
.scale10{scale:0.1;}
.scale20{scale:0.2;}
.scale30{scale:0.3;}
.scale40{scale:0.4;}
.scale50{scale:0.5;}
.scale60{scale:0.6;}
.scale70{scale:0.7;}
.scale80{scale:0.8;}
.scale90{scale:0.9;}
.scale100{scale:1.0;}
.scale110{scale:1.1;}
.scale120{scale:1.2;}
.scale130{scale:1.3;}
.scale140{scale:1.4;}
.scale150{scale:1.5;}
.scale160{scale:1.6;}
.scale170{scale:1.7;}
.scale180{scale:1.8;}
.scale190{scale:1.9;}
.scale200{scale:2.0;}

.imgScale5 img{scale:0.05;}
.imgScale10 img{scale:0.1;}
.imgScale15 img{scale:0.15;}
.imgScale20 img{scale:0.2;}
.imgScale25 img{scale:0.25;}
.imgScale30 img{scale:0.3;}
.imgScale35 img{scale:0.35;}
.imgScale40 img{scale:0.4;}
.imgScale45 img{scale:0.45;}
.imgScale50 img{scale:0.5;}
.imgScale55 img{scale:0.55;}
.imgScale60 img{scale:0.6;}
.imgScale65 img{scale:0.65;}
.imgScale70 img{scale:0.7;}
.imgScale75 img{scale:0.75;}
.imgScale80 img{scale:0.8;}
.imgScale85 img{scale:0.85;}
.imgScale90 img{scale:0.9;}
.imgScale95 img{scale:0.95;}
.imgScale100 img{scale:1.0;}
.imgScale105 img{scale:1.05;}
.imgScale110 img{scale:1.1;}
.imgScale115 img{scale:1.15;}
.imgScale120 img{scale:1.2;}
.imgScale125 img{scale:1.25;}
.imgScale130 img{scale:1.3;}
.imgScale135 img{scale:1.35;}
.imgScale140 img{scale:1.4;}
.imgScale145 img{scale:1.45;}
.imgScale150 img{scale:1.5;}
.imgScale155 img{scale:1.55;}
.imgScale160 img{scale:1.6;}
.imgScale165 img{scale:1.65;}
.imgScale170 img{scale:1.7;}
.imgScale175 img{scale:1.75;}
.imgScale180 img{scale:1.8;}
.imgScale185 img{scale:1.85;}
.imgScale190 img{scale:1.9;}
.imgScale195 img{scale:1.95;}
.imgScale200 img{scale:2.0;}
.imgScale205 img{scale:2.05;}


.anima{
    opacity: 0;
    filter: alpha(opacity=0);
}

.animated3s{
    -webkit-transition:all 3s ease-out;
    -moz-transition:all 3s ease-out;
    -ms-transition:all 3s ease-out;
    -o-transition:all 3s ease-out;
    transition:all 3s ease-out;
}
._closeBtn{
    position: absolute;
    left: 8px;
    top: 8px;
    background: white;
    border: 1px solid var(--bs-secondary);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    padding: 3px;
    transition:all 0.5s ease-out;
}
._closeBtn:hover{
    background-color:black;
    transform: scale(1.05);
}
ul.ul2rows{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
}
ul.ul2rows>li{
    width:49%;
}
ul.hlist{
    display:flex;
    flex-direction: row;
}
ul.hlist li{
    list-style:none;
    margin-left:15px;
}
ul.hlisthideLastSpan li:last-child span{display:none;}
pre{
    direction: ltr;
    text-align: left;
}
.col-xs-auto{
    width:auto;
}
.rtl{
    direction:rtl;
}
.ltr{
    direction:ltr;
}
.none,.la.none{
    display: none;
}

.none2{
    display: none !important;
}

pre,.debug{
    direction: ltr;
    text-align: left;
    background: #fffcdf;
    color: black;
    border: 1px solid #fad4df;
    margin: 1px 0;
    width: 100%;
    padding: 20px;
    width: 98%;
    margin: 10px auto;
}
.notvalid{
    border: 1px solid red;
    color: red;
    box-shadow: 0px 0px 3px #ff00006b;
}
.debug ul{
    padding:10px;
}
.debug ul ul{
    padding:10px 30px;
}

.rel{
    position:relative;
}


.flex{
    display: flex;
}
.f{
    display:flex;
}
.f2,.lined .f{
    display: flex !important;
}
.spaceBetween,.spb,.fsb{
    display:flex;
    justify-content: space-between;
    width:100%;
}
.spb2{
    justify-content: space-between !important;
    width:100%;
}
.SCREEN{
    width:100%;
    height:100%;
    display:flex;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    justify-content: center;
    align-items:center;
}
.fh{
    display:flex;
    flex-direction:row;
}
.fh2{
    flex-direction:row !important;
}
.fhrev{
    display:flex;
    flex-direction:row-reverse;
}
.fv{
    display:flex;
    width:100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-self: center;
    align-items: center;
}
.fc{
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.flex.l,.f.l,.fv.l{
    justify-content: flex-end;
    align-items: flex-end;
}
.flex.r,.f.r,.fv.r{
    justify-content: flex-start;
    align-items: flex-start;
}
.r.fvc,.f.r.fvc{
    align-items: center;
}
.fvbs{
    align-items: baseline;
}
.fauto{
    flex:auto;
}
.flex1,.f1{
    flex:1;
}
.flex2,.f2{
    flex:2;
}
.flex3,.f3{
    flex:3;
}
.flex4,.f4{
    flex:4;
}
.flex5,.f5{
    flex:5;
}
.flex6,.f6{
    flex:6;
}
.flex7,.f7{
    flex:7;
}
.flex8,.f8{
    flex:8;
}
.flex-h{
    flex-direction:row;
}
.flex-v{
    flex-direction: column;
    flex-wrap: wrap;
    align-self: center;
    align-items: center;
}
.c{
    text-align:center;
}
.cc{
    margin-left:auto;
    margin-right:auto;
}
.flex.c,.fc{
    justify-content: center;
    
}
.fvt{
    align-items:start;
    align-self:start;
}
.fvt.c{
    align-items: center;
}
.fvc{
    align-items: center;
}
.fvb{
    align-items: flex-end;
}
.flr{
    align-items: flex-start;
}
.fll{
    align-items: flex-end;
}
.fwrap{
    flex-wrap: wrap;
}
.fnowrap{
    flex-wrap: nowrap;
}
.wcontent{
    width:max-content;
}
.w0{
    width:fit-content;
}
.w100 { width:100%;}
.table.w100{
    display: inline-table;
}

.fCenter{
    flex: 0 0 auto;
    margin: 0 auto;
}
.fLeft,.fRight{
    flex:1;
}
.fLeft{
    justify-content:flex-end;
}
.fRight{
    justify-content:flex-start;
}

.table.auto{
    width:auto;
}


.fs1rem {font-size:1rem;}
.fs12rem{font-size:1.2rem;}
.fs15rem{font-size:1.5rem;}
.fs2rem {font-size:2rem;}
.fs3rem {font-size:3rem;}
.w99 { width:99%;}
.w98 { width:98%;}
.w95 { width:95%;}
.w90 { width:90%;}
.w80 { width:80%;}
.w79 { width:79%;}
.w75 { width:75%;}
.w70 { width:70%;}
.w60 { width:60%;}
.w55 { width:55%;}
.w50 { width:50%;}
.w49 { width:49%;}
.w48 { width:48%;}
.w47 { width:47%;}
.w45 { width:45%;}
.w40 { width:40%;}
.w35 { width:35%;}
.w33 { width:33%;}
.w32 { width:32%;}
.w30 { width:30%;}
.w29 { width:29%;}
.w25 { width:25%;}
.w24 { width:24%;}
.w20 { width:20%;}
.w15 { width:15%;}
.w10 { width:10%;}
.w5 { width:5%;}



.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.ptb5{ padding-top:5px;     padding-bottom:5px; }
.ptb10{ padding-top:10px;     padding-bottom:10px; }
.ptb15{ padding-top:15px;     padding-bottom:15px; }
.ptb20{ padding-top:20px;     padding-bottom:20px; }


.prl15{
    padding-left:15px;
    padding-right:15px;
}

.p-10{
    padding:10px;
}
.p-15 {padding:15px; }
.p-20 {padding:20px; }
.p-25 {padding:25px; }
.p-30 {padding:30px; }

.pl-30{ padding-left:30px; } 
.pl-20{ padding-left:20px; } 
.pl-15{ padding-left:15px; } 
.pl-10{ padding-left:10px; } 
.pl-5 { padding-left:5px;  } 
.pl-0 { padding-left:0px;  } 

.pr-30{ padding-right:30px; } 
.pr-20{ padding-right:20px; } 
.pr-15{ padding-right:15px; } 
.pr-10{ padding-right:10px; } 
.pr-5 { padding-right:5px;  } 
.pr-0 { padding-right:0px;  }

.pt-30{ padding-top:30px; } 
.pt-20{ padding-top:20px; } 
.pt-15{ padding-top:15px; } 
.pt-10{ padding-top:10px; } 
.pt-5 { padding-top:5px;  } 
.pt-0 { padding-top:0px;  } 
.pm-30{ padding-bottom:30px; } 
.pm-20{ padding-bottom:20px; } 
.pm-15{ padding-bottom:15px; } 
.pm-10{ padding-bottom:10px; } 
.pm-5 { padding-bottom:5px;  } 
.pm-0 { padding-bottom:0px;  } 

.mt-5{ margin-top:5px; } 
.mt-10{ margin-top:10px; } 
.mt-15{ margin-top:15px; } 
.mt-20{ margin-top:20px; } 
.mt-30{ margin-top:30px; } 
.mb-0{ margin-bottom:0px; } 
.mb-5{ margin-bottom:5px; } 
.mb-10{ margin-bottom:10px; } 
.mb-15{ margin-bottom:15px; } 
.mb-20{ margin-bottom:20px; } 
.mb-30{ margin-bottom:30px; } 



.p5{padding:5px;}
.p0{padding:0;}
.pr0{padding-right:0 !important;}
.m0{ margin:0;}
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mr0{margin:0; }
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.prl15{
    padding-right:15px;
    padding-left:15px;
}
.prl30{
    padding-right:30px;
    padding-left:30px;
}

.z100{
    z-index:100;
}
.adminControl{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
    opacity:0.1;
}
.adminControl.inline{
    display:inline;
    position: relative;
    left:auto;
    top:auto;
    margin-left:5px;
    margin-right:5px;
}
.adminControl.inline a{
    display:inline !important;
}
.adminControl i{
    font-size: 18px;
}
.module:hover .adminControl,h1:hover .adminControl,h3:hover .adminControl,h2:hover .adminControl,span.adminControl:hover {
    opacity:1;
}

.b{
    font-weight: bold;
}
.ltr{
    direction:ltr;
}
.ll{
    text-align: left;
}

.ltr div[class^='col-']{
    float:left;
    direction: ltr;
}
.ltr *{
    direction: ltr;
}
.ltr input,.ltr select,.ltr button,.ltr options{
    direction: ltr;
}

.ltr2{
    direction: ltr !important;
    text-align: left;
    unicode-bidi: bidi-override;
}

label.sideRight{
    flex-direction: row-reverse;
}
label.wauto{
    width: fit-content;
}
.select2-container{
    z-index:1000000;
}
.gpopup{
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000006e;
    border: none;
    display:none;
}
.gpopup .gpopup_container{
    position:relative;
    border-radius: 10px;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 33px 1px #00000070;
}
.gpopup .gpopup_close{
    position:absolute;
    left:10px; top:10px;
    background:white; border-radius:20px;
    display:flex; align-items:center; justify-content:center;
    color: black;
    font-family: monospace;
    width: 25px;
    border: 1px solid gray;
}
 @media only screen and (min-width : 576px) {
        .dnone,.img-responsive.dnone{
            display:none;
        }
        .dnone2{
            display:none !important;
        }
        #popUpModal .modal-dialog {
            max-width: 1000px;
            width: fit-content;
        }
 }
 
 @media only screen and (max-width : 1024px) { 
     .tnone{display:none;} .tnone2{display:none !important;}
     
     #popUpModal .modal-dialog {
        max-width: 90%;
    }
 }
.modal-open #popUpModal.modal {
    z-index: 999999;
}
 
@media only screen and (max-width : 576px) { 
    .xnone{
        display:none;
    }
    .mgap1{gap:1px;}
    .mgap5{gap:5px;}
    .mgap10{gap:10px;}
    .mgap15{gap:15px;}
    .mgap20{gap:20px;}
    .mgap30{gap:30px;}
    
}


@media only screen and (max-width : 576px) { 
    .img-responsive.mnone,.mnone{display:none;} .mnone2{display:none !important;}
    .mfwrap{
        flex-wrap: wrap;
    }
    .modal-dialog {
        margin: 0.5rem auto;
    }
    .modal.show .modal-dialog{
        margin:0 auto;
    }
    ul.mul2rows{
        display:flex;
        flex-direction: row;
        flex-wrap:wrap;
    }
    ul.mul2rows>li{
        width:49%;
    }
    
    .mfwrap>li{
        margin-top:5px;
    }
    .mc,.r.mc{
        text-align:center;
        justify-content: center;
    }
    .mfv.r.mc{
        align-items: center;
    }
    .mf0{
        flex: initial;
    }
    .mnoflix{
        display: block !important;
    }
    .mfh{
    display:flex;
    flex-direction:row;
    }
    .hm10{ height:10px;}
    .hm20{ height:20px;}
    .hm30{ height:30px;}
    .hm40{ height:40px;}
    .hm50{ height:50px;}
    
    .mfv{
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-self: center;
        align-items: center;
    }
    .mfv.mfr{
        align-items: flex-start;
    }
    .mspb{
        justify-content: space-between;
    }
    .fmspb{
        justify-content: space-between !important;
    }
    .mfc{
        justify-content:center;
    }
    .mfvt{
        align-items: flex-start;
    }
    .mc{
        align-items: center;
    }
    .mfvc{
        align-items: center;
    }
    .mfvb{
        align-items:baseline;
    }
    .mflr{
        align-items: flex-start;
    }
    .mfll{
        align-items: flex-end;
    }

    .mfr,.mfl{float:none !important;}
    .mwauto { width:auto;}
    .mw100 { width:100% !important;}
    .mh0 { height:auto !important;}
    .mw98 { width:98% !important;}
    .mw95 { width:95% !important;}
    .mw90 { width:90% !important;}
    .mw80 { width:80%;}
    .mw70 { width:70%;}
    .mw60 { width:60%;}
    .mw61 { width:61%;}
    .mw50 { width:50%;}
    .mw49 { width:49%;}
    .mw48 { width:48%;}
    .mw45 { width:45%;}
    .mw40 { width:40%;}
    .mw33 { width:33%;}
    .mw30 { width:30%;}
    .mw25 { width:25%;}
    .mw20 { width:20%;}
    .mw15 { width:15%;}
    .mw10 { width:10%;}
    .mw5 { width:5%;}
    
    .mmt5{ margin-top:5px;}
    .mmt10{ margin-top:10px;}
    .mmt15{ margin-top:15px;}
    .mmt20{ margin-top:20px;}
    .mmt30{ margin-top:30px;}
    
    .mScrollX,.overflow-x-scroll{overflow-x:auto;}
    .mSrollY{overflow-x:auto;}
}


ul.sitemap{
    padding: inherit;
}

.scrollHTrans{
  background-color: transparent;
}
.scrollHTrans::-webkit-scrollbar {
  width: 0px !important;
  background-color: transparent !important;
}
.scrollHTrans::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #3636364f !important;
}
.scrollHTrans::-webkit-scrollbar-track {
    border-radius: 1px;
    background-color: transparent !important;
    border: none;
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
}
.scrollVTrans{
  background-color: transparent;
}
.scrollVTrans::-webkit-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}
.scrollVTrans::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #3636364f !important;
}
.scrollVTrans::-webkit-scrollbar-track {
    border-radius: 1px;
    background-color: transparent !important;
    border: none;
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
}

.scroll-text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.scroll-text p {
  display: inline-block;
  
}
.scroll-text p {
  animation: scroll-left 30s linear infinite;
  padding-right: 100%;
  margin:0;
}
.rtl .scroll-text p {
  animation: scroll-right 30s linear infinite;
  padding-left: 100%;
  padding-right:0;
}

@keyframes scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}