/*
 * REQMAT — modo oscuro (clase html.theme-dark)
 * Overrides sobre Gentelella / Bootstrap 3.
 */

html.theme-dark body {
    color: #e6e9ef;
}

/* Barra superior */
html.theme-dark .nav_menu {
    background: #252830 !important;
    border-bottom-color: #3d4450 !important;
}

html.theme-dark .top_nav .nav > li > a,
html.theme-dark .user-profile.dropdown-toggle {
    color: #e6e9ef !important;
}

html.theme-dark .top_nav .nav > li > a:focus,
html.theme-dark .top_nav .nav > li > a:hover,
html.theme-dark .top_nav .nav .open > a {
    background: #3d4450 !important;
}

html.theme-dark .navbar-nav > li > .dropdown-menu {
    background: #2c3038;
    border-color: #3d4450;
}

html.theme-dark .dropdown-menu > li > a {
    color: #e6e9ef !important;
}

html.theme-dark .dropdown-menu > li > a:hover {
    background: #3d4450 !important;
    color: #fff !important;
}

html.theme-dark div#menu_toggle:hover {
    color: #ccc;
}

/* Contenido principal */
html.theme-dark body .container.body .right_col {
    background: #1a1d23 !important;
}

html.theme-dark .page-title .breadcrumb {
    background: transparent;
}

html.theme-dark .breadcrumb {
    background: #252830;
}

html.theme-dark .breadcrumb > li > a {
    color: #fff !important;
}

html.theme-dark .breadcrumb > li > a:hover {
    color: #fff !important;
    text-decoration: underline;
}

html.theme-dark .breadcrumb > .active {
    color: #d0d4dc !important;
}

/* Títulos de vistas índices (h1/h2 fuera del bloque Gentelella .page-title) */
html.theme-dark .right_col h1,
html.theme-dark .right_col h2:not(.popover-title):not(.modal-title) {
    color: #fff !important;
}

/* Paneles típicos Gentelella */
html.theme-dark .x_panel {
    background: #252830 !important;
    border-color: #3d4450 !important;
    color: #e6e9ef !important;
}

html.theme-dark .x_title {
    border-bottom-color: #3d4450 !important;
}

html.theme-dark .x_title h2 {
    color: #fff !important;
}

html.theme-dark .x_title h2 a,
html.theme-dark .page-title .title_left h1,
html.theme-dark .page-title .title_left h2,
html.theme-dark .page-title .title_left h3 {
    color: #fff !important;
}

html.theme-dark .right_col > h1:first-of-type,
html.theme-dark .right_col > h2:first-of-type {
    color: #fff !important;
}

html.theme-dark footer {
    background: #252830 !important;
    color: #c7ccd6 !important;
    border-top: 1px solid #3d4450;
}

html.theme-dark footer a {
    color: #fff !important;
}

html.theme-dark footer a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* Tablas y GridView */
html.theme-dark .table {
    background: #252830;
    color: #e6e9ef;
}

html.theme-dark .table > thead > tr > th {
    background: #2c3038;
    border-bottom-color: #3d4450;
    color: #fff !important;
}

/* Encabezados GridView: enlaces de ordenación antes azules Bootstrap */
html.theme-dark .table > thead > tr > th > a {
    color: #fff !important;
}

html.theme-dark .table > thead > tr > th > a:hover,
html.theme-dark .table > thead > tr > th > a:focus {
    color: #fff !important;
    text-decoration: underline;
}

/* Íconos de orden en thead (según assets del proyecto) */
html.theme-dark .table thead a.asc:after {
    border-bottom-color: #fff !important;
}

html.theme-dark .table thead a.desc:after {
    border-top-color: #fff !important;
}

html.theme-dark .table > tbody > tr > td {
    border-color: #3d4450 !important;
}

html.theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2a2e36;
}

html.theme-dark .table-hover > tbody > tr:hover {
    background-color: #323842 !important;
}

html.theme-dark .grid-view .filters input,
html.theme-dark .grid-view .filters select {
    background: #1a1d23;
    color: #e6e9ef;
    border-color: #3d4450;
}

/* Enlaces azules dentro del contenido (índices, links Bootstrap); no botones ni cierre de alertas */
html.theme-dark .right_col a:not(.btn):not(.close):not(.page-link) {
    color: #fff !important;
}

html.theme-dark .right_col a:not(.btn):not(.close):not(.page-link):hover,
html.theme-dark .right_col a:not(.btn):not(.close):not(.page-link):focus {
    color: #fff !important;
    text-decoration: underline;
}

/* Formularios */
html.theme-dark .form-control {
    background: #1a1d23;
    color: #e6e9ef;
    border-color: #3d4450;
}

html.theme-dark .form-control:focus {
    border-color: #5a9bd4;
    box-shadow: 0 0 0 1px rgba(90, 155, 212, 0.35);
}

html.theme-dark .control-label {
    color: #c7ccd6 !important;
}

html.theme-dark .help-block {
    color: #8c95a8;
}

/* Paneles Bootstrap */
html.theme-dark .panel {
    background: #252830;
    border-color: #3d4450;
}

html.theme-dark .panel-default > .panel-heading {
    background: #2c3038;
    border-color: #3d4450;
    color: #fff !important;
}

html.theme-dark .panel-title,
html.theme-dark .panel-heading a:not(.btn) {
    color: #fff !important;
}

html.theme-dark .panel-body {
    background: #252830;
    color: #e6e9ef;
}

/* Botones neutros */
html.theme-dark .btn-default {
    background: #343a46;
    color: #e6e9ef;
    border-color: #4a5568;
}

html.theme-dark .btn-default:hover {
    background: #444c5a;
    color: #fff;
}

/* Alerts: mantener contraste pero suavizar fondo página */
html.theme-dark .alert {
    border-width: 1px;
}

/* Paginación */
html.theme-dark .pagination > li > a,
html.theme-dark .pagination > li > span {
    background: #252830 !important;
    border-color: #3d4450 !important;
    color: #e6e9ef !important;
}

html.theme-dark .pagination > .active > a,
html.theme-dark .pagination > .active > span {
    background: #4a5568 !important;
    border-color: #5c677a !important;
    color: #fff !important;
}

/* Menú lateral: levemente más oscuro para contraste */
html.theme-dark .left_col,
html.theme-dark .nav_title {
    background: #1e2a37 !important;
}

html.theme-dark ul.nav.child_menu {
    background: #243341 !important;
}

/* ─── Pantalla login (main-login / login.css) ─── */
html.theme-dark .login-wrapper {
    background: linear-gradient(135deg, #0f141a 0%, #1a2330 100%);
}

html.theme-dark .login-panel {
    background: #252830 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

html.theme-dark .login-panel h1 {
    color: #ecf0f6 !important;
}

html.theme-dark .login-panel .subtitle,
html.theme-dark .login-footer {
    color: #9aa6b9 !important;
}

html.theme-dark .login-footer {
    border-top-color: #3d4450 !important;
}

html.theme-dark .login-theme-link a {
    color: #fff !important;
}

html.theme-dark .login-theme-link a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}