@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/MrGiffComponents/MrGiffComponents.wyrr3gmptq.bundle.scp.css';

/* /Components/Absences/AbsencesPage.razor.rz.scp.css */
.wrapper[b-nqkzjpvz4v]{
    display: inline-flex;
    gap: 1rem;
}
/* /Components/Layout/LoginDisplay.razor.rz.scp.css */
.actions__wrapper[b-insj4pzure] {
    display: flex;
    gap: .5rem;
    justify-content: right;
    align-items: center;
}

    .actions__wrapper > *[b-insj4pzure] {
        margin: 0;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-uit3mock1x] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uit3mock1x] {
    flex: 1;
}

.sidebar[b-uit3mock1x] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-uit3mock1x] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-uit3mock1x]  a, .top-row[b-uit3mock1x]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-uit3mock1x]  a:hover, .top-row[b-uit3mock1x]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-uit3mock1x]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-uit3mock1x] {
        justify-content: space-between;
    }

    .top-row[b-uit3mock1x]  a, .top-row[b-uit3mock1x]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uit3mock1x] {
        flex-direction: row;
    }

    .sidebar[b-uit3mock1x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-uit3mock1x] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-uit3mock1x]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-uit3mock1x], article[b-uit3mock1x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-uit3mock1x] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uit3mock1x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-arj25qktvi] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-arj25qktvi] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-arj25qktvi] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-arj25qktvi] {
    font-size: 1.1rem;
}

.bi[b-arj25qktvi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-arj25qktvi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-arj25qktvi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-arj25qktvi] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-arj25qktvi] {
        padding-bottom: 1rem;
    }

    .nav-item[b-arj25qktvi]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-arj25qktvi]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-arj25qktvi]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-arj25qktvi] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-arj25qktvi] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-arj25qktvi] {
        display: none;
    }

    .nav-scrollable[b-arj25qktvi] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Organisations/Dialogs/CreateOrganisationDialog.razor.rz.scp.css */
.wrapper[b-jsdliyp39j]{
    display: flex;
    gap: 1rem;
}
/* /Components/Organisations/Pages/OrganisationDetails.razor.rz.scp.css */
h4[b-hgdpusj3cm]{
    margin-top: 3rem;
}

.address__wrapper[b-hgdpusj3cm]{
    display: inline-flex;
    gap: 1rem;
    align-items: flex-start;
}
/* /Components/Organisations/Pages/Organisations.razor.rz.scp.css */
/* /Components/Pages/SystemConfig.razor.rz.scp.css */
/* /Components/Shared/AddressEditor.razor.rz.scp.css */
.editor[b-256tlgmven] {
    padding: .5rem 0;
    /*width: 100%;*/
    max-width: 30rem;
    /*box-shadow: 0 0 12px 17px rgb(221 223 231 / 20%);*/

    overflow: hidden;
    transition: max-height 1s cubic-bezier(.27,1.08,.68,1.04), opacity 1s;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    border: 1px solid transparent;
}
.editor.show[b-256tlgmven]{
    max-height: 800px;
    opacity: 1;
    pointer-events: auto;
}
.controls__wrapper[b-256tlgmven]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
label[b-256tlgmven]{
    min-width:5rem;
    padding: 0;
}
.postcode[b-256tlgmven],
.form-control.postcode[b-256tlgmven]{
    max-width: 7rem;
}
.actions__wrapper[b-256tlgmven]{
    padding-right: 1rem;
    max-width:333px;
}
/* /Components/Shared/CustomInputNumber.razor.rz.scp.css */
.input-group[b-1we8qpdj1x] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.input-group input[b-1we8qpdj1x] {
    width: 3rem;
    text-align: right;
    padding: 0.2rem .5rem .2rem .2rem;
    font-size: .875rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.input-group button[b-1we8qpdj1x] {
    padding: 0.2rem 0.5rem;
    font-size: .875rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
    cursor: pointer;
}

.input-group button:disabled[b-1we8qpdj1x] {
    background-color: #cccccc;
    cursor: not-allowed;
}

.text-danger[b-1we8qpdj1x] {
    font-size: 0.875rem;
    color: red;
    margin-top: 0.25rem;
}
/* /Components/Shared/Dialog.razor.rz.scp.css */
.dialog-container[b-3lwyqtispf] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog[b-3lwyqtispf] {
    background-color: white;
    margin: 4rem auto auto auto;
    min-width: 30rem;
}
.dialog-title[b-3lwyqtispf] {
    background-color: #343a40;
    color: white;
    padding: .5rem;
    display: flex;
    gap:1rem;
    justify-content: space-between;
    align-items: flex-start;
}
.closeBtn__wrapper[b-3lwyqtispf]{
    background:#9b9b9b;
    padding:0;
    margin:0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:.25rem;
}
.closeBtn__wrapper:hover[b-3lwyqtispf] {
    background: #fff;
}
.dialog-body[b-3lwyqtispf] {
    padding: 2rem;
}
/* /Components/Shared/Notifications.razor.rz.scp.css */
.notifications__btn[b-ts9j3mf9xp]{
    anchor-name: --notifications-btn;
}
#notifications[b-ts9j3mf9xp]{
    position: absolute;
    margin:0;
    padding: 0 .5rem;
    inset: auto;
    border:1px solid #d4086a;
    top: anchor(bottom);
    right: anchor(left);
    margin-block-start: .5rem;
}
.notification[b-ts9j3mf9xp] {
    padding: .5rem 0;
}
.notification-title[b-ts9j3mf9xp]{
    font-weight: 600;
}
#notifications[popover][b-ts9j3mf9xp]{
    position-anchor: --notifications-btn;
}
#notifications[popover][b-ts9j3mf9xp]::backdrop{
    background-color: rgba(0,0,0,.5);
}
/* /Components/Shared/SimpleAuthError.razor.rz.scp.css */
.authError[b-7suv15jb1t] {
    color: red;
    font-weight: 500;
}
/* /Components/TimesheetSummary.razor.rz.scp.css */
.breakdown__wrapper[b-gpv3ws2t40] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .5rem;
    background: #a5d1ec;
    padding: 1rem 1.5rem;
    border-radius: .5rem;
}

.breakdown__title[b-gpv3ws2t40]{
    margin: 0;
}

.breakdown__items[b-gpv3ws2t40] {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.breakdown__wrapper--summary[b-gpv3ws2t40] {
    flex-grow: 2;
}

.item__wrapper[b-gpv3ws2t40] {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    flex: 0 1 auto;
}

    .item__wrapper-total[b-gpv3ws2t40]{
        margin-top: auto;
    }

    .breakdown__item[b-gpv3ws2t40] {
        width: 11rem;
        display: inline-block;
    }
.summary__item[b-gpv3ws2t40] {
    width: 19rem;
    display: inline-block;
}

.total[b-gpv3ws2t40] {
    padding-top: .5rem;
    font-weight: 600;
}

.newAbsences[b-gpv3ws2t40] {
    color: red;
}
/* /Components/Timesheets/AddClientProjectDialogue.razor.rz.scp.css */
.outer__wrapper[b-u4e187yuet] {
    min-width: 54.5rem;
}
/* /Components/Timesheets/AddProjectForm.razor.rz.scp.css */
.form__section[b-5xxvqtgwtf]{
    margin: 1rem 0;
    padding: .5rem;
    border:1px solid #aaa;
    border-radius: .25rem;
}
.form__wrapper[b-5xxvqtgwtf]{
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}
.select__wrapper select[b-5xxvqtgwtf]{
    padding: .25rem;
}
.warning[b-5xxvqtgwtf]{
    color: #784201;
}
.error[b-5xxvqtgwtf]{
    color: red;
}
/* /Components/Timesheets/ClientSelect.razor.rz.scp.css */
.select__wrapper[b-i8ojae3c1a]{
    display: flex;
    min-width: 8rem;
    max-width: 8rem;
}
.select__wrapper.col[b-i8ojae3c1a]{
    flex-direction: column;
}
/* /Components/Timesheets/DailyTotal.razor.rz.scp.css */
.dailyTotal[b-bjxy2ljkb5]{
    color: red;
}
.dailyTotal-achieved[b-bjxy2ljkb5]{
    color: green;
}
/* /Components/Timesheets/Dialogs/CopyTimesheetDialog.razor.rz.scp.css */
/* /Components/Timesheets/Pages/CalendarPage.razor.rz.scp.css */
.header__wrapper[b-roiges4tis] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

h1[b-roiges4tis] {
    display: inline-block;
}

h2[b-roiges4tis] {
    font-size: 1.75rem;
}

.actions__wrapper[b-roiges4tis] {
    display: inline-flex;
    gap: .25rem;
    align-items: center;
    font-size: 1rem;
}

table[b-roiges4tis] {
    padding-bottom: 2rem;
    border-collapse: collapse;
}

th[b-roiges4tis] {
    padding-left: .5rem;
    font-weight: 400;
}

    th.weekNum[b-roiges4tis] {
        padding: .5rem;
    }

    th.weekNum[b-roiges4tis],
    td.weekNum[b-roiges4tis] {
        padding: .5rem;
    }

tbody tr[b-roiges4tis] {
    background: transparent;
}

    tbody tr:hover[b-roiges4tis] {
        border: 1px solid #bbb;
        background: #421127;
    }

        tbody tr:hover td:first-child[b-roiges4tis] {
            color: #fff;
        }

td[b-roiges4tis] {
    cursor: pointer;
    padding: 0;
    border: 1px #9d979a solid;
}

.calDate[b-roiges4tis] {
    background: #f3d0df;
    padding: .5rem;
    min-width: 6rem;
    min-height: 6rem;
}

    .calDate.today[b-roiges4tis] {
        background: #f776ae;
    }

    .calDate.currentMonth[b-roiges4tis] {
        background: #f9c1da;
    }

.calDate-empty[b-roiges4tis] {
    background: #f6f6f6;
    padding: .5rem;
    min-width: 6rem;
    min-height: 6rem;
}
/* /Components/Timesheets/Pages/ClientsPage.razor.rz.scp.css */
.form__section[b-qf92vnwmhv]{
    margin: 1rem 0;
    padding: .5rem;
    border:1px solid #aaa;
    border-radius: .25rem;
}
.form__wrapper[b-qf92vnwmhv]{
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}
/* /Components/Timesheets/Pages/ProjectAllocationsPage.razor.rz.scp.css */
.header__wrapper[b-tccxizu044]{
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 2rem;
}
/* /Components/Timesheets/Pages/ProjectsPage.razor.rz.scp.css */
/* /Components/Timesheets/Pages/SummaryPage.razor.rz.scp.css */
.title__wrapper[b-qrp1uzfaxu]{
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-bottom:1.5rem;

    h3{
          display: inline-block;
          margin: 0;
          padding: 0;
      }
    
    .filters__wrapper[b-qrp1uzfaxu]{
        display: flex;
        gap: .5rem;
        align-items: center;
    }
}

.table th[b-qrp1uzfaxu], .table td[b-qrp1uzfaxu] {
    border: 1px solid #ddd;
}

.table th.date-header[b-qrp1uzfaxu]{
    border-bottom: 1px solid #000;
}

.date-header[b-qrp1uzfaxu] {
    border-bottom: 1px solid #000;
}

.table th.user-header[b-qrp1uzfaxu] {
    border-left:2px solid #c3c3c3;
    /*border-right: 2px solid #000;*/
}
/*.user-header.user-header-first{*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/
.table th.absence-header[b-qrp1uzfaxu] {
    border-left:2px solid #c3c3c3;
}
/*.table th.absence-header.absence-user-header-first {*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/

.client-header[b-qrp1uzfaxu] {
    border-right: 1px solid #ddd;
    text-align: right;
}
.client-header.client-header-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.absence-user-header[b-qrp1uzfaxu] {
    text-align: right;
}

.user-cell[b-qrp1uzfaxu] {
    border-right: 1px solid #ddd;
    text-align:right;
}
.user-cell.user-cell-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.user-cell.total-cell[b-qrp1uzfaxu]{
    font-weight: 600;
}
.user-cell.total-cell.total-cell-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.absence-cell[b-qrp1uzfaxu]{
    text-align: right;
}
.absence-cell.absence-cell-first[b-qrp1uzfaxu] {
    border-left:2px solid #c3c3c3;
}
.absence-cell.total-cell[b-qrp1uzfaxu]{
    font-weight: 600;
}
.absence-cell.total-cell.absence-total-cell-first[b-qrp1uzfaxu] {
    border-left:2px solid #c3c3c3;
}
.total-cell[b-qrp1uzfaxu]{
    font-weight: 600;
}
.current-date td:first-of-type[b-qrp1uzfaxu] {
    border-left: 1px solid #000;
}
.current-date td[b-qrp1uzfaxu] {
    background: #ecf3ec;
}


.table-wrapper[b-qrp1uzfaxu] {
    position: relative;
    overflow: auto; /* Ensure scroll works properly */
    padding: 0; /* Remove padding to avoid offset issues */
    z-index: 0; /* This aligns non-sticky elements beneath the header */
}

.table[b-qrp1uzfaxu] {
    margin: 0; /* Remove margins above/below table */
    border-spacing: 0; /* Removes gaps between table rows and cells */
    border-collapse: collapse; /* Ensures rows and cells touch */
}

/* Adds subtle shadow to improve appearance */
/*.table thead th {*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
/*}*/

.table th[b-qrp1uzfaxu] {
    margin: 0; /* Reset margin to avoid any gaps */
    padding: 8px; /* Provide consistent spacing inside each header cell */
    background-color: white; /* Ensure no transparency */
    border: 1px solid #ddd; /* Optional: Add consistent borders */
}

/* Apply to the first header row */
.table thead tr:nth-child(1) th[b-qrp1uzfaxu] {
    position: sticky; /* Make the header row sticky */
    top: 60px; /* Adjust based on the height of any content above */
    z-index: 10; /* Ensure it sits above the table rows */
    background-color: white; /* Add solid background color to block content behind */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ /* Optional: Add shadow for better visibility */
}
.table thead tr:nth-child(1) th.user-header[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.table thead tr:nth-child(1) th.absence-user-header.absence-user-header-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
/* Apply to the second header row */
.table thead tr:nth-child(2) th[b-qrp1uzfaxu] {
    position: sticky; /* Make the second row sticky */
    top: 100px; /* Adjust based on the height of the first row and the content above */
    z-index: 2; /* Ensure it sits above the content but below the first row */
    background-color: white; /* Solid background to block table content */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ /* Optional visual detail */
}
/*.table thead tr:nth-child(2) th.user-header{*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/
.table thead tr:nth-child(2) th.absence-user-header.absence-user-header-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.table thead tr:nth-child(2) th.client-header.client-header-first[b-qrp1uzfaxu]{
    border-left:2px solid #c3c3c3;
}
.date-cell[b-qrp1uzfaxu]{
    width: 23rem;
}
.bankHolidayLabel[b-qrp1uzfaxu]{
    font-weight: 600;
    padding-left: 1rem;
}
/* /Components/Timesheets/Pages/SummaryPage2.razor.rz.scp.css */
.title__wrapper[b-ewlnsch1rd]{
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-bottom:1.5rem;

    h3{
          display: inline-block;
          margin: 0;
          padding: 0;
      }
    
    .filters__wrapper[b-ewlnsch1rd]{
        display: flex;
        gap: .5rem;
        align-items: center;
    }
}

.table th[b-ewlnsch1rd], .table td[b-ewlnsch1rd] {
    border: 1px solid #ddd;
}

.table th.date-header[b-ewlnsch1rd]{
    border-bottom: 1px solid #000;
}

.date-header[b-ewlnsch1rd] {
    border-bottom: 1px solid #000;
}

.table th.user-header[b-ewlnsch1rd] {
    border-left:2px solid #c3c3c3;
    /*border-right: 2px solid #000;*/
}
/*.user-header.user-header-first{*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/
.table th.absence-header[b-ewlnsch1rd] {
    border-left:2px solid #c3c3c3;
}
/*.table th.absence-header.absence-user-header-first {*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/

.client-header[b-ewlnsch1rd] {
    border-right: 1px solid #ddd;
    text-align: right;
}
.client-header.client-header-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.absence-user-header[b-ewlnsch1rd] {
    text-align: right;
}

.user-cell[b-ewlnsch1rd] {
    border-right: 1px solid #ddd;
    text-align:right;
}
.user-cell.user-cell-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.user-cell.total-cell[b-ewlnsch1rd]{
    font-weight: 600;
}
.user-cell.total-cell.total-cell-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.absence-cell[b-ewlnsch1rd]{
    text-align: right;
}
.absence-cell.absence-cell-first[b-ewlnsch1rd] {
    border-left:2px solid #c3c3c3;
}
.absence-cell.total-cell[b-ewlnsch1rd]{
    font-weight: 600;
}
.absence-cell.total-cell.absence-total-cell-first[b-ewlnsch1rd] {
    border-left:2px solid #c3c3c3;
}
.total-cell[b-ewlnsch1rd]{
    font-weight: 600;
}
.current-date td:first-of-type[b-ewlnsch1rd] {
    border-left: 1px solid #000;
}
.current-date td[b-ewlnsch1rd] {
    background: #ecf3ec;
}


.table-wrapper[b-ewlnsch1rd] {
    position: relative;
    overflow: auto; /* Ensure scroll works properly */
    padding: 0; /* Remove padding to avoid offset issues */
    z-index: 0; /* This aligns non-sticky elements beneath the header */
}

.table[b-ewlnsch1rd] {
    margin: 0; /* Remove margins above/below table */
    border-spacing: 0; /* Removes gaps between table rows and cells */
    border-collapse: collapse; /* Ensures rows and cells touch */
}

/* Adds subtle shadow to improve appearance */
/*.table thead th {*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
/*}*/

.table th[b-ewlnsch1rd] {
    margin: 0; /* Reset margin to avoid any gaps */
    padding: 8px; /* Provide consistent spacing inside each header cell */
    background-color: white; /* Ensure no transparency */
    border: 1px solid #ddd; /* Optional: Add consistent borders */
}

/* Apply to the first header row */
.table thead tr:nth-child(1) th[b-ewlnsch1rd] {
    position: sticky; /* Make the header row sticky */
    top: 60px; /* Adjust based on the height of any content above */
    z-index: 10; /* Ensure it sits above the table rows */
    background-color: white; /* Add solid background color to block content behind */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ /* Optional: Add shadow for better visibility */
}
.table thead tr:nth-child(1) th.user-header[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.table thead tr:nth-child(1) th.absence-user-header.absence-user-header-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
/* Apply to the second header row */
.table thead tr:nth-child(2) th[b-ewlnsch1rd] {
    position: sticky; /* Make the second row sticky */
    top: 100px; /* Adjust based on the height of the first row and the content above */
    z-index: 2; /* Ensure it sits above the content but below the first row */
    background-color: white; /* Solid background to block table content */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ /* Optional visual detail */
}
/*.table thead tr:nth-child(2) th.user-header{*/
/*    border-left:2px solid #c3c3c3;*/
/*}*/
.table thead tr:nth-child(2) th.absence-user-header.absence-user-header-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.table thead tr:nth-child(2) th.client-header.client-header-first[b-ewlnsch1rd]{
    border-left:2px solid #c3c3c3;
}
.date-cell[b-ewlnsch1rd]{
    width: 23rem;
}
.bankHolidayLabel[b-ewlnsch1rd]{
    font-weight: 600;
    padding-left: 1rem;
}

.ctrl__wrapper[b-ewlnsch1rd]{
    display: flex;
    gap:.25rem;
}
.ctrl__wrapper.col[b-ewlnsch1rd] {
    flex-direction: column;
}

button[b-ewlnsch1rd]{
    align-self: flex-end;
}
/* /Components/Timesheets/Pages/TimesheetPage.razor.rz.scp.css */
.danger[b-08w11gg7ry]{
    color: red;
}

.inlineWrapper[b-08w11gg7ry] {
    border: 1px solid red;
    display: inline-block;
    width: 15rem;
    min-width: 15rem;
    background: #ccc;
}

.header__wrapper[b-08w11gg7ry] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.actions__wrapper[b-08w11gg7ry] {
    display: flex;
    gap: .5rem;
    align-items: center;
}
.actions__wrapper.newAbsences[b-08w11gg7ry]{
    padding-top: 1.4rem;
}
ul.newAbsences[b-08w11gg7ry]{
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap:.25rem;
    padding-left: 0;
    list-style-type: none;
}
ul.newAbsences li[b-08w11gg7ry]{
    background: #f2f2f2;
    padding: .5rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    border-radius: .25rem;
}
.unsavedAbsence__wrapper[b-08w11gg7ry]{
    display: inline-block;
}
.unsavedAbsence__wrapper.date[b-08w11gg7ry]{
    width: 8rem;
}

.subtitle__wrapper[b-08w11gg7ry] {
    padding: .5rem 0;
    display: flex;
    gap: 2rem;
    align-items: center;
}

.subtitle__wrapper h2[b-08w11gg7ry] {
    display: inline-block;
    margin: 0;
    min-width: 28rem;
    font-size: 1.75rem;
}

.subtitle__wrapper h2.wide[b-08w11gg7ry] {
    min-width: 38rem;
}

.secondary__wrapper[b-08w11gg7ry]{
    padding-top: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}

.timesheet__id[b-08w11gg7ry]{
    font-size: 1rem;
    font-weight: 400;
    margin-left: 1rem;
    color: #5c636a;
}

.bankHolidayAlert[b-08w11gg7ry]{
    display: inline-flex;
    flex-direction: column;
    gap: 1rem;
    padding: .5rem .5rem 1rem 0;
}
.bankHolidayList[b-08w11gg7ry]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-left: 0;
    list-style-type: none;
}
.bankHolidayList__item[b-08w11gg7ry] {
    display: inline-flex;
    gap:1rem;
    justify-content: flex-start;
    align-items: center;
    background: #f2f2f2;
    padding:.5rem;
    border-radius: .25rem;
}
.bankHoliday__title[b-08w11gg7ry]{
    width:25rem;
}
.bankHolidayAlert:not(button)[b-08w11gg7ry]{
    font-weight: 600;
    color: #098d0e;
}
.bankHolidayAlert button[b-08w11gg7ry]{
    flex-grow:0;
}
.totalDuration[b-08w11gg7ry]{
    font-weight: 500;
    font-size: 1.75rem;
    color: #0e2262;
}

.download__wrapper[b-08w11gg7ry] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

label[b-08w11gg7ry] {
    display: inline-block;
    min-width: 5rem;
}

.actions__wrapper span[b-08w11gg7ry] {
    display: inline-block;
}

.addRow[b-08w11gg7ry] {
    background: #ccc;
}

.table[b-08w11gg7ry] {
    margin-bottom: 2rem;
}

.allocation__wrapper[b-08w11gg7ry] {
    display: flex;
    gap: .5rem;
    justify-content: left;
    align-items: flex-start;
    padding-bottom: .5rem;
}

.validation-errors[b-08w11gg7ry] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding-left: 0;
    margin-bottom: 0;
}
.actions__wrapper.addEntry[b-08w11gg7ry]{
    padding-top: 1.5rem;
}
.actions__wrapper span[b-08w11gg7ry] {
    display: inline-block;
}

.absences[b-08w11gg7ry] {
    padding-top: .75rem;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap:.5rem;
}
.absences li[b-08w11gg7ry]{
    display: flex; 
    gap: .5rem;
    justify-content: flex-start;
    align-items: center;
}
.absence__day[b-08w11gg7ry] {
    width: 2.5rem;
}
.absence__duration[b-08w11gg7ry]{
    flex-shrink:0;
    width: 2.75rem;
    text-align: end;
}
.absence__type[b-08w11gg7ry]{
    width: 2.5rem;
    flex-shrink:0;
}
.absence__comment[b-08w11gg7ry]{
    width: 15rem;
    flex-shrink:0;
}

.dayOfWeek[b-08w11gg7ry] {
    display: inline-block;
    min-width: 2.5rem;
}

.ctrl__wrapper.charCount[b-08w11gg7ry]{
    display: flex;
    flex-direction: column;
}
.submission__wrapper[b-08w11gg7ry]{
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
    align-items: flex-start;
}
.reminderBtn[b-08w11gg7ry]{
    margin-left: .5rem;
}
.submissionError[b-08w11gg7ry]{
    color: red;
}
/* /Components/Timesheets/Pages/TimesheetsPage.razor.rz.scp.css */
.actions_wrapper[b-ibq7hvkt4z]{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}
/* /Components/Timesheets/ProjectSelect.razor.rz.scp.css */
.select__wrapper[b-hopc3pztmm]{
    display: flex;
    min-width: 12rem;
    max-width: 12rem;
}
.select__wrapper.col[b-hopc3pztmm]{
    flex-direction: column;
}
/* /Components/Timesheets/SubmittedTimesheet.razor.rz.scp.css */
.split-days-cell[b-s1eapwzm4s]{
    border:1px solid #212529;
}
td.footer-cell[b-s1eapwzm4s]{
    border-top:1px solid #212529;
}
/* /Components/Timesheets/TimesheetWeekStatus.razor.rz.scp.css */
.dayCompletions__wrapper[b-qfd1mj5bmc] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: 0;
    min-height: 3.75rem;
}

.dayCompletion[b-qfd1mj5bmc] {
    display: flex;
    flex-direction: column;
    padding: .25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
    .dayCompletion.today[b-qfd1mj5bmc] {
        border: 1px solid #aaa;
        border-radius: .25rem;
        background: #f5f5f5;
    }

.day[b-qfd1mj5bmc] {
    text-align: center;
    display: inline-block;
}
.completion[b-qfd1mj5bmc]{
    text-align: center;
}
/* /Components/Users/Dialogs/CaptureUserDialog.razor.rz.scp.css */
.wrapper[b-qh2cszv8cc]{
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
label[b-qh2cszv8cc]{
    width: 10rem;
    padding: 6px 0;
}
.actions__wrapper[b-qh2cszv8cc]{
    padding-right: 1.25rem;
}
/* /Components/Users/Pages/CreateUserPage.razor.rz.scp.css */
.pwd-btn[b-28hwcapfso]{
    min-width: 7.5rem;
}
/* /Components/Users/Pages/EditUserPage.razor.rz.scp.css */
.actions__wrapper[b-httmqhu9fl] {
    display: flex;
    gap: .5rem;
    align-items: start;
}

.resending__wrapper[b-httmqhu9fl] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
}

.resendConfState__wrapper[b-httmqhu9fl] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.resendConfResult[b-httmqhu9fl]{
    color: darkgreen;
}
/* /Components/Users/UserSelect.razor.rz.scp.css */
.ctrl__wrapper[b-bf3f52eti3]{
    display: flex;
    gap:.25rem;
}
.ctrl__wrapper.col[b-bf3f52eti3] {
    flex-direction: column;
}