/*================================================== CREDIHOME DARK MODE BLOQUE 1 VARIABLES + LAYOUT ==================================================*/ body.dark-mode{ /* Paleta */ --ch-card:#1B2838; --ch-primary:#4EA3FF; --ch-primary-dark:#2D82E8; --ch-primary-light:rgba(78,163,255,.18); --ch-success:#39D98A; --ch-warning:#FFC857; --ch-danger:#FF6B6B; /* Fondos */ --ch-bg:#0F1724; --ch-bg-2:#162132; --ch-card:#1B2838; --ch-navbar:#142132; --ch-sidebar:#101C2D; /* Bordes */ --ch-border:#2D3C4F; /* Texto */ --ch-text:#EEF4FA; --ch-text-light:#A7B6C8; /* Sombras */ --ch-shadow: 0 12px 35px rgba(0,0,0,.45); background:var(--ch-bg); color:var(--ch-text); } /*-------------------------------------------------- Layout --------------------------------------------------*/ body.dark-mode, body.dark-mode html{ background:var(--ch-bg) !important; } body.dark-mode #main-container, body.dark-mode .main-container, body.dark-mode .main-content, body.dark-mode .page-content{ background:var(--ch-bg) !important; } body.dark-mode #main-container::before{ background:var(--ch-bg) !important; } body.dark-mode .row{ background:transparent !important; } /*================================================== CREDIHOME DARK MODE BLOQUE 2 NAVBAR + SIDEBAR ==================================================*/ /*========================================= NAVBAR ==========================================*/ body.dark-mode .navbar{ background:var(--ch-navbar) !important; border:none !important; box-shadow: 0 4px 18px rgba(0,0,0,.45); } body.dark-mode .navbar-brand{ color:#FFF !important; } body.dark-mode .navbar a{ color:#DCE7F4 !important; transition:.25s; } body.dark-mode .navbar a:hover{ color:#FFF !important; } body.dark-mode .navbar .dropdown-toggle{ background:transparent !important; } body.dark-mode .navbar .dropdown-toggle:hover{ background:rgba(255,255,255,.06) !important; } body.dark-mode .navbar input{ background:#1F2C3D !important; border:1px solid var(--ch-border); color:#FFF; border-radius:10px; } body.dark-mode .navbar input::placeholder{ color:#8FA5BE; } /*========================================= SIDEBAR ==========================================*/ body.dark-mode #sidebar{ background:var(--ch-sidebar) !important; border-right:1px solid var(--ch-border); } body.dark-mode #sidebar::before{ background:var(--ch-sidebar) !important; } body.dark-mode #sidebar .nav-list{ background:transparent; } body.dark-mode #sidebar .nav-list>li{ border:none; background:transparent; } body.dark-mode #sidebar .nav-list>li>a{ background:transparent; color:#9FB5CC; height:58px; display:flex; align-items:center; transition:.25s; } body.dark-mode #sidebar .nav-list>li>a:hover{ background:#1D2C40; color:#FFF; } body.dark-mode #sidebar .nav-list>li.active>a{ background:var(--ch-primary); color:#FFF; } body.dark-mode #sidebar .nav-list>li.active{ border-left:4px solid #74B8FF; } body.dark-mode #sidebar .nav-list>li>a>.menu-icon{ color:inherit; } body.dark-mode #sidebar .nav-list>li.active>a>.menu-icon{ color:#FFF; } /*========================================= SIDEBAR COLLAPSE ==========================================*/ body.dark-mode .sidebar-collapse{ background:var(--ch-sidebar); border-top:1px solid var(--ch-border); } body.dark-mode .sidebar-collapse>a{ background:transparent; color:#BFD2E6; } body.dark-mode .sidebar-collapse>a:hover{ color:#FFF; } /*================================================== CREDIHOME DARK MODE BLOQUE 3 WIDGETS ==================================================*/ /*========================================= WIDGET ==========================================*/ body.dark-mode .widget-box{ background:var(--ch-card) !important; border:none !important; border-radius:18px; overflow:hidden; box-shadow:var(--ch-shadow); } /* Línea superior */ body.dark-mode .widget-box::before{ content:""; display:block; height:4px; background:linear-gradient( 90deg, var(--ch-primary), #6DB6FF ); } /*========================================= HEADER ==========================================*/ body.dark-mode .widget-header{ background:var(--ch-card) !important; border:none !important; border-bottom:1px solid var(--ch-border) !important; min-height:68px; display:flex; align-items:center; padding:0 22px; } /*========================================= TITULO ==========================================*/ body.dark-mode .widget-title, body.dark-mode .widget-title a, body.dark-mode .widget-header h4, body.dark-mode .widget-header h4 a{ color:#F3F7FC !important; font-size:18px; font-weight:700; text-decoration:none; } /*========================================= ICONO ==========================================*/ body.dark-mode .widget-title i, body.dark-mode .widget-header i{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(78,163,255,.15); color:var(--ch-primary); } /*========================================= TOOLBAR ==========================================*/ body.dark-mode .widget-toolbar{ display:flex; align-items:center; gap:10px; } body.dark-mode .widget-toolbar>a{ color:#9FB5CC; } body.dark-mode .widget-toolbar>a:hover{ color:#FFF; } /*========================================= BODY ==========================================*/ body.dark-mode .widget-body{ background:var(--ch-card) !important; border:none !important; } body.dark-mode .widget-body-inner{ border-top:1px solid var(--ch-border); } body.dark-mode .widget-main{ background:var(--ch-card) !important; color:var(--ch-text); padding:22px; } /*========================================= BADGES ==========================================*/ body.dark-mode .badge{ background:rgba(78,163,255,.18); color:#86C2FF; border-radius:30px; font-weight:700; } /*========================================= LINKS ==========================================*/ body.dark-mode .widget-main a{ color:#6EB8FF; } body.dark-mode .widget-main a:hover{ color:#9FD2FF; } /*========================================= TEXTO ==========================================*/ body.dark-mode .widget-main{ color:var(--ch-text); } body.dark-mode .widget-main p, body.dark-mode .widget-main span, body.dark-mode .widget-main small{ color:var(--ch-text-light); } /*========================================= HOVER ==========================================*/ body.dark-mode .widget-box:hover{ transform:translateY(-3px); transition:.25s; box-shadow: 0 18px 45px rgba(0,0,0,.55); } /*================================================== CREDIHOME DARK MODE BLOQUE 4 TIMELINE ==================================================*/ /*========================================= CONTENEDOR ==========================================*/ body.dark-mode #timeline, body.dark-mode .timeline{ background:var(--ch-card) !important; } /*========================================= BODY ==========================================*/ body.dark-mode #timeline .widget-body, body.dark-mode #timeline .widget-main{ background:var(--ch-card) !important; } /*========================================= EVENTOS ==========================================*/ body.dark-mode .timeline-item{ background:transparent !important; border-bottom:1px solid var(--ch-border); padding:16px 0; } body.dark-mode .timeline-item:last-child{ border-bottom:none; } /*========================================= FECHA ==========================================*/ body.dark-mode .timeline-date, body.dark-mode .timeline-time{ color:#8FA5BE !important; } /*========================================= USUARIO ==========================================*/ body.dark-mode .timeline-item strong, body.dark-mode .timeline-item b{ color:#FFFFFF !important; font-weight:600; } /*========================================= DESCRIPCIÓN ==========================================*/ body.dark-mode .timeline-item p, body.dark-mode .timeline-item span, body.dark-mode .timeline-item div, body.dark-mode .timeline-item small{ color:#C8D5E3 !important; } /*========================================= LINKS ==========================================*/ body.dark-mode .timeline-item a{ color:#72BBFF !important; text-decoration:none; } body.dark-mode .timeline-item a:hover{ color:#9FD4FF !important; } /*========================================= ICONOS ==========================================*/ body.dark-mode .timeline-item i{ color:var(--ch-primary); } /*========================================= TABLAS DE TIMELINE ==========================================*/ body.dark-mode #timeline table, body.dark-mode #timeline tbody, body.dark-mode #timeline tr, body.dark-mode #timeline td{ background:transparent !important; color:#DCE7F4 !important; border-color:var(--ch-border); } body.dark-mode #timeline th{ background:#243244 !important; color:#FFFFFF !important; } /*========================================= LABELS ==========================================*/ body.dark-mode #timeline .label{ color:#FFF !important; } /*========================================= BADGES ==========================================*/ body.dark-mode #timeline .badge{ background:rgba(78,163,255,.18); color:#7EC4FF; } /*================================================== CREDIHOME DARK MODE BLOQUE 5 TABLAS + FORMULARIOS ==================================================*/ /*========================================= TABLAS ==========================================*/ body.dark-mode table{ background:transparent !important; } body.dark-mode .table{ background:transparent !important; } body.dark-mode .table thead{ background:#233345 !important; } body.dark-mode .table thead th{ background:#233345 !important; color:#F4F8FC !important; border-color:var(--ch-border); } body.dark-mode .table tbody td{ background:var(--ch-card); color:var(--ch-text); border-color:var(--ch-border); } body.dark-mode .table tbody tr:hover td{ background:#24364A; } body.dark-mode table a{ color:#72BBFF; } /*========================================= FORMULARIOS ==========================================*/ body.dark-mode .form-control, body.dark-mode input[type=text], body.dark-mode input[type=password], body.dark-mode input[type=email], body.dark-mode textarea, body.dark-mode select{ background:#223247 !important; border:1px solid var(--ch-border); color:#FFF !important; border-radius:10px; } body.dark-mode .form-control:focus, body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode select:focus{ border-color:var(--ch-primary); box-shadow: 0 0 0 4px rgba(78,163,255,.18); } body.dark-mode input::placeholder, body.dark-mode textarea::placeholder{ color:#94A8BF; } /*========================================= BOTONES ==========================================*/ body.dark-mode .btn{ border-radius:10px; transition:.25s; } body.dark-mode .btn-primary{ background:var(--ch-primary); border-color:var(--ch-primary); color:#FFF; } body.dark-mode .btn-primary:hover{ background:var(--ch-primary-dark); } body.dark-mode .btn-default{ background:#26384C; border-color:var(--ch-border); color:#FFF; } body.dark-mode .btn-default:hover{ background:#30465E; } /*========================================= BREADCRUMBS ==========================================*/ body.dark-mode #breadcrumbs, body.dark-mode .breadcrumbs{ background:var(--ch-card) !important; border:none; box-shadow:none; } body.dark-mode .breadcrumbs a{ color:#7DBEFF; } body.dark-mode .breadcrumbs .active{ color:#FFFFFF; } /*========================================= PAGINACIÓN ==========================================*/ body.dark-mode .pagination>li>a, body.dark-mode .pagination>li>span{ background:#223247; color:#FFF; border:1px solid var(--ch-border); } body.dark-mode .pagination>.active>a, body.dark-mode .pagination>.active>span{ background:var(--ch-primary); border-color:var(--ch-primary); } /*========================================= ALERTAS ==========================================*/ body.dark-mode .alert{ border:none; border-radius:12px; } body.dark-mode .alert-success{ background:#143A24; color:#72F2B1; } body.dark-mode .alert-info{ background:#183554; color:#7FC7FF; } body.dark-mode .alert-warning{ background:#433111; color:#FFD56B; } body.dark-mode .alert-danger{ background:#4A1E1E; color:#FF9A9A; } /*================================================== CREDIHOME DARK MODE BLOQUE 6 AJUSTES FINALES ==================================================*/ /*========================================= DROPDOWNS ==========================================*/ body.dark-mode .dropdown-menu{ background:#223247 !important; border:1px solid var(--ch-border); box-shadow: 0 15px 35px rgba(0,0,0,.45); } body.dark-mode .dropdown-menu>li>a{ color:#DCE7F5 !important; } body.dark-mode .dropdown-menu>li>a:hover{ background:#2C4058 !important; color:#FFF !important; } /*========================================= MENUS SECUNDARIOS ==========================================*/ body.dark-mode .nav-list .submenu{ background:#152235 !important; } body.dark-mode .nav-list .submenu li a{ color:#AFC2D7; } body.dark-mode .nav-list .submenu li a:hover{ background:#223247; color:#FFF; } /*========================================= TOOLTIPS ==========================================*/ body.dark-mode .tooltip-inner{ background:#26384C; color:#FFF; } body.dark-mode .tooltip.top .tooltip-arrow{ border-top-color:#26384C; } /*========================================= MODALES ==========================================*/ body.dark-mode .modal-content{ background:#1B2838; border:1px solid var(--ch-border); color:var(--ch-text); } body.dark-mode .modal-header{ background:#162132; border-bottom:1px solid var(--ch-border); } body.dark-mode .modal-footer{ background:#162132; border-top:1px solid var(--ch-border); } /*========================================= CHECKBOX / RADIO ==========================================*/ body.dark-mode input[type=checkbox], body.dark-mode input[type=radio]{ accent-color:var(--ch-primary); } /*========================================= SCROLLBAR ==========================================*/ body.dark-mode::-webkit-scrollbar{ width:10px; } body.dark-mode::-webkit-scrollbar-track{ background:#111827; } body.dark-mode::-webkit-scrollbar-thumb{ background:#344B67; border-radius:20px; } body.dark-mode::-webkit-scrollbar-thumb:hover{ background:var(--ch-primary); } /*========================================= SELECCIÓN DE TEXTO ==========================================*/ body.dark-mode ::selection{ background:var(--ch-primary); color:#FFF; } /*========================================= TRANSICIONES ==========================================*/ body.dark-mode .widget-box, body.dark-mode .btn, body.dark-mode a, body.dark-mode input, body.dark-mode select{ transition: background .25s, color .25s, border-color .25s, box-shadow .25s; } /*========================================= ANIMACIÓN WIDGETS ==========================================*/ body.dark-mode .widget-box{ animation: ch-dark-fade .35s ease; } @keyframes ch-dark-fade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } } /*========================================= TEXTO GENERAL ==========================================*/ body.dark-mode label{ color:#DCE7F5; } body.dark-mode small{ color:#A7B6C8; } body.dark-mode hr{ border-color:var(--ch-border); } /*========================================= FOOTER ==========================================*/ body.dark-mode .footer{ background:#0F1724 !important; color:#94A8BF; } /*================================================== DARK MODE PRIORITY FIX Evita que dashboard.css claro sobrescriba ==================================================*/ body.dark-mode .widget-box, body.dark-mode .widget-body, body.dark-mode .widget-main{ background:var(--ch-card) !important; } body.dark-mode .widget-header{ background:var(--ch-card) !important; border-color:var(--ch-border) !important; } body.dark-mode #main-container, body.dark-mode .main-container, body.dark-mode .main-content, body.dark-mode .page-content{ background:var(--ch-bg) !important; } body.dark-mode .navbar{ background:var(--ch-navbar) !important; } body.dark-mode #sidebar{ background:var(--ch-sidebar) !important; } /*================================================== MANTIS - TEXTO EN MODO OSCURO ==================================================*/ body.dark-mode{ color:#E6EDF5; } /* Texto general */ body.dark-mode .page-content, body.dark-mode .widget-main, body.dark-mode .widget-body, body.dark-mode .table, body.dark-mode table, body.dark-mode td, body.dark-mode th, body.dark-mode label, body.dark-mode legend, body.dark-mode p, body.dark-mode li{ color:#E6EDF5 !important; } /* Links */ body.dark-mode a{ color:#69B7FF; } body.dark-mode a:hover{ color:#93CBFF; } /* Formularios */ body.dark-mode input, body.dark-mode textarea, body.dark-mode select{ background:#223247 !important; color:#FFF !important; border:1px solid #34475E !important; } /* Placeholders */ body.dark-mode input::placeholder, body.dark-mode textarea::placeholder{ color:#98A8B8; } /* Cabeceras */ body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6{ color:#FFFFFF !important; } /*================================================== MANTIS - CAMPOS DE FORMULARIOS ==================================================*/ body.dark-mode td.category{ background:#1B2432 !important; color:#EAF2FB !important; font-weight:600; } body.dark-mode td.category a{ color:#7EC2FF !important; } body.dark-mode td{ color:#EAF2FB; } body.dark-mode th{ color:#EAF2FB; } body.dark-mode td.center, body.dark-mode td.right, body.dark-mode td.left{ color:#EAF2FB !important; } body.dark-mode .required{ color:#FF7B7B !important; } /*================================================== CREDIHOME DARK MODE FIX FINAL - REPORTAR INCIDENCIA / ADMINISTRACION ==================================================*/ /*========================================= TABLAS MANTIS GENERALES =========================================*/ body.dark-mode table, body.dark-mode tbody, body.dark-mode tr, body.dark-mode td, body.dark-mode th{ background-color:transparent !important; color:#EAF2FB !important; } body.dark-mode .table > tbody > tr > td, body.dark-mode .table > tbody > tr > th{ background:#1B2838 !important; color:#EAF2FB !important; border-color:#2D3C4F !important; } /*========================================= CAMPOS "CATEGORIA" Reportar incidencia =========================================*/ body.dark-mode td.category, body.dark-mode td.category label, body.dark-mode td.category span, body.dark-mode td.category strong{ background:#162132 !important; color:#FFFFFF !important; } body.dark-mode td.category a{ color:#70B9FF !important; } /*========================================= FORMULARIOS MANTIS =========================================*/ body.dark-mode .form-container, body.dark-mode .form-data, body.dark-mode .form-title{ color:#EAF2FB !important; } body.dark-mode .form-data td, body.dark-mode .form-data th{ background:#1B2838 !important; color:#EAF2FB !important; } /*========================================= SELECT PROYECTO Establecer predeterminado =========================================*/ body.dark-mode select, body.dark-mode option{ background:#223247 !important; color:#FFFFFF !important; } body.dark-mode option{ color:#FFFFFF !important; } /*========================================= ADMINISTRACION =========================================*/ body.dark-mode .manage-page td, body.dark-mode .manage-page th, body.dark-mode .manage-page label{ color:#EAF2FB !important; } body.dark-mode .manage-user-info, body.dark-mode .manage-project-info{ color:#EAF2FB !important; } /*========================================= LABELS MANTIS =========================================*/ body.dark-mode label, body.dark-mode .label-text, body.dark-mode .field-label{ color:#EAF2FB !important; } /*========================================= TEXTO NEGRO OCULTO Sobrescribe estilos claros =========================================*/ body.dark-mode .normal, body.dark-mode .small, body.dark-mode .small-caption, body.dark-mode .bold{ color:#EAF2FB !important; } /*========================================= BOTONES CHECKBOX RADIO =========================================*/ body.dark-mode input[type="checkbox"] + label, body.dark-mode input[type="radio"] + label{ color:#EAF2FB !important; } /*========================================= MENSAJES Y AYUDA =========================================*/ body.dark-mode .help-block, body.dark-mode .form-description, body.dark-mode .description{ color:#AFC2D7 !important; } /*========================================= PRIORIDAD MAXIMA MANTIS =========================================*/ body.dark-mode td[bgcolor], body.dark-mode th[bgcolor]{ background:#1B2838 !important; color:#EAF2FB !important; } /*================================================== MANTIS DARK - BOTONES BLANCOS ==================================================*/ body.dark-mode .btn-white, body.dark-mode .btn-white:hover, body.dark-mode .btn-default{ background:#223247 !important; border-color:#34475E !important; color:#EAF2FB !important; } body.dark-mode .btn-white:hover, body.dark-mode .btn-default:hover{ background:#2D425A !important; color:#FFFFFF !important; } /*================================================== TIMELINE DATE BAR ==================================================*/ body.dark-mode #timeline .timeline-header, body.dark-mode #timeline .timeline-view, body.dark-mode #timeline .timeline-date-filter, body.dark-mode #timeline .btn-group{ background:#1B2838 !important; color:#EAF2FB !important; } body.dark-mode #timeline .btn{ background:#223247 !important; color:#EAF2FB !important; border-color:#34475E !important; } body.dark-mode .timeline-item{ border-color:#30445A !important; } body.dark-mode #sidebar .nav-list>li.active>a{ background:#1976D2 !important; box-shadow: inset 4px 0 0 #8AC8FF; } /*================================================== CREDIHOME DARK MODE AJUSTE PROFESIONAL WIDGET HEADERS ==================================================*/ /*----------------------------------------- HEADER GENERAL DE WIDGETS ------------------------------------------*/ body.dark-mode .widget-header{ background:var(--ch-card) !important; border-bottom:1px solid var(--ch-border) !important; min-height:58px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; padding:0 18px !important; } /*----------------------------------------- TITULO DEL WIDGET ------------------------------------------*/ body.dark-mode .widget-title, body.dark-mode .widget-title a, body.dark-mode .widget-header h4, body.dark-mode .widget-header h4 a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; color:#F3F7FC !important; font-size:17px !important; font-weight:700 !important; margin:0 !important; text-decoration:none !important; } /*----------------------------------------- ICONOS DEL HEADER ------------------------------------------*/ body.dark-mode .widget-title i, body.dark-mode .widget-header i{ width:34px !important; height:34px !important; margin-right:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:10px !important; background:rgba(78,163,255,.15) !important; color:var(--ch-primary) !important; } /*----------------------------------------- CONTADORES ------------------------------------------*/ body.dark-mode .widget-title .badge, body.dark-mode .widget-header .badge{ margin-left:10px !important; background:rgba(78,163,255,.18) !important; color:#7EC4FF !important; } /*----------------------------------------- TOOLBAR DERECHA ------------------------------------------*/ body.dark-mode .widget-toolbar{ margin-left:auto !important; display:flex !important; align-items:center !important; } /*----------------------------------------- BOTONES DENTRO DEL HEADER ------------------------------------------*/ body.dark-mode .widget-toolbar a{ color:#9FCBFF !important; } /*----------------------------------------- TIMELINE ------------------------------------------*/ body.dark-mode #timeline .widget-header{ justify-content:flex-start !important; } body.dark-mode #timeline .widget-title{ margin-left:0 !important; } /*----------------------------------------- SEPARADOR VERTICAL ------------------------------------------*/ body.dark-mode .widget-header .widget-toolbar:before{ background:var(--ch-border) !important; } /*----------------------------------------- ANIMACION SUAVE ------------------------------------------*/ body.dark-mode .widget-header{ transition: background .25s, border-color .25s; } /*================================================== MANTIS - FORMULARIO REPORTAR INCIDENCIA ==================================================*/ /* Labels */ body.dark-mode label, body.dark-mode .control-label, body.dark-mode .col-form-label, body.dark-mode .form-group label, body.dark-mode .widget-main label, body.dark-mode .bug-report label{ color:#EAF2FB !important; font-weight:600; } /* Labels requeridos */ body.dark-mode label .required, body.dark-mode .required{ color:#FF7B7B !important; } /* Texto de ayuda */ body.dark-mode .help-block, body.dark-mode .small-caption, body.dark-mode small{ color:#B7C6D8 !important; } /* Selects */ body.dark-mode select{ background:#223247 !important; color:#FFFFFF !important; border:1px solid #34475E !important; } /* Inputs */ body.dark-mode input[type=text], body.dark-mode input[type=password], body.dark-mode input[type=email], body.dark-mode textarea{ background:#223247 !important; color:#FFFFFF !important; border:1px solid #34475E !important; } /* Placeholder */ body.dark-mode input::placeholder, body.dark-mode textarea::placeholder{ color:#9EB1C3 !important; } /*================================================== MANTIS - CABECERAS DE FORMULARIOS (th.category) ==================================================*/ body.dark-mode th.category{ background:#1B2838 !important; color:#EAF2FB !important; border-color:#34475E !important; } body.dark-mode th.category label{ color:#EAF2FB !important; font-weight:600 !important; } body.dark-mode th.category span{ color:#EAF2FB !important; } body.dark-mode th.category .required{ color:#FF6B6B !important; } /* FORMULARIOS - CABECERAS */ body.dark-mode table.table tbody tr th.category, body.dark-mode table.table-bordered tbody tr th.category, body.dark-mode table.table-condensed tbody tr th.category { background-color: #162132 !important; background-image: none !important; color: #EAF2FB !important; } body.dark-mode table.table tbody tr th.category label, body.dark-mode table.table tbody tr th.category span, body.dark-mode table.table tbody tr th.category * { color: #EAF2FB !important; } /* ========================================== FIX DEFINITIVO - CABECERAS DE FORMULARIOS ========================================== */ body.dark-mode th.category, body.dark-mode table.table th.category, body.dark-mode table.table-bordered th.category, body.dark-mode table.table-condensed th.category { background: #162132 !important; background-color: #162132 !important; background-image: none !important; color: #EAF2FB !important; } body.dark-mode th.category *, body.dark-mode th.category label, body.dark-mode th.category span { color: #EAF2FB !important; } body.dark-mode th.category .required { color: #FF6B6B !important; } /* ========================================== FIX REPORTAR INCIDENCIA ========================================== */ body.dark-mode .widget-box.widget-color-blue2 .table > tbody > tr > th.category { background: #162132 !important; background-color: #162132 !important; background-image: none !important; color: #EAF2FB !important; border: 1px solid #2D3C4F !important; } body.dark-mode .widget-box.widget-color-blue2 .table > tbody > tr > th.category label, body.dark-mode .widget-box.widget-color-blue2 .table > tbody > tr > th.category span, body.dark-mode .widget-box.widget-color-blue2 .table > tbody > tr > th.category { color: #EAF2FB !important; } /* Filas del formulario */ body.dark-mode table.table-bordered, body.dark-mode table.table-bordered tbody, body.dark-mode table.table-bordered tr, body.dark-mode table.table-bordered td, body.dark-mode table.table-bordered th{ background:#162132 !important; } body.dark-mode .table-bordered{ background:#162132 !important; } body.dark-mode th.category > label, body.dark-mode th.category > span, body.dark-mode td.category > label, body.dark-mode td.category > span { color: #EAF2FB !important; } body.dark-mode th.category * { color: #EAF2FB !important; } /* ===== PRUEBA ===== */ body.dark-mode table.table-bordered, body.dark-mode table.table-bordered tbody, body.dark-mode table.table-bordered tr, body.dark-mode table.table-bordered th, body.dark-mode table.table-bordered td, body.dark-mode table.table-bordered label, body.dark-mode table.table-bordered span{ background:#162132 !important; background-color:#162132 !important; background-image:none !important; color:#EAF2FB !important; }