/* Estilos generales para los botones */
.theme_btn_all {
    margin-bottom: 24px; /* Añade un margen inferior de 24px */
}

/* Media Query para pantallas con ancho máximo de 575px */
@media (max-width: 575px) {
    .row {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .col-sm-6, .col-md-4 {
        /* Asegura que las columnas ocupen el espacio disponible y estén centradas */
        display: flex;
        justify-content: center;
    }
}



.table {
    border-collapse: collapse !important;
    width: 100% !important;
}

.table th, .table td {
    border: 2px solid #ddd; /* Cambia el grosor del borde según lo desees */
    padding: 8px;
    text-align: center;
}

.table thead th {
    background-color: #f2f2f2;
    font-weight: bold;
    border: 2px solid #ddd; /* Asegúrate de que los encabezados también tengan el mismo grosor */
}

.table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

select.form-control {
    margin: 0 !important;
}



/* Limita el ancho del select */
.custom-select-width {
    width: 200px; /* Ancho del select */
    overflow: hidden; /* Esconde el texto que no cabe */
    text-overflow: ellipsis; /* Agrega puntos suspensivos al final del texto */
    white-space: nowrap; /* Previene el ajuste de línea */
    padding-right: 32px; /* Espacio entre el texto truncado y el borde derecho */
    box-sizing: border-box; /* Asegura que el padding no afecte al ancho total */
}