@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@400;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');

*{
    --tblr-primary: #0033A0;
    --tblr-primary-rgb: 0,51,160;
    --plan-border-color: #DFEEFF;
    --header-border-color: #0F62FE30;
    font-family: 'Manrope';
}
header.navbar {
    min-height: 5rem !important;
    border: 1px solid var(--header-border-color);
}
header.navbar-expand-md.navbar-light .nav-item.active:after{
    bottom: -1rem !important;
    border-bottom-width: 3px;
    box-shadow: none;
}
header.navbar-expand-md .nav-item:hover .nav-link>.nav-link-title {
    color: var(--tblr-black);
    font-weight: bolder;
}

header.navbar-expand-md.navbar-light .nav-item.active, header.navbar-expand-md.navbar-light .nav-item.active .nav-link-icon{
    color: var(--tblr-primary) !important;
    font-weight: 700;
}
header.navbar-expand-md.navbar-light .nav-item{
    font-size: 16px;
}

.blue_scroller::-webkit-scrollbar {
    width: 7px;
}

.blue_scroller::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: var(--tblr-primary) !important;
    overflow: hidden !important;
}

.blue_scroller::-webkit-scrollbar-track {
    border-radius: 1rem;
    background-image: url("../img/operators/scroll-bar-track.png");
    background-repeat: repeat-y;
    background-size: contain;

}

.blue_scroller::-webkit-scrollbar {
    border-radius: 1rem !important;
}

.blue_scroller {
    scrollbar-color: var(--tblr-primary) !important;
}

.table-responsive::-webkit-scrollbar-thumb:horizontal {
    border-radius: 1rem;
    background: transparent !important;
    border: 6px solid transparent;
    box-shadow: inset 0 0 0 10px var(--tblr-primary);
}
iframe *::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background: transparent !important;
    border: 6px solid transparent;
    box-shadow: inset 0 0 0 10px var(--tblr-primary);
}

* {
    scrollbar-color: var(--tblr-primary);
    -ms-scrollbar-track-color: var(--tblr-primary);
}

*::-webkit-scrollbar-thumb {
    border: 6px solid transparent;
    box-shadow: inset 0 0 0 10px var(--tblr-muted);
}

.page-body *::-webkit-scrollbar-thumb {
    border: 6px solid transparent;
    box-shadow: inset 0 0 0 10px var(--tblr-primary);
}

.page-body *:hover::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1rem var(--tblr-primary);
}

.navbar-expand-lg .nav-item.active {
    --tblr-nav-link-color: #ffffff !important;
    font-weight: 600;
}

.navbar-expand-lg .nav-item.active .nav-link-icon{
    color:#ffffff !important;
}

.dp__input {
    padding: 7px 40px !important;
}

.dp__input:hover {
    border-color: var(--dp-border-color) !important;
}

.card{
    border-radius: 8px !important;
}
/*Start vertical-height*/
.vh-100{
    min-height:100vh;
}
.vh-90{
    min-height:90vh;
}
.vh-80{
    min-height:80vh;
}
.vh-70{
    min-height:70vh;
}
.vh-60{
    min-height:60vh;
}
.vh-50{
    min-height:50vh;
}
.vh-40{
    min-height:40vh;
}
.vh-30{
    min-height:30vh;
}
.vh-20{
    min-height:20vh;
}
.vh-10{
    min-height:10vh;
}
@media (min-width: 576px){
    .vh-sm-100{
        min-height:100vh;
    }
    .vh-sm-90{
        min-height:90vh;
    }
    .vh-sm-80{
        min-height:80vh;
    }
    .vh-sm-70{
        min-height:70vh;
    }
    .vh-sm-60{
        min-height:60vh;
    }
    .vh-sm-50{
        min-height:50vh;
    }
    .vh-sm-40{
        min-height:40vh;
    }
    .vh-sm-30{
        min-height:30vh;
    }
    .vh-sm-20{
        min-height:20vh;
    }
    .vh-sm-10{
        min-height:10vh;
    }
}
@media (min-width: 768px){
    .vh-md-100{
        min-height:100vh;
    }
    .vh-md-90{
        min-height:90vh;
    }
    .vh-md-80{
        min-height:80vh;
    }
    .vh-md-70{
        min-height:70vh;
    }
    .vh-md-60{
        min-height:60vh;
    }
    .vh-md-50{
        min-height:50vh;
    }
    .vh-md-40{
        min-height:40vh;
    }
    .vh-md-30{
        min-height:30vh;
    }
    .vh-md-20{
        min-height:20vh;
    }
    .vh-md-10{
        min-height:10vh;
    }
}
@media (min-width: 992px){
    .vh-lg-100{
        min-height:100vh;
    }
    .vh-lg-90{
        min-height:90vh;
    }
    .vh-lg-80{
        min-height:80vh;
    }
    .vh-lg-70{
        min-height:70vh;
    }
    .vh-lg-60{
        min-height:60vh;
    }
    .vh-lg-50{
        min-height:50vh;
    }
    .vh-lg-40{
        min-height:40vh;
    }
    .vh-lg-30{
        min-height:30vh;
    }
    .vh-lg-20{
        min-height:20vh;
    }
    .vh-lg-10{
        min-height:10vh;
    }
}
@media (min-width: 1140px){
    .vh-xl-100{
        min-height:100vh;
    }
    .vh-xl-90{
        min-height:90vh;
    }
    .vh-xl-80{
        min-height:80vh;
    }
    .vh-xl-70{
        min-height:70vh;
    }
    .vh-xl-60{
        min-height:60vh;
    }
    .vh-xl-50{
        min-height:50vh;
    }
    .vh-xl-40{
        min-height:40vh;
    }
    .vh-xl-30{
        min-height:30vh;
    }
    .vh-xl-20{
        min-height:20vh;
    }
    .vh-xl-10{
        min-height:10vh;
    }
}
/*End vertical-height*/