.layout { width: 100% !important; overflow: hidden !important; } /* Transición suave de colores al cambiar de tema */ html, body, .layout, .sidebar, .sidebar-layout, .sidebar-content, .pro-sidebar-logo, .menu, .layout .header, .layout .content, .layout .footer { transition: background-color 0.45s ease, color 0.45s ease, border-color 0.45s ease; } /* Transición también en elementos comunes */ .menu-title, .menu-icon, .menu-item a, .footer-box, table, th, td, .btn-primary, .select { transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease; } dialog { margin: auto; } .oculto { display:none; } .scrollable { overflow: auto; } .tamanoX-40 { height: 40vh; } #bodyApp { padding: 5px; overflow: hidden; } #idBody { overflow: hidden; } #tiempos { overflow: hidden; overflow-y: scroll; height: 100vh; } .combos { background-color: #dbeafe; padding: 10px 20px; border-radius: 10px; display: flex; gap: 30px; align-items: center; font-size: 20px; height: 65px; } /* Variante clara explícita (por si se alterna clase en o contenedor raíz) */ .modo-claro .combos { background-color: #e9f1ff; } .modo-oscuro .combos { background-color: #2b3245; } .btn-primary { background-color: #172554; color: white; border: none; padding: 10px 8px; border-radius: 5px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } .select { width: 100%; padding: 10px; border: none !important; border-radius: 5px; font-size: 16px; color: #333; } /* Contenedor con scroll horizontal */ .table-container { width: 100%; overflow-x: auto !important; /* Scroll horizontal */ } /* Mantengo tus estilos previos */ table { width: 100%; border-collapse: separate; /* Permite espacio entre celdas */ border-spacing: 10px; /* Agrega espacio entre celdas */ border: none !important; } th, td { padding: 8px; /* Espaciado interno uniforme */ text-align: center; /* Centra el contenido */ white-space: nowrap; /* Evita que el texto se rompa */ border: none !important; } th { font-weight: bold; border: none !important; } tbody tr:nth-child(odd) { border: none !important; }