.custom-title {
    font-size: calc(.4em + 1vw);
}

.barra-header {
    color: white;
    background-color: var(--color-primario);
}

.barra-footer {
    color: var(--color-primario) !important;
    background-color: var(--color-gris-oscuro);
}

.barra-usuario {
    color: #cccccc;
    background-color: var(--color-primario);
}

.text-color {
    color: var(--color-primario);
}

.text-color-white {
    color: white;
}

.bg-barra-lateral {
    background-color: var(--color-bg-barra-lateral) !important;
}

.Receso {
    background-color: lightblue !important;
}

.button-navbar {
    color: var(--color-primario) !important;
    background-color: white !important;
}

    .button-navbar:hover {
        color: var(--color-primario) !important;        
        outline: none !important;
        box-shadow: none !important;
        outline-color: transparent !important;
    }

    .button-navbar:active, .button-navbar:focus {
        outline: none !important;
        box-shadow: none !important;
        outline-color: transparent !important;
    }

.navbar-backround-color {
    /*color: white;*/
    background-color: var(--color-gris-claro) !important;
}

.button-solo {
    color: white !important;
    background-color: var(--color-primario) !important;
    /*color: var(--color-primario) !important;
    background-color: white !important;*/
    /*outline: 1px solid !important;*/
}

    .button-solo:hover {
        /*color: white !important;
        background-color: var(--color-primario) !important;*/
        background-color: var(--color-gris-oscuro) !important;
        color: white !important;
    }

    .button-solo:active, .button-solo:focus {
        /*color: white !important;
        background-color: var(--color-primario) !important;*/
        background-color: var(--color-gris-oscuro);
        color: white !important;
    }

.button-secundario {
    color: white !important;
    /*background-color: white !important;*/
}

    .button-secundario:hover {
        /*color: white !important;*/
        background-color: var(--color-primario) !important;
    }

    /*.button-secundario:active {
        color: white !important;
        background-color: var(--color-primario) !important;
    }*/

    .button-secundario:focus {
        color: white !important;
        background-color: var(--color-primario) !important;
    }

    /*.button-secundario:active:hover {
        color: red !important;
        background-color: var(--color-primario) !important;
    }*/
   
.nav-tabs .nav-link.active {
    color: var(--color-primario) !important;
}

.nav-link:hover, .nav-link:focus {
    color: var(--color-negro) !important;
}

.nav-link {
    color: var(--color-negro) !important;
}

.footer-backround-color {
    color: #cccccc;
    background-color: #002c5c;
}

.fs-small9 {
    font-size: 0.9rem !important;
}

.fs-small8 {
    font-size: 0.8rem !important;
}

.fs-small7 {
    font-size: 0.7rem !important;
}

.fs-small6 {
    font-size: 0.6rem !important;
}

.fs-small5 {
    font-size: 0.5rem !important;
}

.col-xs {
    flex: 1 1 auto;
    width: 7%;
}

/*label {
    width: 7em;
    display: inline-block;
}*/

.e-btn {
    color: #002c5c !important;
    /*background-color: transparent !important;*/
    background-color: var(--color-gris-oscuro);
}

    .e-btn:hover {
        color: white !important;
        background-color: var(--color-primario) !important;
    }


/*Fix from Blazor Bootstrap*/
.dropdown-toggle {
    white-space: nowrap;
    color: white;
}

/*Fix from Blazor Bootstrap*/
.dropdown-item:hover {
    color: white;
    background-color: var(--color-primario);
}

/*Fix from Blazor Bootstrap*/
.dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: var(--color-primario);
}

.e-popup {
    box-shadow: var(--bs-box-shadow-sm) !important;
}

.Logo {
    /*width: 40px;*/
    height: 40px;
}

.text-wrap-format {
    white-space: pre-wrap;
    /*overflow: visible;*/
    /*height: max-content;*/
    overflow-wrap: break-word;
    max-height: max-content;
}

/*SfPdfViewer2*/
.e-pv-sidebar-toolbar {
    z-index: 1 !important;
}

.title-logo {
        font-size: calc(1.6em + 1vw);
    }