@layer components {

    .requested_hours, .accepted_hours{
        position: absolute !important;
        top: 0;
        left: 0;
        border:1px dotted #707889 !important;
        z-index:12
    }

    .week-td {
        font-size: 8px !important;
        padding: 0 !important;
    }
    .custom-loader {
        height: 220px !important;
        background: none !important;
    }

    .week-td {
        font-size: 8px !important;
        padding: 0 !important;
    }

    .table-striped-schedule>tbody>tr:nth-child(odd){
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
    }

    .table-striped-schedule>tbody>tr:nth-child(even) {
        background-color: white;
    }
    .table-striped-schedule>tbody>tr:nth-child(odd) td:first-child {
        position: sticky;
        left: 0;
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 247 / var(--tw-bg-opacity));
        z-index: 13;
    }
    .table-striped-schedule>tbody>tr:nth-child(even) td:first-child {
        position: sticky;
        left: 0;
        --tw-bg-opacity: 1;
        background-color: white;
        z-index: 13;
    }
    .table-striped-schedule thead tr td:first-child {
        position: sticky;
        left: 0;
        --tw-bg-opacity: 1;
        background-color: white;
        z-index: 13;
    }
    .table-striped-schedule thead tr th:first-child {
        position: sticky;
        left: 0;
        --tw-bg-opacity: 1;
        background-color: white;
        z-index: 13;
    }
}