/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* Ajustes de contraste para filas seleccionadas en DataTables */
.table-striped tbody tr.even.selected td,
.table-striped tbody tr.odd.selected td,
table.dataTable tbody tr.selected td {
    color: #ffffff !important;
}

/* Custom color palette for welcome page (now used for body background) */
.bg-gradient-custom-blue {
    background: #f4f5fa !important;
}

/* Background for the main content wrapper */
.content-wrapper, .app-content {
    background-color: #1a5d94 !important;
}

.btn-custom-yellow {
    background-color: #ffaf00 !important;
    color: #142143 !important;
    border-color: #ffaf00 !important;
    font-weight: 700;
}

.btn-custom-yellow:hover {
    background-color: #e4e4e4 !important;
    color: #142143 !important;
    border-color: #e4e4e4 !important;
}

/* Dashboard Custom Palette */
.bg-custom-yellow { background-color: #ffaf00 !important; color: #142143 !important; }
.bg-custom-yellow p, .bg-custom-yellow a, .bg-custom-yellow span, .bg-custom-yellow i, .bg-custom-yellow h4 { color: #142143 !important; }

.bg-custom-light-blue { background-color: #4ba6f2 !important; color: white !important; }
.bg-custom-light-blue p, .bg-custom-light-blue a, .bg-custom-light-blue span, .bg-custom-light-blue i, .bg-custom-light-blue h4 { color: white !important; }

.bg-custom-medium-blue { background-color: #1a5d94 !important; color: white !important; }
.bg-custom-medium-blue p, .bg-custom-medium-blue a, .bg-custom-medium-blue span, .bg-custom-medium-blue i, .bg-custom-medium-blue h4 { color: white !important; }
.bg-custom-medium-blue p.blue-grey, .bg-custom-medium-blue span.text-muted, .bg-custom-medium-blue .blue-grey.lighten-2, .bg-custom-medium-blue .text-muted { color: white !important; }

.bg-custom-dark-blue { background-color: #142143 !important; color: white !important; }
.bg-custom-dark-blue p, .bg-custom-dark-blue a, .bg-custom-dark-blue span, .bg-custom-dark-blue i, .bg-custom-dark-blue h4 { color: white !important; }

.bg-custom-light-gray { background-color: #e4e4e4 !important; color: #142143 !important; }

/* Global overrides for standard Bootstrap/Theme classes to match the new palette */
.bg-primary { background-color: #1a5d94 !important; border-color: #1a5d94 !important; }
.btn-primary { background-color: #1a5d94 !important; border-color: #1a5d94 !important; color: #fff !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #142143 !important; border-color: #142143 !important; color: #fff !important;}

.bg-danger { background-color: #ffaf00 !important; color: #142143 !important; }
.btn-danger { background-color: #ffaf00 !important; border-color: #ffaf00 !important; color: #142143 !important; font-weight: 700; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #e4e4e4 !important; border-color: #e4e4e4 !important; color: #142143 !important; }

/* Menu Lateral (Sidebar) & Navbar Custom Background */
.header-navbar,
.header-navbar.navbar-semi-light,
.header-navbar .navbar-header,
.header-navbar.navbar-semi-light .navbar-header,
.main-menu.menu-light,
.main-menu.menu-light .navigation-background,
.main-menu.menu-light .main-menu-content,
.main-menu.menu-light .navbar-header,
.main-menu.menu-light .navigation.navigation-main,
.main-menu.menu-light .navigation.navigation-main li {
    background: #4ba6f2 !important;
    background-color: #4ba6f2 !important;
}

.main-menu.menu-light .navigation > li > a, 
.main-menu.menu-light .navigation > li > a > span,
.main-menu.menu-light .navigation li a,
.main-menu.menu-light .navigation li a span,
.header-navbar.navbar-semi-light .nav-link,
.header-navbar.navbar-semi-light .navbar-brand .brand-text {
    color: #ffffff !important;
}

.main-menu.menu-light .navigation > li > a > i,
.main-menu.menu-light .navigation li a i {
    color: #142143 !important;
}

/* Menu Lateral (Sidebar) Active & Hover States */
.main-menu.menu-light .navigation > li.active > a {
    background-color: #1a5d94 !important;
    color: #ffffff !important;
    font-weight: 700;
}
.main-menu.menu-light .navigation > li.active > a > i,
.main-menu.menu-light .navigation > li.active > a > i:before,
.main-menu.menu-light .navigation > li:hover > a,
.main-menu.menu-light .navigation > li:hover > a > i,
.main-menu.menu-light .navigation > li.open > a,
.main-menu.menu-light .navigation > li.open > a > i,
.main-menu.menu-light .navigation li > a:hover {
    color: #ffffff !important;
    background-color: rgba(26, 93, 148, 0.5) !important;
}
.main-menu.menu-light .navigation > li:hover > a > i,
.main-menu.menu-light .navigation > li.active > a > i,
.main-menu.menu-light .navigation > li.open > a > i,
.main-menu.menu-light .navigation li > a:hover > i {
    color: #ffffff !important;
}

/* Override left-over gradients (like the 'Buscar' button) */
.btn-bg-gradient-x-purple-red {
    background: #142143 !important;
    border-color: #142143 !important;
    color: #fff !important;
}
.btn-bg-gradient-x-purple-red:hover,
.btn-bg-gradient-x-purple-red:focus {
    background: #1a5d94 !important;
    border-color: #1a5d94 !important;
    color: #fff !important;
}

/* Cambiar la E roja a blanco usando filtros CSS */
img[src*="LOGOE.png"] {
    filter: brightness(0) invert(1);
}

/* Gradients for Dashboard Cards */
.bg-gradient-a {
    background: linear-gradient(180deg, #11225b 0%, #f59e0b 100%) !important;
    color: #ffffff !important;
}
.bg-gradient-a p, .bg-gradient-a a, .bg-gradient-a span, .bg-gradient-a i, .bg-gradient-a h4, .bg-gradient-a .text-muted { color: #ffffff !important; }

.bg-gradient-b {
    background: linear-gradient(180deg, #f59e0b 0%, #fef3c7 100%) !important;
    color: #11225b !important;
}
.bg-gradient-b p, .bg-gradient-b a, .bg-gradient-b span, .bg-gradient-b i, .bg-gradient-b h4, .bg-gradient-b .text-muted { color: #11225b !important; }

.bg-gradient-c {
    background: linear-gradient(180deg, #ffffff 0%, #64748b 100%) !important;
    color: #11225b !important;
}
.bg-gradient-c p, .bg-gradient-c a, .bg-gradient-c span, .bg-gradient-c i, .bg-gradient-c h4, .bg-gradient-c .text-muted { color: #11225b !important; }

.bg-gradient-d {
    background: linear-gradient(180deg, #1a5d94 0%, #11225b 100%) !important;
    color: #ffffff !important;
}
.bg-gradient-d p, .bg-gradient-d a, .bg-gradient-d span, .bg-gradient-d i, .bg-gradient-d h4, .bg-gradient-d .text-muted { color: #ffffff !important; }

/* Fix mobile navbar background and sidebar toggle icon visibility */
@media (max-width: 767.98px) {
    .header-navbar.navbar-with-menu .navbar-container {
        background: #4ba6f2 !important;
        background-color: #4ba6f2 !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .header-navbar .navbar-container .nav-link,
    .header-navbar .navbar-container .menu-toggle,
    .header-navbar .navbar-container .menu-toggle i {
        color: #ffffff !important;
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}