/**COLORES**/
.text-white{
    color: var(--text-white);
}

.segundario-color {
    background: var(--second-color) !important;
}

/*COLOR ALERTAS BTN*/
.swal2-confirm {
    background-color: var(--btn-color-primary) !important;
}

/**CARD */
.car-default {
    background: var(--second-color) !important;
}
/**LOGUIN**/

.card-header-primary {
    background: linear-gradient( 90deg, var(--primary-color) 16%, rgba(var(--second-color-conts)) 75%);
    color: var(--text-tltle-header);
}

.card-footer-primary {
    background: linear-gradient( 90deg, var(--primary-color) 16%, rgba(var(--second-color-conts)) 75%);
    color: var(--text-tltle-header);
}

.borde-login-container {
    border: 1px solid var(--primary-color);
    border-radius: 0px;
}

.btn-primary-loguin {
    cursor: pointer;
    background-color: var(--btn-color-second) !important;
    font-size: 13px !important;
    color: white;
}

.btn-second-loguin {
    cursor: pointer;
    background-color: var(--btn-color-primary) !important;
    font-size: 13px !important;
    color: white;
}

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

.nav-primary-color {
    background: var(--primary-nav) !important;
    box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 10%), 4px 4px 15px -5px rgb(0 0 0) !important;
}

/**MODULOS**/

.btn-modulo-active {
    background: var(--btn-color-primary) !important;
    color: var(--text-white) !important;
}

.btn-modulo-block {
    background: #7c7474 !important;
    color: var(--text-block) !important;
}

.icon-color-active {
    color: var(--btn-color-second) !important;
}

.icon-color-block {
    color: var(--text-block) !important;
}

/**PLANTILLA ADMIN*/

/*NAV*/
.navHeader{
    background: rgb(var(--primary-color));
    background: linear-gradient(90deg, var(--primary-color) 16%, rgba(var(--second-color-conts)) 75%) !important;
}

.navHead{
    background: var(--primary-color) !important;
}

/*MENU*/
.navHead2{
    background: rgb(var(--primary-color));
    background: linear-gradient(0deg, rgba(var(--second-color-conts)) 4%, var(--primary-color) 63%);
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a {
    background: rgb(var(--primary-color)) !important;
    box-shadow: 4px 4px 10px 0 rgba(var(--primary-color-conts)), 4px 4px 15px -5px var(--primary-color)!important;
}

/**Botn MOdulos en el NAV*/
.sidebar.sidebar-style-2 .nav .nav-item .active a {
    background: var(--second-color);
}

.sidebar.sidebar-style-2 .nav .nav-item .active a p {
    color: var(--text-white) !important;
}

.sidebar.sidebar-style-2 .nav .nav-item .active a i {
    color: var(--text-white) !important;
}

.navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link:hover {
    background: var(--primary-color) !important;
}

/*COLORES DATATABLE*/
.heder-table {
    background-color:  var(--second-color) !important;
    color: var(--text-white) !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: var(--text-white);
    background-color: var(--second-color);
    border-color: rgb(var(--primary-color));
}