.tabla-container {
    height: 70vh;
    overflow: auto;
}

.tabla-grid {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

    .tabla-grid thead {
        background-color: #abaaba;
        position: sticky;
        top: 0;
        z-index: 1;
    }

.table thead {
    background-color: #e5c6b0;
    vertical-align: initial;
    border: 1px solid #c1bbbb;
}



.table-responsive {
    height: 100%;
}

.contenedor-main {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    margin: 10px;
}

.selected {
    background-color: var(--background-color-selected) !important; /* Cambia el color de fondo según tus preferencias */
}

.table {
    background-color: var(--table-background-color);
    color: var(--table-row-text-color);
}

    .table thead {
        background-color: var(--table-header-background-color);
        color: var(--table-header-text-color);
    }

    .table tbody tr {
        background-color: var(--table-row-background-color);
        color: var(--table-row-text-color);
    }

        .table tbody tr:hover {
            background-color: var(--table-tbody-tr-hover);
        }


/* Redefine bootstrap */
.table-striped tbody tr:nth-of-type(odd) {
    color: var(--table-striped-odd-text-color);
}

.table-striped tbody tr:nth-of-type(even) {
    color: var(--table-striped-even-text-color);
}


.table-bordered {
    border-width: 10px 10px;
    border-color: var(--table-border-color);
}

    .table-bordered > * {
        border-width: 1px 0px;
        border-color: var(--table-border-color);
    }

    .table-bordered > :not(caption) > * > * {
        border-width: 1px 0px;
        border-color: var(--table-border-color);
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid rgba(128, 128, 128, 0.3); /* Gris claro semitransparente */
    }

.table-bordered {
    border-collapse: collapse;
}