@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);

html{
    position:relative;
    min-height:100%
}

.column {
    float: left;
    width: 25%;
    padding: 3px;
  }
 
body{
    overflow-x:hidden;
	font-family:"Poppins",sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family:"Poppins",sans-serif;
	font-weight:600;
	color: #000000;
}

.h1, h1 {
    font-size: calc(1.15rem + 1.15vw);
}

@media (max-width:767.98px){
    .h1, h1 {
		font-size: calc(1.35rem + 1.35vw);
	}
}

p {
	color: #000000;
	font-family:"Poppins",sans-serif;
}

@media (max-width:991.98px){
    body{
        overflow-x:hidden;
        padding-bottom:80px
    }   
}
.logo{
    display:block
}
.logo span.logo-lg{
    display:block
}
.logo span.logo-sm{
    display:none
}
.logo .logo-lg-text-dark{
    color:#323a46;
    font-weight:700;
    font-size:22px;
    text-transform:uppercase
}
.logo .logo-lg-text-light{
    color:#fff;
    font-weight:700;
    font-size:22px;
    text-transform:uppercase
}
.logo-box{
    height:70px;
    width:240px;
    float:left;
    transition:all .1s ease-out
}
.logo-box .logo{
    line-height:70px
}
.logo-light{
    display:block
}
.logo-dark{
    display:none
}
.width-xs{
    min-width:80px
}
.width-sm{
    min-width:100px
}
.width-md{
    min-width:120px
}
.width-lg{
    min-width:140px
}
.width-xl{
    min-width:160px
}
.font-family-primary{
    font-family:"Poppins",sans-serif;
}
.font-family-secondary{
    font-family:"Poppins",sans-serif
}
.form-check.form-check-primary .form-check-input:checked{
    background-color:#2892fd!important;
    border-color:#2892fd!important
}
.form-check.form-check-secondary .form-check-input:checked{
    background-color:#6c757d!important;
    border-color:#6c757d!important
}
.form-check.form-check-success .form-check-input:checked{
    background-color:#5ad092!important;
    border-color:#5ad092!important
}
.form-check.form-check-info .form-check-input:checked{
    background-color:#4fc6e1!important;
    border-color:#4fc6e1!important
}
.form-check.form-check-warning .form-check-input:checked{
    background-color:#fdc45e!important;
    border-color:#fdc45e!important
}
.form-check.form-check-danger .form-check-input:checked{
    background-color:#f75964!important;
    border-color:#f75964!important
}
.form-check.form-check-light .form-check-input:checked{
    background-color:#f3f7f9!important;
    border-color:#f3f7f9!important
}
.form-check.form-check-dark .form-check-input:checked{
    background-color:#323a46!important;
    border-color:#323a46!important
}
.form-check.form-check-pink .form-check-input:checked{
    background-color:#f672a7!important;
    border-color:#f672a7!important
}
.form-check.form-check-blue .form-check-input:checked{
    background-color:#6658dd!important;
    border-color:#6658dd!important
}
.ribbon-box{
    position:relative
}
.ribbon-box .ribbon{
    position:relative;
    clear:both;
    padding:5px 12px;
    margin-bottom:15px;
    box-shadow:2px 5px 10px rgba(50,58,70,.15);
    color:#fff;
    font-size:13px;
    font-weight:600
}
.ribbon-box .ribbon:before{
    content:" ";
    border-style:solid;
    border-width:10px;
    display:block;
    position:absolute;
    bottom:-10px;
    left:0;
    margin-bottom:-10px;
    z-index:-1
}
.ribbon-box .ribbon.float-start{
    margin-left:-30px;
    border-radius:0 3px 3px 0
}
.ribbon-box .ribbon.float-end{
    margin-right:-30px;
    border-radius:3px 0 0 3px
}
.ribbon-box .ribbon.float-end:before{
    right:0
}
.ribbon-box .ribbon.float-center span{
    margin:0 auto 20px auto
}
.ribbon-box .ribbon-content{
    clear:both
}
.ribbon-box .ribbon-primary{
    background:#2892fd
}
.ribbon-box .ribbon-primary:before{
    border-color:#0278f0 transparent transparent
}
.ribbon-box .ribbon-secondary{
    background:#6c757d
}
.ribbon-box .ribbon-secondary:before{
    border-color:#545b62 transparent transparent
}
.ribbon-box .ribbon-success{
    background:#5ad092
}
.ribbon-box .ribbon-success:before{
    border-color:#37c078 transparent transparent
}
.ribbon-box .ribbon-info{
    background:#4fc6e1
}
.ribbon-box .ribbon-info:before{
    border-color:#25b7d8 transparent transparent
}
.ribbon-box .ribbon-warning{
    background:#fdc45e
}
.ribbon-box .ribbon-warning:before{
    border-color:#fcb22c transparent transparent
}
.ribbon-box .ribbon-danger{
    background:#f75964
}
.ribbon-box .ribbon-danger:before{
    border-color:#f52837 transparent transparent
}
.ribbon-box .ribbon-light{
    background:#f3f7f9
}
.ribbon-box .ribbon-light:before{
    border-color:#d1e0e8 transparent transparent
}
.ribbon-box .ribbon-dark{
    background:#323a46
}
.ribbon-box .ribbon-dark:before{
    border-color:#1d2128 transparent transparent
}
.ribbon-box .ribbon-pink{
    background:#f672a7
}
.ribbon-box .ribbon-pink:before{
    border-color:#f34289 transparent transparent
}
.ribbon-box .ribbon-blue{
    background:#6658dd
}
.ribbon-box .ribbon-blue:before{
    border-color:#3f2ed4 transparent transparent
}
.ribbon-box .ribbon-two{
    position:absolute;
    left:-5px;
    top:-5px;
    z-index:1;
    overflow:hidden;
    width:75px;
    height:75px;
    text-align:right
}
.ribbon-box .ribbon-two span{
    font-size:13px;
    color:#fff;
    text-align:center;
    line-height:20px;
    transform:rotate(-45deg);
    width:100px;
    display:block;
    box-shadow:0 0 8px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
    position:absolute;
    top:19px;
    left:-21px;
    font-weight:600
}
.ribbon-box .ribbon-two span:before{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    z-index:-1;
    border-right:3px solid transparent;
    border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two span:after{
    content:"";
    position:absolute;
    right:0;
    top:100%;
    z-index:-1;
    border-left:3px solid transparent;
    border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two-primary span{
    background:#2892fd
}
.ribbon-box .ribbon-two-primary span:before{
    border-left:3px solid #026cd7;
    border-top:3px solid #026cd7
}
.ribbon-box .ribbon-two-primary span:after{
    border-right:3px solid #026cd7;
    border-top:3px solid #026cd7
}
.ribbon-box .ribbon-two-secondary span{
    background:#6c757d
}
.ribbon-box .ribbon-two-secondary span:before{
    border-left:3px solid #494f54;
    border-top:3px solid #494f54
}
.ribbon-box .ribbon-two-secondary span:after{
    border-right:3px solid #494f54;
    border-top:3px solid #494f54
}
.ribbon-box .ribbon-two-success span{
    background:#5ad092
}
.ribbon-box .ribbon-two-success span:before{
    border-left:3px solid #31ac6c;
    border-top:3px solid #31ac6c
}
.ribbon-box .ribbon-two-success span:after{
    border-right:3px solid #31ac6c;
    border-top:3px solid #31ac6c
}
.ribbon-box .ribbon-two-info span{
    background:#4fc6e1
}
.ribbon-box .ribbon-two-info span:before{
    border-left:3px solid #21a5c2;
    border-top:3px solid #21a5c2
}
.ribbon-box .ribbon-two-info span:after{
    border-right:3px solid #21a5c2;
    border-top:3px solid #21a5c2
}
.ribbon-box .ribbon-two-warning span{
    background:#fdc45e
}
.ribbon-box .ribbon-two-warning span:before{
    border-left:3px solid #fca812;
    border-top:3px solid #fca812
}
.ribbon-box .ribbon-two-warning span:after{
    border-right:3px solid #fca812;
    border-top:3px solid #fca812
}
.ribbon-box .ribbon-two-danger span{
    background:#f75964
}
.ribbon-box .ribbon-two-danger span:before{
    border-left:3px solid #f31020;
    border-top:3px solid #f31020
}
.ribbon-box .ribbon-two-danger span:after{
    border-right:3px solid #f31020;
    border-top:3px solid #f31020
}
.ribbon-box .ribbon-two-light span{
    background:#f3f7f9
}
.ribbon-box .ribbon-two-light span:before{
    border-left:3px solid #c0d5e0;
    border-top:3px solid #c0d5e0
}
.ribbon-box .ribbon-two-light span:after{
    border-right:3px solid #c0d5e0;
    border-top:3px solid #c0d5e0
}
.ribbon-box .ribbon-two-dark span{
    background:#323a46
}
.ribbon-box .ribbon-two-dark span:before{
    border-left:3px solid #121519;
    border-top:3px solid #121519
}
.ribbon-box .ribbon-two-dark span:after{
    border-right:3px solid #121519;
    border-top:3px solid #121519
}
.ribbon-box .ribbon-two-pink span{
    background:#f672a7
}
.ribbon-box .ribbon-two-pink span:before{
    border-left:3px solid #f12a7a;
    border-top:3px solid #f12a7a
}
.ribbon-box .ribbon-two-pink span:after{
    border-right:3px solid #f12a7a;
    border-top:3px solid #f12a7a
}
.ribbon-box .ribbon-two-blue span{
    background:#6658dd
}
.ribbon-box .ribbon-two-blue span:before{
    border-left:3px solid #3827c1;
    border-top:3px solid #3827c1
}
.ribbon-box .ribbon-two-blue span:after{
    border-right:3px solid #3827c1;
    border-top:3px solid #3827c1
}
@media print{
    .footer,.left-side-menu,.navbar-custom,.page-title-box,.right-bar{
        display:none
    }
    .card-body,.content,.content-page,.right-bar,body{
        padding:0;
        margin:0
    }
}
.card-body.min-600{
	min-height: 600px;
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:9999
}
#status{
    width:40px;
    height:40px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0 0 -20px
}
.spinner{
    margin:0 auto;
    font-size:10px;
    position:relative;
    text-indent:-9999em;
    border-top:5px solid #dee2e6;
    border-right:5px solid #dee2e6;
    border-bottom:5px solid #dee2e6;
    border-left:5px solid #2892fd;
    transform:translateZ(0);
    animation:SpinnerAnimation 1.1s infinite linear
}
.spinner,.spinner:after{
    border-radius:50%;
    width:40px;
    height:40px
}
@keyframes SpinnerAnimation{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.authentication-bg.enlarged{
    min-height:100px
}
.bg-pattern{
    background-size:cover
}
body.authentication-bg{
    background-color:#FCFCFC;
    background-size:cover;
    background-position:center
}
body.authentication-bg-pattern{
    
}
.logout-icon{
    width:140px
}
.auth-fluid{
    position:relative;
    display:flex;
    align-items:center;
    min-height:100dvh;
    flex-direction:row;
    align-items:stretch;
}
.auth-fluid .auth-fluid-form-box{
    max-width:480px;
    border-radius:0;
    z-index:2;
    /*padding:3rem 2rem;*/
	/*padding:2rem;*/
	margin-left:auto;
	margin-right:auto;
    background-color:#fff;
    position:relative;
    width:100%
}
.auth-fluid .auth-fluid-right{
    padding:6rem 3rem;
    flex:1;
    position:relative;
    color:#fff;
    background-color:rgba(0,0,0,.3)
}
.auth-brand{
    margin-bottom:2rem
}
.auth-user-testimonial{
    position:absolute;
    margin:0 auto;
    padding:0 1.75rem;
    bottom:3rem;
    left:0;
    right:0
}
.auth-user-testimonial p.lead{
    font-size:1.125rem;
    margin:0 auto 20px auto;
    max-width:700px
}
@media (min-width:768px){
    .auth-brand{
        position:absolute;
        top:3rem
    }
}
@media (max-width:767.98px){
    .auth-fluid{
        display:block
    }
    .auth-fluid .auth-fluid-form-box{
        max-width:100%;
        min-height:100dvh
    }
    .auth-fluid .auth-fluid-right{
        display:none
    }
}
.auth-logo .logo-light{
    display:none!important
}
.auth-logo .logo-dark{
    display:block!important
}
.button-list{
    margin-left:-8px;
    margin-bottom:-12px
}
.button-list .btn{
    margin-bottom:12px;
    margin-left:8px
}
.grid-structure .grid-container{
    background-color:#f3f7f9;
    margin-bottom:10px;
    font-size:.8rem;
    font-weight:600;
    padding:10px 20px
}

.text-error{
    color:#2892fd;
    text-shadow:rgba(40,146,253,.3) 5px 1px,rgba(40,146,253,.2) 10px 3px;
    font-size:84px;
    line-height:90px;
    font-family:"Poppins",sans-serif
}
.error-text-box{
    font-size:10rem;
    font-family:"Poppins",sans-serif;
    min-height:200px
}
.error-text-box .text{
    fill:none;
    stroke-width:6;
    stroke-linejoin:round;
    stroke-dasharray:30 100;
    stroke-dashoffset:0;
    animation:stroke 9s infinite linear
}
.error-text-box .text:nth-child(5n+1){
    stroke:#f75964;
    animation-delay:-1.2s
}
.error-text-box .text:nth-child(5n+2){
    stroke:#fdc45e;
    animation-delay:-2.4s
}
.error-text-box .text:nth-child(5n+3){
    stroke:#2892fd;
    animation-delay:-3.6s
}
.error-text-box .text:nth-child(5n+4){
    stroke:#4fc6e1;
    animation-delay:-4.8s
}
.error-text-box .text:nth-child(5n+5){
    stroke:#5ad092;
    animation-delay:-6s
}
@keyframes stroke{
    100%{
        stroke-dashoffset:-400
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .error-text-box .text{
        fill:#f75964;
        stroke:#f75964;
        stroke-width:6;
        stroke-dasharray:0 0;
        stroke-dashoffset:0;
        animation:none
    }
}
.logout-checkmark{
    width:100px;
    margin:0 auto;
    padding:20px 0
}
.logout-checkmark .path{
    stroke-dasharray:1000;
    stroke-dashoffset:0;
    animation:dash 2s ease-in-out
}
.logout-checkmark .spin{
    animation:spin 2s;
    transform-origin:50% 50%
}
@keyframes dash{
    0%{
        stroke-dashoffset:1000
    }
    100%{
        stroke-dashoffset:0
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes text{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.faq-question-q-box{
    height:30px;
    width:30px;
    color:#2892fd;
    text-align:center;
    border-radius:50%;
    float:left;
    font-weight:700;
    line-height:30px;
    background-color:rgba(40,146,253,.15)
}
.faq-question{
    margin-top:0;
    margin-left:50px;
    font-weight:400;
    font-size:16px
}
.faq-answer{
    margin-left:50px;
    color:#98a6ad
}
.svg-computer{
    stroke-dasharray:1134;
    stroke-dashoffset:-1134;
    animation:draw-me 5s infinite;
    animation-direction:normal;
    height:160px
}
@keyframes draw-me{
    from{
        stroke-dashoffset:-1134
    }
    to{
        stroke-dashoffset:0
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .svg-computer{
        stroke-dasharray:0;
        stroke-dashoffset:0;
        animation:none;
        animation-direction:normal
    }
}
.counter-number{
    font-size:32px;
    font-weight:700;
    color:#fff
}
.counter-number span{
    font-size:15px;
    font-weight:400;
    display:block
}
.coming-box{
    float:left;
    width:25%
}
.svg-rocket{
    height:80px
}
.dot{
    border:4px solid #2892fd;
    background:0 0;
    border-radius:60px;
    height:30px;
    width:30px;
    animation:pulse 3s ease-out;
    animation-iteration-count:infinite;
    position:absolute;
    top:-15px;
    right:-2px;
    z-index:1;
    opacity:0
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    25%{
        -webkit-transform:scale(0);
        opacity:.1
    }
    50%{
        -webkit-transform:scale(.1);
        opacity:.3
    }
    75%{
        -webkit-transform:scale(.5);
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0
    }
}

.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
    background:rgba(0,0,0,.2);
    background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
    transition:all .5s ease-out;
    transition-property:transform,opacity;
    transform:scale(0) translate(0,0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background:rgba(255,255,255,.4);
    background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
}
.waves-effect.waves-classic .waves-ripple{
    background:rgba(0,0,0,.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple{
    background:rgba(255,255,255,.4)
}
.waves-notransition{
    transition:none!important
}
.waves-button,.waves-circle{
    transform:translateZ(0);
    -webkit-mask-image:radial-gradient(circle,#fff 100%,#000 100%);
    mask-image:radial-gradient(circle,#fff 100%,#000 100%)
}
.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    border:none;
    outline:0;
    color:inherit;
    background-color:rgba(0,0,0,0);
    font-size:1em;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    z-index:1
}
.waves-button{
    padding:.85em 1.1em;
    border-radius:.2em
}
.waves-button-input{
    margin:0;
    padding:.85em 1.1em
}
.waves-input-wrapper{
    border-radius:.2em;
    vertical-align:bottom
}
.waves-input-wrapper.waves-button{
    padding:0
}
.waves-input-wrapper .waves-button-input{
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-circle{
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%
}
.waves-float{
    -webkit-mask-image:none;
    mask-image:none;
    box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
    transition:all .3s
}
.waves-float:active{
    box-shadow:0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block{
    display:block
}
.apex-charts{
    min-height:10px!important
}
.apex-charts text{
    font-family:"Poppins",sans-serif!important;
    fill:#98a6ad;
    font-weight:600
}
.apex-charts .apexcharts-canvas{
    margin:0 auto
}
.apexcharts-legend-text,.apexcharts-tooltip-text,.apexcharts-tooltip-title{
    font-family:"Poppins",sans-serif!important
}
.apexcharts-legend-series{
    font-weight:600
}
.apexcharts-gridline{
    pointer-events:none;
    stroke:#f9f9fd
}
.apexcharts-legend-text{
    color:#98a6ad!important
}
.apexcharts-xaxis text,.apexcharts-yaxis text{
    font-family:"Poppins",sans-serif!important;
    fill:#98a6ad;
    font-weight:600
}
.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{
    fill:#98a6ad
}
.apexcharts-radar-series polygon{
    fill:transparent;
    stroke:#dee2e6
}
.apexcharts-radar-series line{
    stroke:#dee2e6
}
.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value,.apexcharts-pie-label{
    fill:#98a6ad!important
}
.apexcharts-plot-series .apexcharts-datalabel{
    fill:#fff!important
}
.apexcharts-datalabels-group text{
    fill:#98a6ad!important;
    font-family:"Poppins",sans-serif!important
}
.scatter-images-chart .apexcharts-legend{
    overflow:hidden!important;
    min-height:17px
}
.scatter-images-chart .apexcharts-legend-marker{
    background:0 0!important;
    margin-right:7px!important
}
.scatter-images-chart .apexcharts-legend-series{
    align-items:flex-start!important
}
.apexcharts-pie-series path{
    stroke:transparent!important
}
.apexcharts-track path{
    stroke:#edeff1
}
.apexcharts-xaxis line{
    stroke:#ced4da!important
}
.irs{
    position:relative;
    display:block;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    user-select:none;
    font-size:12px
}
.irs-line{
    position:relative;
    display:block;
    overflow:hidden;
    outline:0!important
}
.irs-bar{
    position:absolute;
    display:block;
    width:0
}
.irs-shadow{
    position:absolute;
    display:none;
    width:0
}
.irs-handle{
    position:absolute;
    display:block;
    box-sizing:border-box;
    cursor:default;
    z-index:1
}
.irs-handle.type_last{
    z-index:2
}
.irs-max,.irs-min{
    position:absolute;
    display:block;
    cursor:default
}
.irs-min{
    left:0
}
.irs-max{
    right:0
}
.irs-from,.irs-single,.irs-to{
    position:absolute;
    display:block;
    top:0;
    cursor:default;
    white-space:nowrap
}
.irs-grid{
    position:absolute;
    display:none;
    bottom:0;
    width:100%;
    height:20px
}
.irs-with-grid .irs-grid{
    display:block
}
.irs-grid-pol{
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:8px;
    background:#6c757d
}
.irs-grid-pol.small{
    height:4px
}
.irs-grid-text{
    position:absolute;
    bottom:0;
    left:0;
    white-space:nowrap;
    text-align:center;
    font-size:9px;
    line-height:9px;
    padding:0 3px;
    color:#6c757d
}
.irs-disable-mask{
    position:absolute;
    display:block;
    top:0;
    left:-1%;
    width:102%;
    height:100%;
    cursor:default;
    background:rgba(0,0,0,0);
    z-index:2
}
.lt-ie9 .irs-disable-mask{
    background:#6c757d;
    cursor:not-allowed
}
.irs-disabled{
    opacity:.4
}
.irs-hidden-input{
    position:absolute!important;
    display:block!important;
    top:0!important;
    left:0!important;
    width:0!important;
    height:0!important;
    font-size:0!important;
    line-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden;
    outline:0!important;
    z-index:-9999!important;
    background:0 0!important;
    border-style:solid!important;
    border-color:transparent!important
}
.irs--flat{
    height:40px
}
.irs--flat.irs-with-grid{
    height:60px
}
.irs--flat .irs-line{
    top:25px;
    height:12px;
    background-color:#eef0f2;
    border-radius:4px
}
.irs--flat .irs-bar{
    top:25px;
    height:12px;
    background-color:#2892fd
}
.irs--flat .irs-bar--single{
    border-radius:4px 0 0 4px
}
.irs--flat .irs-shadow{
    height:1px;
    bottom:16px;
    background-color:#eef0f2
}
.irs--flat .irs-handle{
    top:22px;
    width:16px;
    height:18px;
    background-color:transparent
}
.irs--flat .irs-handle>i:first-child{
    position:absolute;
    display:block;
    top:0;
    left:50%;
    width:2px;
    height:100%;
    margin-left:-1px;
    background-color:#0580fd
}
.irs--flat .irs-max,.irs--flat .irs-min{
    top:0;
    padding:1px 3px;
    color:#6c757d;
    font-size:10px;
    line-height:1.333;
    text-shadow:none;
    background-color:#eef0f2;
    border-radius:4px
}
.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to{
    color:#fff;
    font-size:10px;
    line-height:1.333;
    text-shadow:none;
    padding:1px 5px;
    background-color:#2892fd;
    border-radius:4px
}
.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before{
    position:absolute;
    display:block;
    content:"";
    bottom:-6px;
    left:50%;
    width:0;
    height:0;
    margin-left:-3px;
    overflow:hidden;
    border:3px solid transparent;
    border-top-color:#2892fd
}
.irs--flat .irs-grid-pol{
    background-color:#eef0f2
}
.irs--flat .irs-grid-text{
    color:#6c757d
}
.irs--modern .irs-line{
    border:none;
    background:#eef0f2
}
.irs--modern .irs-bar{
    background:#2892fd;
    background:linear-gradient(to bottom,#2892fd 0,#0278f0 100%)
}
.irs--modern .irs-max,.irs--modern .irs-min{
    top:0;
    padding:1px 3px;
    color:#6c757d;
    font-size:10px;
    line-height:1.333;
    text-shadow:none;
    background-color:#eef0f2;
    border-radius:4px
}
.irs--sharp .irs-bar,.irs--sharp .irs-from,.irs--sharp .irs-handle,.irs--sharp .irs-max,.irs--sharp .irs-min,.irs--sharp .irs-single,.irs--sharp .irs-to{
    background-color:#2892fd
}
.irs--sharp .irs-line{
    background:#eef0f2
}
.irs--sharp .irs-from:before,.irs--sharp .irs-handle>i:first-child,.irs--sharp .irs-single:before,.irs--sharp .irs-to:before{
    border-top-color:#2892fd
}
.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{
    background-color:#026cd7
}
.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{
    border-top-color:#026cd7
}
.irs--round .irs-bar,.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to{
    background-color:#2892fd
}
.irs--round .irs-bar:before,.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before{
    border-top-color:#2892fd
}
.irs--round .irs-handle{
    background-color:#eef0f2;
    border:4px solid #2892fd;
    box-shadow:0 1px 3px rgba(40,146,253,.3)
}
.irs--round .irs-max,.irs--round .irs-min{
    color:#6c757d;
    background-color:#dee2e6
}
.irs--round .irs-line{
    background:#eef0f2
}
.irs--square .irs-bar,.irs--square .irs-from,.irs--square .irs-single,.irs--square .irs-to{
    background-color:#eef0f2
}
.irs--square .irs-handle{
    border:3px solid #2892fd;
    background-color:#eef0f2
}
.irs--square .irs-line{
    background:#eef0f2
}
.irs--square .irs-max,.irs--square .irs-min{
    top:0;
    padding:1px 3px;
    color:#6c757d;
    font-size:10px;
    line-height:1.333;
    text-shadow:none;
    background-color:#eef0f2;
    border-radius:4px
}
.calendar{
    float:left;
    margin-bottom:0
}
#calendar .table-bordered td,#calendar .table-bordered th{
    border:1px solid #dee2e6
}
.none-border .modal-footer{
    border-top:none
}
.fc-toolbar{
    margin:10px 0 5px 0
}
.fc-toolbar .fc-toolbar-title{
    font-size:1.25rem;
    line-height:1.875rem;
    text-transform:uppercase
}
.fc-day-grid-event .fc-time{
    font-weight:500
}
.fc-event-time,.fc-event-title{
    color:#fff
}
th.fc-col-header-cell{
    padding:.3rem 0
}
.fc-day{
    background:0 0
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar .ui-state-hover,.fc-toolbar button:focus,.fc-toolbar button:hover{
    z-index:0
}
.fc th.fc-widget-header{
    background:#dee2e6;
    font-size:13px;
    line-height:20px;
    padding:10px 0;
    text-transform:uppercase;
    font-weight:500
}
.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{
    border-color:#dee2e6
}
.fc-unthemed .fc-divider,.fc-unthemed td.fc-today{
    background:#dee2e6
}
.fc-button{
    background:#dee2e6;
    border:none;
    color:#6c757d;
    text-transform:capitalize;
    box-shadow:none;
    border-radius:3px;
    margin:0 3px;
    padding:6px 12px;
    height:auto
}
.fc-text-arrow{
    font-family:inherit;
    font-size:1rem
}
.fc-cell-overlay,.fc-state-highlight,.fc-state-hover{
    background:#dee2e6
}
.fc-state-active,.fc-state-disabled,.fc-state-down{
    background-color:#2892fd;
    color:#fff;
    text-shadow:none
}
.fc-unthemed .fc-today{
    background:#fff
}
.fc-event{
    border-radius:2px;
    border:none;
    cursor:move;
    font-size:.8125rem;
    margin:5px 7px;
    padding:5px 5px;
    text-align:center
}
.external-event{
    cursor:move;
    margin:10px 0;
    padding:8px 10px;
    color:#fff;
    border-radius:4px
}
.fc-basic-view td.fc-week-number span{
    padding-right:8px
}
.fc-basic-view td.fc-day-number{
    padding-right:8px
}
.fc-basic-view .fc-content{
    color:#fff
}
.fc-time-grid-event .fc-content{
    color:#fff
}
.fc-content-skeleton .fc-day-top .fc-day-number{
    float:right;
    height:20px;
    width:20px;
    text-align:center;
    line-height:20px;
    background-color:#f3f7f9;
    border-radius:50%;
    margin:5px;
    font-size:11px
}
@media (max-width:767.98px){
    .fc-toolbar{
        display:block!important
    }
    .fc-toolbar .fc-center,.fc-toolbar .fc-left,.fc-toolbar .fc-right{
        float:none;
        display:block;
        clear:both;
        margin:10px 0
    }
    .fc .fc-toolbar>*>*{
        float:none
    }
    .fc-today-button{
        display:none
    }
}
.fc-toolbar .btn{
    padding:.28rem .8rem;
    font-size:.7875rem;
    border-radius:.2rem
}
.fc-list-item-time,.fc-list-item-title{
    color:#fff
}
[dir=rtl] .fc-toolbar .btn-group .btn:first-child{
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important;
    border-radius:.2rem
}
[dir=rtl] .fc-toolbar .btn-group .btn:last-child{
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important;
    border-radius:.2rem
}
.colorpicker{
    background:#fff;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    border:1px solid #e9f0f4
}
.sp-picker-container .sp-alpha-handle{
    right:0;
    left:auto
}

.daterangepicker{
    font-family:"Poppins",sans-serif
}
.daterangepicker .ranges li.active,.daterangepicker td.active,.daterangepicker td.active:hover{
    background-color:#2892fd
}
.form-wizard-header{
    margin-left:-1.5rem;
    margin-right:-1.5rem
}
.select2-container .select2-selection--single{
    border:1px solid #ced4da;
    height:calc(1.5em + .9rem + 2px);
    background-color:#fff;
    box-shadow:none;
    outline:0
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height:36px;
    padding-left:12px;
    color:#6c757d;
    text-align:left
}
.select2-container .select2-selection--single .select2-selection__arrow{
    height:34px;
    width:34px;
    right:3px
}
.select2-container .select2-selection--single .select2-selection__arrow b{
    border-color:#adb5bd transparent transparent transparent;
    border-width:6px 6px 0 6px
}
.select2-container input::placeholder{
    color:#adb5bd
}
.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #adb5bd transparent!important;
    border-width:0 6px 6px 6px!important
}
.select2-results__option{
    padding:6px 12px;
    text-align:left
}
.select2-dropdown{
    border:1px solid #e9f0f4;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    background-color:#fff
}
.select2-container--default .select2-search--dropdown{
    padding:10px;
    background-color:#fff
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline:0;
    border:1px solid #ced4da;
    background-color:#fff;
    color:#6c757d;
    text-align:left
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#2892fd
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color:#fff;
    color:#323a46
}
.select2-container--default .select2-results__option[aria-selected=true]:hover{
    background-color:#2892fd;
    color:#fff
}
.select2-container .select2-selection--multiple{
    min-height:calc(1.5em + .9rem + 2px);
    border:1px solid #ced4da!important;
    background-color:#fff;
    box-shadow:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    padding:1px 10px
}
.select2-container .select2-selection--multiple .select2-search__field{
    border:0;
    color:#6c757d
}
.select2-container .select2-selection--multiple .select2-selection__choice{
    background-color:#2892fd;
    border:none;
    color:#fff;
    border-radius:3px;
    padding:0 7px;
    margin-top:6px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
    margin-right:5px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#fff
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top:7px
}
.select2-selection{
    overflow:hidden
}
.select2-selection__rendered{
    white-space:normal;
    word-break:break-all
}
[data-simplebar]{
    position:relative;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
    align-items:flex-start
}
.simplebar-wrapper{
    overflow:hidden;
    width:inherit;
    height:inherit;
    max-width:inherit;
    max-height:inherit
}
.simplebar-mask{
    direction:inherit;
    position:absolute;
    overflow:hidden;
    padding:0;
    margin:0;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:auto!important;
    height:auto!important;
    z-index:0
}
.simplebar-offset{
    direction:inherit!important;
    box-sizing:inherit!important;
    resize:none!important;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:0;
    margin:0;
    -webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper{
    direction:inherit;
    box-sizing:border-box!important;
    position:relative;
    display:block;
    height:100%;
    width:auto;
    visibility:visible;
    overflow:auto;
    max-width:100%;
    max-height:100%;
    scrollbar-width:none
}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{
    display:none
}
.simplebar-content:after,.simplebar-content:before{
    content:" ";
    display:table
}
.simplebar-placeholder{
    max-height:100%;
    max-width:100%;
    width:100%;
    pointer-events:none
}
.simplebar-height-auto-observer-wrapper{
    box-sizing:inherit!important;
    height:100%;
    width:100%;
    max-width:1px;
    position:relative;
    float:left;
    max-height:1px;
    overflow:hidden;
    z-index:-1;
    padding:0;
    margin:0;
    pointer-events:none;
    flex-grow:inherit;
    flex-shrink:0;
    flex-basis:0
}
.simplebar-height-auto-observer{
    box-sizing:inherit;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    height:1000%;
    width:1000%;
    min-height:1px;
    min-width:1px;
    overflow:hidden;
    pointer-events:none;
    z-index:-1
}
.simplebar-track{
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    pointer-events:none;
    overflow:hidden
}
[data-simplebar].simplebar-dragging .simplebar-content{
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track{
    pointer-events:all
}
.simplebar-scrollbar{
    position:absolute;
    right:2px;
    width:5px;
    min-height:10px
}
.simplebar-scrollbar:before{
    position:absolute;
    content:"";
    background:#a2adb7;
    border-radius:7px;
    left:0;
    right:0;
    opacity:0;
    transition:opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before{
    opacity:.5;
    transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical{
    top:0;
    width:11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    top:2px;
    bottom:2px
}
.simplebar-track.simplebar-horizontal{
    left:0;
    height:11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
    height:100%;
    left:2px;
    right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
    right:auto;
    left:0;
    top:2px;
    height:7px;
    min-height:0;
    min-width:10px;
    width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{
    right:auto;
    left:0
}
.hs-dummy-scrollbar-size{
    direction:rtl;
    position:fixed;
    opacity:0;
    visibility:hidden;
    height:500px;
    width:500px;
    overflow-y:hidden;
    overflow-x:scroll
}
.simplebar-hide-scrollbar{
    position:fixed;
    left:0;
    visibility:hidden;
    overflow-y:scroll;
    scrollbar-width:none
}
.custom-scroll{
    height:100%
}
.jq-toast-single{
    padding:15px;
    font-family:"Poppins",sans-serif;
    background-color:#2892fd;
    font-size:13px;
    line-height:22px
}
.jq-toast-single h2{
    font-family:"Poppins",sans-serif
}
.jq-toast-single a{
    font-size:.875rem
}
.jq-toast-single a:hover{
    color:#fff
}
.jq-has-icon{
    padding:10px
}
.close-jq-toast-single{
    position:absolute;
    top:-12px;
    right:-12px;
    font-size:20px;
    cursor:pointer;
    height:32px;
    width:32px;
    background-color:#323a46;
    border-radius:50%;
    text-align:center;
    line-height:32px;
    color:color-yiq(#323a46)
}
.jq-toast-loader{
    height:3px;
    top:0;
    border-radius:0
}
.jq-icon-primary{
    background-color:#2892fd;
    color:#fff;
    border-color:#2892fd
}
.jq-icon-secondary{
    background-color:#6c757d;
    color:#fff;
    border-color:#6c757d
}
.jq-icon-success{
    background-color:#5ad092;
    color:#fff;
    border-color:#5ad092
}
.jq-icon-info{
    background-color:#4fc6e1;
    color:#fff;
    border-color:#4fc6e1
}
.jq-icon-warning{
    background-color:#fdc45e;
    color:#fff;
    border-color:#fdc45e
}
.jq-icon-danger{
    background-color:#f75964;
    color:#fff;
    border-color:#f75964
}
.jq-icon-light{
    background-color:#f3f7f9;
    color:#fff;
    border-color:#f3f7f9
}
.jq-icon-dark{
    background-color:#323a46;
    color:#fff;
    border-color:#323a46
}
.jq-icon-pink{
    background-color:#f672a7;
    color:#fff;
    border-color:#f672a7
}
.jq-icon-blue{
    background-color:#6658dd;
    color:#fff;
    border-color:#6658dd
}
.jq-icon-error{
    background-color:#f75964;
    color:#f3f7f9;
    border-color:#f75964
}
.jq-icon-error,.jq-icon-info,.jq-icon-success,.jq-icon-warning{
    background-image:none
}
.close-jq-toast-single{
    color:#f3f7f9
}
.swal2-modal{
    font-family:"Poppins",sans-serif;
    box-shadow:0 10px 33px rgba(0,0,0,.1)
}
.swal2-modal .swal2-title{
    font-size:24px
}
.swal2-modal .swal2-content{
    font-size:16px
}
.swal2-modal .swal2-spacer{
    margin:10px 0
}
.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{
    border:2px solid #dee2e6;
    font-size:16px;
    box-shadow:none
}
.swal2-modal .swal2-confirm{
    background-color:#2892fd!important;
    font-size:.875rem!important
}
.swal2-modal .swal2-cancel.btn-cancel{
    background-color:#f75964!important;
    font-size:.875rem
}
.swal2-modal .swal2-cancel,.swal2-modal .swal2-confirm{
    margin:.3125em;
    padding:.625em 2em;
    font-weight:500;
    box-shadow:none;
    font-size:.875rem!important
}
.swal2-modal .swal2-cancel:focus,.swal2-modal .swal2-confirm:focus{
    box-shadow:none!important
}
.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{
    outline:0;
    border:2px solid #2892fd
}
.swal2-icon.swal2-question{
    color:#2892fd!important;
    border-color:#2892fd!important
}
.swal2-icon.swal2-success{
    border-color:#5ad092
}
.swal2-icon.swal2-success .line,.swal2-icon.swal2-success [class^=swal2-success-line],.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
    background-color:#5ad092!important
}
.swal2-icon.swal2-success .placeholder,.swal2-icon.swal2-success .swal2-success-ring{
    border-color:#5ad092!important
}
.swal2-icon.swal2-warning{
    color:#fdc45e!important;
    border-color:#fdc45e!important
}
.swal2-icon.swal2-error{
    border-color:#f75964!important
}
.swal2-icon.swal2-error .line{
    background-color:#f75964!important
}
.swal2-icon.swal2-info{
    border-color:#4fc6e1;
    color:#4fc6e1
}
.swal2-actions{
    margin:1.6em auto 0!important
}
.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{
    background-color:rgba(50,58,70,.5)!important
}
.selectize-input{
    min-height:calc(1.5em + .9rem + 2px);
    padding:.45rem .9rem;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    color:#6c757d;
    background-color:#fff!important;
    border:1px solid #ced4da;
    box-shadow:none
}
.selectize-input>input{
    color:#6c757d
}
.selectize-input>input::placeholder{
    color:#adb5bd
}
.selectize-input.focus{
    color:#6c757d;
    background-color:#fff;
    border-color:#b1bbc4;
    outline:0;
    box-shadow:none!important
}
.selectize-control.multi .selectize-input>div{
    padding:1px 8px;
    background:#edeff1;
    color:#343a40
}
.selectize-control.multi .selectize-input>div>a{
    color:#343a40
}
.selectize-control.multi .selectize-input>div.active{
    background:#2892fd
}
.selectize-control.multi .selectize-input>div.active>a{
    color:color-yiq(#2892fd)
}
.selectize-control.single .selectize-input:after{
    border-style:solid;
    border-width:0 2px 2px 0;
    border-color:transparent #adb5bd #adb5bd transparent;
    content:"";
    display:block;
    height:7px;
    margin-top:-5px;
    pointer-events:none;
    position:absolute;
    right:15px;
    left:auto;
    top:50%;
    transform-origin:66% 66%;
    transform:rotate(45deg);
    transition:all .15s ease-in-out;
    width:7px
}
.selectize-control.single .selectize-input.dropdown-active:after{
    border-width:0 2px 2px 0;
    margin-top:-5px;
    border-color:transparent #adb5bd #adb5bd transparent;
    transform:rotate(-135deg)
}
.selectize-dropdown{
    padding:.3rem;
    color:#6c757d;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #e9f0f4;
    border-radius:.25rem;
    animation-name:DropDownSlide;
    animation-duration:.3s;
    animation-fill-mode:both;
    margin:0;
    font-size:.875rem;
    position:absolute;
    z-index:1000
}
.selectize-dropdown.show{
    top:100%!important
}
.selectize-dropdown.active{
    background-color:#f3f7f9
}
.selectize-dropdown .scientific{
    color:#98a6ad
}
.selectize-dropdown .optgroup-header,.selectize-dropdown .option{
    display:block;
    width:100%;
    padding:.375rem 1.2rem;
    clear:both;
    cursor:pointer;
    font-weight:400;
    color:#6c757d;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent
}
.selectize-dropdown .optgroup-header:focus,.selectize-dropdown .optgroup-header:hover,.selectize-dropdown .option:focus,.selectize-dropdown .option:hover{
    text-decoration:none;
    background-color:#f3f7f9!important
}
.selectize-dropdown.plugin-optgroup_columns .optgroup{
    border-right-color:#e5e8eb
}
.selectize-dropdown .optgroup:before{
    background-color:#e5e8eb
}
.selectize-dropdown-header{
    border-bottom:1px solid transparent;
    color:#323a46;
    background-color:#f3f7f9;
    text-decoration:none
}
.selectize-dropdown-header .selectize-dropdown-header-close{
    right:12px;
    left:auto
}
.selectize-dropdown-content>div{
    background-color:transparent!important;
    color:#6c757d!important
}
.tippy-tooltip .light-theme[data-animatefill]{
    background-color:transparent
}
.light-theme{
    color:color-yiq(#fff);
    box-shadow:0 0 45px 0 rgba(0,0,0,.12);
    background-color:#fff
}
.light-theme .tippy-backdrop{
    background-color:#fff
}
.light-theme .tippy-roundarrow{
    fill:#fff
}
.gradient-theme .tippy-backdrop{
    background:#2892fd;
    background:linear-gradient(to left,#f75964,#2892fd)
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{
    border-top:7px solid #fff;
    border-right:7px solid transparent;
    border-left:7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{
    border-bottom:7px solid #fff;
    border-right:7px solid transparent;
    border-left:7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{
    border-left:7px solid #fff;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{
    border-right:7px solid #fff;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.dd-list .dd-item .dd-handle{
    border:none;
    padding:8px 16px;
    height:auto;
    font-weight:600;
    border-radius:3px;
    background:#f3f7f9;
    color:#6c757d
}
.dd-list .dd-item .dd-handle:hover{
    color:#2892fd
}
.dd-list .dd-item button{
    height:36px;
    font-size:17px;
    margin:0;
    color:#98a6ad;
    width:36px
}
.dd-list .dd3-item{
    margin:5px 0
}
.dd-list .dd3-item .dd-item button{
    width:36px;
    height:36px
}
.dd-list .dd3-handle{
    margin:0;
    height:36px!important;
    float:left
}
.dd-list .dd3-content{
    height:auto;
    border:none;
    padding:8px 16px 8px 46px;
    background:#f3f7f9;
    color:#6c757d;
    font-weight:600
}
.dd-list .dd3-content:hover{
    color:#2892fd
}
.dd-list .dd3-handle:before{
    content:"\f035c";
    font-family:"Material Design Icons";
    color:#adb5bd
}
.dd-empty,.dd-placeholder{
    background:rgba(206,212,218,.2)
}
.dd-dragel .dd-handle{
    box-shadow:0 0 35px 0 rgba(154,161,171,.15)
}

.flotTip{
    padding:8px 12px;
    background-color:#323a46;
    z-index:100;
    color:color-yiq(#323a46);
    opacity:1;
    border-radius:3px
}
.legend{
    font-size:14px
}
.legend tr{
    height:30px;
    font-family:"Poppins",sans-serif
}
.legend>div{
    background-color:transparent!important
}
.legendLabel{
    padding-left:5px!important;
    line-height:10px;
    padding-right:10px;
    font-size:13px;
    font-weight:500;
    color:#98a6ad;
    text-transform:uppercase
}
.legendColorBox div div{
    border-radius:50%
}
.flot-text{
    color:#98a6ad!important
}
.flot-svg text{
    fill:#98a6ad!important
}
@media (max-width:767.98px){
    .legendLabel{
        display:none
    }
}
.legendIcon{
    width:1.5em;
    height:1.5em
}

.chartist-tooltip{
    position:absolute;
    display:inline-block;
    opacity:0;
    min-width:10px;
    padding:2px 10px;
    border-radius:3px;
    background:#323a46;
    color:#f3f7f9;
    text-align:center;
    pointer-events:none;
    z-index:1;
    transition:opacity .2s linear
}

#legend{
    background:#fff;
    position:absolute;
    top:0;
    right:15px
}
#legend .line{
    color:#323a46
}

.ms-container{
    background:transparent url(./images/multiple-arrow.png) no-repeat 50% 50%;
    width:auto;
    max-width:370px
}
.ms-container .ms-list{
    box-shadow:none;
    border:1px solid #ced4da;
    box-shadow:none
}
.ms-container .ms-list.ms-focus{
    box-shadow:none;
    border:1px solid #b1bbc4
}
.ms-container .ms-selectable li.ms-elem-selectable{
    border:none;
    padding:5px 10px;
    color:#6c757d
}
.ms-container .ms-selectable li.ms-hover{
    background-color:#2892fd;
    color:#fff
}
.ms-container .ms-selection li.ms-elem-selection{
    border:none;
    padding:5px 10px;
    color:#6c757d
}
.ms-container .ms-selection li.ms-hover{
    background-color:#2892fd;
    color:#fff
}
.ms-selectable{
    box-shadow:none;
    outline:0!important
}
.ms-optgroup-label{
    font-weight:500;
    font-family:"Poppins",sans-serif;
    color:#323a46!important;
    font-size:13px
}
.ms-container .ms-selectable,.ms-container .ms-selection{
    background-color:#fff
}
.autocomplete-suggestions{
    border:1px solid #e9f0f4;
    background-color:#fff;
    cursor:default;
    overflow:auto;
    max-height:200px!important;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15)
}
.autocomplete-suggestion{
    padding:5px 10px;
    white-space:nowrap;
    overflow:hidden
}
.autocomplete-no-suggestion{
    padding:5px
}
.autocomplete-selected{
    background:#f7f7f7;
    cursor:pointer
}
.autocomplete-suggestions strong{
    font-weight:700;
    color:#323a46
}
.autocomplete-group{
    padding:5px;
    font-weight:500;
    font-family:"Poppins",sans-serif
}
.autocomplete-group strong{
    font-weight:700;
    font-size:16px;
    color:#323a46;
    display:block
}
.bootstrap-touchspin .btn .input-group-text{
    padding:0;
    border:none;
    background-color:transparent;
    color:inherit
}
.parsley-errors-list{
    margin:0;
    padding:0
}
.parsley-errors-list>li{
    list-style:none;
    color:#f75964;
    margin-top:5px;
    padding-left:20px;
    position:relative
}
.parsley-errors-list>li:before{
    content:"\f0159";
    font-family:"Material Design Icons";
    position:absolute;
    left:2px;
    top:-1px
}
.parsley-error{
    border-color:#f75964
}
.parsley-success{
    border-color:#5ad092
}
.flatpickr-calendar{
    background:#fff;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    border:1px solid #e9f0f4
}
.flatpickr-calendar.arrowTop:before{
    border-bottom-color:#fff
}
.flatpickr-calendar.arrowTop:after{
    border-bottom-color:#fff
}
.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{
    border-top-color:#fff
}
.flatpickr-current-month{
    font-size:110%
}
.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{
    background:#2892fd;
    border-color:#2892fd
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){
    box-shadow:-10px 0 0 #2892fd
}
.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{
    background:#fff;
    color:#323a46
}
.flatpickr-months .flatpickr-month{
    height:36px
}
.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{
    color:#adb5bd;
    fill:#adb5bd
}
.flatpickr-weekdays{
    background-color:#f3f7f9
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover,.flatpickr-day,.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator,.flatpickr-time input,span.flatpickr-weekday{
    color:#6c757d;
    fill:#6c757d
}
.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{
    color:#98a6ad
}
.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{
    background:#f3f7f9;
    border-color:#f3f7f9
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{
    border-top:1px solid #fff
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.numInputWrapper:hover{
    background-color:transparent;
    color:#323a46
}
.flatpickr-day.inRange{
    box-shadow:-5px 0 0 #f3f7f9,5px 0 0 #f3f7f9
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{
    color:#98a6ad
}
.sp-container{
    background-color:#fff;
    z-index:9
}
.sp-container button{
    padding:.25rem .5rem;
    font-size:.71094rem;
    border-radius:.2rem;
    font-weight:400;
    color:#323a46
}
.sp-container button.sp-palette-toggle{
    background-color:#f3f7f9
}
.sp-container button.sp-choose{
    background-color:#5ad092;
    margin-left:5px;
    margin-right:0
}
.sp-palette-container{
    border-right:1px solid #e5e8eb
}
.sp-input{
    background-color:#fff;
    border-color:#ced4da!important;
    color:#6c757d
}
.sp-input:focus{
    outline:0
}
.clockpicker-popover .btn-default{
    background-color:#2892fd;
    color:#fff
}
.clockpicker-popover{
    background:#fff;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15);
    border:1px solid #e9f0f4
}
.clockpicker-popover .popover-title{
    background-color:transparent;
    font-weight:500
}
.clockpicker-popover .clockpicker-plate{
    background:#f3f7f9;
    border:1px solid #e9f0f4
}
.clockpicker-popover .popover-content{
    background-color:transparent
}
.clockpicker-tick{
    color:#6c757d
}
.clockpicker-tick:hover{
    background-color:rgba(40,146,253,.35)
}
.clockpicker-canvas line{
    stroke:#2892fd
}
.clockpicker-canvas-bg{
    fill:rgba(40,146,253,.35)
}
.clockpicker-canvas-bearing,.clockpicker-canvas-fg{
    fill:#2892fd
}
.clockpicker-button{
    display:block;
    width:100%
}
[dir=rtl] .sp-alpha{
    direction:ltr
}
[dir=rtl] .sp-original-input-container .sp-add-on{
    border:none;
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important;
    border-top-left-radius:4px!important;
    border-bottom-left-radius:4px!important
}
[dir=rtl] input.spectrum.with-add-on{
    border:1px solid #ced4da;
    border-left:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:.2rem;
    border-bottom-right-radius:.2rem
}
.sp-original-input-container .sp-add-on{
    border:none!important
}
.ql-container{
    font-family:"Poppins",sans-serif;
    border-bottom-left-radius:.2rem;
    border-bottom-right-radius:.2rem
}
.ql-container.ql-snow{
    border-color:#ced4da
}
.ql-bubble{
    border:1px solid #ced4da;
    border-radius:.2rem
}
.ql-toolbar{
    font-family:"Poppins",sans-serif!important;
    border-top-left-radius:.2rem;
    border-top-right-radius:.2rem
}
.ql-toolbar span{
    outline:0!important;
    color:#6c757d
}
.ql-toolbar span:hover{
    color:#2892fd!important
}
.ql-toolbar.ql-snow{
    border-color:#ced4da
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{
    border-color:transparent
}
.ql-toolbar.ql-snow .ql-formats{
    margin-right:15px;
    margin-left:0
}
.ql-snow .ql-script,.ql-snow .ql-strike svg,.ql-snow .ql-stroke{
    stroke:#6c757d
}
.ql-snow .ql-fill{
    fill:#6c757d
}
.ql-snow .ql-picker-options{
    background-color:#fff;
    border-color:#e9f0f4!important
}
.ql-editor{
    text-align:left
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
    position:absolute;
    margin-top:-9px;
    right:0;
    left:auto;
    top:50%;
    width:18px
}
.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){
    padding-left:1.5em;
    padding-right:0
}
.ql-editor li:not(.ql-direction-rtl):before{
    margin-left:-1.5em;
    margin-right:.3em;
    text-align:right
}
.ql-editor ol,.ql-editor ul{
    padding-left:1.5em;
    padding-right:0
}
.dropzone{
    border:2px dashed #ced4da;
    background:#fff;
    border-radius:6px;
    cursor:pointer;
    min-height:150px;
    padding:20px;
    box-shadow:none
}
.dropzone .dz-message{
    text-align:center;
    margin:2rem 0
}
.dropzone.dz-started .dz-message{
    display:none
}
@font-face{
    font-family:dropify;
    src:url(./fonts/dropify.eot);
    src:url(./fonts/dropify.eot#iefix) format("embedded-opentype"),url(./fonts/dropify.woff) format("woff"),url(./fonts/dropify.ttf) format("truetype"),url(./fonts/dropify.svg#dropify) format("svg");
    font-weight:400;
    font-style:normal
}
.dropify-wrapper{
    border:2px dashed #ced4da;
    background:#fff;
    border-radius:6px;
    color:#6c757d
}
.dropify-wrapper:hover{
    background-image:linear-gradient(-45deg,#edeff1 25%,transparent 25%,transparent 50%,#edeff1 50%,#edeff1 75%,transparent 75%,transparent)
}
.dropify-wrapper .dropify-preview{
    background-color:#fff
}
.file-icon p{
    font-size:20px
}
.image-crop-preview .img-preview{
    float:left;
    margin-bottom:.5rem;
    margin-right:.5rem;
    overflow:hidden;
    background-color:#f3f7f9;
    text-align:center;
    width:100%
}
.image-crop-preview .img-preview>img{
    max-width:100%
}
.image-crop-preview .preview-lg{
    height:9rem;
    width:16rem
}
.image-crop-preview .preview-md{
    height:4.5rem;
    width:8rem
}
.image-crop-preview .preview-sm{
    height:2.25rem;
    width:4rem
}
.image-crop-preview .preview-xs{
    height:1.125rem;
    margin-right:0;
    width:2rem
}
.img-crop-preview-btns>.btn,.img-crop-preview-btns>.btn-group{
    margin-bottom:8px;
    margin-right:8px
}
.docs-cropped .modal-body>canvas,.docs-cropped .modal-body>img{
    max-width:100%
}
.docs-drop-options{
    max-height:400px;
    overflow-y:auto
}
.gmaps,.gmaps-panaroma{
    height:300px;
    background:#f3f7f9;
    border-radius:3px
}
.gmaps-overlay{
    display:block;
    text-align:center;
    color:#fff;
    font-size:16px;
    line-height:40px;
    background:#2892fd;
    border-radius:4px;
    padding:10px 20px
}
.gmaps-overlay_arrow{
    left:50%;
    margin-left:-16px;
    width:0;
    height:0;
    position:absolute
}
.gmaps-overlay_arrow.above{
    bottom:-15px;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:16px solid #2892fd
}
.gmaps-overlay_arrow.below{
    top:-15px;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-bottom:16px solid #2892fd
}
.jvectormap-label{
    border:none;
    background:#323a46;
    color:#f3f7f9;
    font-family:"Poppins",sans-serif;
    font-size:.875rem;
    padding:5px 8px
}
.mapael .map{
    position:relative
}
.mapael .map .zoomIn{
    top:25px
}
.mapael .map .zoomOut{
    top:50px
}
.mapael .mapTooltip{
    position:absolute;
    background-color:#2892fd;
    opacity:.95;
    border-radius:3px;
    padding:2px 10px;
    z-index:1000;
    max-width:200px;
    display:none;
    color:#fff;
    font-family:"Poppins",sans-serif
}
.mapael .zoomIn,.mapael .zoomOut,.mapael .zoomReset{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    border-radius:2px;
    font-weight:500;
    cursor:pointer;
    background-color:#2892fd;
    text-decoration:none;
    color:#fff;
    font-size:14px;
    position:absolute;
    top:0;
    left:10px;
    width:24px;
    height:24px;
    line-height:24px
}
.mapael .plotLegend text{
    font-family:"Poppins",sans-serif!important;
    fill:#98a6ad
}
.datepicker{
    padding:10px!important;
    animation:none
}
.datepicker td,.datepicker th{
    width:30px;
    height:30px;
    border-radius:50%
}
.datepicker table tr td .active.disabled:hover[disabled],.datepicker table tr td .active.disabled[disabled],.datepicker table tr td .active:active,.datepicker table tr td .active:hover,.datepicker table tr td .active:hover.active,.datepicker table tr td .active:hover.disabled,.datepicker table tr td .active:hover:active,.datepicker table tr td .active:hover:hover,.datepicker table tr td .active:hover[disabled],.datepicker table tr td .active[disabled],.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled],.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{
    background-color:#2892fd!important;
    background-image:none!important;
    color:#fff
}
.datepicker table tr td span.focused,.datepicker table tr td span:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{
    background:#f7f7f7
}
.datepicker table tr td span.new,.datepicker table tr td span.old,.datepicker table tr td.new,.datepicker table tr td.old{
    color:#6c757d;
    opacity:.4
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{
    background:#f7f7f7
}
.datepicker .datepicker-switch:hover{
    background:0 0
}
.datepicker-dropdown:after{
    border-bottom:6px solid #fff
}
.datepicker-dropdown:before{
    border-bottom-color:#e9f0f4
}
.datepicker-dropdown.datepicker-orient-top:before{
    border-top:7px solid #e9f0f4
}
.datepicker-dropdown.datepicker-orient-top:after{
    border-top:6px solid #fff
}
.gu-mirror{
    position:fixed!important;
    margin:0!important;
    z-index:9999!important;
    opacity:.8
}
.gu-hide{
    display:none!important
}
.gu-unselectable{
    -webkit-user-select:none!important;
    user-select:none!important
}
.gu-transit{
    opacity:.2
}
.dragula-handle{
    position:relative;
    width:36px;
    height:36px;
    font-size:24px;
    text-align:center;
    cursor:move
}
.dragula-handle:before{
    content:"\f01db";
    font-family:"Material Design Icons";
    position:absolute
}

.footer{
    bottom:0;
    padding:1.5rem 1.5rem;
    position:absolute;
    right:0;
    color:#98a6ad;
    left:240px;
    background-color:#eeeff3
}
.footer .footer-links a{
    color:#98a6ad;
    margin-left:1.5rem;
    transition:all .4s
}
.footer .footer-links a:hover{
    color:#323a46
}
.footer .footer-links a:first-of-type{
    margin-left:0
}
.footer-alt{
    left:0!important;
    text-align:center;
    background-color:transparent
}
@media (max-width:767.98px){
    .footer{
        left:0!important;
        text-align:center
    }
}
body[data-layout-mode=horizontal] .footer{
    left:0!important
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .footer{
    max-width:1300px!important
}
@media (min-width:992px){
    body[data-layout-mode=detached] .footer{
        position:inherit;
        margin:0 10px
    }
}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-secondary, .btn-dark, .btn-link {
    box-shadow: none;
}

.mt-50 {
	margin-top:50px;
}
.verification-start-header {
	margin-top:5vh
}
.para-12 {
	font-size:12px;
	margin-bottom:0px;
}
.para-10 {
	font-size:9px;
	margin-bottom:0px;
}
@media (max-width:767.98px){
    .verification-start-header {
		margin-top:10vh
	}
}
.form-floating>.form-control, .form-floating>.form-select {
    height: calc(4.5rem + 3px);
    line-height: 1.5;
}
.form-control {
	color: #000000;
    background-color: #fff;
    border: 1px solid #ced4da;
	font-size: 1.5rem;
}
.btn-soft-secondary {
    color: #000;
}

.offcanvas.info{
	color: #2f7787;
	background-color: #dcf4f9;
    border-color: #caeef6;
}

.offcanvas.danger {
    color: #913341;
    background-color: #fcdde2;
    border-color: #fbccd3;
}
.offcanvas-top {
	height: 34vh;
}
@media (min-width:767.98px){
	.verifi-body {
		min-height: 800px;
	}
}
@media (min-width:767.98px){
	.offcanvas-top {
		height: 200px;
	}
}

.css-rr5fiy {
    box-sizing: border-box;
    margin: 0px 0px 1rem;
    min-width: 0px;
}

.css-pahgg8 {
    box-sizing: border-box;
    background: none rgb(255, 255, 255);
    appearance: none;
    text-align: left;
    text-decoration: none;
    border: 1px solid rgb(212, 210, 208);
    cursor: pointer;
    user-select: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0px;
    padding: 0.5625rem 1rem;
    line-height: 1.5;
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", Roboto, Noto, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5rem;
    transition: border-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, box-shadow 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    display: flex;
    width: 100%;
    color: rgb(37, 87, 167);
}

.css-no0zdi {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    position: absolute;
    left: 16px;
    /*height: 20px;*/
    width: 20px;
    font-size: 1.6rem;
    
}

.css-zneog5 {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", Roboto, Noto, sans-serif;
    font-weight: inherit;
    color: rgb(45, 45, 45);
    font-size: inherit;
    line-height: inherit;
}

.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)/* scale(-1,1)*/;
  -webkit-transform: translate(-50%, -50%) /* scale(-1,1)*/;
}

.camera-view-holder {
	min-height:100dvh;
}

.camera-view-holder .overlap-holder {
	position: absolute;
	top: 0;
	right: 0!important;
    left: 0!important;
    width: 100%;
	height: 100%;
}
.overlap-holder .preloading-view {
	width: 100%;
	height: 100%;
	align-content:center;
	background-color: #FFF;
	z-index: 1000;
}
.overlap-holder .preloading-view .loading-cont {
	align-content: center;
	align-items: center; 
	padding: 20px; 
	margin-left: auto; 
	margin-right: auto;
}
.overlap-holder .preloading-view img {
	margin-left: auto; 
	margin-right: auto;
	display: grid;
}
.camera-view-holder .button-holders {
	bottom: 0;
    padding: 1.5rem 1.5rem;
    position: fixed;
    right: 0;
    left: 0!important;
    z-index: 1002;
}
.camera-view-holder .top-button-holders {
	top: 0;
    padding: 1.5rem 1.5rem;
    position: fixed;
    right: 0;
    left: 0!important;
    z-index: 1002;
}

.camera-view-holder .top-button-holders .camera-selection {
	opacity: 0.5;	
}
/* position:fixed unconditionally (not just <768px) - a live camera capture
   view should always use the full viewport regardless of device, same as
   virtually every real camera-capture UI. Previously desktop fell through
   to plain 100%/100% of the RELATIVE parent (.camera-view-holder), which
   left the whole capture view - video, guide frame, buttons - trapped
   inside .auth-fluid-form-box's 480px sign-in-card width instead of the
   actual screen; that's a much bigger constraint on available capture area
   than any guide-frame sizing on its own. */
.camera-view, .camera--view, .camera--sensor, .camera--output{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1000;
}
.camera--view, 
.camera--sensor, 
.camera--output{
    /*transform: scaleX(-1);
    filter: FlipH;*/
}

#person-overlay1 {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 150px);
  background: -webkit-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 150px);
  background: -ms-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 150px);
  background: -o-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 150px);
  opacity: 0.3;
  /* send mouse events beneath this layer */
}
#person-overlay {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.person-overlay-surface {
	display: flex;
	width: 100%;
	height: 15%;
	background-color:#000;
	opacity: 0.5;
}
.person-overlay-face {
  	background: -moz-radial-gradient(transparent 180px, rgba(0, 0, 0, 1) 10px);
  	background: -webkit-radial-gradient(transparent 180px, rgba(0, 0, 0, 1) 10px);
  	background: -ms-radial-gradient(transparent 180px, rgba(0, 0, 0, 1) 10px);
  	background: -o-radial-gradient(transparent 180px, rgba(0, 0, 0, 1) 10px);
  	justify-content: center;
  	flex-direction: column;
  	align-items: center;
  	display: flex;
  	width: 100%;
  	height: 70%;
  	opacity: 0.5;
}

@media (max-width:400px){
	.person-overlay-surface {
		height: 15%;
	}
	.person-overlay-face {
	  	background: -moz-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 10px);
	  	background: -webkit-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 10px);
	  	background: -ms-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 10px);
	  	background: -o-radial-gradient(transparent 150px, rgba(0, 0, 0, 1) 10px);
	  	height: 70%;
	}
}

@media (max-width:300px){
	.person-overlay-surface {
		height: 20%;
	}
	.person-overlay-face {
	  	background: -moz-radial-gradient(transparent 120px, rgba(0, 0, 0, 1) 10px);
	  	background: -webkit-radial-gradient(transparent 120px, rgba(0, 0, 0, 1) 10px);
	  	background: -ms-radial-gradient(transparent 120px, rgba(0, 0, 0, 1) 10px);
	  	background: -o-radial-gradient(transparent 120px, rgba(0, 0, 0, 1) 10px);
	  	height: 60%;
	}
}

.taken{
    height: 100px!important;
    width: 100px!important;
    transition: all 0.5s ease-in;
    border: solid 3px white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    top: 20px;
    right: 20px;
    z-index: 2;
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn.btn-round-with-icon{
	/* Background/text color intentionally come from the Bootstrap button
	   variant class (btn-primary / btn-light / ...) applied alongside this
	   one, so the same shape works for the accent shutter button and the
	   icon-only confirm/recapture buttons. */
	border: none;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 4px 2px;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1;
}
.background-frame-helptext {
	color: #FFF;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 0 1.25rem;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}
.background-frame-helptext-sub {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.4;
	padding: 0.15rem 1.25rem 0;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}
/* position:fixed (not absolute) so this covers the actual viewport, not
   whichever ancestor happens to be positioned (e.g. .auth-fluid-form-box's
   480px sign-in-card width on desktop) - same full-viewport camera-capture
   treatment as .camera-view/.camera--view and the more specific
   .background-frame.captureframe override below (which still wins via
   specificity for the pages that have it). This base rule is what the
   selfie flow (kyc-selfy - .background-frame/.selfyviewframe/
   .selfyviewframe-oval-mask have no positioning of their own, only this)
   and the address-photo flow actually rely on, so without this they never
   got the full-viewport fix at all. */
.background-frame {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 1001;
}

.form-select.verify-select {
	font-size: 1.5rem;
	color: #000;
}

.form-select.verify-select option {
    font-size: .875rem;
    color: #6c757d;
}

.iti { width: 100%; }

/* Matches #background-frame-id's box exactly (same position/size/aspect
   ratio) so the captured-photo preview lands in precisely the same place
   the live guide frame was, instead of the old margin-based 80% box this
   used to have. Height is set in JS (resizeGuideFrame(), same function that
   sizes the live guide frame) rather than a CSS aspect-ratio, since that
   property isn't reliably supported on older Android WebViews. */
/* Fills as much of the viewport as possible while preserving the captured
   photo's own aspect ratio (max-width/max-height together, width/height:auto
   - the standard "letterbox to the largest size that fits" pattern), instead
   of a small fixed-size box that leaves large empty margins around it now
   that the whole capture view is full-screen. No JS sizing needed - unlike
   the live guide frame (a fixed card/passport aspect ratio target drawn over
   the video), the preview has no aspect ratio to match but its own image
   content, so the browser can size it correctly on its own. */
.captured-imageframe{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 96vw;
    max-height: 96vh;
    width: auto;
    height: auto;
    z-index: 1001;
}
.background-frame.captureframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    pointer-events: none; /* let clicks pass through */
    /* No background-color here on purpose: the darkened surround comes
       entirely from .viewframe's box-shadow spread below. This element is a
       transparent flex-centering wrapper only - giving it its own background
       would sit directly behind .viewframe's transparent center and tint the
       live video inside the guide frame too, not just outside it. */
    display: flex;
    align-items: center;
    justify-content: center;
}
.background-frame.viewframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* No continuous border here on purpose - the reference UI only shows the
       4 corner brackets (.frame-corner below), with open, unbordered edges
       in between. box-shadow doesn't need a border to create the dark mask
       outside, so this element stays borderless and lets the brackets be
       the only visible frame indicator, matching the reference exactly. */
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6); /* create dark mask outside */
    background-color: transparent;
    pointer-events: none;
    width: 92%;
    max-width: 720px;
    border-radius: 10px;
    /* Real ID/driving-licence card ratio (ISO/IEC 7810 ID-1, ~85.6mm x 54mm)
       instead of an arbitrary 80% x 80% square, so the guide frame actually
       matches the shape of the document being captured. */
    aspect-ratio: 1.586;
}
/* Passport bio-data page isn't a credit-card shape - give it its own ratio. */
.background-frame.viewframe.viewframe-passport {
    aspect-ratio: 1.42;
}

/* Four "L" corner brackets over the guide frame border - the standard
   document-scanner alignment cue. Nested inside #background-frame-id, which
   is itself position:absolute so it's a valid containing block for these. */
.frame-corner {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid #fff;
    pointer-events: none;
}
.frame-corner.top-left {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 6px;
}
.frame-corner.top-right {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 6px;
}
.frame-corner.bottom-left {
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
    border-bottom-left-radius: 6px;
}
.frame-corner.bottom-right {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    border-bottom-right-radius: 6px;
}

/* Live document-edge detection guidance states (OpenCV.js, optional - see
   webcam-easy-1.0.5.js's startDocumentDetection()/identity-document.js's
   updateLiveGuidanceUI()). Purely cosmetic color feedback on the existing
   corner brackets - never touches pointer-events or button enabled state,
   same "recommend, never block" philosophy as .capture-quality-alert below.
   No rule needed for doc-detect-off-center/too-small/no-document: they fall
   back to .frame-corner's default white border. */
.background-frame.doc-detect-ready .frame-corner {
    border-color: #2ecc71;
}
.background-frame.doc-detect-skewed .frame-corner {
    border-color: #f1c40f;
}

/* Floating rounded action bar holding the shutter or recapture/confirm
   buttons, matching a modern document-scanner bottom bar instead of raw
   buttons directly on the video feed. */
.capture-action-bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.75rem;
    margin: 0 auto;
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    background: rgba(20, 20, 20, 0.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Soft capture-quality nudge (blur/glare) shown above the recapture/OK
   buttons after a snap. Palette matches Bootstrap's alert-warning so it
   reads consistently with the rest of the app's alerts. */
.capture-quality-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0 0 0.75rem 0;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    font-size: 0.82rem;
    line-height: 1.35;
    text-align: left;
    background-color: #fff3cd;
    color: #664d03;
    border: 1px solid #ffe69c;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.capture-quality-alert .capture-quality-alert-icon {
    font-size: 1.15rem;
    line-height: 1.35;
    flex-shrink: 0;
    color: #997404;
}

/* Dismissible "loading enhanced guidance" badge (see
   opencv-loading-indicator.blade.php / identity-document.js's
   loadOpenCvIfNeeded()). Same dark pill treatment as .capture-action-bar so
   it reads as part of the same overlay UI, but small/low-key since it's an
   informational aside, never something blocking the user needs to act on.
   Shows a spinning ring plus a real download-progress bar (driven from
   fetch() streaming byte counts) so a large download visibly feels like
   it's progressing rather than a static line of text with no feedback. */
.opencv-loading-indicator {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0.35rem auto 0;
    padding: 0.4rem 0.6rem 0.4rem 0.7rem;
    border-radius: 999px;
    background: rgba(20, 20, 20, 0.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    line-height: 1.3;
    max-width: 300px;
}
.opencv-loading-indicator-spinner {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    animation: opencv-loading-spin 0.8s linear infinite;
}
@keyframes opencv-loading-spin {
    to { transform: rotate(360deg); }
}
.opencv-loading-indicator-body {
    flex: 1 1 auto;
    min-width: 0;
}
.opencv-loading-indicator-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.opencv-loading-indicator-progress-track {
    margin-top: 0.3rem;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
.opencv-loading-indicator-progress-fill {
    height: 100%;
    width: 0%;
    background: #fff;
    border-radius: 999px;
    /* Real progress updates land frequently (streamed in small chunks) - a
       short transition smooths those into a continuous-feeling fill instead
       of visibly jumping step to step. */
    transition: width 0.15s linear;
}
/* Indeterminate state: browser couldn't report a total size (no
   Content-Length, or streaming fetch isn't supported at all - see
   loadOpenCvIfNeeded()'s fallback path) - an animated shimmer reads as "it's
   working" without implying a false completion percentage. */
.opencv-loading-indicator.is-indeterminate .opencv-loading-indicator-progress-fill {
    width: 40%;
    animation: opencv-loading-indeterminate 1.2s ease-in-out infinite;
}
@keyframes opencv-loading-indeterminate {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(250%); }
}
.opencv-loading-indicator-dismiss {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    line-height: 1;
    padding: 0 0.2rem;
    cursor: pointer;
    flex-shrink: 0;
    align-self: flex-start;
}

.capture-guide {
    margin-bottom: 1rem;
}
.capture-guide-illustration {
    display: block;
    max-width: 230px;
    margin: 0 auto 1rem;
    pointer-events: none;
    user-select: none;
}
.capture-guide-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.capture-guide-item {
    text-align: center;
    pointer-events: none;
    user-select: none;
}
.capture-guide-frame {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 6px;
    background: #fff;
    aspect-ratio: 16 / 10;
    pointer-events: none;
    user-select: none;
    text-align: center;
}
.capture-guide-frame.is-good {
    border-color: #2ecc71;
}
.capture-guide-frame.is-bad {
    border-color: #e74c3c;
}
.capture-guide-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.capture-guide-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    line-height: 1;
    border-radius: 50%;
    background: #fff;
}
.capture-guide-frame.is-good .capture-guide-badge {
    color: #2ecc71;
}
.capture-guide-frame.is-bad .capture-guide-badge {
    color: #e74c3c;
}
.capture-guide-badge i {
    font-size: 18px;
}
.capture-guide-label {
    margin: 0.35rem 0 0;
    font-size: 12px;
    color: #000;
    text-align: center;
    pointer-events: none;
    user-select: none;
}

.capture-guide-subheading {
    font-size: 1.05rem;
}

.capture-guide-more {
    position: fixed;
    left: 50%;
    bottom: 78px;
    transform: translateX(-50%);
    z-index: 1001;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 999px;
    padding: 0.35rem 1rem;
    font-size: 13px;
    font-weight: 600;
    color: #323a46;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}

.capture-guide-clip {
    margin-top: 0;
    padding-top: 12px;
}

.capture-guide-back-link {
    display: inline-block;
    margin-bottom: 0.75rem;
    color: #323a46;
    text-decoration: none;
    font-size: 14px;
}
.capture-guide-back-link:hover {
    color: #323a46;
    text-decoration: underline;
}
.capture-guide-back-link i {
    vertical-align: middle;
}

.capture-guide-back-link + .verification-start-header {
    margin-top: 0.5rem !important;
}

#document-upload-card {
    height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#document-upload-card::-webkit-scrollbar {
    display: none;
}

#form-document-upload {
    background: transparent;
}
#form-document-upload::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px;
    background: #fff;
    z-index: -1;
}

.address-proof-illustration {
    display: block;
    max-width: 200px;
    margin: 0.5rem auto 1rem;
    pointer-events: none;
    user-select: none;
}
.accepted-documents-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.accepted-document-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.accepted-document-icon {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #495057;
}
.accepted-document-title {
    font-weight: 600;
}
.accepted-document-desc {
    font-size: 13px;
    color: #6c757d;
}
.accepted-document-badge {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 0.35rem;
}
.accepted-document-icon-wrap {
    position: relative;
    flex: 0 0 auto;
}
.accepted-document-icon-tick {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f7b500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    border: 2px solid #fff;
}
.accepted-documents-more {
    position: fixed;
    left: 50%;
    bottom: 78px;
    transform: translateX(-50%);
    z-index: 1001;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 999px;
    padding: 0.35rem 1rem;
    font-size: 13px;
    font-weight: 600;
    color: #323a46;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}
.accepted-documents-bullet-list {
    padding-left: 1.1rem;
    margin: 0;
}
.accepted-documents-bullet-list li {
    margin-bottom: 1rem;
}
.accepted-document-bullet-title {
    font-weight: 700;
}
.accepted-document-badge-blue {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 0.35rem;
    background: #0d6efd;
}

.selfyviewframe-oval-mask {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}