/* Estilo para la tabla */
table {
    width: 100%;
    border-collapse: collapse;
    position: relative;
}

/* Estilo para el thead */
thead {
    background-color: #f0f0f0;
    font-weight: bold;
}

/* Estilo para el tfoot */
tfoot {
    background-color: #f0f0f0;
    font-weight: bold;
    position: sticky;
    bottom: 0;
}

/* Estilo para las celdas de datos */
td {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
}

    /* Estilizar el scroll vertical */
    .list-group {
        max-height: 300px;
        overflow-y: auto;
    }

    .list-group::-webkit-scrollbar {
        width: 6px; /* Ancho del scroll vertical */
    }

    .list-group::-webkit-scrollbar-thumb {
        background-color: #888; /* Color del thumb (barra de desplazamiento) */
        border-radius: 3px; /* Borde redondeado */
    }

    .list-group::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* Color del thumb en estado hover */
    }

    .list-group::-webkit-scrollbar-track {
        background: #f1f1f1; /* Color del track (fondo del área de desplazamiento) */
    }