/* /Components/BookingNotificationBanner.razor.rz.scp.css */
.booking-notification-banner[b-d4bci5zlxo] {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: var(--the-unit-2x) var(--the-unit-4x);
    margin-bottom: var(--the-unit-4x);
    border-radius: var(--the-box-radius);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: var(--the-ff-ui);
    font-weight: var(--the-fw-ui);
}

.booking-notification-banner.unconfirmed[b-d4bci5zlxo] {
    background-color: var(--the-hue-warning-0);
    color: var(--the-hue-warning-6);
    border: 1px solid var(--the-hue-warning-3);
}

.booking-notification-banner.confirmed[b-d4bci5zlxo] {
    background-color: var(--the-hue-success-0);
    color: var(--the-hue-success-6);
    border: 1px solid var(--the-hue-success-3);
}

.booking-notification-banner.multiple[b-d4bci5zlxo] {
    background-color: var(--the-hue-info-0);
    color: var(--the-hue-info-6);
    border: 1px solid var(--the-hue-info-3);
}

.banner-content[b-d4bci5zlxo] {
    display: flex;
    align-items: center;
    gap: var(--the-unit-2x);
}

.banner-icon[b-d4bci5zlxo] {
    font-size: calc(var(--the-unit-fullrow) - 6px);
    flex-shrink: 0;
}

.banner-text[b-d4bci5zlxo] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--the-unit-1x);
}

.banner-primary[b-d4bci5zlxo] {
    font-size: var(--the-fs-fullrow);
    line-height: 1.4;
}

.banner-countdown[b-d4bci5zlxo] {
    font-size: var(--the-fs-smallrow);
    font-weight: 500;
}

.banner-actions[b-d4bci5zlxo] {
    display: flex;
    gap: var(--the-unit-2x);
    flex-shrink: 0;
}

.banner-actions .btn[b-d4bci5zlxo] {
    padding: var(--the-unit-1x) var(--the-unit-2x);
    font-size: var(--the-fs-fullrow);
    font-family: var(--the-ff-action);
    font-weight: var(--the-fw-action);
    border: none;
    border-radius: var(--the-box-radius);
    cursor: pointer;
    white-space: nowrap;
}

.banner-actions .btn-primary[b-d4bci5zlxo] {
    background-color: rgba(255, 255, 255, 0.3);
    color: inherit;
    font-weight: 600;
}

.banner-actions .btn-primary:hover[b-d4bci5zlxo] {
    background-color: rgba(255, 255, 255, 0.5);
}

.banner-actions .btn-secondary[b-d4bci5zlxo] {
    background-color: rgba(255, 255, 255, 0.15);
    color: inherit;
}

.banner-actions .btn-secondary:hover[b-d4bci5zlxo] {
    background-color: rgba(255, 255, 255, 0.3);
}

.banner-actions .btn-dismiss[b-d4bci5zlxo] {
    background-color: transparent;
    color: inherit;
    opacity: 0.7;
    padding: var(--the-unit-1x) var(--the-unit-2x);
}

.banner-actions .btn-dismiss:hover[b-d4bci5zlxo] {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.15);
}

/* Mobile-specific styles */
@media (max-width: 767px) {
    .desktop-text[b-d4bci5zlxo],
    .desktop-only[b-d4bci5zlxo] {
        display: none !important;
    }

    .mobile-text[b-d4bci5zlxo] {
        display: inline;
    }

    .banner-content[b-d4bci5zlxo] {
        gap: var(--the-unit-2x);
    }

    .banner-icon[b-d4bci5zlxo] {
        font-size: var(--the-unit-fullrow);
    }

    .banner-primary[b-d4bci5zlxo] {
        font-size: var(--the-fs-smallrow);
    }

    .banner-secondary[b-d4bci5zlxo],
    .banner-countdown[b-d4bci5zlxo] {
        font-size: var(--the-fs-smallrow);
    }

    .banner-actions[b-d4bci5zlxo] {
        gap: var(--the-unit-1x);
    }

    .banner-actions .btn[b-d4bci5zlxo] {
        padding: var(--the-unit-1x) var(--the-unit-2x);
        font-size: var(--the-fs-smallrow);
    }

    .banner-actions .btn-dismiss[b-d4bci5zlxo] {
        font-size: calc(var(--the-fs-fullrow) * 1.2);
        padding: var(--the-unit-1x);
    }
}

/* Desktop-specific styles */
@media (min-width: 768px) {
    .mobile-text[b-d4bci5zlxo] {
        display: none !important;
    }

    .desktop-text[b-d4bci5zlxo],
    .desktop-only[b-d4bci5zlxo] {
        display: inline;
    }

    .banner-content[b-d4bci5zlxo] {
        align-items: center;
    }

    .banner-text[b-d4bci5zlxo] {
        flex-direction: row;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
    }

    .banner-secondary[b-d4bci5zlxo],
    .banner-countdown[b-d4bci5zlxo] {
        display: inline;
    }
}
/* /Components/ButtonBar.razor.rz.scp.css */
.button-bar[b-2c7rml352r]  .the-field-row__cell:last-of-type {
    flex: 1;
}
/* /Components/LoginPage.razor.rz.scp.css */
.login[b-z1fm5zlck6] {
    align-self: start;
    align-items: center;
    display: grid;
    grid-column-gap: var(--the-unit-1x);
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(5, var(--the-unit-fullrow)) 1fr;
}

.wide[b-z1fm5zlck6] {
    grid-column: 1 / 3;
}
/* /Components/Rostering/BreakButton.razor.rz.scp.css */
.break[b-4he6sz8zq0] {
    width: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    border: 2px solid var(--the-hue-success-3);
    background: var(--the-hue-success-1);
    color: var(--the-hue-success-6);
    padding: var(--the-unit-1x);
    border-radius: var(--the-box-radius);
}

.premises[b-4he6sz8zq0] {
    grid-column: 1/2;
    font-weight: 600;
    justify-self: start;
    white-space: nowrap;
}

.period[b-4he6sz8zq0] {
    grid-column: 2/3;
    justify-self: end;
    white-space: nowrap;
}

[b-4he6sz8zq0] .the-command-bar {
    grid-column: 2/3;
}

/* narrower button on HD- screens */
@media (max-width: 1920px) {
    .break[b-4he6sz8zq0] {
        grid-template-rows: auto auto 1fr auto;
    }

    .period[b-4he6sz8zq0] {
        grid-column: 1/2;
    }
}
/* /Components/Rostering/ResponsiveCalendar.razor.rz.scp.css */
/* Container */
.calendar-container[b-1zivmlk7j6] {
    width: 100%;
    height: 100%;
}

.day-name[b-1zivmlk7j6] {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--the-hue-neutral-5);
}

.day-number[b-1zivmlk7j6] {
    font-weight: 700;
    color: var(--the-hue-neutral-4);
    margin-top: 2px;
}

/* desktop mode: multi-column grid */
@media (min-width: 720px) {
    .desktop-grid[b-1zivmlk7j6] {
        display: grid;
        grid-template-columns: auto repeat(7, 1fr);
        grid-template-rows: 60px repeat(var(--rows), 30px) 1fr;
        column-gap: 2px;
        background: var(--the-hue-neutral-5);
    }

    .time-header[b-1zivmlk7j6] {
        grid-column: 1;
        grid-row: 1;
        background: var(--the-hue-neutral-0);
        border-bottom: 2px solid var(--the-hue-neutral-5);
    }

    .time-label[b-1zivmlk7j6] {
        grid-column: 1;
        padding: var(--the-unit-1x) var(--the-unit-2x);
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--the-hue-neutral-3);
        text-align: right;
        background: var(--the-hue-neutral-0);
        border-bottom: 1px solid var(--the-hue-neutral-2);
    }

    .time-label-half[b-1zivmlk7j6] {
        grid-column: 1;
        background: var(--the-hue-neutral-0);
        border-bottom: 1px solid var(--the-hue-neutral-5);
    }

    .time-label-last[b-1zivmlk7j6] {
        grid-column: 1;
        background: var(--the-hue-neutral-0);
    }

    .day-column[b-1zivmlk7j6] {
        background: var(--the-hue-neutral-0);
        grid-row: 1 / -1;
        display: grid;
        grid-template-rows: 60px repeat(var(--rows), 30px) 1fr;
    }

    .day-column.current-day[b-1zivmlk7j6] {
        background: var(--the-hue-chrome-0);
    }

    .day-header[b-1zivmlk7j6] {
        grid-row: 1;
        padding: var(--the-unit-2x);
        text-align: center;
        border-bottom: 2px solid var(--the-hue-neutral-5);
        background: var(--the-hue-neutral-0);
        min-height: 60px;
    }

    .day-name[b-1zivmlk7j6] {
        font-size: 0.875rem;
    }

    .day-number[b-1zivmlk7j6] {
        font-size: 1.25rem;
    }

    .day-content[b-1zivmlk7j6] {
        grid-row: 2 / span var(--rows);
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(var(--rows), 30px);
    }

    .calendar-item[b-1zivmlk7j6] {
        grid-column: 1;
        margin: 1px 2px;
        overflow: hidden;
        background: rgba(25, 118, 210, 0.1);
    }

    .mobile-list[b-1zivmlk7j6] {
        display: none;
    }
}

/* phone mode: single-column list */
@media (max-width: 719px) {
    .desktop-grid[b-1zivmlk7j6] {
        display: none;
    }

    .mobile-list[b-1zivmlk7j6] {
        display: flex;
        flex-direction: column;
        gap: var(--the-unit-4x);
        padding: var(--the-unit-2x);
    }

    .day-section[b-1zivmlk7j6] {
        background: var(--the-hue-neutral-0);
        border-radius: var(--the-unit-2x);
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .day-header[b-1zivmlk7j6] {
        padding: var(--the-unit-2x) var(--the-unit-4x);
        font-weight: 600;
        font-size: 1rem;
        background: var(--the-hue-neutral-2);
        border-bottom: 2px solid var(--the-hue-neutral-3);
    }

    .day-section.current-day .day-header[b-1zivmlk7j6] {
        background: var(--the-hue-chrome-1);
        border-bottom-color: var(--the-hue-chrome-3);
    }

    .item-list[b-1zivmlk7j6] {
        padding: var(--the-unit-2x);
        position: relative;
    }

    .day-section.current-day .item-list[b-1zivmlk7j6] {
        background: var(--the-hue-chrome-0);
    }

    .item-time[b-1zivmlk7j6] {
        padding: var(--the-unit-1x) var(--the-unit-2x);
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--the-hue-neutral-4);
        position: relative;
    }

    .calendar-item[b-1zivmlk7j6] {
        margin: 0 var(--the-unit-1x) var(--the-unit-2x) var(--the-unit-1x);
        background: var(--the-hue-neutral-0);
        position: relative;
    }

    .calendar-item:last-child[b-1zivmlk7j6] {
        margin-bottom: var(--the-unit-1x);
    }
}
/* /Components/Rostering/RosterView.razor.rz.scp.css */
.week-header[b-63bxe199cg] {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--the-unit-2x);
}

.week-select[b-63bxe199cg] {
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: start;
    gap: var(--the-unit-1x);
}

.week[b-63bxe199cg] {
    text-align: center;
    white-space: nowrap;
}

.roster[b-63bxe199cg] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
}

.shifts[b-63bxe199cg] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
/* /Components/Rostering/ShiftButton.razor.rz.scp.css */
.shift[b-j3eh6k4rcr] {
    width: 100%;
    height: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    border: 2px solid var(--the-hue-action-3);
    background: var(--the-hue-action-1);
    color: var(--the-hue-action-6);
    padding: var(--the-unit-1x);
    border-radius: var(--the-box-radius);
}

.premises[b-j3eh6k4rcr] {
    grid-column: 1/2;
    font-weight: 600;
    justify-self: start;
    white-space: nowrap;
}

.period[b-j3eh6k4rcr] {
    grid-column: 2/3;
    justify-self: end;
    white-space: nowrap;
}

.bookings[b-j3eh6k4rcr] {
    grid-column: 1/3;
}

[b-j3eh6k4rcr] .the-command-bar {
    grid-column: 1/3;
}

/* narrower button on HD- screens */
@media (max-width: 1920px) {
    .shift[b-j3eh6k4rcr] {
        grid-template-rows: auto auto 1fr auto;
    }
    .period[b-j3eh6k4rcr] {
        grid-column: 1/2;
    }
}
/* /Components/Scheduling/BookingStatusBadge.razor.rz.scp.css */
.booking-status-badge[b-yun4rb3f4d] {
    display: flex;
    align-items: center;
    gap: var(--the-unit-2x);
    padding: var(--the-unit-2x) var(--the-unit-4x);
    border-radius: var(--the-box-radius);
    margin-bottom: var(--the-unit-4x);
    font-size: var(--the-fs-fullrow);
    font-family: var(--the-ff-ui);
    font-weight: var(--the-fw-ui);
    line-height: 1.5;
}

.booking-status-badge.confirmed[b-yun4rb3f4d] {
    background-color: var(--the-hue-success-0);
    border-left: var(--the-unit-1x) solid var(--the-hue-success-3);
    color: var(--the-hue-success-6);
}

.booking-status-badge.unconfirmed[b-yun4rb3f4d] {
    background-color: var(--the-hue-warning-0);
    border-left: var(--the-unit-1x) solid var(--the-hue-warning-3);
    color: var(--the-hue-warning-6);
}

.booking-status-badge.cancelled[b-yun4rb3f4d] {
    background-color: var(--the-hue-neutral-1);
    border-left: var(--the-unit-1x) solid var(--the-hue-neutral-3);
    color: var(--the-hue-neutral-5);
}

.booking-status-badge.rescheduling[b-yun4rb3f4d] {
    background-color: var(--the-hue-info-0);
    border-left: var(--the-unit-1x) solid var(--the-hue-info-3);
    color: var(--the-hue-info-6);
}

.badge-icon[b-yun4rb3f4d] {
    font-size: var(--the-unit-fullrow);
    flex-shrink: 0;
}

.badge-text[b-yun4rb3f4d] {
    flex-grow: 1;
}

.badge-text strong[b-yun4rb3f4d] {
    font-weight: 600;
}

@media (max-width: 767px) {
    .booking-status-badge[b-yun4rb3f4d] {
        font-size: var(--the-fs-smallrow);
        padding: var(--the-unit-2x);
    }

    .badge-icon[b-yun4rb3f4d] {
        font-size: calc(var(--the-unit-fullrow) - var(--the-unit-1x));
    }
}
/* /Components/Scheduling/ResponsiveColumn.razor.rz.scp.css */
/* when the page is unpadded, give this part of it padding */
@media screen and (max-width: 1219px) {
    @media (orientation: portrait), (max-width: 719px) {
        .rc[b-lcflsqg0f5] {
            padding: 0 var(--the-unit-1x);
        }
    }
}

.rc > *:first-child[b-lcflsqg0f5] {
    margin-top: 0;
}

.rc > *:last-child[b-lcflsqg0f5] {
    margin-bottom: 0;
}
/* /Components/Scheduling/SelectPreciseWindow.razor.rz.scp.css */
hr[b-apbj6jufzp] {
    height: 3px;
    margin: 13.5px 0;
    background: var(--the-hue-chrome-2);
    border-width: 0;
}

h2[b-apbj6jufzp] {
    line-height: var(--the-unit-fullrow);
    margin: var(--the-unit-fullrow) 0;
}

h3[b-apbj6jufzp] {
    line-height: var(--the-unit-fullrow);
    margin-bottom: 0;
    margin-top: var(--the-unit-fullrow);
}

.timeslot[b-apbj6jufzp] >  * {
    width: 100%;
}

.selected-time-window[b-apbj6jufzp] {
    padding: var(--the-unit-2x);
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid;
    /*color: var(--the-hue-neutral-6);*/
    background-color: var(--the-hue-success-1);
    border-color: var(--the-hue-success-3);
    color: var(--the-hue-success-6);
}

.selected-time-window[b-apbj6jufzp]  .the-icon {
    width: var(--the-unit-fullfield);
    height: var(--the-unit-fullfield);
    padding: 4px;
    cursor: pointer;
}

.the-notification-view[b-apbj6jufzp]  a {
    vertical-align: middle;
}

.the-notification-view[b-apbj6jufzp]  .the-feather-icon {
    height: 24px;
    margin-right: 0;
}

.header[b-apbj6jufzp] {
    height: var(--the-unit-fullfield);
    display: flex;
}

.message[b-apbj6jufzp] {
    font-size: 1.25rem;
}

.details[b-apbj6jufzp] {
    margin: 0;
    height: var(--the-unit-smallrow);
    white-space: nowrap;
    display: flex;
}

.time[b-apbj6jufzp] {
    display: inline-block;
    text-align: center;
    min-width: 160px;
}

.actions[b-apbj6jufzp] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
}

.the-notification-view[b-apbj6jufzp] {
    padding: var(--the-unit-2x);
}
/* /Components/Scheduling/SelectWindow.razor.rz.scp.css */
hr[b-ms20ik9i7r] {
    height: 3px;
    margin: 13.5px 0;
    background: var(--the-hue-chrome-2);
    border-width: 0;
}

h2[b-ms20ik9i7r] {
    line-height: var(--the-unit-fullrow);
    margin: var(--the-unit-fullrow) 0;
}

h3[b-ms20ik9i7r] {
    line-height: var(--the-unit-fullrow);
    margin-bottom: 0;
    margin-top: var(--the-unit-fullrow);
}

.timeslot[b-ms20ik9i7r] >  * {
    width: 100%;
}

.selected-time-window[b-ms20ik9i7r] {
    padding: var(--the-unit-2x);
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid;
    /*color: var(--the-hue-neutral-6);*/
    background-color: var(--the-hue-success-1);
    border-color: var(--the-hue-success-3);
    color: var(--the-hue-success-6);
}

.selected-time-window[b-ms20ik9i7r]  .the-icon {
    width: var(--the-unit-fullfield);
    height: var(--the-unit-fullfield);
    padding: 4px;
    cursor: pointer;
}

.the-notification-view[b-ms20ik9i7r]  a {
    vertical-align: middle;
}

.the-notification-view[b-ms20ik9i7r]  .the-feather-icon {
    height: 24px;
    margin-right: 0;
}

.header[b-ms20ik9i7r] {
    height: var(--the-unit-fullfield);
    display: flex;
}

.message[b-ms20ik9i7r] {
    font-size: 1.25rem;
}

.details[b-ms20ik9i7r] {
    margin: 0;
    height: var(--the-unit-smallrow);
    white-space: nowrap;
    display: flex;
}

.time[b-ms20ik9i7r] {
    display: inline-block;
    text-align: center;
    min-width: 160px;
}

.actions[b-ms20ik9i7r] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
}

.the-notification-view[b-ms20ik9i7r] {
    padding: var(--the-unit-2x);
}
/* /Components/Scheduling/VerticalField.razor.rz.scp.css */
.f[b-dk5vvoegdd] {
    min-height: calc(var(--the-unit) * 12);
}

.f > label[b-dk5vvoegdd] {
    line-height: var(--the-unit-fullrow);
    margin-bottom: 2px;
    display: block;
}

.f[b-dk5vvoegdd]  p {
    margin: 0;
    line-height: var(--the-unit-fullrow);
    font-weight: bold;
}
/* /Components/TestView.razor.rz.scp.css */
.layout[b-re4hl2vhpo] {
    color: var(--the-hue-debug-6);
    background: var(--the-hue-debug-1);
    border: 2px solid var(--the-hue-debug-3);
}

.header[b-re4hl2vhpo] {
    border-bottom: 2px solid var(--the-hue-debug-6);
    background: var(--the-hue-debug-5);
    color: var(--the-hue-debug-0);
}

.layout[b-re4hl2vhpo] >  *:last-child {
    padding: var(--the-unit-1x);
}
/* /Pages/Admin/Index.razor.rz.scp.css */
.layout[b-5pl95qksdo] {
    display: flex;
    flex-direction: column;
    gap: var(--the-unit-fullrow);
}

.layout[b-5pl95qksdo] >  * {
    min-height: calc(var(--the-unit) * 30);
}
/* /Pages/Embed/PremisesWidget.razor.rz.scp.css */
.widget[b-f2mvbopmj9] {
    border: 2px solid var(--the-hue-action-3);
    background: var(--the-hue-action-1);
    color: var(--the-hue-action-6);
    padding: var(--the-unit-1x);
    margin-top: var(--the-unit-1x);
    margin-right: var(--the-unit-2x);
    border-radius: var(--the-box-radius);
    user-select: none;
}

header[b-f2mvbopmj9] {
    font-weight: bold;
    font-size: 24px;
}
/* /Pages/Index.razor.rz.scp.css */
.scenarios[b-m424f1cgx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 5px;
}

.scenarios[b-m424f1cgx5]  button {
    min-width: 200px;
    height: 4em;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    color: black;
}

.scenarios[b-m424f1cgx5]  button:hover {
    background: gray;
}

code[b-m424f1cgx5] {
    font-size: small;
}
/* /Pages/Login.razor.rz.scp.css */
.container[b-iv52c4qm52]{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh;
}
form[b-iv52c4qm52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 35%;
    width: 20%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 20%;
}

.Page[b-iv52c4qm52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}


label[b-iv52c4qm52] {
    margin: 5px 10px;
    font-weight: bold;
}

input[b-iv52c4qm52] {
    padding: 5px;
    margin-bottom: 10px;
    width: 200px;
}

button[b-iv52c4qm52] {
    padding: 8px 12px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

    button:hover[b-iv52c4qm52] {
        background-color: #45a049;
    }

p[b-iv52c4qm52] {
    color: slategrey;
}

h3[b-iv52c4qm52] {
    margin-bottom: 10px;
}

div[b-iv52c4qm52] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.log-out[b-iv52c4qm52]{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 10%;
}

.popup-container[b-iv52c4qm52] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 20%;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .popup-container h3[b-iv52c4qm52] {
        font-size: 1.2rem;
        margin-top: 0;
    }

    .popup-container p[b-iv52c4qm52] {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .popup-container button[b-iv52c4qm52] {
        margin-right: 10px;
        background-color: blue;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 8px 16px;
        cursor: pointer;
        font-size: 1rem;
    }

        .popup-container button:hover[b-iv52c4qm52] {
            background-color: darkblue;
        }

    .popup-container label[b-iv52c4qm52] {
        display: block;
        margin-bottom: 5px;
    }

    .popup-container input[type="timespan"][b-iv52c4qm52] {
        display: block;
        width: 100%;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

.text[b-iv52c4qm52] {
    font-family: 'Courier New';
    font-size: x-large;
}
/* /Pages/Public/ListBookings.razor.rz.scp.css */
td[b-mn119cine9] {
    padding: 0 var(--the-unit-2x);
    white-space: nowrap;
}
/* /Pages/Staff/Index.razor.rz.scp.css */
table[b-d6dz15u0na] {
    border-collapse: collapse;
    width: 90%;
    margin: auto;
    animation: table-glow 2s ease-out infinite alternate;
}

td[b-d6dz15u0na] {
    border: 1px solid black;
    padding: 10px;
    position: relative;
    width: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    animation: cell-glow 2s ease-out infinite alternate;
}

.shift[b-d6dz15u0na] {
    background-color: #ff4d4d;
    color: #fff;
    box-shadow: 0px 0px 20px #ff4d4d;
}

    .shift:hover[b-d6dz15u0na] {
        background-color: red;
    }

.free[b-d6dz15u0na] {
    background-color: #ddd;
    box-shadow: 0px 0px 20px #ddd;
}
.listView-container[b-d6dz15u0na] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.listView[b-d6dz15u0na] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100px;
    margin: 10px;
    border-radius: 20px 50px 50px 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .listView:hover[b-d6dz15u0na] {
        transform: translateY(-5px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    }

    .listView p[b-d6dz15u0na] {
        margin: 5px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }
.popup-overlay[b-d6dz15u0na] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.popup-container[b-d6dz15u0na] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 20%;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .popup-container h3[b-d6dz15u0na] {
        font-size: 1.2rem;
        margin-top: 0;
    }

    .popup-container p[b-d6dz15u0na] {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .popup-container button[b-d6dz15u0na] {
        margin-right: 10px;
        background-color: blue;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 8px 16px;
        cursor: pointer;
        font-size: 1rem;
    }

        .popup-container button:hover[b-d6dz15u0na] {
            background-color: darkblue;
        }

    .popup-container label[b-d6dz15u0na] {
        display: block;
        margin-bottom: 5px;
    }

    .popup-container input[type="timespan"][b-d6dz15u0na] {
        display: block;
        width: 100%;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    textarea[b-d6dz15u0na]{
        resize: none;
    }

    .button-div[b-d6dz15u0na]{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .text[b-d6dz15u0na]{
        font-family: 'Courier New';
        font-size: x-large;
    }
/* /Pages/Staff/Reception.razor.rz.scp.css */
body[b-i2ec5biito] {
    color: blue;

}

h1[b-i2ec5biito]{
    font-family: 'Berlin Sans FB';
}

.categories[b-i2ec5biito]{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 10px;
}
.category[b-i2ec5biito]{
    background-color: darkblue;
    color: darkcyan;
    font-family: 'Agency FB';
    width: 20%;
    height: 100%;
    text-align: center;
    border: darkcyan solid;
    border-radius: 50px;
}

.category:hover[b-i2ec5biito]{
    background-color: #0000a0;
    color: #00ff7d;
}

.main-body[b-i2ec5biito]{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 5%;
}

.options[b-i2ec5biito]{
    font-family: 'Agency FB';
    width: 33%;
    text-align: center;
}

.option[b-i2ec5biito]{
    border: black solid;
    border-collapse: collapse;
    margin: 3px;
    background-color: lightgray;
}
.option:hover[b-i2ec5biito]{
    background-color: #4e4e4e;
    color: lightgray;
}
/* /theme.css */