/* Table Blue */

.table-blue thead {
    background-color: #80bfff;
}

.table-blue thead tr {
    color: white;
}

.table-blue thead tr th a i {
    color: white;
}

.table-blue thead tr th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    border: 1px solid #dddddd;
    background-color: #80bfff;
}

.table-blue tbody tr {
    background-color: #b3d9ff;
    color: black;
    font-weight: bold;
}

.table-blue tbody tr td {
    vertical-align: middle;
}

.table-blue:not(.topacity-none) tbody tr:last-child {
    opacity: 0.5;
}

.table-blue:not(.topacity-none) tbody tr:last-child:hover {
    opacity: 1;
}

.table-blue:not(.topacity-none) tbody tr:last-child:focus-within {
    opacity: 1;
}

/* Table Oscuro */

.table-oscuro thead {
    background-color: #545454;
}

.table-oscuro thead tr {
    color: white;
}

.table-oscuro thead tr th a i {
    color: white;
}

.table-oscuro thead tr th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    border: 1px solid #dddddd;
    background-color: #545454;
}

.table-oscuro tbody tr {
    background-color: #808080;
    color: black;
    font-weight: bold;
}

.table-oscuro tbody tr td {
    vertical-align: middle;
}

.table-oscuro:not(.topacity-none) tbody tr:last-child {
    opacity: 0.5;
}

.table-oscuro:not(.topacity-none) tbody tr:last-child:hover {
    opacity: 1;
}

.table-oscuro:not(.topacity-none) tbody tr:last-child:focus-within {
    opacity: 1;
}

/* Table base */

.table-base thead {
    background-color: #17a2b8;
}

.table-base thead tr {
    color: white;
}

.table-base thead tr th a i {
    color: white;
}

.table-base thead tr th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    border: 1px solid #dddddd;
    background-color: #17a2b8;
}

.table-base tbody tr {
    background-color: #b9b9b9;
    color: black;
    font-weight: bold;
}

.table-base tbody tr td {
    vertical-align: middle;
}

.table-base:not(.topacity-none) tbody tr:last-child {
    opacity: 0.5;
}

.table-base:not(.topacity-none) tbody tr:last-child:hover {
    opacity: 1;
}

.table-base:not(.topacity-none) tbody tr:last-child:focus-within {
    opacity: 1;
}