.table-first-200 {
    thead tr th:first-child,
    tbody tr td:first-child {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
        word-break: break-all;
    }
}


.table-container {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;

    thead th {
        position: sticky;
        top: 0;
        background: white;
        z-index: 1020;
    }
    th:first-child, td:first-child {
        position: sticky;
        left: 0;
        background: white;
        z-index: 1030; /* Hoger dan de header */
    }
}


.vertical-sticky-table {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;

    thead th {
        position: sticky;
        top: 0;
        z-index: 1020;
        background: white;
    }
}

table.text-white {
    --bs-table-color: #fff;
}