/* --- Salutem Dark Mode: Capa de Color (Activada por clase .dark-theme) --- */ /* IMPORTANTE: Para evitar las franjas claras arriba y abajo, asegúrate de aplicar la clase 'dark-theme' al tag o */ html.dark-theme, body.dark-theme, body.dark-theme .wrapper-page, .dark-theme .page { background-color: #121212 !important; color: #e0e0e0 !important; } /* Tipografía Base y Textos (De core.css) */ .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6 { color: #e0e0e0 !important; } .dark-theme h3 small, .dark-theme h4 small, .dark-theme h5 small, .dark-theme .text-dark { color: #bbb !important; } .dark-theme .bg-white { background-color: #1e1e1e !important; } .dark-theme .bg-muted { background-color: #252525 !important; } /* Fondos semánticos (Ajuste de brillo y saturación para Modo Oscuro) */ .dark-theme .bg-primary, .dark-theme .panel.bg-primary { background-color: #1a262d !important; color: #fff !important; } .dark-theme .bg-success, .dark-theme .panel.bg-success { background-color: #2b6362 !important; color: #fff !important; } .dark-theme .bg-info, .dark-theme .panel.bg-info { background-color: #164f68 !important; color: #fff !important; } .dark-theme .bg-warning, .dark-theme .panel.bg-warning { background-color: #806b20 !important; color: #fff !important; } .dark-theme .bg-danger, .dark-theme .panel.bg-danger { background-color: #782928 !important; color: #fff !important; } .dark-theme .bg-purple, .dark-theme .panel.bg-purple { background-color: #3f2c61 !important; color: #fff !important; } .dark-theme .bg-pink, .dark-theme .panel.bg-pink { background-color: #75203d !important; color: #fff !important; } .dark-theme .bg-inverse, .dark-theme .panel.bg-inverse { background-color: #111111 !important; color: #fff !important; } /* Efecto interactivo para el botón Cerrar Caja */ .dark-theme .panel.bg-danger .btn-cerrar-caja:hover { background-color: #943231 !important; /* Rojo sutilmente más claro al pasar el mouse */ } /* Leyenda de Agenda (Celdas td-bg-*) */ .dark-theme .td-bg-default, .dark-theme .table > tbody > tr > td.active.td-bg-default { background-color: #2c2c2c !important; border-color: #333 !important; color: #fff !important; } .dark-theme .td-bg-primary, .dark-theme .table > tbody > tr > td.active.td-bg-primary { background-color: #1a262d !important; border-color: #1a262d !important; color: #fff !important; } .dark-theme .td-bg-success, .dark-theme .table > tbody > tr > td.active.td-bg-success { background-color: #2b6362 !important; border-color: #2b6362 !important; color: #fff !important; } .dark-theme .td-bg-info, .dark-theme .table > tbody > tr > td.active.td-bg-info { background-color: #164f68 !important; border-color: #164f68 !important; color: #fff !important; } .dark-theme .td-bg-warning, .dark-theme .table > tbody > tr > td.active.td-bg-warning { background-color: #806b20 !important; border-color: #806b20 !important; color: #fff !important; } .dark-theme .td-bg-danger, .dark-theme .table > tbody > tr > td.active.td-bg-danger { background-color: #782928 !important; border-color: #782928 !important; color: #fff !important; } .dark-theme .td-bg-purple, .dark-theme .table > tbody > tr > td.active.td-bg-purple { background-color: #3f2c61 !important; border-color: #3f2c61 !important; color: #fff !important; } .dark-theme .td-bg-pink, .dark-theme .table > tbody > tr > td.active.td-bg-pink { background-color: #75203d !important; border-color: #75203d !important; color: #fff !important; } .dark-theme [class*="td-bg-"] .label-transparent { color: #fff !important; } .dark-theme a { color: #bbb !important; } .dark-theme a:hover, .dark-theme a.active { font-weight: bold !important; color: #bbb !important; } /* Paneles y Contenedores */ .dark-theme .panel { background-color: #1e1e1e !important; border-color: #333 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important; } /* Cabeceras de panel por defecto */ .dark-theme .panel-heading, .dark-theme .panel-default > .panel-heading, .dark-theme .panel-pages .panel-heading { background-color: #252525 !important; border-bottom-color: #333 !important; color: #e0e0e0 !important; } .dark-theme .panel-title { color: #e0e0e0 !important; } /* Paneles Semánticos (Ajuste de brillo y saturación para Modo Oscuro) */ .dark-theme .panel-primary { border-color: #1a262d !important; } .dark-theme .panel-primary > .panel-heading { background-color: #1a262d !important; color: #fff !important; } .dark-theme .panel-success { border-color: #2b6362 !important; } .dark-theme .panel-success > .panel-heading { background-color: #2b6362 !important; color: #fff !important; } .dark-theme .panel-info { border-color: #164f68 !important; } .dark-theme .panel-info > .panel-heading { background-color: #164f68 !important; color: #fff !important; } .dark-theme .panel-warning { border-color: #806b20 !important; } .dark-theme .panel-warning > .panel-heading { background-color: #806b20 !important; color: #fff !important; } .dark-theme .panel-danger { border-color: #782928 !important; } .dark-theme .panel-danger > .panel-heading { background-color: #782928 !important; color: #fff !important; } .dark-theme .panel-purple { border-color: #3f2c61 !important; } .dark-theme .panel-purple > .panel-heading { background-color: #3f2c61 !important; color: #fff !important; } .dark-theme .panel-pink { border-color: #75203d !important; } .dark-theme .panel-pink > .panel-heading { background-color: #75203d !important; color: #fff !important; } .dark-theme .panel-inverse { border-color: #111111 !important; } .dark-theme .panel-inverse > .panel-heading { background-color: #111111 !important; color: #fff !important; } /* Modales (De core.css) */ .dark-theme .modal-content { background-color: #1e1e1e !important; border-color: #333 !important; box-shadow: 0 5px 25px rgba(0,0,0,0.8) !important; } .dark-theme .modal-header { border-bottom-color: #333 !important; } .dark-theme .modal-footer { border-top-color: #333 !important; } /* Botón cerrar (X) en Modales y Alertas */ .dark-theme .close { color: #e0e0e0 !important; text-shadow: none !important; /* Quita el borde blanco por defecto de Bootstrap */ opacity: 0.6 !important; } .dark-theme .close:hover, .dark-theme .close:focus { color: #fff !important; opacity: 1 !important; } /* Navegación por Pestañas (Nav-Tabs & Tabs Verticales) */ .dark-theme .nav-tabs, .dark-theme .navtab-bg { background-color: #252525 !important; border-bottom: 1px solid #333 !important; } .dark-theme .nav-tabs > li, .dark-theme .nav-tabs > li.nav-item, .dark-theme .nav-tabs > li.tab { background-color: #252525 !important; } .dark-theme .nav-tabs > li > a { background-color: transparent !important; color: #bbb !important; border: 1px solid transparent !important; } .dark-theme .nav-tabs > li > a:hover { background-color: #2c2c2c !important; color: #fff !important; border-color: #333 #333 transparent !important; } .dark-theme .nav-tabs > li.active > a, .dark-theme .nav-tabs > li.active > a:hover, .dark-theme .nav-tabs > li.active > a:focus { background-color: #1e1e1e !important; color: #5bc0de !important; border-color: #333 !important; border-bottom-color: transparent !important; } .dark-theme .tab-content { background-color: #1e1e1e !important; color: #e0e0e0 !important; } /* Tabs Verticales (core.css) */ .dark-theme .tabs-vertical-env { background-color: #121212 !important; } .dark-theme .tabs-vertical-env .tab-content { background-color: #1e1e1e !important; } .dark-theme .nav.tabs-vertical li > a { color: #bbb !important; } .dark-theme .nav.tabs-vertical li.active > a, .dark-theme .nav.tabs-vertical li > a:hover { background-color: #1e1e1e !important; color: #5bc0de !important; } .dark-theme .tabs li.tab { background-color: #252525 !important; } .dark-theme .tabs li.tab a { color: #bbb !important; } .dark-theme .tabs li.tab a.active { color: #5bc0de !important; } .dark-theme .tabs .indicator { background-color: #5bc0de !important; } /* Formularios e Inputs */ .dark-theme .form-control, .dark-theme #dev-login-helper { background-color: #2c2c2c !important; border-color: #444 !important; color: #ffffff !important; } .dark-theme .form-control:focus { border-color: #5bc0de !important; box-shadow: 0 0 8px rgba(91, 192, 222, 0.4) !important; } /* Input Addons (core.css) */ .dark-theme .input-group-addon { background-color: #252525 !important; border-color: #444 !important; color: #bbb !important; } /* Placeholders */ .dark-theme .form-control::placeholder { color: #888 !important; } .dark-theme .form-control:-ms-input-placeholder { color: #888 !important; } .dark-theme .form-control::-ms-input-placeholder { color: #888 !important; } /* Checkboxes y Radios */ .dark-theme .checkbox label, .dark-theme .radio label { color: #bbb !important; } /* Estado por defecto (desmarcado) */ .dark-theme .checkbox label::before, .dark-theme .radio label::before { background-color: #2c2c2c !important; border-color: #555 !important; } /* Estados marcados por color semántico (Colores brillantes para no perderse en el fondo oscuro) */ .dark-theme .checkbox-primary input[type="checkbox"]:checked + label::before, .dark-theme .radio-primary input[type="radio"]:checked + label::before { background-color: #5bc0de !important; border-color: #5bc0de !important; } .dark-theme .checkbox-success input[type="checkbox"]:checked + label::before, .dark-theme .radio-success input[type="radio"]:checked + label::before { background-color: #469c9a !important; border-color: #469c9a !important; } .dark-theme .checkbox-info input[type="checkbox"]:checked + label::before, .dark-theme .radio-info input[type="radio"]:checked + label::before { background-color: #2aabd2 !important; border-color: #2aabd2 !important; } .dark-theme .checkbox-warning input[type="checkbox"]:checked + label::before, .dark-theme .radio-warning input[type="radio"]:checked + label::before { background-color: #e6c13c !important; border-color: #e6c13c !important; } .dark-theme .checkbox-danger input[type="checkbox"]:checked + label::before, .dark-theme .radio-danger input[type="radio"]:checked + label::before { background-color: #d9534f !important; border-color: #d9534f !important; } .dark-theme .checkbox-purple input[type="checkbox"]:checked + label::before, .dark-theme .radio-purple input[type="radio"]:checked + label::before { background-color: #8061b5 !important; border-color: #8061b5 !important; } .dark-theme .checkbox-pink input[type="checkbox"]:checked + label::before, .dark-theme .radio-pink input[type="radio"]:checked + label::before { background-color: #d13d73 !important; border-color: #d13d73 !important; } .dark-theme .checkbox-inverse input[type="checkbox"]:checked + label::before, .dark-theme .radio-inverse input[type="radio"]:checked + label::before { background-color: #444444 !important; border-color: #555555 !important; } /* Botones */ .dark-theme .btn { color: #fff !important; } .dark-theme .btn:hover, .dark-theme .btn:active, .dark-theme .btn:focus { color: #fff !important; outline: none !important; } /* .btn-default / .btn-secondary */ .dark-theme .btn-default, .dark-theme .btn-secondary { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .btn-default:hover, .dark-theme .btn-default:focus, .dark-theme .btn-default:active, .dark-theme .btn-secondary:hover, .dark-theme .btn-secondary:focus, .dark-theme .btn-secondary:active { background-color: #383838 !important; border-color: #555 !important; color: #fff !important; } /* .btn-primary */ .dark-theme .btn-primary { background-color: #1a262d !important; border-color: #2b4049 !important; } .dark-theme .btn-primary:hover, .dark-theme .btn-primary:focus, .dark-theme .btn-primary:active { background-color: #253640 !important; border-color: #314b57 !important; } /* .btn-success */ .dark-theme .btn-success { background-color: #2b6362 !important; border-color: #387c7b !important; } .dark-theme .btn-success:hover, .dark-theme .btn-success:focus, .dark-theme .btn-success:active { background-color: #3a807e !important; border-color: #469c9a !important; } /* .btn-info */ .dark-theme .btn-info { background-color: #164f68 !important; border-color: #1b6a8c !important; } .dark-theme .btn-info:hover, .dark-theme .btn-info:focus, .dark-theme .btn-info:active { background-color: #1e688a !important; border-color: #2582ad !important; } /* .btn-warning */ .dark-theme .btn-warning { background-color: #806b20 !important; border-color: #a38929 !important; color: #fff !important; } .dark-theme .btn-warning:hover, .dark-theme .btn-warning:focus, .dark-theme .btn-warning:active { background-color: #9c8227 !important; border-color: #bd9e30 !important; } /* .btn-danger */ .dark-theme .btn-danger { background-color: #782928 !important; border-color: #9e3634 !important; } .dark-theme .btn-danger:hover, .dark-theme .btn-danger:focus, .dark-theme .btn-danger:active { background-color: #943231 !important; border-color: #b83e3c !important; } /* .btn-purple */ .dark-theme .btn-purple { background-color: #3f2c61 !important; border-color: #553b82 !important; } .dark-theme .btn-purple:hover, .dark-theme .btn-purple:focus, .dark-theme .btn-purple:active { background-color: #523a7e !important; border-color: #6a4b9c !important; } /* .btn-pink */ .dark-theme .btn-pink { background-color: #75203d !important; border-color: #9e2a52 !important; } .dark-theme .btn-pink:hover, .dark-theme .btn-pink:focus, .dark-theme .btn-pink:active { background-color: #91284d !important; border-color: #b53261 !important; } /* .btn-inverse */ .dark-theme .btn-inverse { background-color: #111111 !important; border-color: #222 !important; } .dark-theme .btn-inverse:hover, .dark-theme .btn-inverse:focus, .dark-theme .btn-inverse:active { background-color: #222222 !important; border-color: #333 !important; } /* Panel Info (Ambiente de desarrollo) - Mantiene identidad "info" */ .dark-theme .panel-fill.panel-info { background-color: #0c3540 !important; border-color: #31708f !important; } .dark-theme .panel-fill.panel-info p, .dark-theme .panel-fill.panel-info strong { color: #d9edf7 !important; } .dark-theme .panel-fill.panel-info a { color: #ffffff !important; text-decoration: underline; } /* Textos semánticos y auxiliares (aplican también a iconos para no perderlos con la regla global) */ .dark-theme .text-muted { color: #888 !important; } .dark-theme .text-white { color: #fff !important; } .dark-theme .text-primary { color: #5bc0de !important; } /* Celeste brillante ideal para fondos oscuros */ .dark-theme .text-success { color: #469c9a !important; } .dark-theme .text-info { color: #2aabd2 !important; } .dark-theme .text-warning { color: #e6c13c !important; } /* Mostaza brillante */ .dark-theme .text-danger { color: #d9534f !important; } /* Rojo claro ideal */ .dark-theme .text-purple { color: #8061b5 !important; } .dark-theme .text-pink { color: #d13d73 !important; } .dark-theme .text-dark { color: #bbb !important; } /* Forzar herencia en iconos apilados (fa-stack) y combinados */ .dark-theme .text-muted .fa, .dark-theme .fa.text-muted { color: #888 !important; } .dark-theme .text-primary .fa, .dark-theme .fa.text-primary { color: #5bc0de !important; } .dark-theme .text-success .fa, .dark-theme .fa.text-success { color: #469c9a !important; } .dark-theme .text-info .fa, .dark-theme .fa.text-info { color: #2aabd2 !important; } .dark-theme .text-warning .fa, .dark-theme .fa.text-warning { color: #e6c13c !important; } .dark-theme .text-danger .fa, .dark-theme .fa.text-danger { color: #d9534f !important; } /* Blindaje para iconos blancos interiores (ej: el check interior del fa-stack) */ .dark-theme .fa.text-white, .dark-theme .md.text-white, .dark-theme .ion.text-white, .dark-theme [class*="text-"] .fa.text-white { color: #fff !important; } /* Iconos por defecto */ .dark-theme .fa, .dark-theme .md, .dark-theme .ion { color: #fff !important; } /* --- SECCIONES: Layout, Menús y Tablas --- */ /* Preloader / Pantalla de carga */ .dark-theme .animationload { background-color: #121212 !important; /* Mismo fondo base del tema */ } .dark-theme .loader { color: #e0e0e0 !important; /* Color claro para el texto/icono de carga */ } /* Estructura Principal y Layout */ .dark-theme #wrapper, .dark-theme .content-page, .dark-theme .content { background-color: #121212 !important; } /* Topbar y Navegación Superior */ .dark-theme .topbar .navbar-default, .dark-theme .topbar .topbar-left { background-color: #1a262d !important; border-color: #1a262d !important; } .dark-theme .topbar .navbar-nav > li > a { color: #e0e0e0 !important; } .dark-theme .topbar .navbar-nav > li > a:hover, .dark-theme .topbar .navbar-nav > li > a:focus, .dark-theme .topbar .navbar-nav > .open > a { background-color: #151d22 !important; } /* Barra de Búsqueda */ .dark-theme .search-bar { background-color: #151d22 !important; border-color: #151d22 !important; color: #fff !important; } .dark-theme .btn-search { color: #bbb !important; } /* Menú Lateral (Sidebar) y Rightbar */ .dark-theme .left.side-menu, .dark-theme .sidebar-inner, .dark-theme .side-bar.right-bar { background-color: #1e1e1e !important; border-right: 1px solid #333 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; } /* Cabeceras de listas en el Rightbar (Historial Atenciones, Lista Espera) */ .dark-theme .div-cabecera-lista-historial-atenciones, .dark-theme .div-cabecera-lista-espera { background-color: #252525 !important; border-bottom: 1px solid #333 !important; } .dark-theme .well { background-color: #1e1e1e !important; border: 1px solid #333 !important; color: #bbb !important; } .dark-theme h2, .dark-theme h4 { color: #bbb !important; } .dark-theme .right-bar h4 { border-bottom-color: #333 !important; } .dark-theme #sidebar-menu { background-color: #252525 !important; } .dark-theme #sidebar-menu ul li a { color: #bbb !important; } .dark-theme #sidebar-menu ul li a:hover, .dark-theme #sidebar-menu ul li a.active, .dark-theme #sidebar-menu ul li.active > a, .dark-theme .subdrop, .dark-theme #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a, .dark-theme #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a { background-color: #252525 !important; } .dark-theme #sidebar-menu .bg-info, .dark-theme #sidebar-menu .bg-secondary { background-color: #2a2a2a !important; } .dark-theme #sidebar-menu .bg-info a span, .dark-theme #sidebar-menu .bg-secondary a span { color: #fff !important; } .dark-theme .contact-list .list-group-item:hover { background-color: #252525 !important; } /* Dropdowns y Mega Menús */ .dark-theme .dropdown-menu { background-color: #1e1e1e !important; border: 1px solid #333 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; } .dark-theme .dropdown-menu > li > a { color: #e0e0e0 !important; } .dark-theme .dropdown-menu > li > a:hover { background-color: #252525 !important; } .dark-theme .notifi-title { background-color: #252525 !important; color: #fff !important; border-bottom: 1px solid #333 !important; } .dark-theme .list-group-item { background-color: transparent !important; border-color: #333 !important; color: #e0e0e0 !important; } .dark-theme .list-group-item:hover { background-color: #252525 !important; } /* Clase auxiliar f5hover (Enlaces contenedores de tarjetas) y su contenido */ .dark-theme .f5hover { display: block; } /* Atrapamos el hover del padre y también cualquier hover en sus hijos (el espacio antes de :hover es clave) */ .dark-theme .f5hover:hover, .dark-theme .f5hover :hover, .dark-theme .f5hover:focus, .dark-theme .f5hover :focus { background-color: #252525 !important; } /* Transparentar todos los contenedores internos para que el hover oscuro se note parejo */ .dark-theme .f5hover div:not(.a-cita-activa):not([class*="bg-"]), .dark-theme .f5hover .inbox-item:not(.a-cita-activa) { background-color: transparent !important; } /* Forzar textos claros dentro del f5hover, abarcando todas las etiquetas de texto comunes */ .dark-theme .f5hover, .dark-theme .f5hover div, .dark-theme .f5hover p, .dark-theme .f5hover strong, .dark-theme .f5hover b, .dark-theme .f5hover h1, .dark-theme .f5hover h2, .dark-theme .f5hover h3, .dark-theme .f5hover h4, .dark-theme .f5hover h5, .dark-theme .f5hover span:not([class*="label"]):not([class*="badge"]), .dark-theme .f5hover .inbox-item-author { color: #e0e0e0 !important; } .dark-theme .f5hover .text-muted, .dark-theme .f5hover small, .dark-theme .f5hover .inbox-item-text, .dark-theme .f5hover .inbox-item-text span { color: #aaa !important; } .dark-theme .list-group-item.active, .dark-theme .list-group-item.active:hover, .dark-theme .list-group-item.active:focus { background-color: #2a2a2a !important; border-color: #333 !important; color: #5bc0de !important; } .dark-theme .list-group-item.active .list-group-item-text { color: #5bc0de !important; } .dark-theme .list-group-item .media-heading strong { /*color: #5bc0de !important;*/ } .dark-theme .list-group-item p { color: #aaa !important; } /* Inbox Widget (Lista de elementos tipo correo/notificación en Rightbar) */ .dark-theme .inbox-widget .inbox-item { border-bottom-color: #333 !important; background-color: transparent !important; /* Hace visible el fondo del contenedor padre */ } /* Efecto hover directo sobre el item o cuando el enlace padre tiene hover */ .dark-theme .inbox-widget a:hover .inbox-item, .dark-theme .inbox-widget .inbox-item:hover { background-color: #252525 !important; } /* Resalte para citas activas o seleccionadas (Azul Pizarra) */ .dark-theme .inbox-widget .a-cita-activa, .dark-theme .f5hover .a-cita-activa { background-color: #2b4049 !important; border-color: #314b57 !important; } .dark-theme .inbox-widget .inbox-item-author { color: #e0e0e0 !important; } .dark-theme .inbox-widget .inbox-item-text, .dark-theme .inbox-widget .inbox-item-text span { color: #aaa !important; } /* Media Objects (Listas de reportes, resultados, etc.) */ .dark-theme .media { border-color: #333 !important; /* Sobreescribe el border-top #eee que viene en línea */ } .dark-theme .media:hover { background-color: #252525 !important; /* Resalte oscuro en vez de #f5f5f5 */ } /* Tablas (DataTables y Custom) */ .dark-theme .table { background-color: transparent !important; color: #e0e0e0 !important; } /* Limpiar fondos blancos forzados en celdas normales (permite que funcione el striped/hover) */ .dark-theme .table > tbody > tr > td:not([class*="td-bg-"]):not(.active) { background-color: transparent !important; } .dark-theme .table > thead > tr > th, .dark-theme .table > tbody > tr > th, .dark-theme .table > tfoot > tr > th { background-color: #2c2c2c !important; /* Gris elevado para estructurar la tabla */ color: #fff !important; /* TEXTO BLANCO */ } .dark-theme .table > thead > tr > th { border-bottom: 2px solid #444 !important; } .dark-theme .table > thead > tr > th, .dark-theme .table > tbody > tr > th, .dark-theme .table > tfoot > tr > th, .dark-theme .table > thead > tr > td, .dark-theme .table > tbody > tr > td, .dark-theme .table > tfoot > tr > td { border-color: #333 !important; } /* Evitar borde claro al concatenar tbody */ .dark-theme .table > tbody + tbody { border-top-color: #333 !important; } /* Tablas con bordes (table-bordered) */ .dark-theme .table-bordered { border-color: #333 !important; } /* Tablas condensadas (table-condensed) - Usadas frecuentemente en detalles de filas */ .dark-theme .table-condensed > tbody > tr > td, .dark-theme .table-condensed > thead > tr > td, .dark-theme .table-condensed > tfoot > tr > td { background-color: #1e1e1e !important; color: #e0e0e0 !important; border-color: #333 !important; } /* Tablas rayadas (table-striped) */ .dark-theme .table-striped > tbody > tr:nth-of-type(odd) { background-color: #252525 !important; /* Gris suave para el efecto cebra */ } /* DataTables FixedColumns y filas odd/even */ .dark-theme table.dataTable tbody tr.even, .dark-theme table.DTFC_Cloned tbody tr.even, .dark-theme table.DTFC_Cloned tr.even { background-color: transparent !important; } .dark-theme table.dataTable tbody tr.odd, .dark-theme table.DTFC_Cloned tbody tr.odd, .dark-theme table.DTFC_Cloned tr.odd { background-color: #252525 !important; } /* Evitar que celdas de ordenamiento (sorting_1) pongan fondos claros */ .dark-theme table.dataTable tbody tr > td.sorting_1, .dark-theme table.DTFC_Cloned tbody tr > td.sorting_1 { background-color: transparent !important; } .dark-theme .table-hover > tbody > tr:hover { background-color: #2a2a2a !important; } /* Filas completas activas/seleccionadas (Resalte Azul Pizarra) */ .dark-theme .table > tbody > tr.active > td, .dark-theme .table > tbody > tr.active > th, .dark-theme .table > tfoot > tr.active > td, .dark-theme .table > tfoot > tr.active > th, .dark-theme .table > thead > tr.active > th { background-color: #2b4049 !important; /* Azul pizarra elegante */ color: #fff !important; border-color: #314b57 !important; } /* Celdas individuales activas (Falsas cabeceras simulando un ) */ .dark-theme .table > tbody > tr > td.active, .dark-theme .table > tbody > tr > th.active { background-color: #2c2c2c !important; /* Mismo gris de los th reales */ color: #fff !important; border-color: #333 !important; font-weight: bold !important; /* TEXTO EN NEGRITA */ } .dark-theme table.dataTable th.focus, .dark-theme table.dataTable td.focus { outline: 3px solid #5bc0de !important; } /* Paginación (DataTables y Bootstrap) */ .dark-theme .pagination > li > a, .dark-theme .pagination > li > span, .dark-theme .pager > li > a, .dark-theme .pager > li > span { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .pagination > li > a:hover, .dark-theme .pagination > li > span:hover, .dark-theme .pagination > li > a:focus, .dark-theme .pagination > li > span:focus, .dark-theme .pager > li > a:hover, .dark-theme .pager > li > span:hover, .dark-theme .pager > li > a:focus, .dark-theme .pager > li > span:focus { background-color: #383838 !important; border-color: #555 !important; color: #fff !important; } .dark-theme .pagination > li.active > a, .dark-theme .pagination > li.active > span, .dark-theme .pagination > li.active > a:hover, .dark-theme .pagination > li.active > span:hover, .dark-theme .pagination > li.active > a:focus, .dark-theme .pagination > li.active > span:focus, .dark-theme .pager > li.active > a, .dark-theme .pager > li.active > span, .dark-theme .pager > li.active > a:hover, .dark-theme .pager > li.active > span:hover, .dark-theme .pager > li.active > a:focus, .dark-theme .pager > li.active > span:focus { background-color: #1b8fb2 !important; border-color: #1b8fb2 !important; color: #fff !important; } .dark-theme .pagination > li.disabled > a, .dark-theme .pagination > li.disabled > span, .dark-theme .pagination > li.disabled > a:hover, .dark-theme .pagination > li.disabled > span:hover, .dark-theme .pagination > li.disabled > a:focus, .dark-theme .pagination > li.disabled > span:focus, .dark-theme .pager > li.disabled > a, .dark-theme .pager > li.disabled > span, .dark-theme .pager > li.disabled > a:hover, .dark-theme .pager > li.disabled > span:hover, .dark-theme .pager > li.disabled > a:focus, .dark-theme .pager > li.disabled > span:focus { background-color: #1e1e1e !important; border-color: #333 !important; color: #666 !important; cursor: not-allowed; } /* Etiquetas (Labels) y Badges (Ajuste de brillo y saturación para Modo Oscuro) */ .dark-theme .label-default, .dark-theme .badge-default { background-color: #2c2c2c !important; color: #e0e0e0 !important; } .dark-theme .label-primary, .dark-theme .badge-primary { background-color: #1a262d !important; color: #fff !important; } .dark-theme .label-success, .dark-theme .badge-success { background-color: #2b6362 !important; color: #fff !important; } .dark-theme .label-info, .dark-theme .badge-info { background-color: #164f68 !important; color: #fff !important; } .dark-theme .label-warning, .dark-theme .badge-warning { background-color: #806b20 !important; color: #fff !important; } .dark-theme .label-danger, .dark-theme .badge-danger { background-color: #782928 !important; color: #fff !important; } .dark-theme .label-purple, .dark-theme .badge-purple { background-color: #3f2c61 !important; color: #fff !important; } .dark-theme .label-pink, .dark-theme .badge-pink { background-color: #75203d !important; color: #fff !important; } .dark-theme .label-inverse, .dark-theme .badge-inverse { background-color: #111111 !important; color: #fff !important; } /* Alertas (Alerts) */ .dark-theme .alert { color: #fff !important; } .dark-theme .alert-default { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .alert-primary { background-color: #1a262d !important; border-color: #2b4049 !important; } .dark-theme .alert-success { background-color: #2b6362 !important; border-color: #387c7b !important; } .dark-theme .alert-info { background-color: #164f68 !important; border-color: #1b6a8c !important; } .dark-theme .alert-warning { background-color: #806b20 !important; border-color: #a38929 !important; } .dark-theme .alert-danger { background-color: #782928 !important; border-color: #9e3634 !important; } .dark-theme .alert-purple { background-color: #3f2c61 !important; border-color: #553b82 !important; } .dark-theme .alert-pink { background-color: #75203d !important; border-color: #9e2a52 !important; } .dark-theme .alert-inverse { background-color: #111111 !important; border-color: #222 !important; } .dark-theme .alert .alert-link { color: #fff !important; font-weight: bold; text-decoration: underline; } /* Helper Classes y Misceláneos (core.css) */ .dark-theme hr { border-top-color: #333 !important; } .dark-theme .social-links li a { background-color: #252525 !important; color: #bbb !important; } .dark-theme .grid-structure .grid-container { background-color: #1e1e1e !important; } /* Footer */ .dark-theme .footer { background-color: #1e1e1e !important; border-top: 1px solid #333 !important; color: #aaa !important; } /* --- SECCIONES NUEVAS (Basado en components.css, app.css, pages.css) --- */ /* Portlets y Widgets */ .dark-theme .portlet, .dark-theme .portlet-body { background-color: #1e1e1e !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5) !important; } .dark-theme .portlet-default .portlet-title { color: #e0e0e0 !important; } .dark-theme .mini-stat { background-color: #252525 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; } /* PLUGINS (Select2, Dropzone, Wizard, SweetAlert) */ /* Sweet Alert */ .dark-theme .sweet-alert { background-color: #1e1e1e !important; border: 1px solid #333 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.8) !important; } .dark-theme .sweet-alert h2 { color: #e0e0e0 !important; } .dark-theme .sweet-alert p, .dark-theme .sweet-alert .text-muted { color: #aaa !important; } /* Inputs dentro de SweetAlert (prompts) */ .dark-theme .sweet-alert fieldset input, .dark-theme .sweet-alert fieldset textarea { background-color: #2c2c2c !important; border: 1px solid #444 !important; color: #fff !important; } .dark-theme .sweet-alert fieldset input:focus, .dark-theme .sweet-alert fieldset textarea:focus { border-color: #5bc0de !important; box-shadow: 0 0 8px rgba(91, 192, 222, 0.4) !important; } .dark-theme .sweet-alert fieldset input::placeholder, .dark-theme .sweet-alert fieldset textarea::placeholder { color: #888 !important; } .dark-theme .sweet-alert button { background-color: #2b4049 !important; /* Azul pizarra de confirmación */ color: #fff !important; } .dark-theme .sweet-alert button:hover { background-color: #1a262d !important; } .dark-theme .sweet-alert button.cancel { background-color: #2c2c2c !important; color: #e0e0e0 !important; } .dark-theme .sweet-alert button.cancel:hover { background-color: #383838 !important; } /* Arreglar los bordes blancos ocultos de las animaciones del icono en SweetAlert v1 */ .dark-theme .sweet-alert .sa-icon.sa-success::before, .dark-theme .sweet-alert .sa-icon.sa-success::after, .dark-theme .sweet-alert .sa-icon.sa-success .sa-fix { background-color: #1e1e1e !important; } /* Select2 */ .dark-theme .select2-container-multi .select2-choices, .dark-theme .select2-choice, .dark-theme .select2-container .select2-choice { background-color: #2c2c2c !important; background-image: none !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .select2-chosen, .dark-theme .select2-choice > span:first-child, .dark-theme .select2-container .select2-choices .select2-search-field input { color: #e0e0e0 !important; } .dark-theme .select2-default { color: #888 !important; /* Color para placeholders en select2 */ } .dark-theme .select2-container .select2-choice .select2-arrow { background-color: transparent !important; background-image: none !important; border-left-color: #444 !important; } .dark-theme .select2-container-multi .select2-choices .select2-search-choice { background-color: #383838 !important; background-image: none !important; border-color: #555 !important; color: #e0e0e0 !important; } .dark-theme .select2-drop, .dark-theme .select2-drop-active { background-color: #1e1e1e !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .select2-results { color: #e0e0e0 !important; } .dark-theme .select2-disabled { background-color: #2c2c2c !important; color: #e0e0e0 !important; } .dark-theme .select2-results .select2-highlighted { background-color: #164f68 !important; /* Azul acorde a tus botones info */ color: #fff !important; } .dark-theme .select2-search input { background-color: #2c2c2c !important; background-image: none !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .select2-results .select2-no-results, .dark-theme .select2-results .select2-searching, .dark-theme .select2-results .select2-selection-limit { background-color: #1e1e1e !important; color: #aaa !important; } /* Typeahead */ .dark-theme .twitter-typeahead .tt-hint { color: #555 !important; /* Texto de sugerencia atenuado de fondo */ } .dark-theme .tt-menu { background-color: #1e1e1e !important; border: 1px solid #333 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; } .dark-theme .tt-suggestion { background-color: #1e1e1e !important; color: #e0e0e0 !important; } .dark-theme .tt-suggestion.tt-selectable { border-bottom: 1px solid #2c2c2c !important; /* Separación sutil entre items */ } .dark-theme .tt-suggestion:hover, .dark-theme .tt-suggestion.tt-cursor { background-color: #2a2a2a !important; /* Resalte al pasar el cursor */ color: #fff !important; } .dark-theme .tt-suggestion .tt-highlight { color: #5bc0de !important; /* Resalta en celeste la palabra que coincide con la búsqueda */ } .dark-theme .tt-suggestion .text-muted { color: #888 !important; } /* Popovers, Tooltips y X-Editable */ .dark-theme .popover { background-color: #1e1e1e !important; border-color: #333 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.8) !important; } .dark-theme .popover-title { background-color: #252525 !important; border-bottom-color: #333 !important; color: #fff !important; } .dark-theme .popover-content { background-color: #1e1e1e !important; color: #e0e0e0 !important; } /* Flechas del Popover (Bordes exteriores) */ .dark-theme .popover.top > .arrow { border-top-color: #333 !important; } .dark-theme .popover.right > .arrow { border-right-color: #333 !important; } .dark-theme .popover.bottom > .arrow { border-bottom-color: #333 !important; } .dark-theme .popover.left > .arrow { border-left-color: #333 !important; } /* Flechas del Popover (Triángulos interiores) */ .dark-theme .popover.top > .arrow:after { border-top-color: #1e1e1e !important; } .dark-theme .popover.right > .arrow:after { border-right-color: #1e1e1e !important; } .dark-theme .popover.bottom > .arrow:after { border-bottom-color: #252525 !important; } /* Coincide con el título */ .dark-theme .popover.left > .arrow:after { border-left-color: #1e1e1e !important; } /* Tooltips */ .dark-theme .tooltip-inner { background-color: #252525 !important; color: #fff !important; border: 1px solid #444 !important; } .dark-theme .tooltip.top .tooltip-arrow { border-top-color: #444 !important; } .dark-theme .tooltip.right .tooltip-arrow { border-right-color: #444 !important; } .dark-theme .tooltip.bottom .tooltip-arrow { border-bottom-color: #444 !important; } .dark-theme .tooltip.left .tooltip-arrow { border-left-color: #444 !important; } /* Inputs dentro de Popovers editables (por si no tienen clase form-control) */ .dark-theme .editable-input input, .dark-theme .editable-input select, .dark-theme .editable-input textarea { background-color: #2c2c2c !important; border: 1px solid #444 !important; color: #fff !important; } /* Botones de X-Editable */ .dark-theme .editable-buttons .editable-cancel { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; box-shadow: none !important; } .dark-theme .editable-buttons .editable-cancel:hover { background-color: #383838 !important; color: #fff !important; } /* Dropzone */ .dark-theme .dropzone { background-color: #1e1e1e !important; border-color: #444 !important; } /* Wizard */ .dark-theme .wizard > .content { background-color: #1e1e1e !important; } .dark-theme .wizard > .steps .disabled a { background-color: #2c2c2c !important; color: #888 !important; } .dark-theme .wizard > .steps .done a { background-color: #383838 !important; color: #ccc !important; } /* Nestable Lists (Listas Arrastrables) */ .dark-theme .dd3-content { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; } .dark-theme .dd3-content:hover { background-color: #383838 !important; color: #fff !important; } .dark-theme .dd3-handle { background-color: #252525 !important; border-color: #444 !important; color: #bbb !important; } .dark-theme .dd3-handle:before { color: #bbb !important; /* Color del icono de hamburguesa por defecto */ } .dark-theme .dd3-handle:hover { background-color: #1b8fb2 !important; /* Azul de resalte al pasar el mouse por el handle */ border-color: #1b8fb2 !important; color: #fff !important; } .dark-theme .dd3-handle:hover:before { color: #fff !important; } .dark-theme .dd-placeholder, .dark-theme .dd-empty { background-color: #1e1e1e !important; border: 2px dashed #555 !important; } /* Estilo del elemento flotante mientras se está arrastrando */ .dark-theme .dd-dragel > .dd3-item > .dd3-content { background-color: #383838 !important; border-color: #5bc0de !important; color: #fff !important; box-shadow: 0 5px 15px rgba(0,0,0,0.8) !important; } .dark-theme .dd-dragel > .dd3-item > .dd3-handle { background-color: #252525 !important; border-color: #5bc0de !important; } /* FullCalendar (Calendario) */ .dark-theme .fc-day, .dark-theme .fc-unthemed .fc-today { background-color: #1e1e1e !important; } .dark-theme .fc-widget-header, .dark-theme .fc-widget-content { border-color: #333 !important; } .dark-theme .fc th.fc-widget-header { background-color: #252525 !important; color: #e0e0e0 !important; } .dark-theme .fc-state-hover { background-color: #2c2c2c !important; } .dark-theme .fc-state-highlight, .dark-theme .fc-cell-overlay { background-color: #333 !important; } .dark-theme .fc-button { background-color: #2c2c2c !important; border-color: #444 !important; color: #e0e0e0 !important; text-shadow: none !important; } .dark-theme .fc-button.fc-state-active { background-color: #5bc0de !important; color: #fff !important; } /* Datepicker / Mini Calendario (diasCalendario) */ .dark-theme .datepicker { background-color: #1e1e1e !important; border-color: #333 !important; color: #e0e0e0 !important; } .dark-theme td.day:hover, .dark-theme td.diasCalendario:hover, .dark-theme .datepicker table tr td.day:hover, .dark-theme .datepicker table tr td.focused { background-color: #383838 !important; /* Gris de resalte al pasar el cursor */ color: #fff !important; cursor: pointer !important; } .dark-theme td.day.active, .dark-theme td.diasCalendario.active, .dark-theme .datepicker table tr td.active, .dark-theme .datepicker table tr td.active:hover, .dark-theme .datepicker table tr td.active.disabled, .dark-theme .datepicker table tr td.active.disabled:hover { background-color: #1b8fb2 !important; /* Azul acorde a los botones info */ color: #fff !important; text-shadow: none !important; border-color: #167996 !important; } .dark-theme .datepicker table tr td.old, .dark-theme .datepicker table tr td.new { color: #666 !important; /* Días del mes anterior o siguiente atenuados */ } .dark-theme .datepicker .datepicker-switch:hover, .dark-theme .datepicker .prev:hover, .dark-theme .datepicker .next:hover, .dark-theme .datepicker tfoot tr th:hover { background-color: #252525 !important; color: #fff !important; } /* Chat / Timeline / Pages */ .dark-theme .conversation-list .ctext-wrap { background-color: #252525 !important; color: #e0e0e0 !important; border: 1px solid #333 !important; /* Borde sutil para definir la caja del mensaje */ } .dark-theme .conversation-list .ctext-wrap i { color: #5bc0de !important; /* Activa el color celeste para el texto/icono clickeable */ } .dark-theme .conversation-list .ctext-wrap:after { border-right-color: #252525 !important; } .dark-theme .conversation-list .odd .ctext-wrap { background-color: #2c2c2c !important; } .dark-theme .conversation-list .odd .ctext-wrap:after { border-left-color: #2c2c2c !important; border-right-color: transparent !important; } /* Asistente Virtual / Resumen de Atención (Ignacia) */ .dark-theme .chat-avatar.ignacia-hablar img, .dark-theme .ignacia-hablar img { border: 2px solid #5bc0de !important; /* Borde celeste notorio */ padding: 2px !important; background-color: #1e1e1e !important; border-radius: 50% !important; } .dark-theme .i-ver-resumen { color: #5bc0de !important; font-weight: 600 !important; } .dark-theme .i-ver-resumen:hover { color: #a3e4f7 !important; text-decoration: underline !important; } .dark-theme .cd-timeline-content { background-color: #1e1e1e !important; box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5) !important; } .dark-theme .cd-timeline-content p { color: #aaa !important; } .dark-theme .cd-timeline-content::before { border-right-color: #1e1e1e !important; } @media only screen and (min-width: 1170px) { .dark-theme .cd-timeline-block:nth-child(even) .cd-timeline-content::before { border-left-color: #1e1e1e !important; border-right-color: transparent !important; } } .dark-theme .price_card { background-color: #1e1e1e !important; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5) !important; } .dark-theme .pricing-item-inner { border-color: #333 !important; } /* --- APP ESPECÍFICO (app.css) --- */ /* Carousel / Atenciones */ .dark-theme .col-item { background-color: #1e1e1e !important; border-color: #333 !important; } .dark-theme .col-item:hover .info { background-color: #252525 !important; } .dark-theme .col-item .separator { border-top-color: #333 !important; } .dark-theme .col-item .btn-add { border-right-color: #333 !important; } /* Agenda Semanal */ .dark-theme .table-week { background-color: #1e1e1e !important; } .dark-theme .table-week th { background-color: #1a262d !important; color: #5bc0de !important; /* Acento para resaltar los días */ border-color: #333 !important; } .dark-theme .table-week th.active { background-color: #1b8fb2 !important; /* Azul fuerte para el día activo */ color: #fff !important; } /* Evitar que las celdas .active de la agenda tomen el azul sólido de las otras tablas */ .dark-theme .table-week > tbody > tr > td.active, .dark-theme .table-week > tbody > tr > th.active { background-color: #1e1e1e !important; color: #e0e0e0 !important; border-color: #333 !important; } /* Separadores de las columnas de la agenda */ .dark-theme .border-rigth-calendario { border-right-color: #333 !important; } .dark-theme td.day.disabled { background-color: #252525 !important; color: #666 !important; } .dark-theme .btn-select-hour { background-color: #2c2c2c !important; color: #e0e0e0 !important; } .dark-theme .btn-select-hour:hover { background-color: #1b8fb2 !important; color: #fff !important; } .dark-theme .btn-selected-hour, .dark-theme .btn-selected-hour:focus { background-color: #58c9c7 !important; color: #fff !important; } .dark-theme .btn-noselect-hour, .dark-theme .btn-noselect-hour:hover, .dark-theme .btn-noselect-hour:active { background-color: transparent !important; color: #666 !important; cursor: not-allowed !important; } .dark-theme .div-msg-sin-agenda { background-color: #1e1e1e !important; color: #888 !important; } /* Huellas */ .dark-theme .fingerprint-container { border-color: #444 !important; } /* --- ODONTOGRAMA (app-odontograma.css) --- */ .dark-theme .cuadro, .dark-theme .cuadro-leche, .dark-theme .centro, .dark-theme .centro-leche { background-color: #2c2c2c !important; border-color: #555 !important; } .dark-theme .cuadro:hover, .dark-theme .cuadro-leche:hover, .dark-theme .centro:hover, .dark-theme .centro-leche:hover { border-color: rgba(117, 198, 243, 0.8) !important; } /* Colores de interacciones en odontograma */ .dark-theme .click-delete { background-color: #4a5452 !important; /* Gris oscuro para borrado */ }