/************************************************************** Mobile XS **********************************************/
@media screen and (max-width:425px) {
   
    .badge {
        font-size: .75rem;
    }
    .validation_font {
        position: absolute;
        top: 85px!important;
    }
    .valid-feedback, .validation_font {
        line-height: 14px;
    }
    .dataTables_length .form-select, .dataTables_filter .form-control, .search-input {
        font-size: .9rem!important;
        padding: 0.3rem 0.9rem!important;
    }
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child, div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{
        justify-content: center!important;
    }
    div.dataTables_wrapper div.dataTables_length{
        padding: 0!important;
    }
    .portal .btn-title {
        font-size: 0.8rem !important;
        /* line-height: 5px !important;
        font-weight: 600 !important;
        padding: 17px 12px !important;
        text-transform: capitalize !important; */
    }
}

/************************************************************** Mobile SM **********************************************/
@media screen and (max-width:767px) {
    html {
        font-size: 2vw;
    }

    .login_tiles {
        min-width: 190px;
    }
    .stepper.stepper-pills .stepper-nav {
        display: flex;
        overflow: auto;
        width: 90%;
        margin: 0 auto;
        min-height: 100px;
        align-items: self-start;
        justify-content: flex-start;
    }
    .portal .btn-title {
        font-size: 0.8rem !important;
        /* line-height: 5px !important;
        font-weight: 600 !important;
        padding: 17px 12px !important;
        text-transform: capitalize !important; */
    }
}

/************************************************************** Tablet MD **********************************************/
@media screen and (max-width:991px) {

    
    .login_tiles {
        min-width: 190px;
    }

    .nav-link.active::after {
        display: none;
    }

    a.nav-link.dropdown-toggle.btn.btn-outline.d-inline-block {
        background: var(--thm-pri);
        color: #fff !important;
    }
    .cmSec img {
        width: 45px;
    }
    .navbar-collapse.show {
        padding-top: 40px;
    }
    .loginOption {
        position: absolute;
        right: 50px;
        top: 0;
    }
}

/************************************************************** Laptop LG **********************************************/

@media screen and (max-width:1199px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(65px + var(--gv-toolbar-height));
    }
    .stepper.stepper-pills .stepper-nav {
        display: flex;
        overflow: auto;
        width: 90%;
        margin: 0 auto;
        min-height: 80px;
        align-items: self-start;
        justify-content: flex-start;
    }
    .stepper.stepper-pills .stepper-nav::-webkit-scrollbar {
        display: none;
      }
}

/************************************************************** Laptop XL **********************************************/

@media screen and (max-width:1399px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(65px + var(--gv-toolbar-height));
    }

    .content {
        padding-top: 30px!important;
    }
}

@media screen and (min-width:1400px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(65px + var(--gv-toolbar-height));
    }

    .content {
        padding: 30px 0 0 0 !important;
    }
    .stepper.stepper-pills .stepper-nav {
         /* display: flex;
        overflow: auto;
        width: 90%;
        margin: 0 auto; 
        min-height: 140px; */
        align-items: self-start;
        justify-content: flex-center;
    }
}