/** NEW HEADER **/


/** FONTS **/

@font-face {
    font-family: "Montserrat Regular";
    src: url('/fonts/Montserrat/static/Montserrat-Regular.ttf');
}

.header-new__holder{
    display: flex;
    font-family: "Montserrat Regular";
    color: #151D2D;
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1.25rem;
    align-items: center;
    width: 100%;
    line-height: 0;
}

.nav__holder a{
    font-size: 10pt;
    color: #151D2D;
}

.social-nav a{
    color: #151D2D;
}

h1{
    margin-bottom: 0px !important;
}

.avatar__title{
    font-size: 9pt;
}

.nav{
    background-color: white;
    color: #151D2D;
    font-weight: bold;
}

.avatar__title{
    margin-bottom: 0px !important;
}

.avatar-open{
    border-radius: 1.5625rem 1.5625rem 0 0 !important;
}

ul{
    margin-bottom: 0px !important;
}

.item-header{
    padding-left: 5px;
    padding-right: 5px;
}

.active-item-header{
    border-bottom: 3px solid #41C2E0;
}

@media (max-width: 767px) {
    .header-new__holder{
        grid-template-columns: auto auto;
    }

    .nav{
        display: none !important;
    }
}

@media(max-width: 1100px) {
    .nav__holder ul{
        columns: 3;
        display: block;
    }

    .nav_holder_1100px{
        margin-top: -20px;
    }

    .li-3-columns{
        padding-top: 20px;
    }

    .nav__holder li{
        text-align: center;
        margin-left: 0px !important;
    }
}

@media(max-width: 900px) {
    .nav__holder ul{
        columns: 2;
        display: block;
    }

    .li-3-columns{
        padding-top: 20px;
    }

    .li-2-columns{
        padding-top: 20px;
    }
}

.social-nav__item{
    margin-left: 0 !important;
}

.loadClientsHeader{
    margin-top: 10px;
}

.underlineBtn:hover{
    text-decoration: underline !important;
}

.social-nav__menu-new-header{
    border: 1px solid #c9cdd0 !important;
    border-top: none !important;
    margin-top: -0.1em !important;
    border-radius: 0 0 1.5625rem 1.5625rem !important;
}

@media (min-width: 768px){
    .social-nav__menu-new-header {
        position: absolute;
        padding: 0 0.9375rem;
        display: flex;
        flex-direction: column;
        box-shadow: 0 3px 5px rgb(0 0 0 / 15%);
        top: 100%;
        z-index: 1;
        background-color: #fff;
        border-radius: 0 0 0.625rem 0.625rem;
        max-height: 0;
        transition: all .5s ease-out;
        overflow: hidden;
        min-width: 12.5rem;
        right: 0;
        margin-top: 0.625rem;
    }

    .social-nav__menu-new-header.\--open {
        padding: 1.25rem 0.9375rem;
        max-height: 37.5rem;
        transition: all .5s ease-out;
    }

    .nav{
        display: block !important;
    }
}


/* MODAL CONFIG USER */

.modalCloseConfigUser{
    color: #3b3b3b !important;
}


.modalConfigUsuario{
    width: 500px !important;
    max-width: fit-content !important;
    height: fit-content !important;
}

.modalConfigUsuarioContent{
    font-family: 'Roboto Condensed Regular' !important
}

.subtitleConfigUsuario{
    background-color: #E6E5E5 !important; 
    margin-top: 25px !important; 
    margin-bottom: 15px !important;
}

.subtitleConfigUsuario span{
    color: black !important; 
    font-weight: bold !important; 
    font-size: 14px !important;
}

.fontRangos label{
    font-size: 16px !important;
    color: #6c6c6d !important;
}

.divMarkup{
    padding-right: 0px !important;
}

.divMarkup input{
    margin-top:0 !important; 
    text-align: center !important; 
    border-radius: 0 !important; 
    padding-right: 0px !important; 
    font-size: 22px !important; 
    font-family: 'Roboto Condensed Regular' !important; 
    border-right: 0 !important;
    color: black !important;
}

.simboloPorcentaje{
    margin-right: 10px !important;
    padding-right: 5px !important; 
    padding-left: 0px !important; 
    font-size: 25px !important; 
    font-family: 'Roboto Condensed Regular' !important; 
    border: 1px solid black !important; 
    border-left: 0 !important;
    text-align: start !important;
    align-items: center !important;
    display: flex !important;
    width: fit-content !important;
    color: black !important;
}

.simboloPorcentaje span{
    align-items: center !important;
}

.divTextoMarkup{
    padding-left: 0px !important; 
    color: #6c6c6d !important; 
    font-size: 12px !important; 
    align-items: center !important; 
    text-align: justify !important; 
    display: flex !important;
}

.btnCloseModalConfigUsuario{
    width: 40% !important;
    background-color: #3b3b3b !important;
    color: white !important;
}

.custom-control-label{
    cursor: pointer !important;
}

.modal__content__text{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.modal__content__text div{
    margin-bottom: 0px !important;
}


.fontRangos .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #2B4185 !important;
    background-color: #2B4185 !important;
}

.logoutClientsHeader{
    color: black !important;
}

.numberContact a{
    color: #222 !important;
}