/* Estilos para la sidebar */
.btn-custom-crear {
    background-color: #0CAFAF !important;
    border-color: #0CAFAF !important;
    color: white !important;
}

.btn-custom-crear:hover {
    background-color: #09928C !important;
    border-color: #09928C !important;
    color: white !important;
}

.btn-custom {
    background-color: #3C2D73 !important;
    border-color: #3C2D73 !important;
    color: white !important;
}

.btn-custom:hover {
    background-color: #0CAFAF !important;
    border-color: #0CAFAF !important;
    color: white !important;
}

.dataTables_wrapper .dt-buttons .dt-button {
    background-color: #3C2D73 !important;
    border-color: #3C2D73 !important;
    color: white !important;
}

.dataTables_wrapper .dt-buttons .dt-button:hover {
    background-color: #0CAFAF !important;
    border-color: #0CAFAF !important;
    color: white !important;
}

.dataTables_wrapper .dt-buttons .dt-button.dt-button-active {
    background-color: #0CAFAF !important;
    border-color: #0CAFAF !important;
    color: white !important;
}

/* Centrar contenido de las columnas excepto cliente */
#ventasTable td:not(.cliente-column) {
    text-align: center !important;
}

/* Columna cliente alineada a la izquierda */
#ventasTable td.cliente-column,
#ventasTable th.cliente-column {
    text-align: left !important;
}

/* Centrar headers también */
#ventasTable th {
    text-align: center !important;
}
#ventasTable th.cliente-column {
    text-align: left !important;
}

/* Estilos para la sidebar */
#btn-toggle-facturacion,
#btn-toggle-administrar {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

#btn-toggle-facturacion:hover,
#btn-toggle-administrar:hover {
    background-color: #e9ecef;
    color: #3C2D73;
}

.list-group-item:hover {
    background-color: #f1f3f4;
    color: #3C2D73;
}

/* Estilo para elementos activos en el sidebar */
.list-group-item.active {
    background-color: #3C2D73 !important;
    border-color: #3C2D73 !important;
    color: white !important;
}

.list-group-item.active:hover {
    background-color: #0CAFAF !important;
    border-color: #0CAFAF !important;
    color: white !important;
}

/* Rotar flecha cuando se expande */
.collapse.show ~ button .ri-arrow-down-s-line,
button[aria-expanded="true"] .ri-arrow-down-s-line {
    transform: rotate(180deg);
}

.ri-arrow-down-s-line {
    transition: transform 0.3s ease;
}

/* Layout flex para sidebar */
.sidebar-layout {
    display: flex;
}

.sidebar-container {
    min-width: 220px;
    max-width: 260px;
}

.content-container {
    flex-grow: 1;
}