tr:hover {
    background-color: #c2c4d5 !important;
}

.middle {
    vertical-align: middle !important;
    text-align: center;
    font-weight: bold !important;
}

.center {
    text-align: center;
}

.tableFixHead {
    overflow: scroll;
    height: 570px;
    width: 100%;
}


table {
    border-collapse: collapse;
}

    .table th,
    .table td {
        max-width: 300px;
        padding: 8px 16px;
        border: 1px solid #ddd;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table thead {
        position: sticky;
        inset-block-start: 0;
        background-color: #ddd;
    }

.table .thead-light th {
    background-color: #ffffff !important;
}