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

/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/Card.razor.rz.scp.css */
.card[b-o04t2nump2] {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--bov-almost-black);
    background: var(--bov-pure-white);
    font-weight: 500;
    border: 1px solid #f5f0f2;
    box-shadow: 0px 9px 4px rgba(90, 19, 64, 0.01), 0px 5px 3px rgba(90, 19, 64, 0.02), 0px 2px 2px rgba(90, 19, 64, 0.03), 0px 1px 1px rgba(90, 19, 64, 0.04), 0px 0px 0px rgba(90, 19, 64, 0.04);
    border-radius: 8px;
    margin-bottom: 1.25rem;
    text-align: left;
}

    .card:hover[b-o04t2nump2], .card:focus[b-o04t2nump2] {
        background: var(--bov-primary-lightest);
        border: 1px solid #f2dfe7;
        outline: none;
    }

    .card:focus[b-o04t2nump2] {
        border: 2px solid var(--bov-primary-400);
    }

    .card .title[b-o04t2nump2] {
        font-size: 1.3125rem;
        font-weight: 500;
        max-width: 80%
    }

    .card .subtitle[b-o04t2nump2] {
        padding-top: 0.5rem;
        color: var(--bov-mid-grey);
    }

    .card.selected[b-o04t2nump2] {
        border: 2px solid var(--bov-primary-400);
        background-color: var(--bov-pure-white)
    }

    .card .icon-container[b-o04t2nump2] {
        display: flex;
        align-items: center;
    }

        .card .icon-container .icon-suffix[b-o04t2nump2] {
            color: var(--bov-primary-400);
            margin-left: 0.340625rem;
        }

    .card .topic-header[b-o04t2nump2] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .card.card-appointment-type[b-o04t2nump2] {
        height: 12.5rem;
        flex-direction: column;
        justify-content: center;
    }

        .card.card-appointment-type .icon-container[b-o04t2nump2]  .icon {
            width: 3.5rem;
            height: 3.5rem;
        }

    .card.card-service[b-o04t2nump2] {
        justify-content: space-between;
        flex-direction: row;
        padding: 0 1.5rem;
    }

    .card.card-topic[b-o04t2nump2] {
        padding: 2rem;
        flex-direction: column;
        align-items: start;
    }

        .card.card-topic .icon-container[b-o04t2nump2]  .icon {
            width: 2rem;
            height: 2rem;
        }

    .card.card-service[b-o04t2nump2] {
        height: 6rem;
    }

        .card.card-service .icon-container[b-o04t2nump2] {
            width: 9rem;
            border-left: 1px solid var(--bov-lightest-grey);
            padding-left: 1rem;
        }

            .card.card-service .icon-container[b-o04t2nump2]  .icon {
                width: 2rem;
                height: 2rem;
            }
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/OnlineServiceSelector.razor.rz.scp.css */
.virtual-appointment-alert[b-7cdv355u01] {
    display: flex;
    padding: 1rem 0.5rem 1rem 0.5rem;
    gap: 0.5rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--bov-primary-400);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    align-items: center;
    text-align: left;
}

    .virtual-appointment-alert[b-7cdv355u01]  .icon {
        width: 2rem;
        height: 2rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/PolicyCheckbox.razor.rz.scp.css */
.form-check-input:checked[b-84hiwago19] {
    background-color: var(--bov-primary-400);
    border-color: var(--bov-primary-400);
}

.form-check-input:focus[b-84hiwago19] {
    box-shadow: none;
    outline: none;
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/SearchBar.razor.rz.scp.css */
input:focus[b-t7o0q1nkdc] {
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4230_4107)'%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='%23840B55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4438 16.4438L21.0001 21.0001' stroke='%23840B55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4230_4107'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

input[b-t7o0q1nkdc] {
    border-radius: 4px;
    border: 0;
    padding: 1rem 0.75rem;
    color: var(--bov-mid-grey);
    caret-color: var(--bov-primary-600);
    text-indent: 1.75rem;
    background-origin: content-box, padding-box;
    background-image: url("data:image/svg+xml,%3csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3cpath d='M21.75 37.5C30.4485 37.5 37.5 30.4485 37.5 21.75C37.5 13.0515 30.4485 6 21.75 6C13.0515 6 6 13.0515 6 21.75C6 30.4485 13.0515 37.5 21.75 37.5Z' stroke='%238b9298' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' /%3e %3cpath d='M32.8875 32.8877L42 42.0002' stroke='%238b9298' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

    input[b-t7o0q1nkdc]::placeholder {
        color: var(--bov-mid-grey);
        text-indent: 1.75rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/StepHeader.razor.rz.scp.css */
.subtitle-without-description[b-1z4idk4s02] {
    padding-bottom: 1rem;
}

@media (max-width: 1024px) {
    h3[b-1z4idk4s02] {
        font-size: 0.875rem;
    }

    .subtitle-with-description[b-1z4idk4s02] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .subtitle-without-description[b-1z4idk4s02] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Elements/Stepper.razor.rz.scp.css */
.stepper[b-7bpnzocm0j] {
    display: flex;
    justify-content: center;
    margin: 1.125rem 0;
}

    .stepper .step[b-7bpnzocm0j] {
        background: var(--bov-lightest-grey);
        border-radius: 10px;
        width: 2.8125rem;
        height: 0.25rem;
        margin-right: 0.375rem;
    }

        .stepper .step.active[b-7bpnzocm0j] {
            background: var(--bov-primary-400);
        }

@media (max-width: 1024px) {
    .stepper[b-7bpnzocm0j] {
        margin: 0;
        margin-top: 0.5rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Steps/AppointmentTopicSelector.razor.rz.scp.css */
.groups[b-yjg1f10on0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .groups div[b-yjg1f10on0] {
        width: 50%;
    }

    .groups[b-yjg1f10on0]  .card {
        width: 100%;
    }

@media (max-width: 1024px) {
    .groups[b-yjg1f10on0] {
        flex-direction: column;
    }

        .groups > div[b-yjg1f10on0] {
            width: 100%;
        }

        .groups div:nth-child(odd)[b-yjg1f10on0] {
            order: 1;
        }

        .groups div:nth-child(even)[b-yjg1f10on0] {
            order: 2;
        }

        .groups div:last-child[b-yjg1f10on0] {
            order: 3;
        }
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Steps/BranchSelector.razor.rz.scp.css */
.branch-search[b-t6bfoe6o1w], .branch-search-virtual[b-t6bfoe6o1w] {
    padding: 1rem;
    background-color: var(--bov-primary-400);
    text-align: left;
    border-top-left-radius: 8px;
    color: var(--bov-pure-white);
}

.branch-search-virtual[b-t6bfoe6o1w] {
    border-top-right-radius: 8px;
}

.branch-frame[b-t6bfoe6o1w] {
    background: var(--bov-pure-white);
    text-align: left;
    padding-top: 0.1rem;
    padding-right: var(--scrollbar-padding-right);
    padding-bottom: 0;
}

.branch-container[b-t6bfoe6o1w] {
    height: 38rem;
    overflow: scroll;
}

    .branch-container .single-branch-container[b-t6bfoe6o1w] {
        padding: 0.9375rem 1rem 1.5rem;
        border-bottom: 1px solid var(--bov-lightest-grey);
    }

        .branch-container .single-branch-container:last-child[b-t6bfoe6o1w] {
            border-bottom: none;
        }

        .branch-container .single-branch-container .name[b-t6bfoe6o1w] {
            font-weight: 600;
            margin-bottom: 0.25rem;
        }

        .branch-container .single-branch-container .address[b-t6bfoe6o1w] {
            margin-bottom: 0.25rem;
        }

        .branch-container .single-branch-container details[b-t6bfoe6o1w] {
            margin-bottom: 1.5rem;
        }

            .branch-container .single-branch-container details summary[b-t6bfoe6o1w] {
                font-weight: 500;
                background: transparent;
                border: none;
                color: var(--bov-primary-500);
                padding: 0;
                font-size: 1rem;
                letter-spacing: 0.004rem;
                text-decoration: underline;
                list-style: none;
            }

            .branch-container .single-branch-container details[open] summary[b-t6bfoe6o1w] {
                margin-bottom: 1.6875rem;
            }

                .branch-container .single-branch-container details[open] summary span:first-child[b-t6bfoe6o1w],
                .branch-container .single-branch-container details:not([open]) summary span:last-child[b-t6bfoe6o1w] {
                    display: none;
                }

            .branch-container .single-branch-container details summary span[b-t6bfoe6o1w]::after {
                content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                width: 1rem;
                height: 1rem;
                margin-left: 5px;
                display: inline-block;
                vertical-align: text-top;
            }

            .branch-container .single-branch-container details summary span:last-child[b-t6bfoe6o1w]::after {
                transform: rotate(180deg);
                vertical-align: text-bottom;
            }

            .branch-container .single-branch-container details dl dt[b-t6bfoe6o1w] {
                color: var(--bov-mid-grey);
                padding-bottom: 0.5rem;
                font-weight: 400;
                text-transform: uppercase;
            }

            .branch-container .single-branch-container details dl dd[b-t6bfoe6o1w] {
                margin-bottom: 0.25rem;
            }

                .branch-container .single-branch-container details dl dd ul[b-t6bfoe6o1w] {
                    list-style-type: none;
                    margin-bottom: 0;
                }

        .branch-container .single-branch-container .subtext[b-t6bfoe6o1w] {
            color: #737373;
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }

        .branch-container .single-branch-container button.primary[b-t6bfoe6o1w] {
            padding: 0.5rem 3.5rem;
        }

        .branch-container .single-branch-container.selected[b-t6bfoe6o1w] {
            background-color: var(--bov-primary-lightest);
        }

.mobile-branch-container[b-t6bfoe6o1w] {
    width: calc(100% / 3);
}

.map-container[b-t6bfoe6o1w] {
    width: calc(100% * 2 / 3)
}

#map[b-t6bfoe6o1w] {
    height: 100%;
    width: 100%;
    min-height: 700px;
}

.branch-message[b-t6bfoe6o1w] {
    display: flex;
    gap: 0.5rem;
    background: var(--bov-primary-lightest);
    border-radius: 0.25rem;
    border: solid 0.0625rem var(--bov-primary-500);
    padding: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.05rem;
}

    .branch-message[b-t6bfoe6o1w]  .icon {
        width: 1rem;
        height: 1rem;
    }

    .branch-message[b-t6bfoe6o1w]  p:last-child {
        margin-bottom: 0;
    }

    .branch-message[b-t6bfoe6o1w]  button.branch-reference {
        user-select: auto;
        color: var(--bov-primary-500);
        padding: 0;
        font-size: 0.875rem;
        font-weight: 700;
    }

@media (max-width: 1024px) {
    .branch-search[b-t6bfoe6o1w] {
        border-top-right-radius: 8px;
    }

    .mobile-branch-container[b-t6bfoe6o1w] {
        width: 100%;
        padding-left: 0rem;
        padding-right: 0rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Steps/Business/BusinessDetailsForm.razor.rz.scp.css */
p[b-39g8kb2326] {
    margin-bottom: 1.5rem;
    text-align: left;
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Steps/Business/BusinessRequestSelector.razor.rz.scp.css */
.groups[b-nknrrxq6nt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .groups div[b-nknrrxq6nt] {
        width: 50%;
    }

    .groups[b-nknrrxq6nt]  .card {
        width: 100%;
    }

@media (max-width: 1024px) {
    .groups[b-nknrrxq6nt] {
        flex-direction: column;
    }

        .groups > div[b-nknrrxq6nt] {
            width: 100%;
        }

        .groups div:nth-child(odd)[b-nknrrxq6nt] {
            order: 1;
        }

        .groups div:nth-child(even)[b-nknrrxq6nt] {
            order: 2;
        }

        .groups div:last-child[b-nknrrxq6nt] {
            order: 3;
        }
}
/* _content/AppointmentBookingSystem.Web/Components/AppointmentBooking/Steps/QueryContact/QueryContactForm.razor.rz.scp.css */
[b-csyakgqkoj] .d-block-desktop .description {
    margin-top: 2.4rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/AppointmentLogDetails.razor.rz.scp.css */
.appointment-details[b-7fvzj8y4dd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bov-pure-white);
    padding: 2rem;
    width: 37.125rem;
}

    .appointment-details dt:not(:first-child)[b-7fvzj8y4dd] {
        margin-top: 1.5rem;
    }

    .appointment-details dl dt[b-7fvzj8y4dd] {
        letter-spacing: 0.004rem;
        font-weight: 500;
        line-height: 1.25rem;
        color: var(--bov-primary-500);
        margin-bottom: 0.5rem;
    }

    .appointment-details dd[b-7fvzj8y4dd] {
        margin-bottom: 0;
        word-wrap: break-word;
    }

        .appointment-details dd.unavailable[b-7fvzj8y4dd] {
            font-style: italic;
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/AppointmentLogSearchResultFiltersModal.razor.rz.scp.css */
.filter[b-mfw1kixkxh] {
    display: flex;
    flex-direction: column;
}

    .filter .item[b-mfw1kixkxh] {
        padding: 1rem;
        border-bottom: 1px solid var(--bov-light-grey);
    }

        .filter .item:last-child[b-mfw1kixkxh] {
            border-bottom: 1px solid var(--bov-light-grey);
        }

    .filter .filter-header[b-mfw1kixkxh] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        color: var(--bov-primary-600);
    }

        .filter .filter-header .close[b-mfw1kixkxh] {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 0;
            height: 1.5rem;
            width: 1.5rem;
            padding: 0;
            border: none;
        }

    .filter .filter-content[b-mfw1kixkxh] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        overflow-y: hidden;
        max-height: 40rem;
    }

        .filter .filter-content[b-mfw1kixkxh]  details:not(:last-child) {
            border-bottom: solid 1px var(--bov-lightest-grey);
            padding-bottom: 1rem;
        }

        .filter .filter-content[b-mfw1kixkxh]  details[open] {
            overflow-y: auto;
        }

            .filter .filter-content[b-mfw1kixkxh]  details[open] summary {
                position: sticky;
                top: 0;
                background: white;
                z-index: 1;
            }

    .filter .filter-footer[b-mfw1kixkxh] {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
    }

.clear-button[b-mfw1kixkxh] {
    border: none;
}

.checkbox-group[b-mfw1kixkxh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
    justify-content: space-between;
}

    .checkbox-group[b-mfw1kixkxh]  input[type=checkbox] {
        width: 2rem;
        height: 2rem;
        border-width: 2px;
        margin: 0.3125rem;
    }

    .checkbox-group .group-name[b-mfw1kixkxh] {
        font-weight: 700;
        line-height: 1.2rem;
        grid-column: span 3;
    }

.checkbox-label[b-mfw1kixkxh] {
    display: flex;
    align-items: center;
}

    .checkbox-label[b-mfw1kixkxh]  input[type=checkbox] {
        flex-shrink: 0;
    }

    .checkbox-label .checkbox-label-content[b-mfw1kixkxh] {
        display: flex;
        flex-direction: column;
        line-height: 1.2rem;
        margin-left: 0.5rem;
        color: #2B1E3B;
    }

.email[b-mfw1kixkxh] {
    color: var(--bov-dark-grey);
}

.date-range-fieldset[b-mfw1kixkxh] {
    display: flex;
    padding: 0.5rem;
    align-items: center;
    gap: 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--Neutrals-Lightest-Grey, #DADCDE);
    background: #F7F4F6;
}

.date-field[b-mfw1kixkxh] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.validation-message[b-mfw1kixkxh] {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/AppointmentLogSearchResults.razor.rz.scp.css */
.results[b-ilu9uvjgot] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-block: 0.5rem;
}

[b-ilu9uvjgot] .icon {
    width: 1rem;
    height: 1rem;
}

[b-ilu9uvjgot] .action {
    display: inline-block;
    border: 1px solid var(--bov-primary-400);
    border-radius: 0.1875rem;
}

.no-results[b-ilu9uvjgot] {
    margin-top: 3rem;
}

.results-panel[b-ilu9uvjgot] {
    display: flex;
    justify-content: space-between;
}

    .results-panel .results-summary[b-ilu9uvjgot] {
        align-self: center;
    }

.filter-btn[b-ilu9uvjgot] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    padding: 0.5rem;
}

    .filter-btn[b-ilu9uvjgot]  .icon {
        width: 1.15rem;
        height: 1.15rem;
        margin: 0.375rem;
    }

    .filter-btn .filter-on[b-ilu9uvjgot] {
        position: absolute;
        top: -0.375rem;
        right: 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
        background: var(--bov-primary-500);
        border-radius: 2.5rem;
    }

.action-btn[b-ilu9uvjgot] {
    display: flex;
    box-sizing: content-box;
    padding: 1px;
}

.absent-btn[b-ilu9uvjgot] {
    background-color: var(--bov-primary-500);
}

.comments-column[b-ilu9uvjgot] {
    max-width: 50ch;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/AppointmentLogsSearchFilters.razor.rz.scp.css */
.appointments-search-filters[b-gsgk4b5w73] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--bov-pure-white);
    padding: 1rem;
    margin: 1rem 0 1.5rem;
}

.warning-message[b-gsgk4b5w73] {
    margin-top: 4.6875rem;
    text-align: center;
}

    .warning-message .title[b-gsgk4b5w73] {
        color: var(--bov-almost-black);
        font-size: 1.625rem;
    }

    .warning-message .message[b-gsgk4b5w73] {
        margin-top: 0.3125rem;
        font-size: 1.0625rem;
    }

    .warning-message .footer[b-gsgk4b5w73] {
        letter-spacing: 0.015625rem;
        margin-top: 1.125rem;
        color: var(--bov-mid-grey);
    }

.filters[b-gsgk4b5w73] {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
}

    .filters .action[b-gsgk4b5w73] {
        margin-left: auto;
    }

    .filters .branch-filter[b-gsgk4b5w73] {
        flex-grow: 1;
    }

    .filters .date-range-filter[b-gsgk4b5w73] {
        flex-grow: 0;
    }

    .filters .customer-info-filter[b-gsgk4b5w73] {
        flex-grow: 1;
    }

    .filters .customer-info-filter-text[b-gsgk4b5w73] {
        flex-grow: 2;
    }

    .filters .customer-info-filter[b-gsgk4b5w73]  .form-control {
        padding-top: 0;
        padding-bottom: 0;
    }

    .filters[b-gsgk4b5w73]  .validation-message {
        padding-left: 0;
    }

    .filters .date-range-filter[b-gsgk4b5w73]  .validation-message {
        width: 0;
        white-space: nowrap;
    }

    .filters[b-gsgk4b5w73]  option {
        background: #EAE2E2;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/AppointmentVersionHistory.razor.rz.scp.css */
.history-container[b-ih97w8wcg8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    min-width: 21rem;
    background-color: var(--bov-pure-white);
    border-top-left-radius: .5rem;
}

    .history-container .history-title[b-ih97w8wcg8] {
        font-size: 1rem;
        line-height: 1.2rem;
        color: var(--bov-primary-600);
    }

    .history-container .history-items[b-ih97w8wcg8] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .history-container[b-ih97w8wcg8]  .history-item {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        padding: .563rem .75rem .75rem .75rem;
        border-radius: .25rem;
        font-size: 0.875rem;
        line-height: 1.05rem;
        color: var(--bov-almost-black);
        text-decoration: none;
    }

        .history-container[b-ih97w8wcg8]  .history-item.active {
            background-color: var(--bov-primary-lightest);
        }

    .history-container[b-ih97w8wcg8]  .history-user {
        color: var(--bov-dark-grey);
    }

    @media print {
        .history-container[b-ih97w8wcg8]  .history-item.active {
            background-color: var(--bov-primary-lightest) !important;
            print-color-adjust: exact;
        }
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/LogDetailsComponent.razor.rz.scp.css */
.details-header[b-0uz4e7pffq] {
    display: flex;
    justify-content: space-between;
}

.layout-container[b-0uz4e7pffq] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

    .layout-container .details-component[b-0uz4e7pffq] {
        grid-column: 2;
    }

    .layout-container .history-component[b-0uz4e7pffq] {
        grid-column: 3;
        justify-self: end;
        margin-right: -1rem;
    }

    .layout-container .history-component[b-0uz4e7pffq]  .history-container {
        height: max(var(--details-height), 100dvh - var(--details-offset));
        overflow-y: auto;
    }

@media print {
    .details-header[b-0uz4e7pffq]  .print {
        display: none;
    }

    .layout-container .history-component[b-0uz4e7pffq]  .history-container {
        height: auto;
    }

    .layout-container .history-component[b-0uz4e7pffq]  .history-item {
        break-inside: avoid;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/AppointmentLogs/LogsListComponent.razor.rz.scp.css */
.component-header[b-7n6wyp6t4x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.component-results-message[b-7n6wyp6t4x] {
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    margin-top: 2rem;
}

[b-7n6wyp6t4x] .email {
    color: var(--bov-dark-grey);
}

[b-7n6wyp6t4x] .icon {
    width: 1rem;
    height: 1rem;
}

[b-7n6wyp6t4x] .action {
    display: inline-block;
    border: 1px solid var(--bov-primary-400);
    border-radius: 0.1875rem;
}

.results[b-7n6wyp6t4x] {
    margin-block: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.component-filter .filter-item[b-7n6wyp6t4x] {
    display: inline-flex;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    line-height: 1.625rem;
    letter-spacing: 0.02em;
}

    .component-filter .filter-item .filter-item-label[b-7n6wyp6t4x] {
        color: var(--bov-primary-500);
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Appointments/AppointmentSearchFilters.razor.rz.scp.css */
.appointments-search-filters[b-55uzh8glj0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--bov-pure-white);
    padding: 1rem;
    margin: 1rem 0 1.5rem;
}

.warning-message[b-55uzh8glj0] {
    margin-top: 4.6875rem;
    text-align: center;
}

    .warning-message .title[b-55uzh8glj0] {
        color: var(--bov-almost-black);
        font-size: 1.625rem;
    }

    .warning-message .message[b-55uzh8glj0] {
        margin-top: 0.3125rem;
        font-size: 1.0625rem;
    }

    .warning-message .footer[b-55uzh8glj0] {
        letter-spacing: 0.015625rem;
        margin-top: 1.125rem;
        color: var(--bov-mid-grey);
    }

.filters[b-55uzh8glj0] {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
}

    .filters .action[b-55uzh8glj0] {
        margin-left: auto;
    }

    .filters .branch-filter[b-55uzh8glj0] {
        flex-grow: 1;
    }

    .filters .date-range-filter[b-55uzh8glj0] {
        flex-grow: 0;
    }

    .filters .customer-info-filter[b-55uzh8glj0] {
        flex-grow: 1;
    }

    .filters .customer-info-filter-text[b-55uzh8glj0] {
        flex-grow: 2;
    }

    .filters .customer-info-filter[b-55uzh8glj0]  .form-control {
        padding-top: 0;
        padding-bottom: 0;
    }

    .filters[b-55uzh8glj0]  .validation-message {
        padding-left: 0;
    }

    .filters .date-range-filter[b-55uzh8glj0]  .validation-message {
        width: 0;
        white-space: nowrap;
    }

    .filters[b-55uzh8glj0]  option {
        background: #EAE2E2;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Appointments/AppointmentSearchPaginator.razor.rz.scp.css */
.paginator[b-jwock6ce7c] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

    .paginator > div[b-jwock6ce7c] {
        cursor: pointer;
    }

    .paginator[b-jwock6ce7c]  .active {
        color: var(--bov-primary-400);
    }

    .paginator[b-jwock6ce7c]  .disabled {
        cursor: initial;
    }

        .paginator[b-jwock6ce7c]  .disabled .icon {
            color: var(--bov-dark-grey);
        }

[b-jwock6ce7c] .icon {
    width: 16px;
    height: 16px;
    color: var(--bov-almost-black);
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Appointments/AppointmentSearchResultFiltersModal.razor.rz.scp.css */
.filter[b-hxjt8kup2x] {
    display: flex;
    flex-direction: column;
}

    .filter .item[b-hxjt8kup2x] {
        padding: 1rem;
        border-bottom: 1px solid var(--bov-light-grey);
    }

        .filter .item:last-child[b-hxjt8kup2x] {
            border-bottom: none;
        }

    .filter .filter-header[b-hxjt8kup2x] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        color: var(--bov-primary-600);
    }

        .filter .filter-header .close[b-hxjt8kup2x] {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 0;
            height: 1.5rem;
            width: 1.5rem;
            padding: 0;
            border: none;
        }

    .filter .filter-content[b-hxjt8kup2x] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        overflow-y: hidden;
        max-height: 40rem;
    }

        .filter .filter-content[b-hxjt8kup2x]  details:first-child {
            border-bottom: solid 1px var(--bov-lightest-grey);
            padding-bottom: 1rem;
        }

        .filter .filter-content[b-hxjt8kup2x]  details[open] {
            overflow-y: auto;
        }

            .filter .filter-content[b-hxjt8kup2x]  details[open] summary {
                position: sticky;
                top: 0;
                background: white;
                z-index: 1;
            }

    .filter .filter-footer[b-hxjt8kup2x] {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
    }

.clear-button[b-hxjt8kup2x] {
    border: none;
}

.checkbox-group[b-hxjt8kup2x] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
    justify-content: space-between;
}

    .checkbox-group[b-hxjt8kup2x]  input[type=checkbox] {
        width: 2rem;
        height: 2rem;
        border-width: 2px;
        margin: 0.3125rem;
    }

    .checkbox-group .group-name[b-hxjt8kup2x] {
        font-weight: 700;
        line-height: 1.2rem;
        grid-column: span 3;
    }

.checkbox-label[b-hxjt8kup2x] {
    display: flex;
    align-items: center;
}

    .checkbox-label[b-hxjt8kup2x]  input[type=checkbox] {
        flex-shrink: 0;
    }

    .checkbox-label .checkbox-label-content[b-hxjt8kup2x] {
        display: flex;
        flex-direction: column;
        line-height: 1.2rem;
        margin-left: 0.5rem;
        color: #2B1E3B;
    }

.email[b-hxjt8kup2x] {
    color: var(--bov-dark-grey);
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Appointments/AppointmentSearchResults.razor.rz.scp.css */
.results[b-ovicl4vnpb] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-block: 0.5rem;
}

[b-ovicl4vnpb] .icon {
    width: 1rem;
    height: 1rem;
}

[b-ovicl4vnpb] .action {
    display: inline-block;
    border: 1px solid var(--bov-primary-400);
    border-radius: 0.1875rem;
}

[b-ovicl4vnpb] .action-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.no-results[b-ovicl4vnpb] {
    margin-top: 3rem;
}

.results-panel[b-ovicl4vnpb] {
    display: flex;
    justify-content: space-between;
}

    .results-panel .results-summary[b-ovicl4vnpb] {
        align-self: center;
    }

.results-summary-buttons[b-ovicl4vnpb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.filter-btn[b-ovicl4vnpb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    padding: 0.5rem;
}

    .filter-btn[b-ovicl4vnpb]  .icon {
        width: 1.15rem;
        height: 1.15rem;
        margin: 0.375rem;
    }

    .filter-btn .filter-on[b-ovicl4vnpb] {
        position: absolute;
        top: -0.375rem;
        right: 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
        background: var(--bov-primary-500);
        border-radius: 2.5rem;
    }

.action-btn[b-ovicl4vnpb] {
    display: flex;
    box-sizing: content-box;
    padding: 1px;
}

.absent-btn[b-ovicl4vnpb] {
    background-color: var(--bov-primary-500);
}

.comments-column[b-ovicl4vnpb] {
    max-width: 50ch;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Availability/AvailabilityBranchServiceSelector.razor.rz.scp.css */
[b-mwa5jlxset] .card.card-service {
    padding: 0.5rem;
    border: 1px solid var(--bov-mid-grey);
    border-radius: 0.25rem;
    height: inherit;
}

    [b-mwa5jlxset] .card.card-service .title {
        font-size: 1.125rem;
    }

    [b-mwa5jlxset] .card.card-service .icon-container .icon {
        width: 1rem;
        height: 1rem;
    }

    [b-mwa5jlxset] .card.card-service.selected {
        background-color: var(--bov-primary-lightest);
        border: 2px solid var(--bov-primary-400);
    }

[b-mwa5jlxset] .card .icon-container .icon-suffix {
    font-size: 1rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Availability/AvailabilityComponent.razor.rz.scp.css */
.branches-filter[b-yaaw1l14lo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--bov-pure-white);
    padding: 1rem;
    border-radius: var(--default-border-radius);
}

    .branches-filter .action-buttons[b-yaaw1l14lo] {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
    }

.ms-bookings-note[b-yaaw1l14lo] {
    background: var(--warning);
    padding: 1rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.35rem;
    border-radius: var(--default-border-radius);
}

[b-yaaw1l14lo] form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Availability/AvailabilityServiceCustomHoursDay.razor.rz.scp.css */
.day-custom-hours-container[b-dzndtjz6zc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    background: var(--bov-pure-white);
    margin-bottom: 1rem;
    padding: 1rem;
}

    .day-custom-hours-container:last-child[b-dzndtjz6zc] {
        margin-bottom: 0;
    }

    .day-custom-hours-container .day-custom-hours-title[b-dzndtjz6zc] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

        .day-custom-hours-container .day-custom-hours-title h2[b-dzndtjz6zc] {
            color: var(--bov-almost-black);
            width: 25%;
        }

        .day-custom-hours-container .day-custom-hours-title .custom-hours-add-button-container[b-dzndtjz6zc] {
            width: 25%;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
        }

        .day-custom-hours-container .day-custom-hours-title button:not(.custom-hours-add-button-container button)[b-dzndtjz6zc] {
            text-decoration: none;
            font-weight: 500;
            font-size: 1rem;
        }

    .day-custom-hours-container .day-custom-hours-slots[b-dzndtjz6zc]{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

.custom-hours-add-button-container button[b-dzndtjz6zc] {
        display: flex;
        padding: 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-color: var(--bov-primary-500);
    }

    .custom-hours-add-button-container button[b-dzndtjz6zc]  .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

.no-custom-hours[b-dzndtjz6zc] {
    color: var(--bov-almost-black);
    font-style: italic;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Availability/AvailabilityServiceCustomHoursSlot.razor.rz.scp.css */
.custom-hours-slot-selector-container[b-pyxsyx56o6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.5rem;
    gap: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid var(--bov-lightest-grey);
    background: #f7f4f6;
}

    .custom-hours-slot-selector-container .custom-hours-slot-selector-fields[b-pyxsyx56o6] {
        display: flex;
        flex-direction: row;
        column-gap: 1rem;
    }

        .custom-hours-slot-selector-container .custom-hours-slot-selector-fields .field[b-pyxsyx56o6] {
            display: flex;
            flex-direction: row;
            align-items: center;
            column-gap: 0.5rem;
        }

        .custom-hours-slot-selector-container button[b-pyxsyx56o6]  .icon {
            width: 1.5rem;
            height: 1.5rem;
        }

    .custom-hours-slot-selector-container[b-pyxsyx56o6]  select {
        border-radius: 0.25rem;
        border: 1px solid var(--bov-light-grey);
        background-color: var(--bov-pure-white);
        padding: 0.25rem 0.5rem;
        height: inherit;
        width: 5.5rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BackofficeHeader.razor.rz.scp.css */
.header-component[b-z9wy04xbdw] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

    .header-component .header-actions[b-z9wy04xbdw] {
        display: flex;
        gap: 1rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BackOfficeNavigationBar.razor.rz.scp.css */
.navbar-routes[b-f62e60bwof] {
    display: flex;
    list-style: none;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

    .navbar-routes[b-f62e60bwof]  .nav-button {
        padding: .5rem;
        border-radius: 4px;
        font-size: 1rem;
        font-weight: 700;
        color: var(--bov-almost-black);
        text-decoration: none;
    }

        .navbar-routes[b-f62e60bwof]  .nav-button:hover {
            background-color: var(--bov-primary-lightest);
        }

        .navbar-routes[b-f62e60bwof]  .nav-button:active {
            background-color: var(--bov-primary-light);
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BookAppointment/BookAppointmentComponent.razor.rz.scp.css */
.processing-message[b-hj8b6tyf60] {
    margin-top: 2rem;
}

.header-section[b-hj8b6tyf60] {
    display: flex;
    padding-bottom: 2rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BranchSynchronizations/ViewBranchSynchronization/BranchSynchronizationSearchFilters.razor.rz.scp.css */
.search-filters[b-hhucworo8j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--bov-pure-white);
    padding: 1rem;
    margin: 1rem 0 1.5rem;
}

    .search-filters .filters[b-hhucworo8j] {
        display: flex;
        flex-direction: row;
        column-gap: 1rem;
    }

        .search-filters .filters .action[b-hhucworo8j] {
            margin-left: auto;
        }

        .search-filters .filters .branch-filter[b-hhucworo8j] {
            flex-grow: 0.25;
        }

        .search-filters .filters .date-range-filter[b-hhucworo8j] {
            flex-grow: 0;
        }

        .search-filters .filters[b-hhucworo8j]  .validation-message {
            padding-left: 0;
        }

        .search-filters .filters .date-range-filter[b-hhucworo8j]  .validation-message {
            width: 0;
            white-space: nowrap;
        }

        .search-filters .filters[b-hhucworo8j]  option {
            background: #EAE2E2;
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BranchSynchronizations/ViewBranchSynchronization/BranchSynchronizationSearchResults.razor.rz.scp.css */
.results-panel[b-kcacyi3i9f] {
    display: flex;
    justify-content: space-between;
}

.results[b-kcacyi3i9f] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-block: 0.5rem;
}

.no-results[b-kcacyi3i9f] {
    margin-top: 3rem;
}

[b-kcacyi3i9f] table td {
    vertical-align: top;
}

[b-kcacyi3i9f] .icon {
    width: 1rem;
    height: 1rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/BranchSynchronizations/ViewBranchSynchronization/ViewBranchSynchronizationComponent.razor.rz.scp.css */
.page-header[b-aace17plk6] {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/CreateDisclaimer/CreateDisclaimerModal.razor.rz.scp.css */
.component-container[b-ad9l5x116x] {
    width: 40rem;
}

.editor-container[b-ad9l5x116x]  div.modal-container-content {
    padding-inline: 0;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/DeleteDisclaimer/DeleteDisclaimerModal.razor.rz.scp.css */
.component-container[b-bpileyuuxw] {
    width: 40rem;
}

.message[b-bpileyuuxw] {
    font-size: 1.125rem;
    font-style: normal;
    line-height: normal;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/EditDisclaimer/EditDisclaimerModal.razor.rz.scp.css */
.component-container[b-f34ofwpgpw] {
    width: 40rem;
}

.editor-container[b-f34ofwpgpw]  div.modal-container-content {
    padding-inline: 0;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/Shared/DiscardFlow.razor.rz.scp.css */
.message[b-409y9vogfn] {
    font-size: 1.125rem;
    font-style: normal;
    line-height: normal;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/Shared/DisclaimerForm.razor.rz.scp.css */
[b-jusualnjbt] .validation-errors {
    padding-left: 0;
    list-style: none;
    padding-left: 1.5rem;
}

[b-jusualnjbt] .validation-message {
    padding-left: 0;
    color: var(--error);
    font-size: 0.75rem;
    line-height: 0.75rem;
}

[b-jusualnjbt] input.invalid {
    border: 0.0625rem solid var(--error);
}

.date-range-component[b-jusualnjbt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.125rem;
    margin-bottom: 1.1875rem;
    padding: 0 1.5rem;
}

.date-range[b-jusualnjbt] {
    display: flex;
    gap: 0.5rem;
}

.date-range-information[b-jusualnjbt] {
    color: var(--bov-primary-500);
    font-size: 0.75rem;
}

[b-jusualnjbt] .ql-toolbar {
    display: none;
}

[b-jusualnjbt] .ql-container.editor {
    background-color: #F5F5F5AA;
    border: none;
    margin-bottom: 0.75rem;
}

[b-jusualnjbt] .ql-editor {
    padding: 1.5rem;
    min-height: 12rem;
    font-family: Lato;
    font-size: 1.125rem;
    line-height: 150%;
}

    [b-jusualnjbt] .ql-editor p {
        max-width: 32rem;
        margin-bottom: 1rem;
    }

    [b-jusualnjbt] .ql-editor.ql-blank::before {
        font-style: normal;
        color: #A1A1A1;
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-left: 0.5625rem;
    }

.editor-error[b-jusualnjbt]  .ql-editor.ql-blank::before {
    color: var(--error);
}

[b-jusualnjbt] input[type=date] {
    padding-inline: 0.5rem;
}

.char-count[b-jusualnjbt] {
    display: flex;
    padding: 0 1.5rem;
    justify-content: flex-end;
    color: #57534D;
    font-size: 0.75rem;
    line-height: 0.75rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Disclaimer/ViewDisclaimer/ViewDisclaimer.razor.rz.scp.css */
.component[b-lynar2g5dt] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
    border-radius: var(--default-border-radius);
    background: var(--bov-pure-white);
}

.component-header[b-lynar2g5dt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.component-header-title[b-lynar2g5dt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.component-title[b-lynar2g5dt] {
    font-size: 1.5rem;
    letter-spacing: 0.03rem;
}

[b-lynar2g5dt] .icon {
    width: 1.11719rem;
    height: 1.11719rem;
}

.icon-btn[b-lynar2g5dt] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
}

    .icon-btn[b-lynar2g5dt]  .icon {
        width: 0.97656rem;
        height: 0.97663rem;
    }

.component-subtitle[b-lynar2g5dt] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.disclaimer-viewer[b-lynar2g5dt] {
    max-width: 32rem;
    font-size: 1.125rem;
    white-space: break-spaces;
    overflow-wrap: break-word;
}

.add-disclaimer-btn[b-lynar2g5dt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    border: none;
    color: var(--bov-almost-black);
}

/* _content/AppointmentBookingSystem.Web/Components/BackOffice/EditAppointment/CancelAppointmentModal.razor.rz.scp.css */
.modal-container[b-i4bzih5y2d] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1.5rem;
}

.container-title[b-i4bzih5y2d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .container-title > h3[b-i4bzih5y2d] {
        font-weight: 700;
    }

    .container-title .subtitle[b-i4bzih5y2d] {
        color: var(--error);
        margin-bottom: 0;
        font-weight: 700;
        line-height: normal;
    }

.container-footer[b-i4bzih5y2d] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.screen[b-i4bzih5y2d] {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.35rem;
}

    .screen > p[b-i4bzih5y2d] {
        margin: 0;
    }


    .screen.error[b-i4bzih5y2d] {
        align-items: center;
    }

        .screen.error .error-title[b-i4bzih5y2d] {
            font-weight: 700;
            font-size: 1.3125rem;
            line-height: 1.575rem;
        }

        .screen.error .error-description[b-i4bzih5y2d] {
            font-size: 1.125rem;
            line-height: 1.35rem;
        }

        .screen.error[b-i4bzih5y2d]  .icon {
            width: 2rem;
            height: 2rem;
        }

.options-container[b-i4bzih5y2d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .options-container label[b-i4bzih5y2d] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

[b-i4bzih5y2d] input[type=radio] {
    width: 1.5rem;
    height: 1.5rem;
}

    [b-i4bzih5y2d] input[type=radio]:checked {
        accent-color: var(--bov-primary-400);
    }

.fields[b-i4bzih5y2d] {
    display: flex;
    padding-left: 0.25rem;
    flex-direction: column;
    gap: 0.25rem;
}

    .fields .text-counter[b-i4bzih5y2d] {
        color: #57534D;
        font-size: 0.75rem;
        line-height: 0.75rem;
        text-align: right;
    }

    .fields .other-reason[b-i4bzih5y2d] {
        height: 3rem;
        padding: 0.25rem 0.5rem;
    }

        .fields .other-reason:focus[b-i4bzih5y2d] {
            border: 2px solid var(--bov-primary-400);
            outline: none;
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/EditAppointment/EditAppointmentComponent.razor.rz.scp.css */
.processing-message[b-hvja0hxpqz] {
    margin-top: 2rem;
}

.header-section[b-hvja0hxpqz] {
    display: flex;
    padding-bottom: 2rem;
}

.button-layout[b-hvja0hxpqz] {
    display: flex;
    gap: 1rem;
}

button.cancel[b-hvja0hxpqz] {
    color: var(--error);
    border: none;
    background: none;
    padding: 1rem;
}

.timeslot-warning[b-hvja0hxpqz] {
    margin-inline: 9rem;
}

@media (max-width: 1400px) {
    .timeslot-warning[b-hvja0hxpqz] {
        margin-inline: 8rem;
    }
}

@media (max-width: 1200px) {
    .timeslot-warning[b-hvja0hxpqz] {
        margin-inline: 7.5rem;
    }
}

@media (max-width: 1024px) {
    .timeslot-warning[b-hvja0hxpqz] {
        margin-inline: 0.5rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Roster/FailureModal.razor.rz.scp.css */
.container[b-7k4wzkqizl] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: var(--bov-almost-black);
}

    .container .title[b-7k4wzkqizl] {
        margin-bottom: 0.5rem;
    }

    .container .content[b-7k4wzkqizl] {
        margin-bottom: 1.5rem;
    }

h3[b-7k4wzkqizl] {
    font-weight: 700;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Roster/FileUpload.razor.rz.scp.css */
.fileupload-component[b-vg9iwnsie7] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

    .fileupload-component .upload-button[b-vg9iwnsie7] {
        padding: 0.5rem 1rem;
    }

    .fileupload-component .remove-button[b-vg9iwnsie7] {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        margin-left: 0.25rem;
        padding: 0;
    }

        .fileupload-component .remove-button[b-vg9iwnsie7]  > svg.icon {
            height: 1rem;
            width: 1rem;
        }

    .fileupload-component .filename[b-vg9iwnsie7] {
        color: var(--bov-dark-grey);
        margin-left: 1rem;
        font-size: 1.125rem;
    }

        .fileupload-component .filename.filled[b-vg9iwnsie7] {
            color: var(--bov-almost-black, #211D1D);
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Roster/RosterComponent.razor.rz.scp.css */
[b-9g10jrvr1w] .validation-message {
    padding-left: 0;
}

.title[b-9g10jrvr1w] {
    margin-bottom: 3rem;
    text-align: center;
}

.file-container[b-9g10jrvr1w] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.file-upload[b-9g10jrvr1w] {
    display: flex;
    align-items: center;
}

.warning-container[b-9g10jrvr1w] {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.checkmark[b-9g10jrvr1w] {
    display: flex;
    margin-left: 0.5rem;
}

    .checkmark[b-9g10jrvr1w]  > svg.icon {
        height: 1rem;
        width: 1rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Roster/SuccessWithWarningModal.razor.rz.scp.css */
.container[b-g9fk038qqq] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    .container .title[b-g9fk038qqq] {
        color: var(--bov-almost-black);
        text-align: center;
        margin-bottom: 2rem;
    }

    .container .content[b-g9fk038qqq] {
        color: var(--bov-almost-black);
        text-align: center;
        margin-bottom: 1.75rem;
    }

    .container .warning-container[b-g9fk038qqq] {
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
    }

    .container .footer[b-g9fk038qqq] {
        display: flex;
        justify-content: flex-end
    }

.icon-container[b-g9fk038qqq] {
    margin-bottom: .5rem;
    text-align: center;
}

[b-g9fk038qqq] .icon {
    width: 3rem;
    height: 3rem;
}
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/Roster/Warning.razor.rz.scp.css */
button[b-q62sb1lri1], div[b-q62sb1lri1] {
    font-size: 1.125rem;
    letter-spacing: 0.00525rem;
    color: var(--bov-almost-black);
    text-align: left;
}

.warning[b-q62sb1lri1] {
    border-left: .5rem solid;
    padding: .4rem 0;
    padding-left: .4rem;
    padding-right: .4rem;
}

    .warning.hard[b-q62sb1lri1] {
        background-color: #f8d8d3;
        border-color: var(--error);
    }

    .warning.soft[b-q62sb1lri1] {
        background-color: #fcfbe0;
        border-color: var(--warning);
    }

    .warning .warning-button[b-q62sb1lri1] {
        font-weight: bolder;
        padding: 0;
        background: none;
        box-shadow: none;
        border: none;
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
    }

    .warning.single .warning-button[b-q62sb1lri1] {
        cursor: default;
        user-select: text;
    }

    .warning:not(.single) .warning-button[b-q62sb1lri1]::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
        -webkit-transition: transform .2s ease-in-out;
    }

    .warning .warning-button:not(.collapsed)[b-q62sb1lri1]::after {
        transform: rotate(180deg);
    }

    .warning .warning-contents[b-q62sb1lri1] {
        overflow: hidden;
        height: auto;
        max-height: 420px;
        transition: max-height .3s ease-out, padding .15s ease-out;
        -webkit-transition: max-height .3s ease-out, padding .15s ease-out;
    }

        .warning .warning-contents.display[b-q62sb1lri1] {
            overflow: auto;
            padding-top: .5rem;
        }

        .warning .warning-contents:not(.display)[b-q62sb1lri1] {
            max-height: 0px;
        }

        .warning .warning-contents .warning-item[b-q62sb1lri1] {
            font-weight: normal;
        }

[b-q62sb1lri1]::-webkit-scrollbar {
    width: 10px;
}

[b-q62sb1lri1]::-webkit-scrollbar-track {
    background: none;
}

[b-q62sb1lri1]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 25px;
}

    [b-q62sb1lri1]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/CreateTimeOff/CreateTimeOffComponent.razor.rz.scp.css */
/*  block component */
[b-tg1ppsu2g5] .block .header {
    text-align: left;
}

[b-tg1ppsu2g5] div.block {
    margin-bottom: 0;
}

[b-tg1ppsu2g5] .block:nth-of-type(2) .header {
    margin-bottom: 0.75rem;
}

/* component */
.content-component[b-tg1ppsu2g5] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: fit-content;
}

.details-section[b-tg1ppsu2g5] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reason-field[b-tg1ppsu2g5] {
    width: 36.375rem;
}

    .reason-field[b-tg1ppsu2g5]  .form-floating > .form-select {
        height: 4rem;
    }

.date-range-fieldset[b-tg1ppsu2g5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.date-field[b-tg1ppsu2g5] {
    padding: 0.5rem;
    border: 1px solid var(--bov-lightest-grey);
    border-radius: 0.25rem;
    background-color: #F7F4F6;
    width: fit-content;
}

    .date-field > label[b-tg1ppsu2g5] {
        display: inline-flex;
        align-items: center;
        gap: 2rem;
    }

    .date-field .label-text[b-tg1ppsu2g5] {
        display: inline-block;
        width: 3rem;
        letter-spacing: 0.02rem;
    }

.allday-field[b-tg1ppsu2g5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .allday-field[b-tg1ppsu2g5]  input[type=checkbox] {
        width: 1.375rem;
        height: 1.375rem;
        border: 2px solid var(--bov-dark-grey);
        margin-top: 0;
    }

    .allday-field .label-text[b-tg1ppsu2g5] {
        font-size: 1.125rem;
        line-height: normal;
    }

.staff-section[b-tg1ppsu2g5] {
    display: flex;
    gap: 0.75rem
}

.branch-field[b-tg1ppsu2g5] {
    width: 16rem;
}

.staff-search-field[b-tg1ppsu2g5] {
    display: flex;
    align-items: center;
    position: relative;
}

    .staff-search-field .search-icon[b-tg1ppsu2g5] {
        position: absolute;
        right: 0.5rem;
    }

        .staff-search-field .search-icon[b-tg1ppsu2g5]  .icon {
            width: 1.5rem;
            height: 1.5rem;
            flex-shrink: 0;
        }

[b-tg1ppsu2g5] .search-field {
    padding: 0.5rem;
    padding-right: 2.5rem;
    border: 1px solid var(--bov-mid-grey);
    border-radius: 0.25rem;
    height: calc(3rem + 0.625rem);
    width: 24.8125rem;
}

    [b-tg1ppsu2g5] .search-field:focus {
        border: 2px solid var(--bov-primary-400);
        outline: none;
    }

    [b-tg1ppsu2g5] .search-field::placeholder {
        color: var(--bov-mid-grey);
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/EditTimeOff/EditTimeOffComponent.razor.rz.scp.css */
/*  block component */
[b-9ljd8nanzi] .block .header {
    text-align: left;
}

[b-9ljd8nanzi] div.block {
    margin-bottom: 0;
}

[b-9ljd8nanzi] .block:nth-of-type(2) .header {
    margin-bottom: 0.75rem;
}

/* component */
.content-component[b-9ljd8nanzi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: fit-content;
}

.details-section[b-9ljd8nanzi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reason-field[b-9ljd8nanzi] {
    width: 36.375rem;
}

    .reason-field[b-9ljd8nanzi]  .form-floating > .form-select {
        height: 4rem;
    }

.date-range-fieldset[b-9ljd8nanzi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.date-field[b-9ljd8nanzi] {
    padding: 0.5rem;
    border: 1px solid var(--bov-lightest-grey);
    border-radius: 0.25rem;
    background-color: #F7F4F6;
    width: fit-content;
}

    .date-field > label[b-9ljd8nanzi] {
        display: inline-flex;
        align-items: center;
        gap: 2rem;
    }

    .date-field .label-text[b-9ljd8nanzi] {
        display: inline-block;
        width: 3rem;
        letter-spacing: 0.02rem;
    }

.allday-field[b-9ljd8nanzi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .allday-field[b-9ljd8nanzi]  input[type=checkbox] {
        width: 1.375rem;
        height: 1.375rem;
        border: 2px solid var(--bov-dark-grey);
        margin-top: 0;
    }

    .allday-field .label-text[b-9ljd8nanzi] {
        font-size: 1.125rem;
        line-height: normal;
    }

.staff-section[b-9ljd8nanzi] {
    display: flex;
    gap: 0.75rem
}

.branch-field[b-9ljd8nanzi] {
    width: 16rem;
}

.staff-search-field[b-9ljd8nanzi] {
    display: flex;
    align-items: center;
    position: relative;
}

    .staff-search-field .search-icon[b-9ljd8nanzi] {
        position: absolute;
        right: 0.5rem;
    }

        .staff-search-field .search-icon[b-9ljd8nanzi]  .icon {
            width: 1.5rem;
            height: 1.5rem;
            flex-shrink: 0;
        }

[b-9ljd8nanzi] .search-field {
    padding: 0.5rem;
    padding-right: 2.5rem;
    border: 1px solid var(--bov-mid-grey);
    border-radius: 0.25rem;
    height: calc(3rem + 0.625rem);
    width: 24.8125rem;
}

    [b-9ljd8nanzi] .search-field:focus {
        border: 2px solid var(--bov-primary-400);
        outline: none;
    }

    [b-9ljd8nanzi] .search-field::placeholder {
        color: var(--bov-mid-grey);
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/Shared/TimeOffConfirmation.razor.rz.scp.css */
.component-content[b-5yydnl40ee] {
    padding-inline: 0.5rem;
}

.component-content-item[b-5yydnl40ee] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-bottom: 1px solid var(--bov-lightest-grey);
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

    .component-content-item:first-child[b-5yydnl40ee] {
        padding-top: 0;
    }

    .component-content-item:last-child[b-5yydnl40ee] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .component-content-item > p[b-5yydnl40ee] {
        margin: 0;
    }

    .component-content-item .title[b-5yydnl40ee] {
        color: var(--bov-almost-black);
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal;
    }

    .component-content-item .staff-list[b-5yydnl40ee] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .component-content-item .staff-email[b-5yydnl40ee] {
        color: var(--bov-dark-grey);
    }

    .component-content-item .field[b-5yydnl40ee] {
        display: flex;
        gap: 1.38rem;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.625rem;
        letter-spacing: 0.0225rem;
    }

    .component-content-item .field-label[b-5yydnl40ee] {
        width: 3.3125rem;
        color: #565656;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 0.02rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/Shared/TimeOffDetailsModalComponent.razor.rz.scp.css */
.component-content[b-697msivx0b] {
    padding-inline: 0.5rem;
}

.component-content-item[b-697msivx0b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-bottom: 1px solid var(--bov-lightest-grey);
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

    .component-content-item:first-child[b-697msivx0b] {
        padding-top: 0;
    }

    .component-content-item:last-child[b-697msivx0b] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .component-content-item > p[b-697msivx0b] {
        margin: 0;
    }

    .component-content-item .title[b-697msivx0b] {
        color: var(--bov-almost-black);
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal;
    }

    .component-content-item .staff-list[b-697msivx0b] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .component-content-item .staff-email[b-697msivx0b] {
        color: var(--bov-dark-grey);
    }

    .component-content-item .field[b-697msivx0b] {
        display: flex;
        gap: 1.38rem;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.625rem;
        letter-spacing: 0.0225rem;
    }

    .component-content-item .field-label[b-697msivx0b] {
        width: 3.3125rem;
        color: #565656;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 0.02rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/ViewTimeOffs/TimeOffSearchFilters.razor.rz.scp.css */
.time-off-search-filters[b-hojsct4euh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--bov-pure-white);
    padding: 1rem;
    margin: 1rem 0 1.5rem;
}

    .time-off-search-filters .filters[b-hojsct4euh] {
        display: flex;
        flex-direction: row;
        column-gap: 1rem;
    }

        .time-off-search-filters .filters .action[b-hojsct4euh] {
            margin-left: auto;
        }

        .time-off-search-filters .filters .branch-filter[b-hojsct4euh] {
            flex-grow: 0.25;
        }

        .time-off-search-filters .filters .date-range-filter[b-hojsct4euh] {
            flex-grow: 0;
        }

        .time-off-search-filters .filters[b-hojsct4euh]  .validation-message {
            padding-left: 0;
        }

        .time-off-search-filters .filters .date-range-filter[b-hojsct4euh]  .validation-message {
            width: 0;
            white-space: nowrap;
        }

        .time-off-search-filters .filters[b-hojsct4euh]  option {
            background: #EAE2E2;
        }
/* _content/AppointmentBookingSystem.Web/Components/BackOffice/TimeOffs/ViewTimeOffs/TimeOffSearchResults.razor.rz.scp.css */
.results-panel[b-t4ue9p4nk0] {
    display: flex;
    justify-content: space-between;
}

.results[b-t4ue9p4nk0] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-block: 0.5rem;
}

.no-results[b-t4ue9p4nk0] {
    margin-top: 3rem;
}

[b-t4ue9p4nk0] table td {
    vertical-align: top;
}

[b-t4ue9p4nk0] .icon {
    width: 1rem;
    height: 1rem;
}

[b-t4ue9p4nk0] .edit-time-off {
    display: inline-block;
    border: 1px solid var(--bov-primary-400);
    border-radius: 0.1875rem;
}

.delete-time-off[b-t4ue9p4nk0]  .icon {
    color: var(--bov-dark-grey);
}
/* _content/AppointmentBookingSystem.Web/Components/ErrorHandling/Toast.razor.rz.scp.css */
.close-text[b-hxq9u80quq] {
    text-decoration: underline;
    color: var(--bov-primary-500);
    cursor: pointer;
}
/* _content/AppointmentBookingSystem.Web/Components/Layout/Footer.razor.rz.scp.css */
.footer-container[b-5xf0hqs7cb] {
    margin-left: var(--bov-desktop-margin);
    margin-right: var(--bov-desktop-margin);
}

@media (max-width:1024px) {
    .footer-container[b-5xf0hqs7cb] {
        margin-left: var(--bov-mobile-margin);
        margin-right: var(--bov-mobile-margin);
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Layout/Modal/CommonModalStructure.razor.rz.scp.css */
h2[b-yl7syc5b7l] {
    color: var(--bov-almost-black);
}

.dialog-container[b-yl7syc5b7l] {
    position: relative;
}

.dialog-title[b-yl7syc5b7l] {
    height: 3.5rem;
    padding: 0 1.5rem;
    border: 1px none var(--bov-light-grey);
    border-bottom-style: solid;
}

.dialog-content[b-yl7syc5b7l] {
    padding: 2rem 1.5rem;
}

.dialog-footer[b-yl7syc5b7l] {
    padding: 0 1.5rem;
}

button.primary[b-yl7syc5b7l] {
    margin-left: 1rem;
}

.close[b-yl7syc5b7l] {
    border-color: var(--bov-lightest-grey);
    border-radius: 50%;
    background: var(--bov-light-grey);
    top: -3rem;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

[b-yl7syc5b7l] svg.icon {
    height: 2rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Layout/Modal/ErrorModal.razor.rz.scp.css */
[b-hamp4dkz8x] .dialog-content {
    font-size: 1.3125rem;
    letter-spacing: 0.00525rem;
    padding-top: 0 !important;
}
/* _content/AppointmentBookingSystem.Web/Components/Layout/Modal/SuccessModal.razor.rz.scp.css */
.container[b-tt9o635x9s] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    .container .title[b-tt9o635x9s] {
        color: var(--bov-almost-black);
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .container .content[b-tt9o635x9s] {
        color: var(--bov-almost-black);
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .container .footer[b-tt9o635x9s] {
        display: flex;
        justify-content: flex-end
    }

.icon-container[b-tt9o635x9s] {
    margin-bottom: .5rem;
    text-align: center;
}

[b-tt9o635x9s] .icon {
    width: 3rem;
    height: 3rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Layout/NavBar.razor.rz.scp.css */
nav[b-0h6h1p6wgv] {
    background: var(--bov-pure-white);
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 99;
}

    nav img[b-0h6h1p6wgv] {
        height: 48px;
    }

.nav-container[b-0h6h1p6wgv]{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-left: var(--bov-desktop-margin);
    margin-right: var(--bov-desktop-margin);
}

@media (max-width:1024px) {
    .nav-container[b-0h6h1p6wgv] {
        margin-left: var(--bov-mobile-margin);
        margin-right: var(--bov-mobile-margin);
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Accordion.razor.rz.scp.css */
details summary[b-9qr0d7mapm] {
    display: flex;
    align-items: center;
    gap: 2rem;
    list-style: none;
    font-size: 1.125rem;
    line-height: 1.35rem;
}

    details summary span:last-child[b-9qr0d7mapm],
    details[open] summary span:first-child[b-9qr0d7mapm] {
        display: none;
    }

    details summary span:first-child[b-9qr0d7mapm],
    details[open] summary span:last-child[b-9qr0d7mapm] {
        display: inline;
    }

    details summary[b-9qr0d7mapm]::after {
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 0.3125rem;
    }

details[open] summary[b-9qr0d7mapm]::after {
    transform: rotate(180deg);
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/AppointmentDetails.razor.rz.scp.css */
.content-container[b-2djf044ql1] {
    width: calc(100% * 5 / 6);
}

.summary-container[b-2djf044ql1] {
    display: flex;
    gap: 1rem;
    margin: 2rem 0;
}

    .summary-container > div[b-2djf044ql1] {
        display: flex;
        flex-direction: column;
    }

    .summary-container .documents[b-2djf044ql1] {
        background: var(--bov-primary-lightest);
        border: 1px solid var(--bov-lightest-grey);
        border-radius: 0.5rem;
        padding-right: var(--scrollbar-padding-right);
        width: 50%;
    }

        .summary-container .documents > div[b-2djf044ql1] {
            flex-basis: 0;
            flex-grow: 1;
            overflow-y: auto;
            padding: 1.5rem;
        }

        .summary-container .documents .header[b-2djf044ql1] {
            color: var(--bov-primary-500);
            margin-bottom: 0.5rem;
        }

    .summary-container[b-2djf044ql1]  dl {
        display: inline-block;
        width: 100%;
    }

        .summary-container[b-2djf044ql1]  dl dt {
            letter-spacing: 0.004rem;
            font-weight: 500;
            line-height: 20px;
            color: var(--bov-primary-500);
            margin-bottom: 0.5rem;
        }

            .summary-container[b-2djf044ql1]  dl dt:not(:first-child) {
                margin-top: 1.5rem;
            }

        .summary-container[b-2djf044ql1]  dl dd {
            margin-bottom: 0;
            word-wrap: break-word;
        }

    .summary-container .appointment-details[b-2djf044ql1] {
        width: 50%;
        display: flex;
        gap: 1.25rem;
    }

        .summary-container .appointment-details:only-child[b-2djf044ql1] {
            width: 100%;
        }

    .summary-container .validation-message[b-2djf044ql1] {
        padding-left: 0;
    }

@media (max-width: 1000px) {
    .summary-container[b-2djf044ql1] {
        flex-direction: column;
    }

        .summary-container .appointment-details[b-2djf044ql1] {
            order: 1;
            width: 100%;
        }

        .summary-container .documents[b-2djf044ql1] {
            order: 2;
            width: 100%;
        }

        .summary-container[b-2djf044ql1] :last-child {
            margin-bottom: 0;
        }

            .summary-container .documents > div[b-2djf044ql1] {
                flex-basis: auto;
            }
}

@media (max-width: 1024px) {
    .summary-container[b-2djf044ql1] {
        margin: 0rem 0rem 2rem 0rem;
    }

        .summary-container .appointment-details[b-2djf044ql1] {
            gap: 1rem;
        }

    .content-container[b-2djf044ql1] {
        width: 100%;
        padding-left: 0rem;
        padding-right: 0rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/AppointmentDetailsCard.razor.rz.scp.css */
.section[b-jsizu8kgdu] {
    padding: 1.5rem 1.25rem 0.5rem 1.25rem;
    border: 1.5px solid var(--bov-light-grey);
    border-radius: 0.5rem;
    position: relative;
}

    .section .edit-btn-container[b-jsizu8kgdu] {
        position: absolute;
        top: 1.5rem;
        right: 1.25rem;
    }

    .section[b-jsizu8kgdu]  .edit {
        vertical-align: top;
    }

    .section.error-section[b-jsizu8kgdu] {
        border: 1.5px solid var(--error);
    }

@media (max-width: 1024px) {
    .section[b-jsizu8kgdu] {
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }

        .section .edit-btn-container[b-jsizu8kgdu] {
            top: 0.5rem;
            right: 0.5rem;
        }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/BackgroundContainer.razor.rz.scp.css */
.background-block[b-qjqrgyo7wc] {
    padding: 2rem;
    background: var(--bov-pure-white);
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Block.razor.rz.scp.css */
.block[b-oxqf8ijfs9] {
    background-color: var(--bov-pure-white);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.header[b-oxqf8ijfs9] {
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--bov-primary-600);
    margin-bottom: 1.5rem;
    text-align: center;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/BranchSuggestionCard.razor.rz.scp.css */
[b-2zmdhx0en8] > svg.icon {
    height: 1rem;
    width: 1rem;
}

.suggestioncard[b-2zmdhx0en8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--bov-pure-white);
    box-shadow: 0px 9px 4px rgba(90, 19, 64, 0.01), 0px 5px 3px rgba(90, 19, 64, 0.02), 0px 2px 2px rgba(90, 19, 64, 0.03), 0px 1px 1px rgba(90, 19, 64, 0.04), 0px 0px 0px rgba(90, 19, 64, 0.04);
    border: 0.0625rem solid #F5F0F2;
    border-radius: 0.5rem;
    cursor: pointer;
}

    .suggestioncard .suggestioncard-street[b-2zmdhx0en8] {
        color: var(--bov-dark-grey);
        font-size: 0.875rem;
        padding-left: 1.25rem;
    }

    .suggestioncard .suggestioncard-location[b-2zmdhx0en8] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .suggestioncard .suggestioncard-line[b-2zmdhx0en8] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
    }

    .suggestioncard.selected[b-2zmdhx0en8] {
        border-color: var(--bov-primary-500);
        border-width: 0.125rem;
        padding: calc(1rem - 0.0625rem);
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/BranchSuggestionModal.razor.rz.scp.css */
.branch-container[b-wshvg2juyo] {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
    gap: 1.5rem;
}

    .branch-container .branch-container-title[b-wshvg2juyo] {
        font-size: 1.3125rem;
        line-height: 2rem;
        letter-spacing: 0.00525rem;
    }

    .branch-container .branch-container-subtitle[b-wshvg2juyo] {
        font-size: 1.3125rem;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0.00525rem;
    }

    .branch-container .branch-container-card-list[b-wshvg2juyo] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .branch-container .branch-container-footer[b-wshvg2juyo] {
        display: flex;
        gap: 2rem;
        justify-content: flex-end;
    }

@media (max-width: 1024px) {
    .branch-container .branch-container-title[b-wshvg2juyo],
    .branch-container .branch-container-subtitle[b-wshvg2juyo] {
        font-size: 1rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/CancelConfirmation.razor.rz.scp.css */
.form-container[b-ej8kdox0lh] {
    padding: 5rem 3rem;
}

h1[b-ej8kdox0lh] {
    color: var(--bov-almost-black);
}

h3[b-ej8kdox0lh] {
    padding: 2.5rem 0 1.5rem;
    font-weight: 700;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/ComponentGroupInput.razor.rz.scp.css */
.component-group-input[b-7xa90d3zdk] {
    display: flex;
}

    .component-group-input[b-7xa90d3zdk]  :not(:last-child) input,
    .component-group-input[b-7xa90d3zdk]  :not(:last-child) select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .component-group-input[b-7xa90d3zdk]  :not(:first-child) input,
    .component-group-input[b-7xa90d3zdk]  :not(:first-child) select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .component-group-input[b-7xa90d3zdk]  > div {
        margin-left: -1px;
    }

    .component-group-input[b-7xa90d3zdk] :has(input:focus, select:focus) {
        position: relative;
        z-index: 1;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Confirmation.razor.rz.scp.css */
.circle-container[b-5rf2uy2qjg] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .circle-container .circle[b-5rf2uy2qjg] {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 9.125rem;
        width: 9.125rem;
        background-color: var(--bov-pure-white);
        border-radius: 50%;
    }

        .circle-container .circle[b-5rf2uy2qjg]  .icon {
            width: 6.0625rem;
            height: 6.0625rem;
        }

.confirmation-title[b-5rf2uy2qjg] {
    background: var(--bov-gradient-2);
    border-radius: 0.5rem 0.5rem 0 0;
    font-weight: 500;
    color: var(--bov-pure-white);
    letter-spacing: 0.004rem;
}

    .confirmation-title .confirmation-title-request[b-5rf2uy2qjg] {
        font-size: 2rem;
        padding-top: 6.8125rem;
    }

    .confirmation-title .confirmation-title-details[b-5rf2uy2qjg] {
        font-weight: 400;
        font-size: 1.3125rem;
        padding-top: 1.3125rem;
        padding-bottom: 2rem;
    }

    .confirmation-title .junk-disclaimer[b-5rf2uy2qjg] {
        border-top: 1px solid #fff;
        padding: 2rem 1.5rem;
    }

.confirmation-description[b-5rf2uy2qjg] {
    background: var(--bov-pure-white);
    border-radius: 0 0 0.5rem 0.5rem;
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: 0.004rem;
    color: var(--bov-almost-black);
}

    .confirmation-description .content[b-5rf2uy2qjg] {
        padding: 3.625rem 4.375rem;
    }

        .confirmation-description .content.personal[b-5rf2uy2qjg] {
            font-size: 1rem;
            text-align: left;
        }

            .confirmation-description .content.personal .secondary-header[b-5rf2uy2qjg] {
                font-weight: 700;
                padding-bottom: 1.8125rem;
            }

            .confirmation-description .content.personal .documents[b-5rf2uy2qjg] {
                padding-bottom: 1.3125rem;
            }

                .confirmation-description .content.personal .documents[b-5rf2uy2qjg]  ul {
                    margin-bottom: 0;
                }

                .confirmation-description .content.personal .documents[b-5rf2uy2qjg]  b {
                    display: inline-block;
                    padding-bottom: 1.8125rem;
                    padding-top: 1.8125rem;
                }

            .confirmation-description .content.personal .disclaimer[b-5rf2uy2qjg] {
                line-height: 1.2rem;
                border-radius: 0.125rem;
                background: var(--warning);
                padding: 0.25rem;
                margin-bottom: 2rem;
            }

                .confirmation-description .content.personal .disclaimer p[b-5rf2uy2qjg] {
                    margin-bottom: 0;
                }

    .confirmation-description .bov-homepage[b-5rf2uy2qjg] {
        padding-bottom: 2.5625rem;
    }

@media (max-width: 1024px) {
    .circle-container .circle[b-5rf2uy2qjg] {
        height: 3.0625rem;
        width: 3.0625rem;
    }

        .circle-container .circle[b-5rf2uy2qjg]  .icon {
            width: 2.03469rem;
            height: 2.03469rem;
        }

    .confirmation-title .confirmation-title-request[b-5rf2uy2qjg] {
        font-size: 1.5rem;
        padding-top: 2.4375rem;
    }

    .confirmation-title .confirmation-title-details[b-5rf2uy2qjg] {
        font-size: 1rem;
        font-weight: 700;
        padding-top: 0.5825rem;
        padding-bottom: 1.4375rem;
    }

    .confirmation-title .junk-disclaimer[b-5rf2uy2qjg] {
        padding: 0.75rem 0.625rem;
        font-size: 0.875rem;
    }

    .confirmation-description .content[b-5rf2uy2qjg] {
        padding: 1.5rem 0.5rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/ContactDetailsForm.razor.rz.scp.css */
.content-container[b-f133d7cy8j] {
    width: 50%;
}

@media (max-width: 1024px) {
    .content-container[b-f133d7cy8j] {
        padding-left: 0rem;
        padding-right: 0rem;
        width: 100%;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Container/CheckboxGroupContainer.razor.rz.scp.css */
.checkbox-group[b-cpp9m28c7q] {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

    .checkbox-group[b-cpp9m28c7q]  input[type=checkbox] {
        margin: 0.3125rem;
        border-width: 0.125rem;
        height: 2rem;
        width: 2rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Container/LayeredContainer.razor.rz.scp.css */
.layered-container[b-mx1hnt8o26] {
    display: grid;
    grid-template-areas: "stack";
}

    .layered-container[b-mx1hnt8o26]  > * {
        grid-area: stack;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/DownloadModal.razor.rz.scp.css */
.modal-container[b-b4c6dte2ay] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    gap: 1rem;
}

.container-title > h3[b-b4c6dte2ay] {
    font-weight: 700;
}

.container-footer[b-b4c6dte2ay] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.screen[b-b4c6dte2ay] {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.35rem;
}

    .screen > p[b-b4c6dte2ay] {
        margin: 0;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/EditButton.razor.rz.scp.css */
.edit[b-uzy4djrsw6] {
    letter-spacing: 0.004rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 20px;
    color: var(--bov-primary-500);
    margin-bottom: 0.5rem;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

[b-uzy4djrsw6] .icon {
    width: 1rem;
    height: 1rem;
    padding-bottom: 0.25rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/ErrorMessageBlock.razor.rz.scp.css */
.notification-container[b-s7is4muuih] {
    flex: 1;
    display: grid;
    place-items: center;
}

    .notification-container .notification-box[b-s7is4muuih] {
        max-width: 40rem;
        padding: 3rem;
        background: var(--bov-pure-white);
        border-radius: 0.5rem;
        text-align: left;
    }

        .notification-container .notification-box .title[b-s7is4muuih] {
            color: var(--bov-primary-600);
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 500;
            margin-bottom: 1rem;
        }

        .notification-container .notification-box .message[b-s7is4muuih] {
            color: var(--bov-almost-black);
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 500;
        }

        .notification-container .notification-box .actions[b-s7is4muuih] {
            display: flex;
            gap: 1rem;
            margin-top: 2rem;
        }
/* _content/AppointmentBookingSystem.Web/Components/Shared/FormInputContainer.razor.rz.scp.css */
.input-container[b-8m5iblj27h] {
    margin-bottom: 1.5rem;
    text-align: left;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/DatePicker.razor.rz.scp.css */
.datepicker[b-xot1ko18jc] {
    display: inline-flex;
    gap: 0.5rem;
}

    .datepicker[b-xot1ko18jc]  .datepicker-item {
        padding: 0.25rem 0.5rem;
        border: 1px solid var(--bov-light-grey);
        border-radius: 0.25rem;
        font-size: 1.125rem;
        letter-spacing: 0.0225rem;
        line-height: 1.625rem;
    }

        .datepicker[b-xot1ko18jc]  .datepicker-item:focus-within {
            border-color: var(--bov-primary-400);
            outline: none;
        }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/Dropdown.razor.rz.scp.css */
[b-01hrwqreai] select:focus > option:checked, [b-01hrwqreai] select:focus > option:hover {
    background-color: var(--bov-primary-lightest);
}

[b-01hrwqreai] .form-select:disabled {
    background-color: var(--bov-pure-white);
    opacity: 0.5;
    border-color: var(--bov-almost-black);
}

    [b-01hrwqreai] .form-select:disabled ~ label {
        color: var(--bov-dark-grey);
    }

    [b-01hrwqreai] .form-select:disabled ~ .required::after {
        color: var(--bov-dark-grey);
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/RadioGroupChecked.razor.rz.scp.css */
.radio-button-container[b-xn48e5jrto] {
    display: flex;
    gap: 0.5rem;
    border: 1px solid var(--bov-mid-grey);
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    align-items: center;
    width: 10rem;
    height: 3rem;
    flex: auto;
}

    .radio-button-container[b-xn48e5jrto]  input[type="radio"] {
        border: 1.5px solid var(--bov-mid-grey);
    }

        .radio-button-container[b-xn48e5jrto]  input[type="radio"]:focus {
            outline: none;
            box-shadow: none;
        }

        .radio-button-container[b-xn48e5jrto]  input[type="radio"]:checked {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
            background-color: var(--bov-primary-400);
            border-color: var(--bov-primary-400);
        }

    .radio-button-container[b-xn48e5jrto]  .form-check-input:checked:disabled {
        background-color: var(--bov-mid-grey);
        border-color: var(--bov-mid-grey);
        opacity: 1;
    }

    .radio-button-container:has(> input[type="radio"]:checked)[b-xn48e5jrto] {
        background: var(--bov-primary-lightest);
        border: 1px solid var(--bov-primary-400);
    }

    .radio-button-container:has(> input[type="radio"]:disabled)[b-xn48e5jrto] {
        background: var(--bov-pure-white);
        border: 1px solid var(--bov-mid-grey);
    }

    .radio-button-container:has(> .form-check-input:disabled)[b-xn48e5jrto]  span {
        color: var(--bov-mid-grey);
    }

    .radio-button-container[b-xn48e5jrto]  .form-check-input {
        margin-top: 0;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/StaffCheckbox.razor.rz.scp.css */

.checkbox-label[b-irt5rtya40] {
    display: flex;
    align-items: center;
}

    .checkbox-label[b-irt5rtya40]  input[type=checkbox] {
        flex-shrink: 0;
    }

    .checkbox-label .checkbox-label-content[b-irt5rtya40] {
        display: flex;
        flex-direction: column;
        line-height: 1.2rem;
        margin-left: 0.5rem;
        color: #2B1E3B;
    }

    .checkbox-label .email[b-irt5rtya40] {
        color: var(--bov-dark-grey);
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/TextArea.razor.rz.scp.css */
[b-7kw0i71ymh] textarea {
    min-height: 100px !important;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Form/TextFieldClear.razor.rz.scp.css */
.input-clear[b-k09x6kvoow] {
    display: flex;
    position: relative;
    align-items: center;
}

    .input-clear .icon-container[b-k09x6kvoow] {
        position: absolute;
        background: transparent;
        border: none;
        right: .5rem;
        padding: 0;
    }

    .input-clear[b-k09x6kvoow]  .icon {
        width: 1rem;
        height: 1rem;
        display: block;
    }


    .input-clear[b-k09x6kvoow]  .form-control {
        padding-right: 1.75rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/GenericRedirect.razor.rz.scp.css */
.form-container[b-4v5q6l3p5e] {
    padding: 5rem 3rem;
}

h1[b-4v5q6l3p5e] {
    color: var(--bov-almost-black);
}

h3[b-4v5q6l3p5e] {
    padding: 2.5rem 0 1.5rem;
    font-weight: 700;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/GroupContainer.razor.rz.scp.css */
.group-container[b-g83csvhave] {
    display: inline-flex;
    background: var(--bov-pure-white);
}

    .group-container > .group-container-item[b-g83csvhave] {
        border: 1px solid var(--bov-mid-grey);
        border-radius: 4px;
        margin-left: -1px;
    }

        .group-container > .group-container-item:not(:last-child)[b-g83csvhave] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .group-container > .group-container-item:not(:first-child)[b-g83csvhave] {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .group-container > .group-container-item:focus-within[b-g83csvhave] {
            border: 1px solid var(--bov-primary-400);
            isolation: isolate;
        }

    .group-container .group-container-item[b-g83csvhave]  input {
        border: none;
        outline: none;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/IdentityFragment.razor.rz.scp.css */
.email[b-3cf90bkqfv] {
    color: var(--bov-dark-grey);
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/LoadingSpinner.razor.rz.scp.css */
.spinner-container[b-tv5t7wi595] {
    padding: 5rem;
}

.half-circle-spinner[b-tv5t7wi595], .half-circle-spinner *[b-tv5t7wi595] {
    box-sizing: border-box;
}

.half-circle-spinner[b-tv5t7wi595] {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
}

    .half-circle-spinner .circle[b-tv5t7wi595] {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: calc(60px / 10) solid transparent;
    }

        .half-circle-spinner .circle.circle-1[b-tv5t7wi595] {
            border-top-color: var(--bov-primary-400);
            animation: half-circle-spinner-animation-b-tv5t7wi595 1s infinite;
        }

        .half-circle-spinner .circle.circle-2[b-tv5t7wi595] {
            border-bottom-color: var(--bov-primary-400);
            animation: half-circle-spinner-animation-b-tv5t7wi595 1s infinite alternate;
        }

@keyframes half-circle-spinner-animation-b-tv5t7wi595 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Message.razor.rz.scp.css */
.message[b-ngqw957ktq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--bov-almost-black);
}

    .message .text[b-ngqw957ktq] {
        font-size: 1.3125rem;
        line-height: 1.575rem;
        font-weight: 500;
    }

    .message .subtext[b-ngqw957ktq] {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/Modal/MessageModalFrame.razor.rz.scp.css */
.modal-container[b-xk4svwi75y] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

.modal-container-header[b-xk4svwi75y] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .modal-container-header .title-container[b-xk4svwi75y] {
        display: flex;
        justify-content: space-between;
    }

    .modal-container-header .message-container[b-xk4svwi75y] {
        color: var(--bov-almost-black);
        font-size: 1.125rem;
        font-style: normal;
    }

    .modal-container-header .title[b-xk4svwi75y] {
        color: var(--bov-primary-600);
        font-weight: 700;
        line-height: normal;
    }

    .modal-container-header .close-btn[b-xk4svwi75y] {
        display: flex;
        align-items: center;
        height: 1.5rem;
        width: 1.5rem;
        padding: 0;
        border: none;
        background-color: inherit;
    }

    .modal-container-header > .close-btn[disabled][b-xk4svwi75y] {
        opacity: 0.3;
    }

.modal-container-footer[b-xk4svwi75y] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Modal/ModalFrame.razor.rz.scp.css */
.modal-container[b-elc0e45ym6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.modal-container-header[b-elc0e45ym6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--bov-light-grey);
}

    .modal-container-header > .title[b-elc0e45ym6] {
        font-weight: 700;
        line-height: normal;
    }

    .modal-container-header > .close-btn[b-elc0e45ym6] {
        display: flex;
        align-items: center;
        height: 1.5rem;
        width: 1.5rem;
        padding: 0;
        border: none;
        background-color: inherit;
    }

        .modal-container-header > .close-btn[disabled][b-elc0e45ym6] {
            opacity: 0.3;
        }

.modal-container-content[b-elc0e45ym6] {
    padding: 0 1rem;
}

.modal-container-footer[b-elc0e45ym6] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid var(--bov-light-grey);
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Modal/ModalFrameV2.razor.rz.scp.css */
.modal-container[b-bs1v9tbqm6] {
    display: flex;
    flex-direction: column;
}

.modal-container-header[b-bs1v9tbqm6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 2rem;
}

    .modal-container-header > .title[b-bs1v9tbqm6] {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: normal;
    }

    .modal-container-header > .close-btn[b-bs1v9tbqm6] {
        display: flex;
        align-items: center;
        height: 1.5rem;
        width: 1.5rem;
        padding: 0;
        border: none;
        background-color: inherit;
    }

        .modal-container-header > .close-btn[disabled][b-bs1v9tbqm6] {
            opacity: 0.3;
        }

.modal-container-content[b-bs1v9tbqm6] {
    padding-inline: 1.5rem;
}

.modal-container-footer[b-bs1v9tbqm6] {
    display: flex;
    gap: 1rem;
    padding: 3rem 1.5rem 1.5rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/NavigationButtons.razor.rz.scp.css */
button.discard[b-af93y4q5am] {
    color: var(--bov-dark-grey);
    padding: 1rem;
    border: 0;
    background: none;
    font-weight: 500;
}

button[b-af93y4q5am]  .icon {
    width: 1.5rem;
    height: 1.5rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Paginator.razor.rz.scp.css */
.paginator[b-rweqsmwiaf] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.875rem;
}

    .paginator > span[b-rweqsmwiaf] {
        cursor: pointer;
        line-height: 1.0625rem;
        text-align: center;
        min-width: 1.3125rem;
    }

    .paginator[b-rweqsmwiaf]  .active {
        color: var(--bov-primary-400);
    }

    .paginator[b-rweqsmwiaf]  .disabled {
        cursor: initial;
    }

        .paginator[b-rweqsmwiaf]  .disabled .icon {
            color: var(--bov-dark-grey);
        }

[b-rweqsmwiaf] .icon {
    width: 1rem;
    height: 1rem;
    color: var(--bov-almost-black);
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/PrintButton.razor.rz.scp.css */
.print[b-3ova2comx9] {
    letter-spacing: 0.004rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 0;
    border: 0;
    white-space: nowrap;
    text-decoration: underline;
    background: none;
}

[b-3ova2comx9] .icon {
    width: 1.5rem;
    height: 1.5rem;
    padding-bottom: 0.25rem;
    margin-right: 0.25rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Processing.razor.rz.scp.css */
main[b-jyi8fhi7p0] {
    background-color: var(--bov-primary-light);
    text-align: center;
}

h1[b-jyi8fhi7p0] {
    color: var(--bov-almost-black);
    font-size: 2.25rem;
    line-height: 2.5rem;
}

h2[b-jyi8fhi7p0] {
    color: var(--bov-dark-grey);
    font-size: 1.31rem;
    line-height: 1rem;
    padding: 2rem 0 2.5rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/QuestionModal.razor.rz.scp.css */
.modal-container[b-r6nzsey9mb] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    gap: 1rem;
}

.container-title > h3[b-r6nzsey9mb] {
    font-weight: 700;
}

.container-footer[b-r6nzsey9mb] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.screen[b-r6nzsey9mb] {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.35rem;
}

    .screen > p[b-r6nzsey9mb] {
        margin: 0;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/RedirectToBovHomepage.razor.rz.scp.css */
.bov-homepage-redirect[b-5fge99z4d2] {
    color: var(--bov-primary-400);
    font-size: 1rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Spinner.razor.rz.scp.css */
.loading-spinner[b-mhos3oktbs] {
    display: flex;
    justify-content: center;
}

    .loading-spinner .half-circle-spinner[b-mhos3oktbs],
    .loading-spinner .half-circle-spinner *[b-mhos3oktbs] {
        box-sizing: border-box;
    }

    .loading-spinner .half-circle-spinner[b-mhos3oktbs] {
        --size: 1.78125rem;
        --borderTopColor: var(--bov-pure-white);
        --borderBottomColor: var(--bov-pure-white);
        width: var(--size, 1.78125rem);
        height: var(--size, 1.78125rem);
        border-radius: 100%;
        position: relative;
    }

        .loading-spinner .half-circle-spinner .circle[b-mhos3oktbs] {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            border: calc(var(--size, 1.78125rem) / 10) solid transparent;
        }

            .loading-spinner .half-circle-spinner .circle.circle-1[b-mhos3oktbs] {
                border-top-color: var(--borderTopColor, var(--bov-primary-600));
                animation: half-circle-spinner-animation-b-mhos3oktbs 1s infinite;
            }

            .loading-spinner .half-circle-spinner .circle.circle-2[b-mhos3oktbs] {
                border-bottom-color: var(--borderBottomColor, var(--bov-primary-600));
                animation: half-circle-spinner-animation-b-mhos3oktbs 1s infinite alternate;
            }

@keyframes half-circle-spinner-animation-b-mhos3oktbs {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/Table/ScrollableTable.razor.rz.scp.css */
.scrollable-wrapper[b-i8k1znbd44] {
    overflow-x: auto;
}

table[b-i8k1znbd44] {
    white-space: nowrap;
    border: none;
    width: 100%;
}

    table thead[b-i8k1znbd44] {
        border: 1px solid var(--bov-light-grey);
        background: var(--bov-primary-400);
        color: var(--bov-pure-white);
    }

        table thead tr th[b-i8k1znbd44],
        table tbody tr td[b-i8k1znbd44] {
            padding: 0.25rem;
        }

    table tbody tr[b-i8k1znbd44] {
        border: 1px solid var(--bov-mid-grey);
    }

    table td[b-i8k1znbd44] {
        font-family: Lato;
        font-size: 0.875rem;
        line-height: 2rem;
    }

    table .sticky[b-i8k1znbd44] {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        width: 1rem;
    }

    table th.sticky[b-i8k1znbd44] {
        background: var(--bov-primary-400);
    }

    table td.sticky[b-i8k1znbd44] {
        background: var(--background);
    }

        table .sticky[b-i8k1znbd44]::before,
        table td.sticky[b-i8k1znbd44]::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
        }

    table .sticky[b-i8k1znbd44]::before {
        border-left: 1px solid var(--bov-light-grey);
        left: -1px;
    }

    table td.sticky[b-i8k1znbd44]::after {
        border-right: 1px solid var(--bov-light-grey);
        right: -1px;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSelectionDateHeader.razor.rz.scp.css */
.selection-header[b-6so9bs8z3z] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

    .selection-header .date-range-selection[b-6so9bs8z3z] {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .selection-header .date-range-selection .date-range-selector[b-6so9bs8z3z] {
            width: auto;
            padding: 2.5px 25px 2.5px 10px;
            outline: 1px solid var(--bov-light-grey);
            border-radius: 5px;
            font-size: 1.25rem;
            font-weight: 500;
            cursor: pointer;
            /* Overriding the default arrow */
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/> </svg>');
            background-repeat: no-repeat;
            background-position: right 8px center;
            background-color: var(--bov-pure-white);
            /* Disabling the default appearance */
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            .selection-header .date-range-selection .date-range-selector:hover[b-6so9bs8z3z] {
                background-color: var(--bov-primary-light);
                outline: solid thin var(--bov-light-grey);
                transition: background-color .3s;
            }

            .selection-header .date-range-selection .date-range-selector:focus[b-6so9bs8z3z] {
                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/> </svg>');
                background-repeat: no-repeat;
                background-position: right 8px center;
                background-color: var(--bov-pure-white);
            }

            .selection-header .date-range-selection .date-range-selector option:checked[b-6so9bs8z3z] {
                background-color: var(--bov-primary-lightest);
            }

        .selection-header .date-range-selection .branch-title[b-6so9bs8z3z] {
            color: var(--bov-mid-grey);
            padding-left: 0.2rem;
        }
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSelectionDesktop.razor.rz.scp.css */
.left-arrow[b-8o1r0gtm9n], .right-arrow[b-8o1r0gtm9n] {
    position: absolute;
    top: 45%;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-shadow: 0px 8px 3px rgba(33, 33, 33, 0.01), 0px 5px 3px rgba(33, 33, 33, 0.05), 0px 2px 2px rgba(33, 33, 33, 0.09), 0px 1px 1px rgba(33, 33, 33, 0.1), 0px 0px 0px rgba(33, 33, 33, 0.1);
}

.left-arrow[b-8o1r0gtm9n] {
    right: 101%;
}

.right-arrow[b-8o1r0gtm9n] {
    left: 101%;
}

    .left-arrow[b-8o1r0gtm9n]  .icon,
    .right-arrow[b-8o1r0gtm9n]  .icon {
        position: absolute;
        width: 15px;
        height: 15px;
        transform: translate(-50%, -50%);
    }

.selection-container[b-8o1r0gtm9n] {
    height: 16.625rem;
    overflow-y: auto;
    margin-bottom: 2.5rem;
    margin-top: 0.9375rem;
}

.date-container[b-8o1r0gtm9n] {
    text-align: left;
    font-weight: 400;
    border-left: 4px solid;
    border-color: var(--bov-pure-white);
}

    .date-container.selected[b-8o1r0gtm9n] {
        border-color: var(--bov-primary-400);
    }

    .date-container .weekday[b-8o1r0gtm9n] {
        color: var(--bov-mid-grey);
        text-transform: uppercase;
    }

    .date-container .day[b-8o1r0gtm9n] {
        color: var(--bov-almost-black);
        font-size: 1.75rem;
    }

    .date-container.selected .day[b-8o1r0gtm9n],
    .date-container.selected .weekday[b-8o1r0gtm9n] {
        color: var(--bov-primary-400);
    }

    .date-container .day.disabled[b-8o1r0gtm9n] {
        color: var(--bov-mid-grey);
    }

    .date-container.col[b-8o1r0gtm9n] {
        margin: 0 0.5rem;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSelectionMobile.razor.rz.scp.css */
.date-selection-container[b-2pym45cuqz] {
    display: flex;
}

    .date-selection-container .touch-area-arrow[b-2pym45cuqz] {
        display: flex;
        cursor: pointer;
        width: 44px;
        height: 44px;
        justify-content: center;
        align-items: center;
    }

        .date-selection-container .touch-area-arrow.disabled[b-2pym45cuqz] {
            cursor: unset;
        }

        .date-selection-container .touch-area-arrow .button-arrow[b-2pym45cuqz] {
            display: flex;
            width: 24px;
            height: 24px;
            text-align: center;
            align-items: center;
            border-radius: 50%;
            padding: unset;
            cursor: pointer;
        }

        .date-selection-container .touch-area-arrow.disabled .button-arrow[b-2pym45cuqz] {
            cursor: unset;
        }

        .date-selection-container .touch-area-arrow .arrow-left[b-2pym45cuqz] {
            justify-content: left;
        }

        .date-selection-container .touch-area-arrow .arrow-right[b-2pym45cuqz] {
            justify-content: right;
        }

            .date-selection-container .touch-area-arrow .arrow-right[b-2pym45cuqz]  .icon,
            .date-selection-container .touch-area-arrow .arrow-left[b-2pym45cuqz]  .icon {
                width: 15px;
                height: 15px;
            }

            .date-selection-container .touch-area-arrow .arrow-right[b-2pym45cuqz]  .icon {
                transform: translate(-20%, 0%);
            }

        .date-selection-container .touch-area-arrow .arrow-left[b-2pym45cuqz]  .icon {
            transform: translate(20%, 0%);
        }

    .date-selection-container .days-container[b-2pym45cuqz] {
        justify-content: space-around;
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

        .date-selection-container .days-container .touch-day[b-2pym45cuqz] {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 44px;
            height: 48px;
            cursor: pointer;
        }

            .date-selection-container .days-container .touch-day .day-number[b-2pym45cuqz] {
                display: flex;
                height: 30px;
                justify-content: center;
                align-items: center;
                color: var(--bov-almost-black);
                font-size: 16px;
            }

            .date-selection-container .days-container .touch-day .day-letter[b-2pym45cuqz] {
                display: flex;
                height: 18px;
                justify-content: center;
                align-items: center;
                color: var(--bov-mid-grey);
                text-transform: uppercase;
            }

            .date-selection-container .days-container .touch-day .day-number.selected-day[b-2pym45cuqz] {
                border-radius: 50%;
                background-color: var(--bov-primary-400);
                color: var(--bov-pure-white);
                width: 30px;
            }

                .date-selection-container .days-container .touch-day .day-number.selected-day .disabled[b-2pym45cuqz] {
                    color: var(--bov-pure-white);
                }

            .date-selection-container .days-container .touch-day .day-number .disabled[b-2pym45cuqz] {
                color: var(--bov-mid-grey);
            }


.selection-container[b-2pym45cuqz] {
    overflow-y: auto;
    margin-bottom: 2.5rem;
    margin-top: 0.9375rem;
}

.alert-message[b-2pym45cuqz] {
    margin-bottom: 1.5rem;
}

@media (max-width: 1024px) {
    .date-selection-header-wrapper.fixed[b-2pym45cuqz] {
        position: fixed;
        top: 4rem;
        left: 0;
        width: 100%;
        padding: 1rem;
        background: var(--bov-pure-white);
        z-index: 99;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSelectionUnavailableSlotsMessage.razor.rz.scp.css */
.time-selection-error-state[b-y4v0zrgozi] {
    margin-top: 3.5rem;
    margin-bottom: 5.5rem;
}

    .time-selection-error-state > *[b-y4v0zrgozi] {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .time-selection-error-state h3[b-y4v0zrgozi] {
        font-size: 2rem;
        font-weight: 500;
        margin-top: 3.5rem;
        margin-bottom: 2.5rem;
    }

    .time-selection-error-state h4[b-y4v0zrgozi] {
        font-size: 1.313rem;
        font-weight: 700;
        letter-spacing: 0.005rem;
    }

    .time-selection-error-state p[b-y4v0zrgozi] {
        font-size: 0.875rem;
        font-weight: 400;
    }
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSelectionView.razor.rz.scp.css */
.slot-container[b-61qiuhxdb2] {
    background: var(--bov-pure-white);
    padding: 2rem 3.625rem;
    position: relative;
}

.appointment-alert[b-61qiuhxdb2] {
    display: flex;
    padding: 1rem 0.5rem;
    gap: 0.5rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid var(--bov-primary-500);
    background: var(--bov-primary-100);
    justify-content: space-between;
    margin-top: 1rem;
    align-items: center;
}

    .appointment-alert .message[b-61qiuhxdb2] {
        text-align: left;
        font-size: 0.875rem;
    }

    .appointment-alert .show-me[b-61qiuhxdb2] {
        white-space: nowrap;
        font-size: 1em;
        font-weight: 500;
        letter-spacing: 0.004rem;
    }

@media (max-width: 1024px) {
    .d-block-mobile[b-61qiuhxdb2] {
        background: var(--bov-pure-white);
    }

    .slot-container[b-61qiuhxdb2] {
        padding: 1.5rem 1rem 0;
    }

    .nav-buttons-container[b-61qiuhxdb2] {
        position: sticky;
        bottom: 0;
        padding: 0.375rem 1rem 1.375rem;
        background: var(--bov-pure-white);
    }

    .appointment-alert[b-61qiuhxdb2] {
        flex-direction: column;
        align-items: start;
        margin-top: 0;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/TimeSlotsContainer.razor.rz.scp.css */
.time-slots-container-empty[b-jv4pa8pjhs] {
    position: sticky;
    top: 0;
    height: 16.625rem;
    align-items: center;
    justify-content: center;
    color: var(--bov-light-grey);
}

.time-slots-container.col[b-jv4pa8pjhs] {
    margin: 0 0.5rem;
}

.time-slots-container[b-jv4pa8pjhs] {
    display: flex;
    flex-direction: column;
    background: rgba(var(--bov-primary-lightest-rgb), 0.3);
    border: 1px solid var(--bov-lightest-grey);
    border-radius: 6px;
    padding: 0.5625rem 0.5rem;
}

    .time-slots-container .time-slot[b-jv4pa8pjhs] {
        padding: 0.5625rem 0.78125rem;
        margin-bottom: 0.75rem;
        color: var(--bov-almost-black);
        font-weight: 500;
        border: 1.5px solid var(--bov-primary-400);
        background: var(--bov-pure-white);
    }

        .time-slots-container .time-slot:last-child[b-jv4pa8pjhs] {
            margin-bottom: 0;
        }

        .time-slots-container .time-slot:not(.selected):hover[b-jv4pa8pjhs] {
            background: var(--bov-primary-lightest);
            border: 1px solid var(--bov-primary-400);
            color: var(--bov-primary-400);
        }

    .time-slots-container .selected[b-jv4pa8pjhs] {
        background: var(--bov-primary-400);
        border: 1px solid var(--bov-primary-400);
        color: var(--bov-pure-white);
    }

.alert-message[b-jv4pa8pjhs] {
    margin-top: 1rem;
    padding: 0 0.5rem;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/TimeSelection/Timezone.razor.rz.scp.css */
.time-zone[b-f838xboya2] {
    width: auto;
    padding: 0;
    margin-left: auto;
    color: var(--bov-mid-grey);
    display: flex;
}

    .time-zone .time-zone-title[b-f838xboya2] {
        font-weight: 400;
    }

    .time-zone .time-zone-display[b-f838xboya2] {
        font-weight: 500;
        padding-left: 0.5rem;
    }

@media (max-width: 1024px) {
    .time-zone-title[b-f838xboya2] {
        display: none;
    }
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/UnauthorizedView.razor.rz.scp.css */
.form-container[b-b9p60kmcmu] {
    padding: 5rem 3rem;
}

h1[b-b9p60kmcmu] {
    color: var(--bov-almost-black);
}

h3[b-b9p60kmcmu] {
    padding: 1rem 0 4rem;
    font-weight: 700;
}
/* _content/AppointmentBookingSystem.Web/Components/Shared/WarningContainer.razor.rz.scp.css */
.warning-container[b-m3hi046i1o] {
    background-color: var(--warning);
    padding: 1rem 0.5rem;
    border-radius: 0.25rem;
    text-align: left;
}
/* _content/AppointmentBookingSystem.Web/Pages/Appointment.razor.rz.scp.css */
[b-jscfsjc5qk] .description {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
}

[b-jscfsjc5qk] .underline {
    text-decoration: underline;
}
/* _content/AppointmentBookingSystem.Web/Pages/BackOffice/BookAppointment.razor.rz.scp.css */
[b-r8yw8neufr] .input-container {
    --bs-gutter-x: 0px;
}

    [b-r8yw8neufr] .input-container:last-child {
        margin-bottom: 0;
    }

.backoffice-time-selection[b-r8yw8neufr] {
    min-height: 480px;
    font-weight: 500;
    color: var(--bov-almost-black);
}
/* _content/AppointmentBookingSystem.Web/Pages/Index.razor.rz.scp.css */
[b-oi74bfdmvr] .description {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
}


@media (max-width: 768px) {
    [b-oi74bfdmvr] .description {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
}
/* _content/AppointmentBookingSystem.Web/Shared/AuthControl.razor.rz.scp.css */
.avatar[b-m421njhptg] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bov-primary-600);
    background-color: var(--bov-primary-300);
    height: 3rem;
    width: 3rem;
}
.arrow-container[b-m421njhptg] {
    margin-top: 0.5rem;
    margin-left: 0.25rem;
}
    .arrow-container .arrow[b-m421njhptg]{
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        width: 1rem;
        height: 1rem;
    }

.nav-link[b-m421njhptg] {
    padding: unset;
}

.nav-link-dropdown[b-m421njhptg] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

ul.dropdown-menu[b-m421njhptg] {
    position: absolute;
    right: 0;
    padding: 0;
    margin-top: 0.5rem;
    border-radius: 0.25rem;
    background: var(--bov-pure-white);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 10px 6px 0px rgba(0, 0, 0, 0.05), 0px 18px 7px 0px rgba(0, 0, 0, 0.01), 0px 28px 8px 0px rgba(0, 0, 0, 0.00);
}

    ul.dropdown-menu a.dropdown-menu-item[b-m421njhptg] {
        display: block;
        padding: 1rem 1.25rem;
        font-size: 0.875rem;
        white-space: nowrap;
        background-color: transparent;
        text-decoration: none;
        border-bottom: 1px solid #cad4e3;
    }

        ul.dropdown-menu a.dropdown-menu-item.disabled[b-m421njhptg] {
            color: #8693a7;
            background-color: #f8f8fc;
        }

        ul.dropdown-menu a.dropdown-menu-item:not(.disabled)[b-m421njhptg] {
            cursor: pointer;
        }

            ul.dropdown-menu a.dropdown-menu-item:not(.disabled):hover[b-m421njhptg] {
                text-decoration: underline;
            }
/* _content/AppointmentBookingSystem.Web/Shared/BackOfficeLayout.razor.rz.scp.css */
.nav-buttons-container[b-qdm0ue5mvl] {
    margin-left: 2rem;
    margin-right: auto;
}

section[b-qdm0ue5mvl] {
    padding-top: 5rem;
    padding-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* _content/AppointmentBookingSystem.Web/Shared/SinglePageLayout.razor.rz.scp.css */
main[b-v4g1a7sll7] {
    background-color: var(--bov-primary-light);
}