@charset "UTF-8";
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-Light"),url("../fonts/URWGeometricArabic/URWGeometricArabic-Light.ttf") format("truetype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-Regular"),url("../fonts/URWGeometricArabic/URWGeometricArabic-Regular.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-Medium"),url("../fonts/URWGeometricArabic/URWGeometricArabic-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-SemiBold"),url("../fonts/URWGeometricArabic/URWGeometricArabic-SemiBold.ttf") format("truetype");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-Bold"),url("../fonts/URWGeometricArabic/URWGeometricArabic-Bold.ttf") format("truetype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-ExtraBold"),url("../fonts/URWGeometricArabic/URWGeometricArabic-ExtraBold") format("truetype");
    font-weight:800;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"URWGeometricArabic";
    src:local("URWGeometricArabic-Black"),url("../fonts/URWGeometricArabic/URWGeometricArabic-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
.overlay-menu{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:4;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
    background:rgba(0,0,0,0.6)
}
.overlay-menu.active{
    opacity:1;
    visibility:visible
}
.logo-section .container-content{
    height:135px
}
@media screen and (max-width:1200px){
    .logo-section{
        display:none
    }
}
#head-logo{
    max-width:100%
}
@media screen and (max-width:1200px){
    #head-logo{
        position:relative;
        z-index:4
    }
}
#head-logo>a{
    display:block
}
#head-logo>a img{
    max-width:120px
}
@media screen and (max-width:576px){
    #head-logo>a img{
        max-width:100px
    }
}
#header{
    height:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    width:100%
}
#header .bg-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:3;
    background-color:#fff;
    display:none
}
@media screen and (max-width:1200px){
    #header .bg-layer{
        display:block;
        background:transparent
    }
}
@media screen and (min-width:1200px){
    #header.fixed-header{
        position:fixed;
        top:0;
        z-index:9
    }
}
@media screen and (max-width:1200px){
    #header{
        background:transparent;
        width:100%;
        z-index:5;
        height:60px
    }
    #header.add-fixed{
        width:100%;
        position:fixed;
        top:0
    }
}
#header .container-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:68px;
    width:90%
}
@media screen and (max-width:1600px){
    #header .container-content{
        height:80px;
        width:95%
    }
}
@media screen and (max-width:1300px){
    #header .container-content{
        width:99%
    }
}
@media screen and (max-width:1200px){
    #header .container-content{
        width:100%;
        padding-left:15px;
        padding-right:15px
    }
}
#header .container-content .main-menu{
    list-style-type:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    left:55%;
    z-index:99
}
@media screen and (max-width:1200px){
    #header .container-content .main-menu{
        background-color:#fff;
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        z-index:2;
        padding:65px 0 0;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
        box-shadow:0 0 10px rgba(0,0,0,0.5);
        -webkit-transition:opacity 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s ease;
        transition:opacity 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s ease;
        transition:transform 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;
        transition:transform 0.3s ease,opacity 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s ease;
        opacity:0;
        visibility:hidden;
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
    #header .container-content .main-menu.active{
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
#header .container-content .main-menu>li{
    margin-left:30px;
    margin-right:30px
}
#header .container-content .main-menu>li.active a{
    color:#00C8E1;
    font-weight:bold
}
@media screen and (max-width:1600px){
    #header .container-content .main-menu>li{
        margin-left:15px;
        margin-right:15px
    }
}
@media screen and (max-width:1200px){
    #header .container-content .main-menu>li{
        margin-left:0;
        margin-right:0;
        border-top:1px solid #146E82;
        background:#fff
    }
}
#header .container-content .main-menu>li>a{
    display:block;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
    position:relative;
    font-weight:300;
    font-size:16px;
    color:#112459;
    text-decoration:none
}
@media screen and (max-width:1200px){
    #header .container-content .main-menu>li>a{
        font-size:16px;
        padding:12px 15px
    }
}
#header .container-content .main-menu>li>a:hover{
    text-decoration:none;
    color:#00C8E1
}
#header .mobile-logo{
    position:relative;
    z-index:4;
    height:70px
}
@media screen and (min-width:1200px){
    #header .mobile-logo{
        display:none
    }
}
#header .mobile-logo img{
    height:100%
}
.hamburger{
    cursor:pointer;
    -webkit-transition-property:opacity,-webkit-filter;
    transition-property:opacity,-webkit-filter;
    transition-property:opacity,filter;
    transition-property:opacity,filter,-webkit-filter;
    -webkit-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-timing-function:linear;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
    background-color:transparent;
    border:0;
    height:25px;
    position:absolute;
    z-index:4;
    right:15px;
    top:0;
    bottom:0;
    margin:auto 0;
    display:none
}
@media screen and (max-width:1200px){
    .hamburger{
        display:block
    }
}
.hamburger:hover{
    opacity:0.7
}
.hamburger.is-active:hover{
    opacity:0.7
}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{
    background-color:#000
}
.hamburger-box{
    width:30px;
    height:24px;
    display:inline-block;
    position:relative
}
.hamburger-inner{
    display:block;
    top:50%;
    margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
    width:100%;
    height:4px;
    background-color:#000;
    border-radius:4px;
    position:absolute;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease
}
.hamburger-inner:after,.hamburger-inner:before{
    content:"";
    display:block
}
.hamburger-inner:before{
    top:-10px
}
.hamburger-inner:after{
    bottom:-10px
}
.hamburger--spin .hamburger-inner{
    -webkit-transition-duration:0.22s;
    transition-duration:0.22s;
    -webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin .hamburger-inner:before{
    -webkit-transition:top 0.1s 0.25s ease-in,opacity 0.1s ease-in;
    transition:top 0.1s 0.25s ease-in,opacity 0.1s ease-in
}
.hamburger--spin .hamburger-inner:after{
    -webkit-transition:bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
    transition:bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
    transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
    transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin.is-active .hamburger-inner{
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg);
    -webkit-transition-delay:0.12s;
    transition-delay:0.12s;
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin.is-active .hamburger-inner:before{
    top:0;
    opacity:0;
    -webkit-transition:top 0.1s ease-out,opacity 0.1s 0.12s ease-out;
    transition:top 0.1s ease-out,opacity 0.1s 0.12s ease-out
}
.hamburger--spin.is-active .hamburger-inner:after{
    bottom:0;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    transition:bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1)
}
.custom-dropdown,.menu-item-has-children{
    position:relative
}
.custom-dropdown>a,.menu-item-has-children>a{
    position:relative
}
.custom-dropdown>a:after,.menu-item-has-children>a:after{
    content:"";
    position:absolute;
    right:-18px;
    background:url("../imgs/chevron-down.svg") no-repeat;
    width:12px;
    height:10px;
    top:10px;
    background-size:contain
}
@media screen and (max-width:1200px){
    .custom-dropdown>a:after,.menu-item-has-children>a:after{
        right:15px;
        top:45%
    }
}
.custom-dropdown>a svg,.menu-item-has-children>a svg{
    width:10px;
    margin-left:5px
}
.custom-dropdown-menu,.sub-menu{
    list-style:none;
    position:absolute;
    z-index:9;
    top:30px!important;
    right:auto!important;
    padding:0;
    min-width:14rem;
    margin:0.125rem 0 0;
    background-clip:padding-box;
    display:none;
    background:#FFFFFF;
    -webkit-box-shadow:0px 15px 30px 10px rgba(21,60,63,0.15);
    box-shadow:0px 15px 30px 10px rgba(21,60,63,0.15);
    border-radius:8px;
    overflow:hidden
}
@media screen and (max-width:1200px){
    .custom-dropdown-menu,.sub-menu{
        left:0;
        width:100%;
        border:0;
        height:100%;
        position:relative;
        top:0!important;
        border-radius:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.custom-dropdown-menu li,.sub-menu li{
    text-align:left;
    padding:12px 15px;
    background-color:#fff;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease
}
@media screen and (min-width:1200px){
    .custom-dropdown-menu li:first-child,.sub-menu li:first-child{
        border-top:0
    }
}
.custom-dropdown-menu li a,.sub-menu li a{
    display:block;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
    position:relative;
    font-weight:300;
    font-size:16px;
    color:#112459;
    text-decoration:none
}
@media screen and (max-width:1200px){
    .custom-dropdown-menu li a,.sub-menu li a{
        font-size:16px
    }
}
.custom-dropdown-menu li:hover a,.sub-menu li:hover a{
    color:#00C8E1
}
.mobile-lang{
    display:none
}
@media screen and (max-width:1200px){
    .mobile-lang{
        font-family:"Montserrat",arial,sans-serif;
        font-weight:bold;
        font-size:16px;
        background:#146E82;
        color:#fff;
        width:40px;
        height:40px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        line-height:1;
        border:1px solid transparent
    }
    .mobile-lang:hover{
        -webkit-transition:all 0.25s ease;
        transition:all 0.25s ease;
        color:#146E82;
        background:#fff;
        border-color:#146E82
    }
}
.top-bar{
    background:#153C3F;
    height:48px;
    position:relative;
    z-index:8
}
.top-bar .account-type a{
    height:100%;
    padding:0 24px;
    font-size:20px;
    color:#A1B1B2;
    font-weight:bold;
    text-decoration:none;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.top-bar .account-type a.acitve{
    color:#fff;
    background-color:#146E82
}
.top-bar .account-type a:hover{
    color:#fff;
    background-color:#146E82
}
@media screen and (max-width:576px){
    .top-bar .account-type a{
        font-size:16px;
        padding:0 10px
    }
}
.top-bar.dashboard-topbar{
    height:60px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%
}
.auth{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    list-style:none;
    margin-left:auto
}
.auth li{
    margin:0 20px
}
.auth li:last-child{
    margin-rtl:0
}
.auth li a{
    display:block;
    font-size:16px;
    font-weight:bold;
    color:#146E82;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
    text-decoration:none;
    position:relative
}
.auth li a:hover{
    text-decoration:none;
    color:#00C8E1
}
.auth li a.sign-up{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:8px 10px;
    line-height:1;
    border:2px solid #146E82
}
.auth li a.sign-up:hover{
    background-color:#146E82;
    color:#fff
}
body{
    font-family:"URWGeometricArabic",arial,sans-serif;
    font-size:16px;
    line-height:1.3;
    -moz-font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    direction:ltr;
    color:#000;
    text-align:left
}
.active{
    background:rgba(255,255,255,0.1)
}
.container-content{
    width:85%;
    margin-left:auto;
    margin-right:auto;
    position:relative
}
@media screen and (max-width:1280px){
    .container-content{
        width:100%;
        padding-left:15px;
        padding-right:15px
    }
}
.dashboard-container{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    padding-left:30px;
    padding-right:30px
}
@media screen and (max-width:1280px){
    .dashboard-container{
        width:100%;
        padding-left:15px;
        padding-right:15px
    }
}
.form-control1:focus,.form-control:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control1:disabled,.form-control:disabled{
    background-color:#efefef!important;
    opacity:0.9;
    cursor:not-allowed
}
ul{
    margin-bottom:0
}
p{
    color:#000;
    margin-bottom:0;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:0
}
button:focus{
    outline:none
}
.select2-container--default .select2-results>.select2-results__options{
    background-color:#F3F3F3
}
.select2-container--default .select2-selection--single{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#F3F3F3;
    border:none;
    padding:0 20px;
    height:58px
}
@media screen and (max-width:1500px){
    .select2-container--default .select2-selection--single{
        font-size:12px;
        height:48px
    }
}
@media screen and (max-width:1400px){
    .select2-container--default .select2-selection--single{
        height:38px
    }
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#146E82
}
.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:0
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#F3F3F3;
    border:0;
    border-radius:6px
}
.select2-results__option{
    padding:12px 16px;
    border-bottom:1px solid #dedddd
}
.select2-container--default .select2-selection--single:focus{
    outline:none
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width:60px;
    height:100%;
    right:1px!important;
    left:auto!important;
    top:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:14px;
    height:10px;
    background-image:url("../img/arrow-bottom-icon.svg");
    background-repeat:no-repeat
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display:none
}
.select2-search--dropdown{
    padding:15px
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color:#dedcdc;
    padding:8px 12px
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    outline:none
}
.transition{
    -webkit-transition:all 0.25s;
    transition:all 0.25s
}
.display-none{
    display:none
}
.display-block{
    display:block
}
.lang-btn{
    font-weight:bold;
    font-size:16px;
    color:#FFFFFF;
    text-decoration:none
}
.lang-btn:hover{
    color:#00C8E1
}
.secondary-color{
    color:#00C8E1!important
}
.text-lg{
    font-size:18px!important
}
.text-base{
    font-size:16px!important
}
.font-light{
    font-weight:300!important
}
.font-medium{
    font-weight:500!important
}
.font-bold{
    font-weight:700!important
}
.no-decoration{
    text-decoration:none!important
}
.main-wrapper{
    min-height:70vh
}
.auth-pages{
    background:#D9D9D9;
    min-height:calc(100vh - 143px)
}
@media screen and (max-width:1200px){
    .auth-pages{
        min-height:calc(100vh - 133px)
    }
}
@media screen and (max-width:576px){
    .options{
        gap:1.5rem!important
    }
}
@media screen and (min-width:1200px){
    .hidden-desktop{
        display:none
    }
}
.form-control.is-invalid,.was-validated .form-control:invalid{
    border-color:#dc3545!important
}
.btn-primary{
    background-color:#00C8E1;
    border-color:#00C8E1;
    font-weight:700;
    font-size:16px;
    color:#153C3F;
    width:100%;
    margin:48px auto;
    border-radius:4px
}
@media screen and (max-width:1366px){
    .btn-primary{
        margin:36px auto
    }
}
@media screen and (max-width:991px){
    .btn-primary{
        margin:24px auto
    }
}
.btn-primary:hover{
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    background-color:transparent;
    color:#153C3F;
    border-color:#00C8E1
}
.btn-transparent{
    background-color:transparent;
    border-color:#146E82;
    color:#146E82;
    font-size:20px;
    font-weight:bold;
    min-width:180px;
    margin:0 auto;
    text-transform:uppercase
}
.btn-transparent:hover{
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    border-color:#00C8E1;
    background-color:#00C8E1;
    color:#fff
}
.btn-transparent.primary{
    border-color:#00C8E1;
    color:#00C8E1
}
.btn-transparent.primary:hover{
    border-color:#146E82;
    background-color:#146E82;
    color:#fff
}
label{
    margin-bottom:5px;
    font-weight:700;
    font-size:16px;
    color:#112459
}
.form-group{
    margin-bottom:20px
}
.form-group #cr-no{
    background-image:none
}
.form-group .search-btn{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:0;
    width:50px;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.form-group label{
    margin-bottom:5px;
    font-weight:700;
    font-size:16px;
    color:#112459
}
.form-group .form-control,.form-group .form-control1{
    height:48px;
    border:1px solid #E5E5E5;
    border-radius:4px;
    font-weight:400;
    font-size:14px;
    color:#999999;
    padding:0 15px;
    background-color:#fff
}
.auth-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:30px 0;
    width:45%;
    margin:0 auto
}
@media screen and (max-width:991px){
    .auth-form{
        width:80%
    }
}
@media screen and (max-width:576px){
    .auth-form{
        width:100%
    }
}
.auth-form .auth-logo{
    margin-bottom:30px;
    text-align:center
}
@media screen and (max-width:576px){
    .auth-form .auth-logo img{
        max-width:70%
    }
}
.auth-form .note{
    margin-top:20px;
    font-weight:400;
    font-size:16px;
    color:#153C3F;
    text-align:center
}
.auth-form .note a{
    color:#146E82;
    text-decoration:underline
}
.auth-form .success-message{
    font-size:28px;
    font-weight:bold;
    color:#146E82
}
@media screen and (max-width:576px){
    .auth-form .success-message{
        font-size:18px
    }
}
.auth-form .icon-handler{
    text-align:center;
    margin-bottom:30px
}
.auth-form .icon-handler img{
    width:100%;
    max-width:50%
}
.auth-layout{
    padding:16px 0;
    background:#F7F9FE;
    min-height:100vh
}
@media screen and (max-width:1200px){
    .auth-layout{
        padding:0
    }
    .auth-layout .container-fluid{
        padding:0
    }
}
.auth-layout .auth-menu{
    position:absolute;
    top:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    gap:4rem
}
@media screen and (max-width:1360px){
    .auth-layout .auth-menu{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:start
    }
}
@media screen and (max-width:1200px){
    .auth-layout .auth-menu{
        display:none
    }
}
.auth-layout .auth-menu .sub-menu{
    top:30px!important
}
@media screen and (max-width:640px){
    .auth-layout .auth-menu .sub-menu{
        left:-8rem
    }
}
.auth-layout .auth-menu .sub-menu a:before{
    display:none
}
.auth-layout .auth-menu a{
    font-weight:300;
    font-size:16px;
    color:#112459;
    text-decoration:none;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease
}
.auth-layout .auth-menu a:hover{
    color:#00C8E1
}
.auth-layout .info-section{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.auth-layout .logo-section{
    height:calc(100vh - 32px);
    background:linear-gradient(197.08deg,#63D9E2 -23.29%,rgba(21,60,63,0.75) 95.86%);
    border-radius:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (max-width:1200px){
    .auth-layout .logo-section{
        height:200px;
        border-radius:0;
        margin-bottom:15px
    }
}
.auth-layout .logo-section img{
    max-width:250px
}
@media screen and (max-width:991px){
    .auth-layout .logo-section img{
        max-width:200px
    }
}
.auth-layout .auth-form{
    padding:60px 0
}
@media screen and (max-width:1600px){
    .auth-layout .auth-form{
        width:65%
    }
}
@media screen and (max-width:1200px){
    .auth-layout .auth-form{
        padding-top:0
    }
}
@media screen and (max-width:991px){
    .auth-layout .auth-form{
        padding:0 15px 30px;
        width:100%
    }
}
.auth-layout .auth-form h2,.auth-layout .auth-form h3{
    font-weight:700;
    font-size:32px;
    color:#112459;
    margin-bottom:10px
}
@media screen and (max-width:576px){
    .auth-layout .auth-form h2,.auth-layout .auth-form h3{
        font-size:24px
    }
}
.auth-layout .auth-form h2 span,.auth-layout .auth-form h3 span{
    letter-spacing:8px
}
@media screen and (max-width:991px){
    .auth-layout .auth-form h2,.auth-layout .auth-form h3{
        display:inline-block
    }
}
.auth-layout .auth-form p{
    margin-top:15px;
    margin-bottom:24px;
    font-weight:300;
    font-size:18px;
    line-height:25px;
    color:#112459
}
@media screen and (max-width:576px){
    .auth-layout .auth-form p{
        font-size:14px;
        margin:10px 0
    }
}
.auth-layout .auth-form p a{
    color:#112459;
    font-weight:500
}
.auth-layout .auth-form .reset-success{
    text-align:center;
    font-weight:500;
    font-size:18px;
    color:#146E82;
    margin-top:48px
}
.auth-layout .note{
    font-weight:300;
    font-size:14px;
    color:#112459;
    text-decoration:none
}
.auth-layout a.note:hover{
    text-decoration:underline
}
.auth-layout .back-link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:500;
    gap:1rem;
    font-size:16px;
    color:#112459;
    text-decoration:none
}
.auth-layout .back-link:hover{
    text-decoration:underline
}
.auth-layout .otp-form{
    margin:30px 0
}
.auth-layout .otp-form .otp-field{
    text-align:center;
    width:4rem;
    height:4rem;
    font-size:2rem;
    background:transparent;
    border:0;
    border-bottom:1px solid #999999;
    border-radius:0
}
@media screen and (max-width:375px){
    .auth-layout .otp-form .otp-field{
        width:3rem;
        height:3rem
    }
}
.auth-layout .nav.nav-tabs{
    margin-bottom:30px;
    border-bottom:0;
    width:100%;
    gap:2rem
}
.auth-layout .nav.nav-tabs .nav-link{
    border:0;
    border-bottom:2px solid transparent;
    font-weight:500;
    font-size:16px;
    color:#112459;
    padding:0 0 5px
}
.auth-layout .nav.nav-tabs .nav-link:disabled{
    color:#999999;
    cursor:not-allowed
}
.auth-layout .nav.nav-tabs .nav-link.active{
    background:transparent;
    border-bottom:2px solid #00C8E1;
    color:#00C8E1
}
.auth-layout .nav.nav-tabs .nav-link:hover{
    background:transparent;
    border-bottom:2px solid #00C8E1;
    color:#00C8E1
}
.dashboard-layout{
    position:relative
}
@media screen and (max-width:1300px){
    .dashboard-layout .hamburger{
        position:static;
        left:0;
        display:block
    }
}
.dashboard-layout .sidebar{
    padding:20px 0;
    width:300px;
    height:100%;
    background:#153C3F;
    position:fixed;
    top:0;
    left:0
}
@media screen and (max-width:1300px){
    .dashboard-layout .sidebar{
        position:absolute;
        left:-300px;
        z-index:999;
        -webkit-transition:all 0.25s ease;
        transition:all 0.25s ease
    }
}
@media screen and (max-width:1300px){
    .dashboard-layout .sidebar.active{
        left:0;
        -webkit-transition:all 0.25s ease;
        transition:all 0.25s ease
    }
}
.dashboard-layout .dashboard-content{
    padding:1rem;
    margin-left:300px;
    min-height:100vh;
    background-color:#F7F9FE
}
@media screen and (max-width:1300px){
    .dashboard-layout .dashboard-content{
        margin-left:0
    }
}
.dashboard-list{
    list-style:none;
    padding:0
}
.dashboard-list li{
    margin-bottom:15px
}
.dashboard-list li a{
    padding:12px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem;
    color:#fff;
    font-size:16px;
    text-decoration:none;
    text-transform:capitalize;
    font-weight:600
}
.dashboard-list li a:hover{
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    background:#438B9B
}
.dashboard-list .menu-item.menu-item-has-children>a span{
    position:relative
}
.dashboard-list .menu-item.menu-item-has-children>a span:after{
    content:"";
    position:absolute;
    right:-25px;
    background:url("../imgs/chevron-down-white.svg") no-repeat;
    width:12px;
    height:10px;
    top:8px;
    background-size:contain
}
.dashboard-list .menu-item.menu-item-has-children>a:after{
    display:none
}
.dashboard-list .menu-item.menu-item-has-children>a svg{
    width:auto;
    height:auto
}
.dashboard-list .sub-menu{
    position:static;
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding-left:30px
}
.dashboard-list .sub-menu .menu-item{
    background:transparent;
    margin:0;
    padding:0
}
.dashboard-list .sub-menu .menu-item a{
    color:rgba(255,255,255,0.7)
}
.dashboard-list .sub-menu .menu-item a:hover{
    background:transparent;
    color:rgb(255,255,255)
}
.dashboard-bar{
    position:relative;
    margin-bottom:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    gap:2rem;
    padding-right:20px
}
.dashboard-bar .form-handler{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.dashboard-bar .form-handler .form-group{
    margin-bottom:0
}
.dashboard-bar .form-group{
    position:relative
}
.dashboard-bar .form-group .search-icon{
    position:absolute;
    left:15px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.dashboard-bar .form-group .form-control{
    padding-left:40px;
    color:#999999;
    font-weight:300;
    font-size:14px;
    background:#FFFFFF;
    border:1px solid #E5E5E5;
    border-radius:4px;
    height:48px
}
.dashboard-bar .change-lang{
    background-color:#00C8E1;
    border:1px solid #00C8E1;
    border-radius:4px;
    padding:4px 10px;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease
}
.dashboard-bar .change-lang a{
    font-weight:700;
    text-decoration:none;
    color:#fff;
    font-size:16px
}
.dashboard-bar .change-lang:hover{
    background-color:transparent
}
.dashboard-bar .change-lang:hover a{
    color:#00C8E1
}
.dashboard-bar .profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem
}
@media screen and (max-width:1200px){
    .dashboard-bar .profile{
        display:none
    }
}
.dashboard-bar .profile .profile-img img{
    width:32px;
    height:32px;
    border-radius:50%;
    -o-object-fit:cover;
    object-fit:cover
}
.dashboard-bar .profile a{
    font-weight:500;
    font-size:16px;
    color:#112459;
    text-decoration:none
}
.dashboard-bar .menu-item-has-children .sub-menu{
    min-width:12rem;
    left:-5rem
}
.dashboard-content .page-title{
    font-weight:bold!important;
    font-size:24px;
    line-height:28px;
    color:#112459;
    margin-bottom:30px
}
@media screen and (max-width:1500px){
    .dashboard-content .page-title{
        font-size:18px;
        margin-bottom:15px
    }
}
.dashboard-content .page-title span{
    color:#999999
}
.dashboard-content .general-box{
    padding:16px;
    background:#FFFFFF;
    border:1px solid #E5E5E5;
    border-radius:4px
}
.dashboard-content .general-box h2{
    font-weight:700;
    font-size:24px;
    color:#112459;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    margin-bottom:10px
}
.dashboard-content .general-box h3{
    font-weight:400;
    font-size:12px;
    color:#112459;
    margin-bottom:16px
}
.dashboard-content .stats-boxs{
    margin-bottom:20px
}
.dashboard-content .stats-box{
    padding:16px;
    height:130px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#FFFFFF;
    border:1px solid #E5E5E5;
    border-radius:4px
}
.dashboard-content .stats-box .box-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:0.5rem;
    margin-bottom:25px
}
.dashboard-content .stats-box .box-title .icon-handler{
    width:32px;
    height:32px;
    border-radius:2px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-content .stats-box .box-title p{
    font-weight:700;
    font-size:16px;
    color:#999999
}
.dashboard-content .stats-box h3{
    color:#112459;
    font-weight:500;
    font-size:40px;
    padding-bottom:5px;
    position:relative
}
.dashboard-content .stats-box h3 span{
    position:absolute;
    bottom:0;
    height:1px;
    width:15%;
    left:0
}
.dashboard-content .website-traffic{
    height:100%
}
.dashboard-content .website-traffic .traffic-list li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem;
    margin-bottom:30px
}
.dashboard-content .website-traffic .traffic-list li p{
    font-weight:300;
    font-size:12px;
    color:#112459
}
.dashboard-content .website-traffic .traffic-list li span{
    background:#E5E5E5;
    border-radius:3px;
    height:5px
}
.green-box{
    background:rgba(75,179,75,0.1);
    border-radius:4px;
    border:0;
    font-weight:500;
    font-size:14px;
    line-height:22px;
    color:#4BB34B;
    padding:2px 12px;
    text-decoration:none
}
.light-box{
    background:rgba(0,200,225,0.1);
    border-radius:4px;
    border:0;
    padding:2px 12px
}
.light-box p{
    font-weight:500;
    font-size:14px;
    line-height:22px;
    color:#00C8E1
}
.table tfoot th,.table thead th{
    font-weight:400;
    font-size:14px;
    color:#999999;
    text-transform:capitalize
}
.table tbody td img{
    cursor:pointer
}
.table tbody td p{
    color:#112459;
    font-weight:500;
    font-size:14px
}
.table tbody td .active-status,.table tbody td .blue-box,.table tbody td .pending-status,.table tbody td .rejected-status,.table tbody td .weight{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:rgba(121,46,192,0.1);
    border-radius:4px
}
.table tbody td .active-status p,.table tbody td .blue-box p,.table tbody td .pending-status p,.table tbody td .rejected-status p,.table tbody td .weight p{
    padding:5px 8px;
    color:#792EC0
}
.table tbody td .active-status{
    background:rgba(75,179,75,0.1)
}
.table tbody td .active-status p{
    color:#4BB34B
}
.table tbody td .pending-status{
    background:rgba(255,193,7,0.1)
}
.table tbody td .pending-status p{
    color:#FFC107
}
.table tbody td .rejected-status{
    background:rgba(255,0,0,0.1)
}
.table tbody td .rejected-status p{
    color:#FF0000
}
.table tbody td .blue-box{
    background:rgba(63,138,224,0.1)
}
.table tbody td .blue-box p{
    color:#3F8AE0
}
.table tbody .child ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.table tbody .child ul.dtr-details{
    display:block!important
}
.table tbody .child span.dtr-title{
    color:#112459;
    font-weight:500!important;
    font-size:16px;
    margin-right:20px
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
    top:40%
}
.dataTables_wrapper .row .col-md-7{
    width:100%
}
.dataTables_wrapper .pagination{
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.dataTables_wrapper .pagination .page-link{
    color:#42526E;
    font-weight:400;
    font-size:14px
}
.dataTables_wrapper .pagination .page-link:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.dataTables_wrapper .pagination .active>.page-link,.dataTables_wrapper .pagination .page-link.active{
    border-color:#153C3F;
    background:#153C3F;
    border-radius:3px;
    color:#fff
}
.dataTables_wrapper .pagination .page-item.disabled{
    opacity:0.4
}
.dataTables_filter label{
    max-width:400px;
    width:100%!important
}
.dataTables_filter .form-control{
    background:#F7F9FE;
    border:1px solid #E5E5E5;
    border-radius:4px;
    height:38px;
    padding:0 15px;
    width:100%!important
}
.add-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:bold;
    font-size:16px;
    color:#112459;
    gap:0.5rem;
    text-decoration:none;
    background-color:transparent;
    border:0
}
.dashboard-layout .form-check-inline{
    margin-bottom:0
}
.dashboard-layout .form-check-label{
    font-weight:400;
    font-size:14px;
    color:#112459
}
.dashboard-layout input[type=radio]:not(:checked)+.form-check-label{
    color:#999999
}
.dashboard-layout input[type=checkbox]:checked{
    background-color:#00C8E1;
    border-color:#00C8E1
}
.dashboard-layout .general-box .form-control{
    background-color:#F7F9FE
}
.map-section #map-canvas{
    height:400px
}
.map-section .controls{
    margin-top:16px;
    border:1px solid transparent;
    border-radius:2px 0 0 2px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    height:32px;
    outline:none;
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3);
    box-shadow:0 2px 6px rgba(0,0,0,0.3)
}
.map-section #pac-input{
    background-color:#fff;
    font-size:15px;
    font-weight:300;
    margin-left:12px;
    padding:0 11px 0 13px;
    text-overflow:ellipsis;
    width:400px
}
.map-section #pac-input:focus{
    border-color:#4d90fe
}
.map-section .pac-container{
    font-family:Roboto
}
.map-section #type-selector{
    color:#fff;
    background-color:#4d90fe;
    padding:5px 11px 0px 11px
}
.map-section #type-selector label{
    font-family:Roboto;
    font-size:13px;
    font-weight:300
}
.general-box .js--advanced-upload{
    font-weight:bold;
    font-size:16px;
    color:#112459;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.general-box .js--advanced-upload label{
    padding:0;
    margin:0 3px;
    font-weight:bold;
    color:#00C8E1;
    font-size:16px;
    text-decoration:underline;
    cursor:pointer
}
.general-box .hide{
    display:none
}
.general-box .text--center{
    display:block;
    text-align:center
}
.general-box .is-droppable{
    border:1px dashed #ccc;
    padding:20px;
    margin:20px 0
}
.general-box .is-droppable.is-dragover{
    border-color:#999;
    background-color:#e2e2e2
}
.general-box .js .box__file{
    display:none
}
.general-box .js--files-list{
    width:50%;
    margin:30px auto 0
}
@media screen and (max-width:1500px){
    .general-box .js--files-list{
        width:60%
    }
}
@media screen and (max-width:1200px){
    .general-box .js--files-list{
        width:70%
    }
}
@media screen and (max-width:992px){
    .general-box .js--files-list{
        width:80%
    }
}
@media screen and (max-width:768px){
    .general-box .js--files-list{
        width:100%
    }
}
.general-box .uploaded{
    font-weight:bold;
    font-size:16px;
    line-height:22px;
    color:#999999;
    margin-bottom:15px
}
.general-box .file-handler{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background:#FFFFFF;
    border:1px solid #11AF22;
    border-radius:4px;
    padding:10px 15px;
    margin-bottom:15px
}
.general-box .file-handler a{
    font-weight:bold;
    font-size:16px;
    color:#112459;
    text-decoration:none
}
.general-box .js--remove-file{
    border:0;
    background-color:transparent
}
.general-box .js--remove-file img{
    width:30px
}
.dashboard-logo{
    max-width:150px;
    margin:0 auto 10px;
    display:block
}
.sidebar-hamburger{
    position:absolute!important;
    left:auto!important;
    right:10px!important;
    margin:0;
    top:15px!important
}
.sidebar-hamburger.hamburger.is-active .hamburger-inner{
    background-color:#fff!important
}
.sidebar-hamburger.hamburger.is-active .hamburger-inner:after,.sidebar-hamburger.hamburger.is-active .hamburger-inner:before{
    background-color:#fff!important
}
.dashboard-overlay{
    z-index:999
}
div.dataTables_wrapper div.dataTables_filter{
    text-align:right
}
.select2-container--default .select2-selection--single{
    height:48px;
    border:1px solid #E5E5E5;
    background-color:#F7F9FE;
    padding:0 15px
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:10px;
    height:10px;
    background-image:url("../imgs/chevron-down.svg");
    background-repeat:no-repeat;
    background-size:contain
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.next,html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.previous{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    position:absolute;
    z-index:99;
    right:40px;
    font-size:26px;
    top:7px
}
@media screen and (min-width:1200px){
    .auth-layout .handle-position{
        position:relative;
        width:100%;
        height:100%;
        min-height:calc(100vh - 32px)
    }
    .auth-layout .handle-position .logo-section{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:100%
    }
}
#dataTable2_wrapper>.row,#dataTable_wrapper>.row{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media screen and (min-width:992px){
    #dataTable2_wrapper>.row>.col-md-6,#dataTable_wrapper>.row>.col-md-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333333%
    }
}
#dataTable2_wrapper>.row>.col-md-6 #dataTable2_filter>label,#dataTable2_wrapper>.row>.col-md-6 #dataTable_filter>label,#dataTable_wrapper>.row>.col-md-6 #dataTable2_filter>label,#dataTable_wrapper>.row>.col-md-6 #dataTable_filter>label{
    max-width:100%;
    height:48px
}
#dataTable2_wrapper>.row>.col-md-6 #dataTable2_filter>label input,#dataTable2_wrapper>.row>.col-md-6 #dataTable_filter>label input,#dataTable_wrapper>.row>.col-md-6 #dataTable2_filter>label input,#dataTable_wrapper>.row>.col-md-6 #dataTable_filter>label input{
    height:100%;
    margin:0
}
.form-overlay{
    position:absolute;
    left:0;
    top:50px;
    right:0;
    bottom:0;
    background:black;
    z-index:7;
    background:rgba(255,255,255,0.7);
    -webkit-filter:blur(10px);
    filter:blur(10px);
    display:block
}
.select-checkbox .form-check-input{
    float:none!important;
    margin:0!important
}
.stats-box h3,.stats-box p{
    color:#fff!important
}
.stats-box.blue{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(7%,rgb(3,48,128)),to(rgb(147,162,191)));
    background:linear-gradient(180deg,rgb(3,48,128) 7%,rgb(147,162,191) 100%)
}
.stats-box.sky{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(7%,rgb(38,136,139)),to(rgb(146,195,200)));
    background:linear-gradient(180deg,rgb(38,136,139) 7%,rgb(146,195,200) 100%)
}
.stats-box.green{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(7%,rgb(65,138,103)),to(rgb(139,187,163)));
    background:linear-gradient(180deg,rgb(65,138,103) 7%,rgb(139,187,163) 100%)
}
.stats-box.yellow{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(7%,rgb(221,102,63)),to(rgb(215,187,43)));
    background:linear-gradient(180deg,rgb(221,102,63) 7%,rgb(215,187,43) 100%)
}
.stats-box.purple{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(7%,rgb(105,38,117)),to(rgb(172,166,204)));
    background:linear-gradient(180deg,rgb(105,38,117) 7%,rgb(172,166,204) 100%)
}
.dashboard-table thead tr th{
    background:#bababa;
    color:#000;
    font-size:18px;
    font-weight:bold;
    min-width:100px
}
@media screen and (max-width:768px){
    .dashboard-table thead tr th{
        min-width:150px;
        font-size:16px
    }
}
.dashboard-table tbody tr td{
    position:relative;
    z-index:2
}
.dashboard-table tbody tr td p{
    position:relative;
    color:#000!important
}
.dashboard-table tbody tr td .percentage{
    position:absolute;
    top:0;
    left:0;
    bottom:0
}
.datepicker-dropdown {
    border: 1px solid #00C8E1;
    background-color: #fff;
}

/* Customize datepicker header */
.datepicker-dropdown .datepicker-header {
    background-color: #00C8E1;
    color: #fff;
}

/* Customize selected date */
.datepicker-dropdown td.day.active,
.datepicker-dropdown td.day.active:hover,
.datepicker-dropdown td.day.active.disabled,
.datepicker-dropdown td.day.active.disabled:hover {
    background-color: #00C8E1;
    border: 1px solid #00C8E1;
    color: #fff;
}

/* Customize today's date */
.datepicker-dropdown td.today,
.datepicker-dropdown td.today:hover {
    background-color: #f8f9fa;
    border: 1px solid #00C8E1;
    color: #00C8E1;
}
/* Customize datepicker font */
.datepicker-dropdown,
.datepicker-dropdown td,
.datepicker-dropdown th {
    font-family:"URWGeometricArabic",arial,sans-serif;
    font-size: 14px; /* Adjust the font size as needed */
    font-weight: normal; /* Set to 'normal' for a lighter font-weight */
}

/* Customize other font-related styles as needed */

/*# sourceMappingURL=main.css.map */