:root {
    --principal-muy-oscuro: #0c182f;
    --principal-oscuro: #154463;
    --principal: #0069d9;
    --principal-claro: #7290cd;
    --principal-muy-claro: #b7e3ff;

    --negro: #000;
    --blanco: #fff;

    --fondo: #EEEEEE;
}

.form-group.required label:not(:empty):not(.form-check-label)::after {
    content: ' *';
    color: #ff0000;
}

#input-img label:not(:empty):not(.form-check-label)::after {
    color: var(--negro) !important;
}

#label-img.custom-file-label::after {
    content: "Browse" !important;
    color: var(--negro) !important;
}

input[type=checkbox] {
/* Double-sized Checkboxes */
    -ms-transform: scale(1.5);
    /* IE */
    -moz-transform: scale(1.5);
    /* FF */
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -o-transform: scale(1.5);
    /* Opera */
    transform: scale(1.5);
    padding: 10px;
}

.login-page {
    background-color: var(--principal-muy-oscuro) !important;
}

.login-box .card{
    border-radius: 0;
}

.login-logo {
    background-color: var(--fondo);
    margin-bottom: 0px !important;
    padding-bottom: 5px;
}

.card-primary.card-outline{
    border-top: 3px solid var(--principal-muy-claro);
}

/* boton login*/
.btn-login, .btn-login:focus {
    color: var(--principal-muy-claro);
    background-color: var(--principal-oscuro);
    border-color: var(--principal-oscuro);
    box-shadow: none;
}

.btn-login:hover {
    color: var(--principal-oscuro);
    background-color: var(--principal-muy-claro);
    border-color: var(--principal-muy-claro);
}

.btn-login:not(:disabled):not(.disabled).active, .btn-login:not(:disabled):not(.disabled):active, .show > .btn-login.dropdown-toggle{
    color: var(--principal-muy-claro);
    background-color: var(--principal-oscuro);
    border-color: var(--principal-oscuro);
}

/* boton login*/

.corporativo {
    background-color: var(--principal-claro);
}

.text-corporativo {
    color: var(--principal-claro);
}

.nav-sidebar>.nav-header,
.sidebar-form {
    color: var(--principal-claro);
    font-weight: 800;
}

/* custom styles sidebar*/
.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]){
    background-color: var(--fondo);
    display: flex;
    justify-content: center;
    align-items: center;
}

[class*="sidebar-dark"] .brand-link{
    border-bottom: 1px solid var(--principal-muy-claro);
}

.main-sidebar{
    background-color: var(--principal-oscuro);
}

[class*="sidebar-dark-"] .sidebar a{
    color: var(--blanco);
}

li.nav-header{
    background-color: var(--principal-claro) !important;
}

.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active{
    background-color: var(--principal-muy-claro);
    color: var(--principal-claro);
}

.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active:hover, .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active:hover{
    background-color: var(--principal-claro) ;
    color: var(--principal-muy-claro);
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus{
    color: var(--principal-muy-claro);
}
/* custom styles sidebar*/

/* navbar */

.navbar-dark{
    background-color: var(--principal-oscuro) !important;
    border-color: var(--principal-muy-claro) !important;
}

/* navbar */