a:link, a:visited, a:hover, a:active{ text-decoration: none !important; } .rounded, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{ border-radius:8px !important; } .rounded-start, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{ border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } .rounded-end, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{ border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .rounded-top, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{ border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .rounded-bottom, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{ border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } .backgroundImage{ width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } .form-check-input{ width: 1.2em !important; height: 1.2em !important; } .form-check-input:active,.form-check-input:focus,.btn{ outline:0 !important; box-shadow: none !important; } .list-group-item { border:0px !important; } /* ============================================= CORRECCIÓN PARA SUBMENÚS EN SIDEBAR COLAPSADO ============================================= */ /* Cuando el sidebar (#sidebar-wrapper) tiene la clase '.collapsed', buscamos cualquier submenú (que tiene la clase '.collapse') y eliminamos su sangría izquierda (padding-left). */ #sidebar-wrapper.collapsed .collapse { padding-left: 0 !important; } /* ============================================= SOLUCIÓN PARA TOOLTIPS OCULTOS EN EL SIDEBAR ============================================= */ /* Forzamos a que el contenedor del menú permita que los elementos hijos (como los tooltips) se desborden y sean visibles. */ #sidebar-wrapper { overflow: visible !important; } /* Permite el scroll solo en la lista del menú del sidebar */ #sortable { height: 80vh; /* O un valor en píxeles, ej: 600px */ overflow-y: auto; } /* ============================================= ESTILOS PARA PESTAÑAS DE IMPORTACIÓN ============================================= */ .nav-dark .nav-link { background-color: #6c757d; /* Gris oscuro para pestañas inactivas */ color: white; border-color: #495057; } .nav-dark .nav-link:hover { background-color: #495057; /* Un poco más oscuro al pasar el mouse */ color: white; } .nav-dark .nav-link.active { background-color: #343a40; /* Negro para la pestaña activa */ color: white; border-color: #343a40; } /* ============================================================ 1. TEMAS DE SUCURSAL (COLORES DE MENÚ LATERAL) Añade la clase correspondiente a la etiqueta en template.php Ejemplo: ============================================================ */ /* Sucursal 1: Azul Navy Profundo (Serio) */ body.theme-branch-1 .sidebar .nav-item .nav-link, body.theme-branch-1 .sidebar .nav-item .nav-link i { color: #1a237e !important; /* Navy Blue */ } body.theme-branch-1 .sidebar .nav-item .nav-link:hover, body.theme-branch-1 .sidebar .nav-item .nav-link.active { color: #0d47a1 !important; background-color: rgba(26, 35, 126, 0.1); } /* Sucursal 2: Verde Bosque (Distintivo) */ body.theme-branch-2 .sidebar .nav-item .nav-link, body.theme-branch-2 .sidebar .nav-item .nav-link i { color: #004d40 !important; /* Teal Dark */ } body.theme-branch-2 .sidebar .nav-item .nav-link:hover, body.theme-branch-2 .sidebar .nav-item .nav-link.active { color: #00695c !important; background-color: rgba(0, 77, 64, 0.1); } /* Sucursal 3: Morado Berenjena (Elegante) */ body.theme-branch-3 .sidebar .nav-item .nav-link, body.theme-branch-3 .sidebar .nav-item .nav-link i { color: #4a148c !important; /* Deep Purple */ } body.theme-branch-3 .sidebar .nav-item .nav-link:hover, body.theme-branch-3 .sidebar .nav-item .nav-link.active { color: #6a1b9a !important; background-color: rgba(74, 20, 140, 0.1); } /* ============================================================ 2. REEMPLAZO DE BTN-INFO (VER / DETALLE) Mejor contraste: Azul Real en lugar de Cian ============================================================ */ .btn-info { background-color: #4361ee !important; /* Royal Blue */ border-color: #4361ee !important; color: #ffffff !important; } .btn-info:hover, .btn-info:focus, .btn-info:active { background-color: #3a56d4 !important; /* Un poco más oscuro */ border-color: #3a56d4 !important; color: #ffffff !important; } /* ============================================================ 3. NUEVOS COLORES DE BOTONES PERSONALIZADOS Uso: class="btn btn-naranja", class="btn btn-esmeralda", etc. ============================================================ */ /* --- Naranja (Advertencia / Devolución / Anular) --- */ .btn-naranja { background-color: #fd7e14; border-color: #fd7e14; color: #fff; } .btn-naranja:hover { background-color: #e65100; /* Naranja oscuro */ border-color: #e65100; color: #fff; } /* --- Esmeralda (Dinero / Cobrar / Recaudo) --- */ .btn-esmeralda { background-color: #10b981; /* Verde menta fuerte */ border-color: #10b981; color: #fff; } .btn-esmeralda:hover { background-color: #059669; /* Verde más oscuro */ border-color: #059669; color: #fff; } /* --- Gris Pizarra (Neutro / Imprimir / Exportar) --- */ .btn-gris { background-color: #64748b; /* Slate Grey */ border-color: #64748b; color: #fff; } .btn-gris:hover { background-color: #475569; /* Slate más oscuro */ border-color: #475569; color: #fff; } /* --- Magenta (Acciones Especiales / Nuevo Cliente) --- */ .btn-magenta { background-color: #d63384; border-color: #d63384; color: #fff; } .btn-magenta:hover { background-color: #a61e63; border-color: #a61e63; color: #fff; }