body {
    font-family: Arial, Helvetica, sans-serif;
}


#rota-table table,
#rota-table tr,
#rota-table td,
#rota-table th {
    position: relative;
    font-size: 10px !important;
}

#rota-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
}

#staff-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
}

    #rota-table,
    #staff-table td,
    #rota-table th {
        border: 0.1px solid #ddd;
        padding: 8px;
    }

        #rota-table th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: center;
            color: black;
            font-size: 12px;
            border: 2px solid #dee2e6;
        }

        #rota-table thead {
            box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
        }

table#rota-table > tbody {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}


#staff-table td {
    border-bottom: none;
    border-top: none;
    border-left: none;
}

.rotate-text span {
    transform-origin: 0 50%;
    transform: rotate(-90deg);
    white-space: nowrap;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    font-family: Arial, Helvetica, sans-serif;
}

.rota-table-hours-column {
    border: 0.1px solid #dee2e6 !important;
    text-align: center;
}

.rota-table-border-right {
    border-right: 0.1px solid #dee2e6 !important;
}

.rota-table-border-right-bold {
    border-right: 3px solid #dee2e6 !important;
}

.rota-table-border-bottom {
    border-bottom: 0.1px solid #dee2e6 !important;
}

.rota-table-grey {
    background-color: #bfbfbf;
    background-clip: padding-box;
}

.rota-week-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px !important;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1)
}

table.rota-week-table th {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-size: 12px !important;
}

table.rota-week-table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 12px !important;
    text-align: center;
    vertical-align: middle;
}

.staff-list-table {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2)
}


table.staff-list-table td {
    border: 1px solid #dee2e6 !important;
    text-align: center;
    color: black;
    font-size: 13px;
    font-weight:700; 
}

table.staff-list-table th {
    border: 1px solid #dee2e6 !important;
    text-align: center;
}

.manage-staff-list-table {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
}


table.manage-staff-list-table td {
    border: 1px solid #dee2e6 !important;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #4b3838;
    font-size: 11px;
}

table.manage-staff-list-table th {
    border: 1px solid #dee2e6 !important;
    text-align: center;
    padding: 8px;
    font-weight: 700;
    font-size:11px;
}