/* =========================
   TEMA AZUL MODERNO
   ========================= */

/* Fondo general */
body.erp-compact {
    background-color: #f2f5fa;
}

/* NAVBAR */
.erp-compact .navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #dbe3ef !important;
}

/* SIDEBAR */
.erp-compact aside {
    background: linear-gradient(180deg, #2f4f6f 0%, #243b53 100%);
    border-right: 1px solid #295fd3;
}

/* Header sidebar */
.app-sidebar-header {
    border-bottom: 1px solid rgba(255,255,255,.12);
}

/* Marca sidebar */
.app-sidebar-brand-title {
    color: #ffffff;
}

.app-sidebar-brand-subtitle {
    color: rgba(255,255,255,.72);
}

/* Agrupaciones */
.app-menu-title {
    color: rgba(255,255,255,.70);
    border-bottom: 1px solid rgba(255,255,255,.10);
    text-shadow: none;
}

/* Links menú */
.app-menu-link {
    color: #eef4ff;
    transition: all .15s ease;
}

    /* Hover */
    .app-menu-link:hover {
        background: rgba(255,255,255,.10);
        color: #ffffff;
    }

    /* Link activo */
    .app-menu-link.active {
        background: rgba(255,255,255,.16);
        color: #ffffff;
    }

/* Botón sidebar */
.app-sidebar-toggle {
    border-color: rgba(255,255,255,.15);
    color: #ffffff;
}

    .app-sidebar-toggle:hover {
        background: rgba(255,255,255,.10);
    }

/* Marca navbar */
.app-navbar-center .navbar-brand {
    color: #2f4f6f !important;
}

/* Cards */
.erp-compact .card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

/* Footer */
.app-footer {
    background: #ffffff;
}



/* =========================
   ENCABEZADOS DE TABLAS
   ========================= */

.erp-compact .table thead th {
/*    background: linear-gradient(180deg, #29465b 0%, #20394c 100%) !important;
*/  
    background: linear-gradient(180deg, #2f4f6f 0%, #243b53 100%);
    color: #ffffff !important;
    border-color: #35556d !important;
    text-shadow: none;
}


/* =========================
   HEADERS GLOBALES DE CARDS
========================= */

.card-header {
    background: linear-gradient(180deg, #2f4f6f 0%, #243b53 100%);
    color: #ffffff;
    border-bottom: 1px solid #35556d;
    font-weight: 600;
}

    .card-header strong,
    .card-header h1,
    .card-header h2,
    .card-header h3,
    .card-header h4,
    .card-header h5,
    .card-header h6 {
        color: #ffffff;
    }