/* _content/ClubFusionStaffApp.BlazorServer/Components/AuthorizedBasePage.razor.rz.scp.css */
.base-page-container[b-kff1b9l7mq] {
    position: relative;
    z-index: 1;
}

.spinner-container[b-kff1b9l7mq] {
    display: flex;
    height: 100%;
    width: 100%;
}

/*skeleton*/
.skeleton-container[b-kff1b9l7mq] {
    display: flex;
    margin: 10px 10px;
    height: 100%;
    width: 100%;
}

.scheduler-skeleton[b-kff1b9l7mq] {
    display: flex;
    margin: 10px 10px;
    height: 100%;
    width: 100%;
}

.appointments-skeleton[b-kff1b9l7mq] {
    margin: 10px;
    width: 100%;
    height: 100%;
    padding-top: 1.1rem;
}

.activities-skeleton[b-kff1b9l7mq] {
    margin: 10px;
    width: 100%;
    padding-top: 1.1rem;
    padding-right: 10px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/AssignTableDialog.razor.rz.scp.css */
.selected-table-state-btn[b-cg7jogjj3u]
{
    border-width: 2px;
    border-color: blue;
}

.table-state-btn[b-cg7jogjj3u] {
    border-radius: 6px;
    border: 1px solid #C1C1C1;
    background: #FFF;
    padding: 10px;
    color: #73747E;
    font-size: 14px;
}

.selected-table-state-btn[b-cg7jogjj3u] {
    border-radius: 6px;
    background: #CED3FF;
    border: 1px solid #223983;
    padding: 10px;
    color: #050F67;
    font-size: 14px;
}

.label-2[b-cg7jogjj3u] {
    font-size: 17px;
}

.cancel-btn[b-cg7jogjj3u] {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #767676;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.res-btn[b-cg7jogjj3u] {
    background: #E8BD8C;
    border-radius: 3px;
    color: #563208;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
}

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

.res-name[b-cg7jogjj3u] {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
}

.info-wrapper[b-cg7jogjj3u] {
    margin-bottom: 30px;
}

.invisible[b-cg7jogjj3u] {
    display: none;
}

.flex[b-cg7jogjj3u] {
    display: flex;
}

.align-center[b-cg7jogjj3u] {
    align-items:center;
}

.gap-12[b-cg7jogjj3u] {
    gap: 12px;
}

.clr-blue[b-cg7jogjj3u] {
    color: #248FD0;
}

.bold[b-cg7jogjj3u] {
    font-weight: 600;
}

.party-icon[b-cg7jogjj3u] {
    filter: contrast(0.3);
}

.table-icon[b-cg7jogjj3u] {
    height: 20px;
    width: 20px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/CreateEditDialog.razor.rz.scp.css */
.main-content[b-bpg9t1hx48] {
    width: 100%;
    height: calc(100vh - 53px);
    left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
}

.main-header[b-bpg9t1hx48] {
    background: #343330;
    padding: 10px 0px 10px 30px;
    gap: 20px;
    border-bottom: 1px solid #3e3e3e;
}

/*::deep .e-input-group, .e-input-group.e-control-wrapper {
    background: #24211a;
    color: #ffffff;
}

    ::deep .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
        border-color: #5c5c5c;
    }

    ::deep .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly] {
        color: white;
        font-weight: 600;
    }*/

.res-count[b-bpg9t1hx48] {
    color: #767676;
    font-size: 16px;
}

.reservation-container[b-bpg9t1hx48] {
    background-color: #24211A;
}


.db-property-editor-container[b-bpg9t1hx48] {
    background-color: #24211A;
    width: 385px;
    border: none;
    padding-top: 0;
}

[b-bpg9t1hx48]::-webkit-scrollbar {
    background: #24211a;
    width: .7em;
}

[b-bpg9t1hx48]::-webkit-scrollbar-thumb {
    width: .4em;
    background: #3b3936;
    opacity: 0;
    border-radius: 20px;
    border: 2px solid #24211a;
    padding: 2px;
}

[b-bpg9t1hx48]::-webkit-scrollbar-track {
    padding: 2em;
}

.add-res-btn[b-bpg9t1hx48] {
    background: #322F29;
    border-radius: 3px;
    border: none;
    color: #FFE699;
    font-weight: 400;
    font-size: 38px;
    line-height: 1;
}

.res-title[b-bpg9t1hx48] {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0;
}

.title-program-name p[b-bpg9t1hx48] {
    font-size: 14px;
    color: #ACACAC;
    margin: 0;
    text-transform: uppercase;
}

.db-diagram-prop-container[b-bpg9t1hx48] {
    position: relative;
}

.top-heading[b-bpg9t1hx48] {
    position: sticky;
    top: 0;
    background: #24211a;
    z-index: 100;
    padding: 10px 0px;
}

.top-row[b-bpg9t1hx48] {
    box-shadow: 0px 20px 60px 0px #27241d;
    padding-bottom: 10px;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content, [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    color: #ababab;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background: #24211a;
    border: none;
    border-bottom: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-selected.e-active > .e-acrdn-header {
    border: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select {
    border: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-expand-state.e-select {
    border: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-acrdn-header:focus {
    box-shadow: none;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
    background: #24211a;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: #24211a;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
    border-color: #2e2e2e;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-toggle-icon {
    color: white;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
    color: white;
}

[b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons[b-bpg9t1hx48], .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content[b-bpg9t1hx48] {
    color: white;
}

[b-bpg9t1hx48] .e-accordion {
    background: none;
    border: none;
}

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-acrdn-header:active {
        background: none;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
        background: #24211a;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
        background: #24211a;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
        color: #d4d4d4;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #d3d3d3;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
        color: #d4d4d4;
    }

    /*   ::deep .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header{
        background: none;
    }*/

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
        background: #24211a;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
        background: none;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
        background: none;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-acrdn-header {
        padding: 0;
    }

    [b-bpg9t1hx48] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
        padding: 0;
        margin-top: 10px;
    }
/*----reservation styling------*/
.main-queue[b-bpg9t1hx48] {
}

.first-row[b-bpg9t1hx48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.state-filter[b-bpg9t1hx48] {
    border-radius: 8px;
    border: 1px solid #787878;
    width: 80px;
    padding: 8px;
    background-color: transparent;
    color: #e9e9e9;
}

.state-filter-active[b-bpg9t1hx48] {
    border-radius: 8px;
    border: 1px solid white;
    width: 80px;
    padding: 8px;
    background-color: #353431;
    color: white;
}

.filter-btn-group[b-bpg9t1hx48] {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.state-button-selected[b-bpg9t1hx48] {
    border-radius: 44px;
    border: 1px solid #959595;
    background: #2C4F31;
    width: 80px;
    padding: 8px;
    color: white;
}

.state-button[b-bpg9t1hx48] {
    border-radius: 44px;
    border: 1px solid #959595;
    background: #2B2821;
    width: 80px;
    padding: 8px;
    color: white;
}

.alacarte-reservation-item[b-bpg9t1hx48] {
    border: none;
    background: #322F29;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 8px;
    height: 80px;
    gap: 15px;
}

.btn-col[b-bpg9t1hx48] {
    border-right: 1px solid #24211a;
}



.left-align-wrapper[b-bpg9t1hx48] {
    display: flex;
    gap: 15px;
}

.name[b-bpg9t1hx48] {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
}

.party-info[b-bpg9t1hx48] {
    text-align: left;
    color: white;
}

.party-size[b-bpg9t1hx48] {
    color: white;
    padding-right: 10px;
    gap: 6px;
    align-items: center;
}

.party-icon[b-bpg9t1hx48] {
    height: 16px;
    width: 16px;
}

.res-time[b-bpg9t1hx48] {
    color: #979797;
}

.time[b-bpg9t1hx48] {
    color: #919191;
}

/*-----basic utility classes--------*/
.flex[b-bpg9t1hx48] {
    display: flex;
}

.flex-direction-row[b-bpg9t1hx48] {
    display: flex;
    flex-direction: row;
}

.flex-direction-col[b-bpg9t1hx48] {
    display: flex;
    flex-direction: column;
}

.justify-content-between[b-bpg9t1hx48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.align-center[b-bpg9t1hx48] {
    display: flex;
    align-items: center;
}

.gap-10[b-bpg9t1hx48] {
    gap: 10px;
}

.gap-4[b-bpg9t1hx48] {
    gap: 4px !important;
}

.gray[b-bpg9t1hx48] {
    color: #979797;
}

.small-margin-gap[b-bpg9t1hx48] {
    margin-bottom: 10px;
}

.medium-text-name[b-bpg9t1hx48] {
    color: black;
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text-name-2[b-bpg9t1hx48] {
    color: black;
    font-weight: 400;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text[b-bpg9t1hx48] {
    color: #efefef;
    font-weight: 500;
    margin: 0;
}

.dropdown-text[b-bpg9t1hx48] {
    line-height: normal;
}

.light-text[b-bpg9t1hx48] {
    color: gray;
    margin: 0;
}

.line[b-bpg9t1hx48] {
    width: 100%;
    height: 1px;
    background-color: #2E2E2E;
}

/*-----new reservation dialog styling------*/
[b-bpg9t1hx48] .e-dialog .e-dlg-header-content {
    background-color: #121212;
}

[b-bpg9t1hx48] .e-dlg-content {
    background-color: #000;
}

.reservation-method-container[b-bpg9t1hx48] {
}

.table-row[b-bpg9t1hx48] {
    text-indent: 0px;
}

.reservation-method[b-bpg9t1hx48] {
    border-radius: 6px;
    border: 1px solid #C1C1C1;
    background: #FFF;
    padding: 10px;
    color: #73747E;
    font-size: 14px;
}

.selected-reservation-method[b-bpg9t1hx48] {
    border-radius: 6px;
    background: #CED3FF;
    border: 1px solid #223983;
    padding: 10px;
    color: #050F67;
    font-size: 14px;
}

.add-members-message[b-bpg9t1hx48] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #979797;
    height: 50px;
}

.btn-group[b-bpg9t1hx48] {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.time-btn-group[b-bpg9t1hx48] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.times[b-bpg9t1hx48] {
    border: none;
    padding: 17px 20px;
    border-radius: 4px;
    background: #4D774C;
    color: white;
    font-weight: 600;
    width: 109px;
    position: relative;
    font-size: 14px;
}

.unavailable-times[b-bpg9t1hx48] {
    border: none;
    padding: 17px 20px;
    border-radius: 4px;
    background: #ACBAAC;
    color: #E8E8E8;
    font-weight: 600;
    width: 109px;
    position: relative;
    font-size: 14px;
}

.max-count[b-bpg9t1hx48] {
    position: absolute;
    top: 0;
    left: 70px;
    font-weight: 400;
    font-size: 12px;
}

.f-col[b-bpg9t1hx48] {
    flex-direction: column;
    gap: 20px;
}

.cancel-btn[b-bpg9t1hx48] {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #767676;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.res-btn[b-bpg9t1hx48] {
    background: #E8BD8C;
    border-radius: 3px;
    color: #563208;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
}

.add-spouse-btn[b-bpg9t1hx48] {
    border-radius: 3px;
    border: 1px solid #5C7FEC;
    background: none;
    color: #5C7FEC;
    height: 30px;
    padding: 4px;
}

.input-title-2[b-bpg9t1hx48] {
    margin: 0;
    color: gray;
}

.input-row-1[b-bpg9t1hx48] {
    width: 100%;
}

.header-style[b-bpg9t1hx48] {
    align-items: center;
    gap: 10px;
}

.selected-time[b-bpg9t1hx48] {
    width: 95px;
    background: #37725a;
    color: white;
    padding: 10px 20px;
    border-radius: 4px 0px 0px 4px;
}

.x-btn[b-bpg9t1hx48] {
    border-radius: 0px 4px 4px 0px;
    border: none;
    background: #285d47;
    color: white;
    padding: 0px 15px;
}

.row-title[b-bpg9t1hx48] {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

[b-bpg9t1hx48] .e-ddl.e-input-group .e-input-value {
    padding: 4px;
}

.clear-btn[b-bpg9t1hx48] {
    border-radius: 6px;
    background: none;
    border: none;
    font-size: 16px;
    color: #878787;
}

.multiselect-item-type-btn-active[b-bpg9t1hx48] {
    background: var(--bs-primary);
    color: white;
}

/*----reservation details popup-----*/
.top-row-info[b-bpg9t1hx48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -16px;
    margin-bottom: 20px;
    background: #e9e9e9;
    padding: 10px 16px
}

.res-name[b-bpg9t1hx48] {
    font-size: 17px;
    font-weight: 700;
}

.message-btn[b-bpg9t1hx48] {
    border: none;
    padding: 10px 15px;
    background: #8CE88F;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

.party-img[b-bpg9t1hx48] {
    filter: brightness(0.3);
    width: 17px;
}

.party-row[b-bpg9t1hx48] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #404040;
    font-weight: 500;
    font-size: 15px;
}

.done-btn[b-bpg9t1hx48] {
    background-color: #b9d5ff94;
    border: solid 1px #b4c8e9;
    color: #001330;
    border-radius: 3px;
    font-size: 16px;
    padding: 9px 50px;
    width: 100%;
    font-weight: 500;
}

.dialog-content[b-bpg9t1hx48] {
    flex-direction: column;
    gap: 20px;
}

.label-2[b-bpg9t1hx48] {
    font-weight: 500;
}

.dropdown-footer[b-bpg9t1hx48] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background: #EEF2F8;
}

.add-guest-btn[b-bpg9t1hx48] {
    border: none;
    background: none;
    color: #4471B5;
    padding: 10px 15px;
    font-size: 15px;
}

table[b-bpg9t1hx48] {
    width: 100%;
}

.membership-holder-text[b-bpg9t1hx48] {
    text-align: right;
    color: #858585;
}

/*------assign to table pop up styling-----------*/
.invisible[b-bpg9t1hx48] {
    display: none;
}

/*--------send message pop up styling------*/
.message-name[b-bpg9t1hx48] {
    font-weight: 500;
}

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

.send-btn[b-bpg9t1hx48] {
    border: none;
    padding: 10px 57px;
    background: #8CE88F;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

/*--------Search Bar------*/

.custom-input[b-bpg9t1hx48] {
    position: relative;
    margin-bottom: 20px;
    /* space for icon */
}

.fas[b-bpg9t1hx48] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    color: #8b8b8b;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/DiagramViewMainContent.razor.rz.scp.css */
/*.db-diagram-container
{
    width: 100%;
}*/

.primary-wrapper[b-h5u82qg6hs] {
    height: 100%;
    width: 100%;
    z-index: 1;
}

.main-header[b-h5u82qg6hs] {
    background: #343330;
    color: white;
    padding: 10px;
}

.db-diagram-container[b-h5u82qg6hs] {
    width: 100%;
    padding: 16px 16px 29px 16px;
    background: #343330;
    height: 100%;
}

.flex[b-h5u82qg6hs] {
    display: flex;
    gap: 10px;
}

.diagram-viewport[b-h5u82qg6hs] {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #343330;
}

#diagramContainerDiv[b-h5u82qg6hs] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #343330;
}

.e-diagram[b-h5u82qg6hs] {
    max-width: 100%;
    max-height: 100%;
}

/*-----------Start program overlay styling -----------*/


[b-h5u82qg6hs] .e-popup.e-popup-open.e-dialog, [b-h5u82qg6hs] .e-dialog, [b-h5u82qg6hs] .e-dialog .e-dlg-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

[b-h5u82qg6hs] .e-dlg-overlay {
    background-color: rgba(0,0,0,.8);
}

.left-col[b-h5u82qg6hs]{
    width: 50%;
}

.right-col[b-h5u82qg6hs] {
    width: 50%;
}

.thumbnail-img[b-h5u82qg6hs] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.title[b-h5u82qg6hs] {
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
}

.med-text[b-h5u82qg6hs] {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

.med-text-2[b-h5u82qg6hs] {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.small-text[b-h5u82qg6hs] {
    color: #B4B1B1;
    font-size: 18px;
    font-weight: 400;
}

.edit-diagram-btn[b-h5u82qg6hs] {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
    border: none;
    background-color: transparent;
    color: #B2CDD9;
    height: 70px;
    padding: 5px 10px;
}

.start-program-btn[b-h5u82qg6hs] {
    border-radius: 5px;
    background: #279243;
    color: white;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    border: none;
    height: 70px;
    padding: 5px 10px;
}

.btn-group[b-h5u82qg6hs] {
    margin-top: 15px;
}

.start-program-dialog[b-h5u82qg6hs] {
    padding-right: 74px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/EventReservationDetailDialog.razor.rz.scp.css */
/*----reservation details popup-----*/
.top-row-info[b-l3618u4b24] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -16px;
    margin-bottom: 20px;
    background: #e9e9e9;
    padding: 10px 16px
}

.res-name[b-l3618u4b24] {
    font-size: 17px;
    font-weight: 700;
    width: 205px;
}

.message-btn[b-l3618u4b24] {
    border: none;
    padding: 10px 15px;
    background: #8CE88F;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

.edit-btn[b-l3618u4b24] {
    border: none;
    padding: 10px 15px;
    background: #CFDBFF;
    border-radius: 3px;
    color: #2C448D;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

.delete-btn[b-l3618u4b24] {
    border: none;
    padding: 10px 10px;
    background: #FFDADA;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

.party-img[b-l3618u4b24] {
    filter: brightness(0.6);
    width: 17px;
}

.party-row[b-l3618u4b24], .table-wrapper[b-l3618u4b24] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #404040;
    font-weight: 500;
    font-size: 15px;
}

.done-btn[b-l3618u4b24] {
    background-color: #b9d5ff94;
    border: solid 1px #b4c8e9;
    color: #001330;
    border-radius: 3px;
    font-size: 16px;
    padding: 9px 50px;
    width: 100%;
    font-weight: 500;
}

.update-seat-status-btn[b-l3618u4b24] {
    color: #497AC2;
    border: none;
    background: none;
    font-size: 15px;
}

.dialog-content[b-l3618u4b24] {
    flex-direction: column;
    gap: 20px;
}

.label-2[b-l3618u4b24] {
    font-weight: 500;
}

.flex-direction-row[b-l3618u4b24] {
    display: flex;
    flex-direction: row;
}

.cancel-btn[b-l3618u4b24] {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #767676;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.save-btn-active[b-l3618u4b24] {
    background-color: #3C65E8;
    border: solid 1px #ced4da;
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.save-btn[b-l3618u4b24] {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #767676;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.assign-btn[b-l3618u4b24] {
    background: #E8BD8C;
    border-radius: 3px;
    color: #563208;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
}

.button-row[b-l3618u4b24] {
    margin-top: 30px;
}

[b-l3618u4b24] .e-dialog .e-footer-content {
    padding: 4px;
    background: #eeeeee;
}

/*----------utility classes--------*/

.flex[b-l3618u4b24] {
    display: flex;
}

.align-center[b-l3618u4b24] {
    align-items: center;
}

.justify-content-between[b-l3618u4b24] {
    justify-content: space-between;
}

.flex-end[b-l3618u4b24] {
    justify-content: flex-end;
}

.gap-8[b-l3618u4b24] {
    gap: 8px;
}

.gap-4[b-l3618u4b24] {
    gap: 4px !important;
}

.regular-text[b-l3618u4b24] {
    font-size: 14px;
    color: black;
    font-weight: 400;
    margin: 0;
}

.padding-left-sm[b-l3618u4b24] {
    padding-left: 4px;
}

.padding-top-sm[b-l3618u4b24] {
    padding-top: 4px;
}

/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/ReservationListItem.razor.rz.scp.css */
/*-----basic utility classes--------*/
.flex[b-jdvwmwhdga] {
    display: flex;
}

.justify-content-between[b-jdvwmwhdga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gap-6[b-jdvwmwhdga] {
    gap: 6px;
}

/*----reservation styling------*/
.alacarte-reservation-item[b-jdvwmwhdga] {
    border: none;
    background: #322F29;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 8px;
    height: 88px;
    gap: 15px;
    padding-right: 12px;
}

.btn-col[b-jdvwmwhdga] {
    border-right: 1px solid #24211a;
}

.pop-out-btn[b-jdvwmwhdga] {
    border: none;
    border-right: 1px solid #25221e;
    background-color: transparent;
    padding: 10px;
    height: 80px;
}

.pop-out-img[b-jdvwmwhdga] {
    height: 20px;
}

.left-align-wrapper[b-jdvwmwhdga] {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
}

.top-g[b-jdvwmwhdga] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.name[b-jdvwmwhdga] {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    width: 45px;
}

.party-info[b-jdvwmwhdga] {
    text-align: left;
    color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.party-size[b-jdvwmwhdga] {
    color: white;
    gap: 6px;
    align-items: center;
}

.party-icon[b-jdvwmwhdga] {
    height: 16px;
    width: 16px;
    opacity: .65;
}

.avatar-container[b-jdvwmwhdga] {
    height: 25px;
    width: 25px;
}

.res-time[b-jdvwmwhdga] {
    color: #979797;
}

.time[b-jdvwmwhdga] {
    color: #919191;
}

.middle-g[b-jdvwmwhdga] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 33px;
}

.time-status-wrapper[b-jdvwmwhdga] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -28px;
}

.table-number-text[b-jdvwmwhdga] {
    color: #5EBCF6;
    text-align: right;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

.reassign-table-number-text[b-jdvwmwhdga] {
    color: #FF0000;
    text-align: right;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    text-decoration: line-through;
}


.party-number[b-jdvwmwhdga] {
    color: #bdbdbd;
}

.bottom-g[b-jdvwmwhdga] {
    position: absolute;
    top: 49px;
    background: #514f4a;
    border-radius: 3px;
    padding: 0px 5px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Dining/SelectProgramDialog.razor.rz.scp.css */
.program-select-btn[b-lhvyc2veak] {
    cursor: pointer;
    border-radius: 5px;
    background: #efefef;
    border: 1px solid #c5c5c5;
    color: #808080;
    font-size:18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    gap: 10px;
    font-weight: 500;
    width: 100%;
}

    .program-select-btn:hover:active:focus[b-lhvyc2veak] {
        background: #e1e6ff;
        border: 2px solid #4949be;
        color: blue;
    }

/*--------utility classes----------*/
.flex[b-lhvyc2veak] {
    display: flex;
}

.f-col[b-lhvyc2veak] {
    flex-direction: column;
}

.center[b-lhvyc2veak] {
    align-items: center;
    justify-content: center;
}

.gap-15[b-lhvyc2veak] {
    gap: 15px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/Floorplan/DiagramCard.razor.rz.scp.css */
.thumbnail-container[b-lh0mj4l3jw] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.thumbnail[b-lh0mj4l3jw] {
    padding: 10px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    cursor: pointer;
    width: 300px;
    box-shadow: 0px 0px 0px 2px #8d6a6a inset;
    margin-bottom: 1rem;
}

.date-created-text[b-lh0mj4l3jw] {
    font-size: 14px;
    color: gray;
}

.primary-thumbnail-wrapper[b-lh0mj4l3jw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.thumbnail-img-container[b-lh0mj4l3jw] {
    position: relative;
    height: 200px;
    width: 280px;
}

.thumbnail-v2[b-lh0mj4l3jw] {
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    width: 300px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
}

    .thumbnail-v2:hover[b-lh0mj4l3jw] {
        border: 1px solid #a8a0a0;
    }

.hover-overlay[b-lh0mj4l3jw] {
    position: absolute;
    opacity: 0;
    width: 100%;
}

.thumbnail-v2:hover .primary-thumbnail-wrapper .thumbnail-img-container .hover-overlay[b-lh0mj4l3jw] {
    opacity: 1;
    background: linear-gradient(115.91deg, rgba(96 95 95 / 83%) 0%, rgba(0, 0, 0, 0.05) 106.69%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    gap: 8px;
}

.thumbnail:hover .primary-thumbnail-wrapper .thumbnail-img-container .hover-overlay[b-lh0mj4l3jw] {
    opacity: 1;
    background: linear-gradient(115.91deg, rgba(96 95 95 / 83%) 0%, rgba(0, 0, 0, 0.05) 106.69%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    gap: 8px;
}

/*-------hover buttons--------*/
.hover-overlay .edit-btn[b-lh0mj4l3jw] {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 15px;
    padding: 4px 10px;
}

    .hover-overlay .edit-btn:hover[b-lh0mj4l3jw] {
        color: #e5e5e5;
    }

.hover-overlay .view-btn[b-lh0mj4l3jw] {
    background: #FADDC2;
    border-radius: 2px;
    border: none;
    color: hsla(29, 77%, 22%, 1);
    font-size: 15px;
    padding: 4px 10px;
}

    .hover-overlay .view-btn:hover[b-lh0mj4l3jw] {
        background: #e4c5a8;
        color: hsla(29, 77%, 22%, 1);
    }

.img-layer-one[b-lh0mj4l3jw] {
    position: absolute;
    width: 100%;
}

/*star-icon made with css*/
.star-container[b-lh0mj4l3jw] {
    position: relative;
}

.hover-star[b-lh0mj4l3jw] {
    position: absolute;
    top: 0;
    opacity: 0;
}

.default-star[b-lh0mj4l3jw] {
    opacity: 0;
}

.thumbnail-v2:hover .star-container .default-star[b-lh0mj4l3jw] {
    opacity: 1;
    visibility: visible;
}

.flex .star-container:hover .hover-star[b-lh0mj4l3jw] {
    opacity: 1;
    visibility: visible;
}

.flex .star-container:hover .default-star[b-lh0mj4l3jw] {
    opacity: 0;
    z-index: -1;
}

.thumbnail-img[b-lh0mj4l3jw] {
    border: 1px solid #eeeeee;
    margin-bottom: 8px;
    width: 100%;
}

.label[b-lh0mj4l3jw] {
    font-size: 14px;
    color: #5c5c5c;
    font-weight: 400;
}

.line[b-lh0mj4l3jw] {
    width: 100%;
    height: 1px;
    background-color: #cecbcb;
}

.diagram-menu-bar[b-lh0mj4l3jw] {
    align-items: flex-start !important;
}

[b-lh0mj4l3jw] .diagram-name {
    color: #282828;
    font-weight: 500;
}

.flex[b-lh0mj4l3jw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.star-container[b-lh0mj4l3jw] {
    position: relative;
}

.unselected-text[b-lh0mj4l3jw] {
    width: 100%;
    height: 252px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #838383;
    font-size: 17px;
}

/*--------------------tool tip styling and animations-------------------*/
#tool-tip[b-lh0mj4l3jw] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    #tool-tip[b-lh0mj4l3jw]::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        background: #000;
        top: -3px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.flex .star-container:hover #tool-tip[b-lh0mj4l3jw] {
    top: 45px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background-color: #000;
}

preview-overlay[b-lh0mj4l3jw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.preview-content[b-lh0mj4l3jw] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}

.preview-img[b-lh0mj4l3jw] {
    max-width: 90vw;
    max-height: 80vh;
}

.close-preview-btn[b-lh0mj4l3jw] {
    position: absolute;
    top: 10px;
    right: 10px;
}

.thumbnail-img-container[b-lh0mj4l3jw] {
    position: relative;
}

.edit-pencil-button[b-lh0mj4l3jw] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    padding: 0;
}

    .edit-pencil-button:hover[b-lh0mj4l3jw] {
        color: #007bff;
    }

.expand-icon-btn[b-lh0mj4l3jw] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: white;
    font-size: 18px;
    padding: 4px;
    z-index: 2;
    cursor: pointer;
}

    .expand-icon-btn:hover[b-lh0mj4l3jw] {
        color: #e5e5e5;
    }
/* _content/ClubFusionStaffApp.BlazorServer/Components/Floorplan/DiagramMenuBar.razor.rz.scp.css */
.db-header-container[b-ie505d0dot] {
    background-color: white;
}

.main-row[b-ie505d0dot]{
    display: flex;
    justify-content: space-between;
}

.save-fp-container[b-ie505d0dot] {
    display: flex;
    gap: 5px;
}

.save-fp-btn[b-ie505d0dot] {
    border-radius: 4px;
    border: 1px solid #86b7ff;
    color: #313b6e;
    background: #e0edff;
}

.return-drm-button[b-ie505d0dot] {
    position: absolute;
    left: 175px;
    top: 2px;
}

/*---------dialog styling---------*/
.cancel-btn[b-ie505d0dot] {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    color: #8a8a8a;
    padding: 4px 15px;
}

.save-btn[b-ie505d0dot] {
    border-radius: 4px;
    background-color: #3e6aff;
    color: white;
    border: none;
    padding: 4px 25px;
}

.primary-container[b-ie505d0dot] {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.button-row[b-ie505d0dot] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* _content/ClubFusionStaffApp.BlazorServer/Components/TeeTime/GolfCourseSEttingsTabContentForm.razor.rz.scp.css */

.course-setting-category-container[b-4ofvouoytr] {
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
}

.course-setting-category-text[b-4ofvouoytr] {
    display: flex;
    font-size: 18px;
    flex-wrap: wrap;
    align-content: center;
}

.course-setting-category-icon[b-4ofvouoytr] {
    display: flex;
    padding-right: 5px;
    align-items: center;
}

.course-setting-items[b-4ofvouoytr] {
}

.course-setting-item[b-4ofvouoytr] {
    padding-bottom: 23px;
}

.course-setting-item-input[b-4ofvouoytr] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.course-setting-item-label[b-4ofvouoytr] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 5px;
}

.course-setting-item-label-icon[b-4ofvouoytr] {
    padding-right: 5px;
}

.course-setting-item-label-text[b-4ofvouoytr] {
    font-size: 13px;
    font-weight: 500;
    color: #5B5B5B;
}

.course-setting-item-info[b-4ofvouoytr] {
    padding-left: 15px;
    padding-right: 15px;
}

.switch-label-container[b-4ofvouoytr] {
    display: flex;
    width: 200px;
    align-content: center;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.radiobutton-container[b-4ofvouoytr] {
    padding-right: 10px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/TeeTime/NewTeeTimeReservationDialog.razor.rz.scp.css */
.skeleton-container[b-u15gghwrlj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rsv-dialog-header-item[b-u15gghwrlj] {
    padding-left: 10px;
    padding-right: 10px;
}

.rsv-dialog-top-container[b-u15gghwrlj] {
    /*    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;*/
}

.rsv-dialog-startingtee-container[b-u15gghwrlj] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rsv-dialog-startingtee[b-u15gghwrlj] {
    padding-right: 15px;
}

.rsv-dialog-method-container[b-u15gghwrlj] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rsv-dialog-method[b-u15gghwrlj] {
    padding-right: 15px;
}

.rsv-dialog-label[b-u15gghwrlj] {
    font-size: 15px;
    font-weight: 500;
}

.rsv-dialog-player-count-text[b-u15gghwrlj] {
    padding-right: 10px;
    font-weight: bold;
}

.rsv-dialog-button-container[b-u15gghwrlj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.rsv-dialog-button[b-u15gghwrlj] {
    padding-left: 10px;
}


.avatar[b-u15gghwrlj]  .e-dropdownbase .e-list-item {
    text-indent: unset !important;
    padding-left: 16px;
}

.dialog-item-container[b-u15gghwrlj]  .e-btn:focus {
    color: #e2a7ac;
}

.add-guest-btn-disabled[b-u15gghwrlj] {
    opacity: 0.5;
    pointer-events: none;
}

.add-guest-btn[b-u15gghwrlj] {
    text-align: left;
    background-color: white;
    border: none;
    color: #0d6efd;
}

    .add-guest-btn:visited[b-u15gghwrlj],
    .add-guest-btn:hover[b-u15gghwrlj],
    .add-guest-btn:focus[b-u15gghwrlj] {
        color: #0d6efd;
    }

.image-button[b-u15gghwrlj] {
    background: none;
    border: none;
    padding-right: 15px;
    cursor: pointer;
    display: inline-block;
}

    .image-button img[b-u15gghwrlj] {
        display: block;
    }

.buttons-cell[b-u15gghwrlj] {
    display: table-cell;
    vertical-align: middle;
}

.buttons-container[b-u15gghwrlj] {
    display: flex;
    align-items: center;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/TeeTime/TeeTimeSchedulerTemplateItem.razor.rz.scp.css */
.rsv-golfer-name[b-mj97ks49jv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #232323;
    line-height: 1;
}

.member-type-text[b-mj97ks49jv] {
    color: #4d4d4d;
    margin-bottom: 1.25rem;
    padding: 0;
}

.icon-wrapper[b-mj97ks49jv] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

    .icon-wrapper img[b-mj97ks49jv] {
        display: block;
    }
/* _content/ClubFusionStaffApp.BlazorServer/Components/TeeTime/TeeTimeSendMemberAlertDialog.razor.rz.scp.css */
.send-alert-dialog .e-dlg-header-content[b-xbp2ebbxc7] {
    padding: 14px 18px;
}

.send-alert-dialog .e-dlg-content[b-xbp2ebbxc7] {
    padding: 0;
}

.sa-body[b-xbp2ebbxc7] {
}

.sa-field[b-xbp2ebbxc7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

.sa-label[b-xbp2ebbxc7] {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.sa-multiselect .e-control.e-multiselect[b-xbp2ebbxc7] {
    width: 100%;
}

.sa-multiselect .e-searcher input[b-xbp2ebbxc7] {
    padding: 8px 10px;
}

.sa-multiselect .e-multi-select-wrapper[b-xbp2ebbxc7] {
    border-radius: 8px;
}

.sa-multiselect .e-ddl .e-input-group-icon[b-xbp2ebbxc7] {
    height: 36px;
}

.sa-chips[b-xbp2ebbxc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sa-chip[b-xbp2ebbxc7] {
    padding: 6px 12px;
    border-radius: 9999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-size: 13px !important;
    line-height: 1;
    color: #111827;
    transition: all .15s ease;
}

    .sa-chip:hover[b-xbp2ebbxc7] {
        background: #f9fafb;
    }

.sa-chip--active[b-xbp2ebbxc7] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
    font-weight: 600;
}

.sa-suggestions[b-xbp2ebbxc7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sa-suggestion[b-xbp2ebbxc7] {
    white-space: normal;
    text-align: left; 
    justify-content: flex-start; 
}

.sa-chips .sa-chip[b-xbp2ebbxc7],
.sa-suggestions .sa-chip[b-xbp2ebbxc7] {
    cursor: pointer;
}

.sa-muted[b-xbp2ebbxc7] {
    font-size: 12px;
    color: #6b7280;
}

.sa-textarea[b-xbp2ebbxc7] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
    resize: vertical;
    font-size: 14px;
    width: 100%;
}

    .sa-textarea[b-xbp2ebbxc7]::placeholder {
        color: #9ca3af;
    }

.sa-icon-btn[b-xbp2ebbxc7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

    .sa-icon-btn:hover[b-xbp2ebbxc7] {
        background: #f9fafb;
    }

.sa-footer[b-xbp2ebbxc7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid #e5e7eb;
    background: #fff;
}

    .sa-footer .btn-outline[b-xbp2ebbxc7] {
        border: 1px solid #d1d5db;
        background: #fff;
        color: #374151;
        border-radius: 8px;
        padding: 6px 14px;
        font-weight: 600;
    }

        .sa-footer .btn-outline:hover[b-xbp2ebbxc7] {
            background: #f9fafb;
        }

    .sa-footer .text-white[b-xbp2ebbxc7] {
        background: #8098FF;
        border: 1px solid #8098FF;
        border-radius: 8px;
        padding: 6px 14px;
        font-weight: 600;
    }

        .sa-footer .text-white:hover[b-xbp2ebbxc7] {
            filter: brightness(0.97);
        }

        .sa-footer .text-white:disabled[b-xbp2ebbxc7] {
            opacity: 0.55;
            cursor: not-allowed;
        }

/* New Styles for AI Logos */
.send-alert-dialog .sa-label-inline[b-xbp2ebbxc7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
}

.send-alert-dialog .sa-inline-icon[b-xbp2ebbxc7] {

}

.send-alert-dialog .sa-chips button[b-xbp2ebbxc7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    line-height: 1.2;
    font-size: inherit;
    font-weight: inherit;
    color: inherit; 
}

.send-alert-dialog .sa-chip__icon[b-xbp2ebbxc7] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.send-alert-dialog .sa-footer[b-xbp2ebbxc7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.send-alert-dialog .sa-poweredby[b-xbp2ebbxc7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6b7280;
    user-select: none;
}

.send-alert-dialog .sa-poweredby__logo[b-xbp2ebbxc7] {
    height: 16px;
    width: auto;
    display: block;
}

.send-alert-dialog .sa-actions[b-xbp2ebbxc7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Components/UserAvatar.razor.rz.scp.css */
.avatar[b-bwck4capje] {
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    text-align: center;
    line-height: 22px;
    color: #979797;
    font-weight: 500;
    font-family:'roboto';
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/AdminPortal/AdminPortalLandingPage.razor.rz.scp.css */
.blocked-cell-background[b-g0a23c3ipg] {
    width: 100%;
    height: 100%
}

.border-top[b-g0a23c3ipg] {
    border-top: 2px solid red; /* Change the color and thickness as needed */
}

.border-bottom[b-g0a23c3ipg] {
    border-bottom: 2px solid red; /* Change the color and thickness as needed */
}

.cell-template[b-g0a23c3ipg] {
    width: 100%;
    height: 100%;
}

.time-scale-container[b-g0a23c3ipg] {
    position: relative;
}

.second-time-scale[b-g0a23c3ipg]
{
    position: absolute;
    right: 0;
}

.app-subject[b-g0a23c3ipg] {
    font-size: 15px;
}

/*rsv dialog*/
.rsv-dialog-header-container[b-g0a23c3ipg]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*custom right side bar*/
.custom-right-side-bar[b-g0a23c3ipg] {
    width: 250px;
}

.custom-right-side-bar-close[b-g0a23c3ipg] {
    width: 75px;
    transition: width 0.5s linear;
}
.custom-right-side-bar-open[b-g0a23c3ipg] 
{
    width: 250px;
    transition: width 0.5s linear;
}

/*=====================*/
.control-wrapper[b-g0a23c3ipg] {
    max-width: 300px;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.example-label[b-g0a23c3ipg] {
    font-size: 14px;
    margin-bottom: 6px;
}

/* reservation dialog */
/*.rsv-table-header {
    border-bottom: 1pt solid black;
}*/

.rsv-table-row[b-g0a23c3ipg] {
    padding-top: 10px;
}

.scheduler-container[b-g0a23c3ipg] {
    display: flex;
}

.scheduler-container .drag-sample-wrapper[b-g0a23c3ipg] {
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
}

    .scheduler-container .drag-sample-wrapper .treeview-container[b-g0a23c3ipg] {
        /* add event button customization */
    }

        .scheduler-container .drag-sample-wrapper .treeview-container .add-event-container[b-g0a23c3ipg], .scheduler-container .drag-sample-wrapper .treeview-container .specialization-types[b-g0a23c3ipg] {
            margin: 5px;
            width: 216px;
        }

        .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container[b-g0a23c3ipg] {
            margin-top: 45px;
            margin-left: 10px;
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container .waitlist-title-text[b-g0a23c3ipg] {
                font-weight: 400;
                font-size: 16px;
                color: #333;
                letter-spacing: 0.48px;
                font-weight: bold;
                padding: 0 5px;
            }

    .scheduler-container .drag-sample-wrapper .treeview-container[b-g0a23c3ipg] {
        padding: 0 !important;
    }

        .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent[b-g0a23c3ipg] {
            height: 100%;
            padding: 0 2px;
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent.e-ul[b-g0a23c3ipg] {
                overflow: hidden;
                background: #E4EBFF;
            }


.rsv-golfer-name[b-g0a23c3ipg] {
    color: black;
    font-size: 15px;
    margin-bottom: 3px;
}

.rsv-golfer-charge-code[b-g0a23c3ipg] {
    color: #3C3C3C;
    font-size: 12px;
}

[b-g0a23c3ipg] .e-ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;

}

[b-g0a23c3ipg] .e-list-item {
    background: #E4EBFF;
    box-shadow: 0px 4px 4px #D8DDEC;
    border-radius: 4px;
    margin-bottom: 16px;
}

[b-g0a23c3ipg] .e-appointment-details{
    color: black;
    position: relative;
}

#waitdetails[b-g0a23c3ipg] {
    display: flex;
    flex-direction: column;
}

.waitlist-name-text[b-g0a23c3ipg] {
    font-size: 14px;
    color: black;
}

.waitlist-phone[b-g0a23c3ipg] {
    font-size: 12px;
    color: black;
}

.waitlist-time[b-g0a23c3ipg] {
    font-size: 12px;
    color: #878787;
}

.waitlist-created[b-g0a23c3ipg] {
    display: none;
}

[b-g0a23c3ipg] .e-text-content {
    padding: 0;
}

[b-g0a23c3ipg] .e-navigate {
    font-weight: 600;
    font-size: 18px !important;
}

/* tree view image when it is dragged */
.e-drag-item.treeview-external-drag[b-g0a23c3ipg] {
    height: 60px;
    border-radius: 4px;
    margin: 5px 0;
    background: #fff5f5;
    box-shadow: 1px 2px 4px 0 rgba(255, 0, 0, 0.25);
}
    .e-drag-item.treeview-external-drag .e-list-text[b-g0a23c3ipg] {
        background: #fff5f5;
        border-radius: 4px;
        height: 100%;
        padding: 6px 10px;
        border: none;
    }
.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-close[b-g0a23c3ipg] {
    display: none;
}

.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-collapse-open[b-g0a23c3ipg] {
    display: none;
}
.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-expand-close[b-g0a23c3ipg] {
    display: block;
}



/* utility classes */
.sticky[b-g0a23c3ipg] {
    position: sticky;
    top: 0;
}

.app-working[b-g0a23c3ipg] {
    background-color: gray;
}

/*scheduler right side bar*/
/*.e-sidebar.e-dock.e-close .treeview-container-wrapper 
{
    display: none;
}*/
.e-sidebar.e-dock.e-close .waitlist-title-text[b-g0a23c3ipg]
{
    display: none;
}

.e-sidebar.e-dock.e-close .staff-info-container[b-g0a23c3ipg]
{
    display: none;
}

.e-sidebar.e-dock.e-close .waitlist-open[b-g0a23c3ipg] {
    display: none;
}


.e-sidebar.e-dock .waitlist-close[b-g0a23c3ipg] {
    display: none;
}
.e-sidebar.e-dock.e-close .waitlist-close[b-g0a23c3ipg] {
    display: flex;
}

.e-sidebar.e-dock.e-close .waitlist-title-icon[b-g0a23c3ipg] {
    transform: scale(0.85);
    transition-duration: 500ms;
}
.e-sidebar.e-dock.e-close .wiatlist-title-button-container[b-g0a23c3ipg] {
    transform: scale(0.85);
    transition-duration: 500ms;
}

/*sidebar*/
.schedule-side-bar-toggle-container[b-g0a23c3ipg] {
    display: flex;
    align-items: center;
    justify-contest: center;
}

.e-sidebar.e-dock[b-g0a23c3ipg] {
    background: #2d323e;
    position: sticky;
}

.right-side-bar-container[b-g0a23c3ipg]{
    padding-right: 10px;
    padding-left: 10px;
    height: 500px;
    overflow: auto;
}

/*custom right side bar - collapse*/
.staff-info-container-close[b-g0a23c3ipg] {
    display: none;
}

.staff-info-container-open[b-g0a23c3ipg] {
    display: block;
}

.waitlist-expand-open[b-g0a23c3ipg]{
    display: block
}
.waitlist-expand-close[b-g0a23c3ipg]{
    display: none;
}

.waitlist-collapse-open[b-g0a23c3ipg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}
.waitlist-collapse-close[b-g0a23c3ipg]{
    display: none;
}

.waitlist-title-text-open[b-g0a23c3ipg] {
    width: 95px;
    display: block;
    transition: width, 0.5s, linear
}
.waitlist-title-text-close[b-g0a23c3ipg] {
    width: 0px;
    display: none;
    transition: width, 0.5s, linear
}
/*waitlist*/
[b-g0a23c3ipg] .waitlist-title-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-color: #C1D0FF;
    border-radius: 5px;
    width: 21px;
    height: 21px;
}
    [b-g0a23c3ipg] .waitlist-title-button:hover {
        background-color: #E4EBFF;
        transition: background-color .3s ease;
        border: 1px solid #E4EBFF;
        color: #385FD7;
    }

.waitlist-title-text[b-g0a23c3ipg] {
    font-size: 16px;
    font-weight: 600;
    color: #2F2F2F;
}
.waitlist-name-container[b-g0a23c3ipg]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-close[b-g0a23c3ipg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.waitlist-close-first[b-g0a23c3ipg]
{
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-close-last[b-g0a23c3ipg] {
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-title-container[b-g0a23c3ipg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-title[b-g0a23c3ipg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-button-container[b-g0a23c3ipg] {
    display: none;
    flex-direction: row;
    align-items: center;
}

.waitlist-button[b-g0a23c3ipg] {
    padding-left: 3px;
    padding-right: 3px;
}

[b-g0a23c3ipg] .right-side-bar-toggle-btn-container {
    width: 50px;
    padding-top: 7px;
}

.waitlist-title-container[b-g0a23c3ipg] {
    display: flex;
    align-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
}

.waitlist-title-icon[b-g0a23c3ipg]
{
    display: flex;
    align-items: center;
    justify-contest: center;
    padding-right: 5px;
}


[b-g0a23c3ipg] .e-fullrow {
    border: none;
}
[b-g0a23c3ipg] .e-treeview .e-list-item {
    /*remove a default padding on top*/
    padding: 0px;
}
[b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-active {
    background: #E4EBFF;
}

[b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-hover {
    background: #C7D2F3;
}
    [b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-hover .waitlist-button-container {
        display: flex;
    }

    [b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-hover .e-fullrow {
        background: #C7D2F3;
        /* change the border radius of the upper part where name and buttons are*/
        border-radius: 4px;
    }
    [b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-active .e-fullrow {
        background: #E4EBFF;
    }
    [b-g0a23c3ipg] .e-treeview .e-list-parent .e-list-item.e-active.e-hover .e-fullrow {
        background: #C7D2F3;
        border: none;
    }

[b-g0a23c3ipg] .e-treeview .e-list-text {
    width: 100%;
}

/* working rservation box */
/* change the background color if it is a working reservation*/
[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    padding: 0 0px;
    width: 100%;
    height: 100%;
}
[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .working-rsv-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .is-blocked-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    border: unset;
}

    [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-container {
        background-color: #e1ffea;
        width: 100%;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #a7e9a7;
    }

        [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-container:hover {
            background-color: #d1f1dc !important;
        }

    [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-container {
        background-color: #fff3e1;
        width: 100%;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #e9cea7;
    }

        [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-container:hover {
            background-color: #f5e3d5 !important;
        }

[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-weekview-container {
    background-color: #e1ffea;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #a7e9a7;
}

    [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-weekview-container:hover {
        background-color: #d1f1dc !important;
    }



[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-weekview-container {
    background-color: #fff3e1 !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #e9cea7;
}
    [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-weekview-container:hover {
        background-color: #f5e3d5 !important;
    }

.working-rsv-staff-info[b-g0a23c3ipg] {
    color: #757575;
}
.working-rsv-message[b-g0a23c3ipg] {
    color: #AAAAAA;
}
.working-rsv-staff-photo-container[b-g0a23c3ipg]{
    display: flex;
    justify-content: end;
    align-self: end;
}

.working-rsv-staff-photo[b-g0a23c3ipg]
{
    border-radius: 100%;
}

.dialog-item-container[b-g0a23c3ipg]
{
    padding-bottom: 20px;
}

/* change the color of diabled comboboxes for the rsv dialog and the waitlist dialog*/
[b-g0a23c3ipg] .e-input-group.e-control-wrapper .e-input[disabled] {
    -webkit-text-fill-color: #0d9133;
}

/*validation dialog*/
.validation-message-container[b-g0a23c3ipg]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.validation-message-item[b-g0a23c3ipg]
{
    padding-left: 5px;
    padding-right: 5px;
}

.validation-dialog-header-container[b-g0a23c3ipg]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.validation-dialog-header-icon[b-g0a23c3ipg]
{
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.rsv-table-padding[b-g0a23c3ipg]
{
    height: 20px;
}

/* Adjusts position of times in scheduler grid. Time column on left */
[b-g0a23c3ipg] .e-schedule .e-vertical-view .e-time-cells-wrap table td {
    display: flex;
    justify-content: end;
    border-bottom: 1px solid #ddd;
    padding-right: 4px;
}

    [b-g0a23c3ipg] .e-schedule .e-vertical-view .e-time-cells-wrap table td span {
        margin-left: 25px;
    }

@media (max-width: 575px) {
    .planner-dashboard-skeleton[b-g0a23c3ipg] {
        margin: 0px 0px;
    }

    .appointments-skeleton[b-g0a23c3ipg] {
        display: none;
    }

    .activities-skeleton[b-g0a23c3ipg] {
        margin: 30px 0px 30px 30px;
        width: 100%;
        padding-right: 0;
        margin-left: 31px;
    }

    .fade-in-image[b-g0a23c3ipg] {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
        -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein-b-g0a23c3ipg 2s;
    }

    @keyframes fadein-b-g0a23c3ipg {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/AppDashboard.razor.rz.scp.css */
.body-container[b-7dlxssw5oi] {
    background: #FBFBFB;
}

.container[b-7dlxssw5oi] {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

.login-container[b-7dlxssw5oi] {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
}

.login-image-container[b-7dlxssw5oi] {
    width: 50%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
}

.login-image[b-7dlxssw5oi] {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 100%;
}

.overlay[b-7dlxssw5oi] {
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.67) 0%, #343434 15.62%, #000103 36.98%, #0B193E 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 90%;
}

.inner-content[b-7dlxssw5oi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10rem;
    z-index: 2;
    padding: 5rem 5.2rem;
}

.graphic[b-7dlxssw5oi] {
    height: 300px;
    width: 300px;
}

.inner-content h1[b-7dlxssw5oi] {
    font-size: clamp(1rem, 2.2rem, 3rem);
    font-weight: 700;
    color: white;
    text-align: center;
}

.inner-content p[b-7dlxssw5oi] {
    color: #747474;
    text-align: center;
    margin-bottom: 2.5rem;
}

.right-col[b-7dlxssw5oi] {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    background-color: #FbFbFb;
    align-items: center;
    justify-content: center;
}

.right-col-header h3[b-7dlxssw5oi] {
    font-weight: 700;
    color: #494949;
}

.right-col-header p[b-7dlxssw5oi] {
    color: #878787;
}

.app-selector-wrapper[b-7dlxssw5oi] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 1.2rem;
    margin-top: 1.5rem;
    justify-content: center;
}

.card-container[b-7dlxssw5oi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 115px;
}

.app-image[b-7dlxssw5oi] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    max-width: 100%;
    cursor: pointer;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
}

    .app-image:hover[b-7dlxssw5oi] {
        opacity: .87;
    }

.label[b-7dlxssw5oi] {
    color: #3A3A3A;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
}

.club-name[b-7dlxssw5oi] {
    color: #636363;
    font-size: 1rem;
}

.rights-text[b-7dlxssw5oi] {
    position: absolute;
    bottom: 5px;
    display: flex;
    justify-content: center;
    width: 100%;
    color: gray;
    font-size: 12px;
}

.tee-time-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, #3A5F44 0%, #0B2211 100%);
}

.event-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, #6A6557 0%, #11100E 100%);
}

.floor-plan-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, #BD8A5F 0%, #3D2715 100%);
}

.racket-sports-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(9, 4, 0, 0.74) 100%), #364A5A;
}

.admin-portal-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(9, 4, 0, 0.27) 59.41%), #282B2D;
}

.help-center-bg[b-7dlxssw5oi] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(9, 4, 0, 0.27) 59.41%), #757575;
}

@media (max-width: 1200px) {

    .body-container[b-7dlxssw5oi] {
        padding: 0;
    }

    .container[b-7dlxssw5oi] {
        min-width: 100%;
        border-radius: 0;
    }
}

@media (max-width: 950px) {
    .login-container[b-7dlxssw5oi] {
        flex-direction: column;
    }

    .login-image-container[b-7dlxssw5oi] {
        height: 50%;
        width: 100%;
    }

    .inner-content[b-7dlxssw5oi] {
        padding: 0rem 4.5rem;
        top: 5rem;
    }

    .graphic[b-7dlxssw5oi] {
        height: 192px;
        width: 222px;
    }

    .right-col[b-7dlxssw5oi] {
        padding-top: 5rem;
    }

    .app-selector-wrapper[b-7dlxssw5oi] {
        max-width: 400px;
    }

    .label[b-7dlxssw5oi], .club-name[b-7dlxssw5oi] {
        font-size: .9rem;
    }
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/ClubSettings.razor.rz.scp.css */
.info-container[b-pmigkbjnrh]
{
    padding-top: 30px;
}
.info-label[b-pmigkbjnrh]
{
    font-weight: 700;
    padding-bottom: 5px;
}
.button-row[b-pmigkbjnrh]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.title-container[b-pmigkbjnrh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.title-icon[b-pmigkbjnrh] {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.title-text[b-pmigkbjnrh] {
    font-size: 20px;
}

.address-items-container[b-pmigkbjnrh]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 5px;
}
.address-label[b-pmigkbjnrh]
{
    font-size: 13px;
    font-weight: 500;
}
.address-items-padding[b-pmigkbjnrh]
{
    width: 200px;
    padding-right: 10px;
}

.setting-button-container[b-pmigkbjnrh] {
    display: flex;
    flex-direction: row;
    padding-left: 300px;
}
[b-pmigkbjnrh] .edit-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: white;
    color: #3057D3;
    border: none;
}
.edit-button-icon[b-pmigkbjnrh] {
    padding-right: 5px;
}
.edit-button-text[b-pmigkbjnrh] {

}
.second-button-padding[b-pmigkbjnrh] {
    margin-left: 15px;
}

.divider[b-pmigkbjnrh] {
    border-block: solid;
    border-width: 1px;
    border-color: lightgray;
}

.screen-container[b-pmigkbjnrh]
{
    padding-left: 30px;
    padding-top: 30px;
}

.name-container[b-pmigkbjnrh]
{
    padding-bottom: 10px;
}

.address-container[b-pmigkbjnrh]
{
    padding-bottom: 10px;
}

.description-container[b-pmigkbjnrh]
{
    padding-bottom: 10px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Confluence/HelpCenter.razor.rz.scp.css */
/* Base layout styles matching Confluence */
.help-center-container[b-3ep9qzwy1u],
.help-header[b-3ep9qzwy1u],
.help-sidebar[b-3ep9qzwy1u],
.help-content[b-3ep9qzwy1u],
.help-header .title[b-3ep9qzwy1u],
.help-header .back-button[b-3ep9qzwy1u],
.help-header .search-box[b-3ep9qzwy1u],
.help-header .avatar[b-3ep9qzwy1u] {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #172b4d;
}

.help-header[b-3ep9qzwy1u] {
    display: flex;
    align-items: center;
    padding: 0.50rem 1.25rem;
    background-color: #f4f5f7;
    border-bottom: 1px solid #dfe1e6;
}

.back-button[b-3ep9qzwy1u] {
    margin-right: 1rem;
    background: none;
    border: none;
    font-size: 0.95rem;
    color: #0052cc;
    cursor: pointer;
    font-weight: 500;
}

    .back-button:hover[b-3ep9qzwy1u] {
        text-decoration: underline;
    }

.title[b-3ep9qzwy1u] {
    font-size: 1.2rem !important;
    font-weight: 700;
    margin-right: auto;
}

.search-box[b-3ep9qzwy1u] {
    padding: 0.4rem 0.6rem;
    width: 240px;
    border-radius: 4px;
    border: 1px solid #dfe1e6;
    font-size: 0.95rem;
}

.avatar[b-3ep9qzwy1u] {
    width: 32px;
    height: 32px;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.help-body[b-3ep9qzwy1u] {
    display: flex;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.help-sidebar[b-3ep9qzwy1u] {
    min-width: 200px;
    max-width: 600px;
    width: 280px;
    padding: 1rem;
    border-right: 1px solid #dfe1e6;
    background-color: #fafbfc;
    overflow-y: auto;
    resize: none;
}

.resizer[b-3ep9qzwy1u] {
    width: 2px;
    background: transparent;
    cursor: col-resize;
    position: relative;
}

    .resizer[b-3ep9qzwy1u]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #d0d0d0;
    }

.help-content[b-3ep9qzwy1u] {
    flex: 1;
    padding: 0 2rem;
    background-color: white;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .help-body[b-3ep9qzwy1u] {
        flex-direction: column;
    }

    .help-sidebar[b-3ep9qzwy1u] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dfe1e6;
    }

    .search-box[b-3ep9qzwy1u] {
        width: 150px;
    }

    .title[b-3ep9qzwy1u] {
        font-size: 1.3rem;
    }
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/CourseSettings.razor.rz.scp.css */
.course-settings-container[b-zup6rbp95p]
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.title-container[b-zup6rbp95p] 
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.title-icon[b-zup6rbp95p] {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.title-text[b-zup6rbp95p] 
{
    font-size: 20px;
}

.setting-save-button[b-zup6rbp95p] {
    border-width: 1;
    border-style: solid;
    border-radius: 5px;
    padding: 10px;
    background-color: #103dc4;
    color: white;
    text-align: center;
    justify-content: center;
    width: 100px;
    font-size: 17px;
    margin-top: 20px;
}

.course-button-container[b-zup6rbp95p]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
}
.course-button[b-zup6rbp95p]
{
    padding-right: 10px;
}
.delete-button-container[b-zup6rbp95p]
{
    padding-left: 200px;
}

.tab-add-container[b-zup6rbp95p] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tab-add-icon[b-zup6rbp95p]
{
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.e-progress-btn[b-zup6rbp95p] {
    width: 200px;
}

.border-btw-content-button[b-zup6rbp95p]
{
    border-block: solid;
    border-width: 1px;
    width: 390px;
    border-color: lightgray;
}

/*syncfusion progress button spinner*/
@keyframes custom-rolling-b-zup6rbp95p {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.progress-button-spinner-template[b-zup6rbp95p] {
    border: 2px solid green;
    border-style: dotted;
    border-radius: 50%;
    border-top-color: transparent;
    border-bottom-color: transparent;
    height: 16px;
    width: 16px;
}

.progress-button-spinner-template[b-zup6rbp95p] {
    -webkit-animation: custom-rolling 1.3s linear infinite;
    animation: custom-rolling-b-zup6rbp95p 1.3s linear infinite;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Dining/DiagramView.razor.rz.scp.css */

/**styles moved from razor file to css
*/

.e-checkicon.e-checkbox-wrapper .e-frame.e-check[b-ew782yylco]::before {
    content: "\f0f3";
    font-family: "Font Awesome 5 Free";
}

.e-checkicon.e-checkbox-wrapper .e-check[b-ew782yylco] {
    font-size: 12px;
}

.e-checkicon.e-checkbox-wrapper .e-frame.e-check[b-ew782yylco],
.e-checkicon.e-checkbox-wrapper:hover .e-frame.e-check[b-ew782yylco] {
    background-color: white;
    border-color: grey;
    color: grey;
}

.e-checkicon.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check[b-ew782yylco] {
    background-color: white;
    border-color: grey;
    box-shadow: none;
    color: grey;
}

.e-checkicon.e-checkbox-wrapper .e-frame[b-ew782yylco] {
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    font-size: 20px;
    align-items: center;
}

.e-checkicon.e-checkbox-wrapper .e-ripple-element[b-ew782yylco] {
    background: grey;
}

html[b-ew782yylco], body[b-ew782yylco] {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.row.content[b-ew782yylco] {
    height: calc(100vh - 60px);
    display: flex;
}


.db-property-editor-container[b-ew782yylco] {
    flex: 0 0 auto; /* don't grow; let middle fill */
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.db-diagram-prop-container[b-ew782yylco] {
    flex-grow: 1;
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
}

.green-text[b-ew782yylco] {
    color: #00CC66;
    font-weight: 300;
}

.red-text[b-ew782yylco] {
    color: #FF4D4D;
    font-weight: 300;
}

.yellow-text[b-ew782yylco] {
    color: #FFD700;
    font-weight: 300;
}

.flex-column[b-ew782yylco] {
    display: flex;
    flex-direction: column;
}

.flex-row[b-ew782yylco] {
    display: flex;
    flex-direction: row;
}

.align-start[b-ew782yylco] {
    align-items: flex-start;
}

.gap-6[b-ew782yylco] {
    gap: 6px;
}

.first-row[b-ew782yylco] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.reservation-header[b-ew782yylco] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.reservation-stats[b-ew782yylco] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-weight: 300;
}

.medium-text[b-ew782yylco] {
    font-weight: 600;
    font-size: 1rem;
    margin: 0;
}

.reservation-count[b-ew782yylco],
.waitlist-count[b-ew782yylco] {
    font-size: 0.95rem;
    margin: 0;
    white-space: nowrap; /* Prevent line breaks */
}


/* end */

.main-content[b-ew782yylco] {
    width: 100%;
    height: calc(100vh - 53px);
    left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
}

.diagram-container[b-ew782yylco] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.diagram-toolbar-container[b-ew782yylco] {
    margin-top: -29px;
    z-index: 1;
    height: 23px;
    overflow: hidden;
}

.main-header[b-ew782yylco] {
    background: #343330;
    padding: 10px 0px 10px 16px;
    gap: 20px;
    border-bottom: 1px solid #3e3e3e;
}

.esc-btn[b-ew782yylco] {
    background: transparent;
    border: none;
    color: #7b7b7b;
    text-decoration: underline;
    margin-right: 8px;
    padding: 5px;
}

/* Left side bar styling */

#diagrambuilder-container[b-ew782yylco]  .e-sidebar {
    background: black;
}

.date-picker-container[b-ew782yylco] {
    max-width: 150px;
}

    .date-picker-container[b-ew782yylco]  .e-input-group.e-control-wrapper {
        background: black;
        border: 1px solid #555555 !important;
        color: #d9d9d9;
    }

.clear-date-btn[b-ew782yylco] {
    position: absolute;
    right: 35px;
    top: 2px;
}

#diagrambuilder-container[b-ew782yylco]  .e-splitter.e-splitter-vertical {
    border: unset;
}

#diagrambuilder-container[b-ew782yylco]  .left-sidebar-splitter-container .e-acrdn-header {
    display: flex;
    align-items: center;
    padding: 0 8px;
    position: sticky;
    top: 0;
}

[b-ew782yylco] .left-sidebar-splitter-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background: #24211a;
}

[b-ew782yylco] .left-sidebar-splitter-container .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: black;
}

.event-button[b-ew782yylco] {
    border-bottom: solid 1px #292929;
}

.event-name-text[b-ew782yylco] {
    font-weight: 500;
}

.event-date-text[b-ew782yylco] {
    font-size: 14px;
    color: #c3c3c3;
}

.event-button.active[b-ew782yylco] {
    background: white;
}

    .event-button.active .event-date-text[b-ew782yylco] {
        color: gray;
    }

    .event-button.active .event-count-text[b-ew782yylco] {
        color: gray;
    }

    .event-button.active .event-name-text[b-ew782yylco] {
        color: black;
    }

/* Scrollbar styling for left side bar*/
[b-ew782yylco] .e-splitter.e-splitter-vertical .e-pane.e-scrollable::-webkit-scrollbar, #diagrambuilder-container[b-ew782yylco]  .e-sidebar::-webkit-scrollbar {
    background: #24211a;
    width: .7em;
}

[b-ew782yylco] .e-splitter.e-splitter-vertical .e-pane.e-scrollable::-webkit-scrollbar-thumb, #diagrambuilder-container[b-ew782yylco]  .e-sidebar::-webkit-scrollbar-thumb {
    width: .4em;
    background: gray;
    opacity: 0;
    border-radius: 20px;
    border: 2px solid #24211a;
    padding: 2px;
}

[b-ew782yylco]::-webkit-scrollbar-track {
    padding: 2em;
}


/*::deep .e-input-group, .e-input-group.e-control-wrapper {
    background: #24211a;
    color: #ffffff;
}

    ::deep .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
        border-color: #5c5c5c;
    }

    ::deep .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly] {
        color: white;
        font-weight: 600;
    }*/
.res-count[b-ew782yylco] {
    color: #767676;
    font-size: 16px;
}

.reservation-container[b-ew782yylco] {
    background-color: #24211A;
}


.db-property-editor-container[b-ew782yylco] {
    background-color: #24211A;
    width: 385px;
    border: none;
    padding-top: 0;
}

[b-ew782yylco]::-webkit-scrollbar {
    background: #24211a;
    width: .7em;
}

[b-ew782yylco]::-webkit-scrollbar-thumb {
    width: .4em;
    background: #3b3936;
    opacity: 0;
    border-radius: 20px;
    border: 2px solid #24211a;
    padding: 2px;
}

[b-ew782yylco]::-webkit-scrollbar-track {
    padding: 2em;
}

.add-res-btn[b-ew782yylco] {
    background: #322F29;
    border-radius: 3px;
    border: none;
    color: #FFE699;
    font-size: 22px;
    line-height: 1;
    padding: 8px;
}

.res-title[b-ew782yylco] {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0;
}

.title-program-name p[b-ew782yylco] {
    font-size: 14px;
    color: #ACACAC;
    margin: 0;
    text-transform: uppercase;
}

.db-diagram-prop-container[b-ew782yylco] {
    position: relative;
}

.top-heading[b-ew782yylco] {
    position: sticky;
    top: 0;
    background: #24211a;
    z-index: 100;
    padding: 10px 0px;
}

.top-row[b-ew782yylco] {
    box-shadow: 0px 20px 60px 0px #27241d;
    padding-bottom: 10px;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content, [b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    color: #ababab;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background: #24211a;
    border: none;
    border-bottom: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-selected.e-active > .e-acrdn-header {
    border: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select {
    border: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-expand-state.e-select {
    border: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item .e-acrdn-header:focus {
    box-shadow: none;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
    background: #24211a;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background: #24211a;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
    border-color: #2e2e2e;
}

[b-ew782yylco] .e-accordion .e-acrdn-item .e-toggle-icon {
    color: white;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
    color: white;
}

[b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons[b-ew782yylco], .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content[b-ew782yylco] {
    color: white;
}

[b-ew782yylco] .e-accordion {
    background: none;
    border: none;
}

    [b-ew782yylco] .e-accordion .e-acrdn-item .e-acrdn-header:active {
        background: none;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
        background: #24211a;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
        background: #24211a;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
        color: #d4d4d4;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #d3d3d3;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
        color: #d4d4d4;
    }

    /*   ::deep .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header{
        background: none;
    }*/

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
        background: #24211a;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
        background: none;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
        background: none;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item .e-acrdn-header {
        padding: 0;
    }

    [b-ew782yylco] .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
        padding: 0;
        margin-top: 10px;
    }
/*----reservation styling------*/
.main-queue[b-ew782yylco] {
}

.first-row[b-ew782yylco] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.state-filter[b-ew782yylco] {
    border-radius: 8px;
    border: 1px solid #787878;
    width: 80px;
    padding: 8px;
    background-color: transparent;
    color: #e9e9e9;
}

.state-filter-active[b-ew782yylco] {
    border-radius: 8px;
    border: 1px solid white;
    width: 80px;
    padding: 8px;
    background-color: #353431;
    color: white;
}

.filter-btn-group[b-ew782yylco] {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.state-button-selected[b-ew782yylco] {
    border-radius: 44px;
    border: 1px solid #959595;
    background: #2C4F31;
    width: 80px;
    padding: 8px;
    color: white;
}

.state-button[b-ew782yylco] {
    border-radius: 44px;
    border: 1px solid #959595;
    background: #2B2821;
    width: 80px;
    padding: 8px;
    color: white;
}

.alacarte-reservation-item[b-ew782yylco] {
    border: none;
    background: #322F29;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 8px;
    height: 80px;
    gap: 15px;
}

.btn-col[b-ew782yylco] {
    border-right: 1px solid #24211a;
}



.left-align-wrapper[b-ew782yylco] {
    display: flex;
    gap: 15px;
}

.name[b-ew782yylco] {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
}

.party-info[b-ew782yylco] {
    text-align: left;
    color: white;
}

.party-size[b-ew782yylco] {
    color: white;
    padding-right: 10px;
    gap: 6px;
    align-items: center;
}

.party-icon[b-ew782yylco] {
    height: 16px;
    width: 16px;
}

.res-time[b-ew782yylco] {
    color: #979797;
}

.time[b-ew782yylco] {
    color: #919191;
}

/*-----basic utility classes--------*/
.flex[b-ew782yylco] {
    display: flex;
}

.flex-direction-row[b-ew782yylco] {
    display: flex;
    flex-direction: row;
}

.flex-direction-col[b-ew782yylco] {
    display: flex;
    flex-direction: column;
}

.justify-content-between[b-ew782yylco] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.align-center[b-ew782yylco] {
    display: flex;
    align-items: center;
}

.gap-10[b-ew782yylco] {
    gap: 10px;
}

.gap-4[b-ew782yylco] {
    gap: 4px !important;
}

.gray[b-ew782yylco] {
    color: #979797;
}

.small-margin-gap[b-ew782yylco] {
    margin-bottom: 10px;
}

.medium-text-name[b-ew782yylco] {
    color: black;
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text-name-2[b-ew782yylco] {
    color: black;
    font-weight: 400;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text[b-ew782yylco] {
    color: #efefef;
    font-weight: 500;
    margin: 0;
}

.dropdown-text[b-ew782yylco] {
    line-height: normal;
}

.light-text[b-ew782yylco] {
    color: gray;
    margin: 0;
}

.line[b-ew782yylco] {
    width: 100%;
    height: 1px;
    background-color: #2E2E2E;
}

/*-----new reservation dialog styling------*/
[b-ew782yylco] .e-dialog .e-dlg-header-content {
    background-color: #121212;
}

[b-ew782yylco] .e-dlg-content {
    background-color: #000;
}

.reservation-method-container[b-ew782yylco] {
}

.table-row[b-ew782yylco] {
    text-indent: 0px;
}

.reservation-method[b-ew782yylco] {
    border-radius: 6px;
    border: 1px solid #C1C1C1;
    background: #FFF;
    padding: 10px;
    color: #73747E;
    font-size: 14px;
}

.selected-reservation-method[b-ew782yylco] {
    border-radius: 6px;
    background: #CED3FF;
    border: 1px solid #223983;
    padding: 10px;
    color: #050F67;
    font-size: 14px;
}

.add-members-message[b-ew782yylco] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #979797;
    height: 50px;
}

.btn-group[b-ew782yylco] {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.time-btn-group[b-ew782yylco] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.times[b-ew782yylco] {
    border: none;
    padding: 17px 20px;
    border-radius: 4px;
    background: #4D774C;
    color: white;
    font-weight: 600;
    width: 109px;
    position: relative;
    font-size: 14px;
}

.unavailable-times[b-ew782yylco] {
    border: none;
    padding: 17px 20px;
    border-radius: 4px;
    background: #ACBAAC;
    color: #E8E8E8;
    font-weight: 600;
    width: 109px;
    position: relative;
    font-size: 14px;
}

.max-count[b-ew782yylco] {
    position: absolute;
    top: 0;
    left: 70px;
    font-weight: 400;
    font-size: 12px;
}

.f-col[b-ew782yylco] {
    flex-direction: column;
    gap: 20px;
}

.cancel-btn[b-ew782yylco] {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #767676;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 50px;
    font-weight: 500;
}

.res-btn[b-ew782yylco] {
    background: #E8BD8C;
    border-radius: 3px;
    color: #563208;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 500;
}

.add-spouse-btn[b-ew782yylco] {
    border-radius: 3px;
    border: 1px solid #5C7FEC;
    background: none;
    color: #5C7FEC;
    height: 30px;
    padding: 4px;
}

.input-title-2[b-ew782yylco] {
    margin: 0;
    color: gray;
}

.input-row-1[b-ew782yylco] {
    width: 100%;
}

.header-style[b-ew782yylco] {
    align-items: center;
    gap: 10px;
}

.selected-time[b-ew782yylco] {
    width: 91px;
    background: #37725a;
    color: white;
    padding: 10px 20px;
    border-radius: 4px 0px 0px 4px;
}

.x-btn[b-ew782yylco] {
    border-radius: 0px 4px 4px 0px;
    border: none;
    background: #285d47;
    color: white;
    padding: 0px 15px;
}

.row-title[b-ew782yylco] {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

[b-ew782yylco] .e-ddl.e-input-group .e-input-value {
    padding: 4px;
}

.clear-btn[b-ew782yylco] {
    border-radius: 6px;
    background: none;
    border: none;
    font-size: 16px;
    color: #878787;
}

/*----reservation details popup-----*/
.top-row-info[b-ew782yylco] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -16px;
    margin-bottom: 20px;
    background: #e9e9e9;
    padding: 10px 16px
}

.res-name[b-ew782yylco] {
    font-size: 17px;
    font-weight: 700;
}

.message-btn[b-ew782yylco] {
    border: none;
    padding: 10px 15px;
    background: #8CE88F;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

.party-img[b-ew782yylco] {
    filter: brightness(0.3);
    width: 17px;
}

.party-row[b-ew782yylco] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #404040;
    font-weight: 500;
    font-size: 15px;
}

.done-btn[b-ew782yylco] {
    background-color: #b9d5ff94;
    border: solid 1px #b4c8e9;
    color: #001330;
    border-radius: 3px;
    font-size: 16px;
    padding: 9px 50px;
    width: 100%;
    font-weight: 500;
}

.dialog-content[b-ew782yylco] {
    flex-direction: column;
    gap: 20px;
}

.label-2[b-ew782yylco] {
    font-weight: 500;
}

.dropdown-footer[b-ew782yylco] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background: #EEF2F8;
}

.add-guest-btn[b-ew782yylco] {
    border: none;
    background: none;
    color: #4471B5;
    padding: 10px 15px;
    font-size: 15px;
}

table[b-ew782yylco] {
    width: 100%;
}

.membership-holder-text[b-ew782yylco] {
    text-align: right;
    color: #858585;
}

/*------assign to table pop up styling-----------*/
.invisible[b-ew782yylco] {
    display: none;
}

/*--------send message pop up styling------*/
.message-name[b-ew782yylco] {
    font-weight: 500;
}

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

.send-btn[b-ew782yylco] {
    border: none;
    padding: 10px 57px;
    background: #8CE88F;
    border-radius: 3px;
    color: #357237;
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    align-items: center;
}

/*--------Search Bar------*/

.custom-input[b-ew782yylco] {
    position: relative;
    margin-bottom: 20px;
    /* space for icon */
}

.fas[b-ew782yylco] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    color: #8b8b8b;
}

/* Calendar Highlight */
[b-ew782yylco] .e-calendar .e-content .e-cell.highlight-date span.e-day,
[b-ew782yylco] .e-calendar .e-content td:hover.e-cell.highlight-date span.e-day,
[b-ew782yylco] .e-calendar .e-content td.e-selected.e-focusd-date.e-cell.highlight-date span.e-day {
    color: var(--clr-primary-800);
    font-weight: 800;
}


/* ===== Fix layout conflicts (override earlier flex-grow) ===== */
.main-content[b-ew782yylco] {
    justify-content: flex-start !important; /* stop space-between squeeze */
    min-width: 0 !important;
}

.diagram-container[b-ew782yylco] {
    flex: 1 1 auto !important; /* middle fills remaining space */
    width: auto !important;
    min-width: 0 !important;
}

.db-property-editor-container[b-ew782yylco] {
    flex: 0 0 auto !important; /* kill the flex-grow from above */
}

/* ===== iPad Pro 11″ (landscape 1194px, portrait 834px) ===== */
@media (max-width: 1194px) {
    .row.content[b-ew782yylco] {
        height: calc(100dvh - 60px) !important;
    }

    .main-content[b-ew782yylco] {
        min-height: calc(100dvh - 53px) !important;
    }

    .db-property-editor-container[b-ew782yylco] {
        width: clamp(280px, 28vw, 360px) !important; /* sidebar stays visible */
        max-width: 40% !important;
        max-height: calc(100dvh - 53px) !important;
        overflow: auto !important;
    }

    /* Ensure diagram actually fills the middle */
    .diagram-container > *[b-ew782yylco] {
        min-width: 0 !important;
    }

    .diagram-container .e-diagram[b-ew782yylco],
    .diagram-container .e-content[b-ew782yylco],
    .diagram-container canvas[b-ew782yylco],
    .diagram-container .sf-diagram[b-ew782yylco] {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Keep header/hamburger tappable */
    .main-header[b-ew782yylco] {
        position: sticky !important;
        top: 0 !important;
        z-index: 4000 !important;
    }

    #diagrambuilder-container .e-sidebar[b-ew782yylco] {
        z-index: 3500 !important;
    }
}

/* Desktop ≥1195px unchanged */
@media (min-width: 1195px) {
    .db-property-editor-container[b-ew782yylco] {
        width: 331px !important;
        max-width: 315px !important;
        flex: 0 0 315px !important; /* key: prevents growth beyond 385 */
        box-sizing: border-box;
    }
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Dining/DiningEventBoard.razor.rz.scp.css */
.main-container[b-1d4nxjtvin] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.thumbnail-container[b-1d4nxjtvin] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.thumbnail[b-1d4nxjtvin] {
    padding: 10px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    cursor: pointer;
}

.thumbnail-img[b-1d4nxjtvin] {
    border: 1px solid #eeeeee;
    margin-bottom: 8px;
}

.event-title[b-1d4nxjtvin] {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #626262;
}

[b-1d4nxjtvin] .program-name {
    color: #282828;
    font-weight: 500;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/EventDashboard.razor.rz.scp.css */
.container[b-w9lu1clu2t] {
    padding: 30px;
    background-color: #ECEEF5;
    height: 100vh;
}

.label-container[b-w9lu1clu2t]
{
    display: flex;
    flex-direction: row;
    align-content: center;
}
.label-icon[b-w9lu1clu2t]
{
    padding-right: 10px;
}

.greeting-container[b-w9lu1clu2t] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding-bottom: 10px;
}
.greeting-text[b-w9lu1clu2t]
{
    font-size: 20px;
    font-weight: 700;
}

.dialog-item-container[b-w9lu1clu2t] {
    display: flex;
    flex-direction: row;
    align-content: center;
    padding-bottom: 20px;
}
.dialog-label-container[b-w9lu1clu2t] {
    padding-bottom: 5px;
}
.dialog-label-text[b-w9lu1clu2t] {
    font-size: 15px;
    font-weight: 500;
}

.e-richtexteditor[b-w9lu1clu2t] {
    min-width: 200px;
    max-width: 600px;
    width: 500px;
    min-height: 100px;
    max-height: 300px;
    height: 300px;
}

.event-dialog-button-container[b-w9lu1clu2t]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.event-dialog-button[b-w9lu1clu2t]
{
    padding: 10px;
}

.fetched-images-container[b-w9lu1clu2t]
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.image-container[b-w9lu1clu2t]
{
    padding: 5px;
}
.event-added-image[b-w9lu1clu2t] {
    display: block;
    object-fit: contain; /* or object-fit: contain; */
}

.add-photo-container[b-w9lu1clu2t]
{
    width: 250px;
    height: 150px;
    border-block: 1px solid black;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Floorplan/EventBoard.razor.rz.scp.css */
.main-container[b-obnfjjy1xa] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.thumbnail-container[b-obnfjjy1xa] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.event-title[b-obnfjjy1xa] {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #1c1c1c;
}

[b-obnfjjy1xa] .program-name {
    color: #282828;
    font-weight: 500;
}

.unselected[b-obnfjjy1xa] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    color: #767a99;
    background: linear-gradient(115.91deg, rgb(0 0 0 / 6%) 0%, rgb(0 0 0 / 0%) 106.69%);
    margin-bottom: 8px;
}

.label[b-obnfjjy1xa] {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin-top: 20px;
}

.event-header[b-obnfjjy1xa] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.event-image[b-obnfjjy1xa] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.event-info[b-obnfjjy1xa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-name[b-obnfjjy1xa] {
    font-size: 20px;
    font-weight: 600;
    color: #1c1c1c;
}

.event-date[b-obnfjjy1xa] {
    font-size: 14px;
    color: #888;
    font-weight: 400;
    margin-top: 4px;
}

.thumbnail[b-obnfjjy1xa] {
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    width: 300px;
    background-color: #fff;
    transition: background-color 0.2s ease;
    border: none;
    box-shadow: none;
}

    .thumbnail:hover[b-obnfjjy1xa],
    .floorplan-card:hover[b-obnfjjy1xa] {
        background-color: #f5f5f5;
        box-shadow: none;
    }

.thumbnail-img[b-obnfjjy1xa] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    margin-bottom: 8px;
}

.thumbnail-placeholder[b-obnfjjy1xa] {
    width: 100%;
    height: 200px;
    background-color: #fdfaf6;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.program-details[b-obnfjjy1xa] {
    text-align: left;
    padding: 0 4px;
}

.program-name[b-obnfjjy1xa] {
    font-weight: 600;
    font-size: 14px;
}

.program-location[b-obnfjjy1xa] {
    font-size: 13px;
    color: #888;
    margin-top: 2px;
}

.view-toggle-buttons[b-obnfjjy1xa] {
    display: flex;
    justify-content: flex-end;
}

.toggle-btn[b-obnfjjy1xa] {
    background: none;
    border: 1px solid #ccc;
    padding: 0.5rem 1rem;
    cursor: pointer;
    margin-left: 0.5rem;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

    .toggle-btn.active[b-obnfjjy1xa] {
        background-color: #f5f5f5;
        border-color: #888;
    }

.program-list-table[b-obnfjjy1xa] {
    width: 100%;
    border-collapse: collapse;
}

    .program-list-table th[b-obnfjjy1xa],
    .program-list-table td[b-obnfjjy1xa] {
        padding: 0.25rem;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

.thumbnail-img-container[b-obnfjjy1xa] {
    position: relative;
}

.edit-icon[b-obnfjjy1xa] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: #fff;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.floorplan-card[b-obnfjjy1xa] {
    /* Add general layout rules here */
}

.program-list-table tr[b-obnfjjy1xa] {
    height: 60px;
    vertical-align: middle;
}

.thumbnail-placeholder.mini[b-obnfjjy1xa] {
    width: 60px;
    height: 60px;
    background-color: #f1f1f1;
    border: 1px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 0;
}

.placeholder-icon[b-obnfjjy1xa] {
    width: 40px;
    height: 40px;
    border: 2px solid #ccc;
    border-radius: 4px;
    margin: 0;
    align-self: center;
    display: flex;
}

.program-list-table td:first-child[b-obnfjjy1xa] {
    height: 80px;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
}

    .program-list-table td:first-child img[b-obnfjjy1xa],
    .program-list-table td:first-child .placeholder-icon[b-obnfjjy1xa] {
        display: block;
        margin: 0;
    }

.programs-header-row[b-obnfjjy1xa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.program-list-table tbody tr:hover[b-obnfjjy1xa] {
    background-color: #f5f5f5;
    transition: background-color 0.2s ease-in-out;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Floorplan/EventProgramBoard.razor.rz.scp.css */
.main-container[b-f2kr6oigby] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.top-row[b-f2kr6oigby] {
    display: flex;
    justify-content: space-between;
}

h3[b-f2kr6oigby] {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #626262;
}

.new[b-f2kr6oigby] {
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    color: #7170af;
}

    .new:hover[b-f2kr6oigby] {
        background-color: #ebeaea;
    }

.thumbnail-container[b-f2kr6oigby] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

/* Breadcrumb navigation */
.breadcrumb-wrapper[b-f2kr6oigby] {
    margin-top: 20px;
}

[b-f2kr6oigby] .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
    color: #808081;
}

    [b-f2kr6oigby] .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
        text-decoration: underline;
        color: #808081;
    }

[b-f2kr6oigby] .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
    /*font-size: 18px;*/
    font-weight: 600;
    color: #1c1c1c;
}

/* Dialog popup styling */
.bold[b-f2kr6oigby] {
    font-weight: 700;
}

.primary-container[b-f2kr6oigby] {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.button-row[b-f2kr6oigby] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.cancel-btn[b-f2kr6oigby] {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    color: #8a8a8a;
    padding: 4px 15px;
}

.continue-btn[b-f2kr6oigby] {
    border-radius: 4px;
    background-color: black;
    color: white;
    border: none;
    padding: 4px 15px;
}

/* Header and Event Info */
.page-header[b-f2kr6oigby] {
    /*margin-bottom: 24px;*/
}

.header-row[b-f2kr6oigby] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.left-column[b-f2kr6oigby] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.breadcrumb-container[b-f2kr6oigby] {
    margin-bottom: 4px;
}

.event-info-container[b-f2kr6oigby] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.event-image[b-f2kr6oigby] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.event-text[b-f2kr6oigby] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-title[b-f2kr6oigby] {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.event-location[b-f2kr6oigby] {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.event-details[b-f2kr6oigby] {
    font-size: 16px;
    color: #666;
}

.label[b-f2kr6oigby] {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.check-icon[b-f2kr6oigby] {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-divider[b-f2kr6oigby] {
    border-bottom: 1px solid #e0e0e0;
    margin: 12px 0 16px 0;
}

.confirmation-dialog-content[b-f2kr6oigby] {
    padding: 10px 0;
    font-size: 14px;
}

    .confirmation-dialog-content p[b-f2kr6oigby] {
        margin: 10px 0;
    }

.checkbox-container[b-f2kr6oigby] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .checkbox-container label[b-f2kr6oigby] {
        margin-bottom: 0;
    }

.button-row[b-f2kr6oigby],
.dialog-footer[b-f2kr6oigby] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .button-row button[b-f2kr6oigby],
    .dialog-footer button[b-f2kr6oigby] {
        min-width: 100px;
    }

/*-----3dot button styling------------*/
[b-f2kr6oigby] .e-dropdown-btn {
    color: #797979 !important;
}

[b-f2kr6oigby] .e-dropdown-popup {
    box-shadow: 3px 5px 5px 0px #d1d1d17a;
}

.context-menu[b-f2kr6oigby]  .e-dropdown-popup {
}

[b-f2kr6oigby] .menu-icon::before {
    content: "\f142";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.diagram-actions[b-f2kr6oigby] {
    display: flex;
    gap: 12px; 
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Floorplan/LocationBoard.razor.rz.scp.css */
.main-container[b-qq7q8vn3ln] {
    padding: 20px;
    /*    display: flex;
    flex-direction: column;*/
    gap: 20px;
}

.top-row[b-qq7q8vn3ln] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .top-row .new:first-of-type[b-qq7q8vn3ln] {
        margin-left: auto;
    }

    .top-row .new + .new[b-qq7q8vn3ln] {
        margin-left: 12px;
    }

h3[b-qq7q8vn3ln] {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #626262;
}

.new[b-qq7q8vn3ln] {
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    color: #7170af;
}

    .new:hover[b-qq7q8vn3ln] {
        background-color: #ebeaea;
    }

.thumbnail-container[b-qq7q8vn3ln] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

/*---------breadcrumb navigation styling---------*/
.breadcrumb-wrapper[b-qq7q8vn3ln] {
    margin-top: 20px;
}

[b-qq7q8vn3ln] .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
    color: #808081;
}

    [b-qq7q8vn3ln] .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
        text-decoration: underline;
        color: #808081;
    }

[b-qq7q8vn3ln] .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
    font-size: 18px;
    font-weight: 600;
    color: #1c1c1c;
}


/*-----3dot button styling------------*/
[b-qq7q8vn3ln] .e-dropdown-btn {
    color: #797979 !important;
}

[b-qq7q8vn3ln] .e-dropdown-popup {
    box-shadow: 3px 5px 5px 0px #d1d1d17a;
}

.context-menu[b-qq7q8vn3ln]  .e-dropdown-popup {
}

.menu-star-container[b-qq7q8vn3ln] {
    gap: 5px;
}
/*---------------dialog popup styling-------------*/

.bold[b-qq7q8vn3ln] {
    font-weight: 700;
}

.primary-container[b-qq7q8vn3ln] {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.button-row[b-qq7q8vn3ln] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.cancel-btn[b-qq7q8vn3ln] {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    color: #8a8a8a;
    padding: 4px 15px;
}

.continue-btn[b-qq7q8vn3ln] {
    border-radius: 4px;
    background-color: black;
    color: white;
    border: none;
    padding: 4px 15px;
}

[b-qq7q8vn3ln] .menu-icon::before {
    content: "\f142";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/ImageManager.razor.rz.scp.css */
.container[b-qwg7rje6jq]
{
    padding: 20px;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/index.razor.rz.scp.css */
/*::deep .e-menu-container.e-custom ul a.e-menu-text.e-menu-url {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #f5f5f7;
    padding: 0 10px;
    height: 44px;
    opacity: .8;
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

// hamburgerMode Styles issue resolved

::deep .e-menu-container.e-custom.e-hamburger .e-menu-header .e-menu-icon,
.e-menu-container.e-custom.e-hamburger .e-menu-header {
    color: #f5f5f7;
}

::deep .main, .e-menu-container ul {
    background-color: rgba(0,0,0,0.8);
}

::deep .e-menu-container.e-custom ul li.e-focused a.e-menu-text.e-menu-url {
    color: #EFF;
    outline: 0 solid #f2f4f6;
}

::deep .main {
    height: 968px;
}

::deep .menu-control {
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    line-height: 0.5;
}*/
/* _content/ClubFusionStaffApp.BlazorServer/Pages/Login.razor.rz.scp.css */
.primary-container[b-o6djqilhtx] {
    background: #FBFBFB;
}

.rights-text[b-o6djqilhtx] {
    position: absolute;
    bottom: 5px;
    display: flex;
    justify-content: center;
    width: 100%;
    color: gray;
    font-size: 12px;
}

.wrapper[b-o6djqilhtx] {
    height: 80vh;
    max-width: 415px;
    border-radius: 8px;
}

.club-logo[b-o6djqilhtx] {
    height: 57px;
    width: 80px;
}

.fs-12[b-o6djqilhtx] {
    font-size: 12px;
}

.fs-14[b-o6djqilhtx] {
    font-size: 14px;
}

@media (max-width: 450px) {
    .wrapper[b-o6djqilhtx] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}


h1[b-o6djqilhtx], h2[b-o6djqilhtx], h3[b-o6djqilhtx], h4[b-o6djqilhtx], h5[b-o6djqilhtx], h6[b-o6djqilhtx] {
    font-family: var(--ff-primary);
}

.form-container[b-o6djqilhtx] {
    width: 365px;
    max-width: 400px;
}

.login-btn[b-o6djqilhtx] {
    background-color: #385fd7 !important;
    background: #385fd7 !important;
}

.fs-14[b-o6djqilhtx] {
    font-size: 14px;
}

.prompt-text[b-o6djqilhtx] {
    background-color: white;
    color: rgb(34, 38, 42);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 0px 8px 0px 7px;
    position: relative;
    z-index: 2;
}

/*-----Validator text styling---------*/

[b-o6djqilhtx] .validation-errors {
    margin-top: 8px;
}

    [b-o6djqilhtx] .validation-errors .validation-message {
        font-size: 14px !important;
    }

[b-o6djqilhtx] .validation-message {
    font-size: 14px !important;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/RacketSport/RacketSportCourtSettingsPage.razor.rz.scp.css */
[b-paxf6iq59b] .e-toolbar .e-toolbar-items {
    display: flex;
    justify-content: space-between;
    align-items: end;
    background: #fff;
    width: 100%;
}

[b-paxf6iq59b] .e-content {
    height: 100vh;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/RacketSport/RacketSportSchedulerPage.razor.rz.scp.css */

.app-subject[b-6s2iwidr81] {
    font-size: 15px;
}

/*rsv dialog*/
.rsv-dialog-header-container[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*custom right side bar*/
.custom-right-side-bar[b-6s2iwidr81] {
    width: 250px;
}

.custom-right-side-bar-close[b-6s2iwidr81] {
    width: 75px;
    transition: width 0.5s linear;
}

.custom-right-side-bar-open[b-6s2iwidr81] {
    width: 250px;
    transition: width 0.5s linear;
}

/*=====================*/
.control-wrapper[b-6s2iwidr81] {
    max-width: 300px;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.example-label[b-6s2iwidr81] {
    font-size: 14px;
    margin-bottom: 6px;
}

/* reservation dialog */
/*.rsv-table-header {
    border-bottom: 1pt solid black;
}*/

.rsv-table-row[b-6s2iwidr81] {
    padding-top: 10px;
}

.scheduler-container[b-6s2iwidr81] {
    display: flex;
}

    .scheduler-container .drag-sample-wrapper[b-6s2iwidr81] {
        padding-left: 30px;
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;
    }

        .scheduler-container .drag-sample-wrapper .treeview-container[b-6s2iwidr81] {
            /* add event button customization */
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .add-event-container[b-6s2iwidr81], .scheduler-container .drag-sample-wrapper .treeview-container .specialization-types[b-6s2iwidr81] {
                margin: 5px;
                width: 216px;
            }

            .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container[b-6s2iwidr81] {
                margin-top: 45px;
                margin-left: 10px;
            }

                .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container .waitlist-title-text[b-6s2iwidr81] {
                    font-weight: 400;
                    font-size: 16px;
                    color: #333;
                    letter-spacing: 0.48px;
                    font-weight: bold;
                    padding: 0 5px;
                }

        .scheduler-container .drag-sample-wrapper .treeview-container[b-6s2iwidr81] {
            padding: 0 !important;
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent[b-6s2iwidr81] {
                height: 100%;
                padding: 0 2px;
            }

                .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent.e-ul[b-6s2iwidr81] {
                    overflow: hidden;
                    background: #E4EBFF;
                }


.rsv-golfer-name[b-6s2iwidr81] {
    color: black;
    font-size: 15px;
    margin-bottom: 3px;
}

.rsv-golfer-charge-code[b-6s2iwidr81] {
    color: #3C3C3C;
    font-size: 12px;
}

[b-6s2iwidr81] .e-ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

[b-6s2iwidr81] .e-list-item {
    background: #E4EBFF;
    box-shadow: 0px 4px 4px #D8DDEC;
    border-radius: 4px;
    margin-bottom: 16px;
}

[b-6s2iwidr81] .e-appointment-details {
    color: black;
}

#waitdetails[b-6s2iwidr81] {
    display: flex;
    flex-direction: column;
}

.waitlist-name-text[b-6s2iwidr81] {
    font-size: 14px;
    color: black;
}

.waitlist-phone[b-6s2iwidr81] {
    font-size: 12px;
    color: black;
}

.waitlist-time[b-6s2iwidr81] {
    font-size: 12px;
    color: #878787;
}

.waitlist-created[b-6s2iwidr81] {
    display: none;
}

[b-6s2iwidr81] .e-text-content {
    padding: 0;
}

[b-6s2iwidr81] .e-navigate {
    font-weight: 600;
    font-size: 18px !important;
}

/* tree view image when it is dragged */
.e-drag-item.treeview-external-drag[b-6s2iwidr81] {
    height: 60px;
    border-radius: 4px;
    margin: 5px 0;
    background: #fff5f5;
    box-shadow: 1px 2px 4px 0 rgba(255, 0, 0, 0.25);
}

    .e-drag-item.treeview-external-drag .e-list-text[b-6s2iwidr81] {
        background: #fff5f5;
        border-radius: 4px;
        height: 100%;
        padding: 6px 10px;
        border: none;
    }

        .e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-close[b-6s2iwidr81] {
            display: none;
        }

        .e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-collapse-open[b-6s2iwidr81] {
            display: none;
        }

        .e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-expand-close[b-6s2iwidr81] {
            display: block;
        }



/* utility classes */
.sticky[b-6s2iwidr81] {
    position: sticky;
    top: 0;
}

.app-working[b-6s2iwidr81] {
    background-color: gray;
}

.member-reservation-container[b-6s2iwidr81] {
    height: 100vh;
    width: 100vw;
    margin-left: -4px;
    padding: 5px;
    color: black;
    background: white;
}

/*scheduler right side bar*/
/*.e-sidebar.e-dock.e-close .treeview-container-wrapper 
{
    display: none;
}*/
.e-sidebar.e-dock.e-close .waitlist-title-text[b-6s2iwidr81] {
    display: none;
}

.e-sidebar.e-dock.e-close .staff-info-container[b-6s2iwidr81] {
    display: none;
}

.e-sidebar.e-dock.e-close .waitlist-open[b-6s2iwidr81] {
    display: none;
}


.e-sidebar.e-dock .waitlist-close[b-6s2iwidr81] {
    display: none;
}

.e-sidebar.e-dock.e-close .waitlist-close[b-6s2iwidr81] {
    display: flex;
}

.e-sidebar.e-dock.e-close .waitlist-title-icon[b-6s2iwidr81] {
    transform: scale(0.85);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .wiatlist-title-button-container[b-6s2iwidr81] {
    transform: scale(0.85);
    transition-duration: 500ms;
}

/*sidebar*/
.schedule-side-bar-toggle-container[b-6s2iwidr81] {
    display: flex;
    align-items: center;
    justify-contest: center;
}

.e-sidebar.e-dock[b-6s2iwidr81] {
    background: #2d323e;
    position: sticky;
}

.right-side-bar-container[b-6s2iwidr81] {
    padding-right: 10px;
    padding-left: 10px;
    height: 500px;
    overflow: auto;
}

/*custom right side bar - collapse*/
.staff-info-container-close[b-6s2iwidr81] {
    display: none;
}

.staff-info-container-open[b-6s2iwidr81] {
    display: block;
}

.waitlist-expand-open[b-6s2iwidr81] {
    display: block
}

.waitlist-expand-close[b-6s2iwidr81] {
    display: none;
}

.waitlist-collapse-open[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.waitlist-collapse-close[b-6s2iwidr81] {
    display: none;
}

.waitlist-title-text-open[b-6s2iwidr81] {
    width: 95px;
    display: block;
    transition: width, 0.5s, linear
}

.waitlist-title-text-close[b-6s2iwidr81] {
    width: 0px;
    display: none;
    transition: width, 0.5s, linear
}
/*waitlist*/
[b-6s2iwidr81] .waitlist-title-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-color: #C1D0FF;
    border-radius: 5px;
    width: 21px;
    height: 21px;
}

    [b-6s2iwidr81] .waitlist-title-button:hover {
        background-color: #E4EBFF;
        transition: background-color .3s ease;
        border: 1px solid #E4EBFF;
        color: #385FD7;
    }

.waitlist-title-text[b-6s2iwidr81] {
    font-size: 16px;
    font-weight: 600;
    color: #2F2F2F;
}

.waitlist-name-container[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-close[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.waitlist-close-first[b-6s2iwidr81] {
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-close-last[b-6s2iwidr81] {
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-title-container[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-title[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-button-container[b-6s2iwidr81] {
    display: none;
    flex-direction: row;
    align-items: center;
}

.waitlist-button[b-6s2iwidr81] {
    padding-left: 3px;
    padding-right: 3px;
}

[b-6s2iwidr81] .right-side-bar-toggle-btn-container {
    width: 50px;
    padding-top: 7px;
}

.waitlist-title-container[b-6s2iwidr81] {
    display: flex;
    align-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
}

.waitlist-title-icon[b-6s2iwidr81] {
    display: flex;
    align-items: center;
    justify-contest: center;
    padding-right: 5px;
}


[b-6s2iwidr81] .e-fullrow {
    border: none;
}

[b-6s2iwidr81] .e-treeview .e-list-item {
    /*remove a default padding on top*/
    padding: 0px;
}

[b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-active {
    background: #E4EBFF;
}

[b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-hover {
    background: #C7D2F3;
}

    [b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-hover .waitlist-button-container {
        display: flex;
    }

    [b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-hover .e-fullrow {
        background: #C7D2F3;
        /* change the border radius of the upper part where name and buttons are*/
        border-radius: 4px;
    }

[b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-active .e-fullrow {
    background: #E4EBFF;
}

[b-6s2iwidr81] .e-treeview .e-list-parent .e-list-item.e-active.e-hover .e-fullrow {
    background: #C7D2F3;
    border: none;
}

[b-6s2iwidr81] .e-treeview .e-list-text {
    width: 100%;
}

/* working rservation box */
/* change the background color if it is a working reservation*/
[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    padding: 0 0px;
    width: 100%;
    height: 100%;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .working-rsv-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .is-blocked-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-container {
    padding-left: 5px;
    padding-right: 5px;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-container {
    background-color: #E9DFBE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-weekview-container {
    background-color: #BEE9C9;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-6s2iwidr81] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-weekview-container {
    background-color: #E9DFBE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.working-rsv-staff-info[b-6s2iwidr81] {
    color: #757575;
}

.working-rsv-message[b-6s2iwidr81] {
    color: #AAAAAA;
}

.working-rsv-staff-photo-container[b-6s2iwidr81] {
    display: flex;
    justify-content: end;
    align-self: end;
}

.working-rsv-staff-photo[b-6s2iwidr81] {
    border-radius: 100%;
}

.dialog-item-container[b-6s2iwidr81] {
    padding-bottom: 20px;
}

/* Adjusts position of times in scheduler grid. Time column on left */
[b-6s2iwidr81] .schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ddd;
}

[b-6s2iwidr81] .schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td span {
    margin-left: 25px;
}

/* change the color of diabled comboboxes for the rsv dialog and the waitlist dialog*/
[b-6s2iwidr81] .e-input-group.e-control-wrapper .e-input[disabled] {
    -webkit-text-fill-color: #0d9133;
}

/*validation dialog*/
.validation-message-container[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.validation-message-item[b-6s2iwidr81] {
    padding-left: 5px;
    padding-right: 5px;
}

.validation-dialog-header-container[b-6s2iwidr81] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.validation-dialog-header-icon[b-6s2iwidr81] {
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.rsv-table-padding[b-6s2iwidr81] {
    height: 20px;
}

@media (max-width: 575px) {
    .planner-dashboard-skeleton[b-6s2iwidr81] {
        margin: 0px 0px;
    }

    .appointments-skeleton[b-6s2iwidr81] {
        display: none;
    }

    .activities-skeleton[b-6s2iwidr81] {
        margin: 30px 0px 30px 30px;
        width: 100%;
        padding-right: 0;
        margin-left: 31px;
    }

    .fade-in-image[b-6s2iwidr81] {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
        -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein-b-6s2iwidr81 2s;
    }

    @keyframes fadein-b-6s2iwidr81 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/TeeTime/CustomBlockManagerPage.razor.rz.scp.css */
.container[b-zz51iwiwly]
{
    padding: 30px;
}

.button-container[b-zz51iwiwly] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.button-icon[b-zz51iwiwly] {
    display: flex;
    align-items: center;
    padding-right: 5px;
}

.title-container[b-zz51iwiwly] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.title-icon[b-zz51iwiwly] {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.title-text[b-zz51iwiwly] {
    font-size: 20px;
}

/*restriction dialog*/
.restriction-dialog-container[b-zz51iwiwly]
{
    padding: 10px;
}
.restriction-dialog-row[b-zz51iwiwly]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.restriction-dialog-row-item-container[b-zz51iwiwly] {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    padding-bottom: 15px;
}
.restriction-dialog-row-item-second-container[b-zz51iwiwly] {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 15px;
}

.restriction-dialog-row-item-label[b-zz51iwiwly]
{
    padding-bottom: 5px;
    font-weight: 700;
}
.restriction-dialog-arrow-container[b-zz51iwiwly]
{
    justify-content: center;
    align-items: center;
}
.restriction-dialog-row-item[b-zz51iwiwly]
{
    
}
.restriction-dialog-button-container[b-zz51iwiwly] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15px;
}
.restriction-dialog-button[b-zz51iwiwly] {
    padding-left: 10px;
}

.border-line[b-zz51iwiwly] {
    border-block: solid;
    border-width: 1px;
    width: 100%;
    border-color: lightgray;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/TeeTime/GuestManager.razor.rz.scp.css */

.toolbar-title[b-liqd7fpdss] {
    font-size: 18px;
    font-weight: bold;
}

.toolbar-spacer[b-liqd7fpdss] {
    flex-grow: 1;
}

.button-container[b-liqd7fpdss] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.button-icon[b-liqd7fpdss] {
    margin-right: 5px;
}

.button-text[b-liqd7fpdss] {
    font-size: 14px;
}

.screen-container[b-liqd7fpdss] {
    padding: 24px;
    background-color: #fff;
}

.title-container[b-liqd7fpdss] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.title-icon[b-liqd7fpdss] {
    margin-right: 10px;
}

.title-text[b-liqd7fpdss] {
    font-size: 24px;
    font-weight: 600;
}

.divider[b-liqd7fpdss] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.section-container[b-liqd7fpdss] {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

.section-header[b-liqd7fpdss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.section-title[b-liqd7fpdss] {
    font-weight: bold;
    font-size: 18px;
}

.btn-save[b-liqd7fpdss] {
    background-color: #7289da; /* Soft blue */
    color: white;
    font-weight: 600;
    border: none;
    padding: 8px 24px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .btn-save:hover[b-liqd7fpdss] {
        background-color: #5b6eae;
    }

.btn-cancel[b-liqd7fpdss] {
    background-color: #6b7280; /* Gray-500 */
    color: white;
    font-weight: 600;
    border: none;
    padding: 8px 24px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-right: 12px;
}

    .btn-cancel:hover[b-liqd7fpdss] {
        background-color: #4b5563;
    }




/*-----basic utility classes--------*/
.flex[b-liqd7fpdss] {
    display: flex;
}

.flex-direction-row[b-liqd7fpdss] {
    display: flex;
    flex-direction: row;
}

.flex-direction-col[b-liqd7fpdss] {
    display: flex;
    flex-direction: column;
}

.justify-content-between[b-liqd7fpdss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.align-center[b-liqd7fpdss] {
    display: flex;
    align-items: center;
}

.gap-10[b-liqd7fpdss] {
    gap: 10px;
}

.gap-4[b-liqd7fpdss] {
    gap: 4px !important;
}

.gray[b-liqd7fpdss] {
    color: #979797;
}

.small-margin-gap[b-liqd7fpdss] {
    margin-bottom: 10px;
}

.medium-text-name[b-liqd7fpdss] {
    color: black;
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text-name-2[b-liqd7fpdss] {
    color: black;
    font-weight: 400;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 138px;
}

.medium-text[b-liqd7fpdss] {
    color: #efefef;
    font-weight: 500;
    margin: 0;
}

.dropdown-text[b-liqd7fpdss] {
    line-height: normal;
}

.light-text[b-liqd7fpdss] {
    color: gray;
    margin: 0;
}

.line[b-liqd7fpdss] {
    width: 100%;
    height: 1px;
    background-color: #2E2E2E;
}




/* Base item styling */
.table-row[b-liqd7fpdss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

/* Avatar + name + number */
.flex-direction-row[b-liqd7fpdss] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.flex-direction-col[b-liqd7fpdss] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
}

.dropdown-text[b-liqd7fpdss] {
    font-size: 14px;
    color: #1f2937; /* gray-800 */
}

    .dropdown-text.light-text[b-liqd7fpdss] {
        font-size: 12px;
        color: #6b7280; /* gray-500 */
    }

/* Right aligned label */
.membership-holder-text[b-liqd7fpdss] {
    font-size: 13px;
    font-style: italic;
    color: #6b7280;
    text-align: right;
    white-space: nowrap;
}

/* Header row */
.table-dropdown[b-liqd7fpdss] {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    color: #6b7280;
}

/* Highlight selected */
.e-ddl .e-list-item.e-active[b-liqd7fpdss] {
    background-color: #007bff !important; /* Bootstrap blue */
    color: white;
}


/* Reduce height of Syncfusion TextBox */
.e-control.e-textbox[b-liqd7fpdss],
.e-control.e-textbox.e-lib[b-liqd7fpdss] {
    padding: 4px 10px !important;
    height: 32px !important;
    font-size: 14px;
    line-height: 1.4;
}

.e-toolbar .e-toolbar-items .e-toolbar-item:first-child .e-tbar-btn[b-liqd7fpdss] {
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
}

    .e-toolbar .e-toolbar-items .e-toolbar-item:first-child .e-tbar-btn:hover[b-liqd7fpdss] {
        background-color: #0056b3;
    }


.add-guest-toolbar[b-liqd7fpdss] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

input.input-validation-valid[b-liqd7fpdss] {
    border-color: inherit !important;
    box-shadow: none !important;
}

.hide-column[b-liqd7fpdss] {
    display: none !important;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/TeeTime/RuleManager.razor.rz.scp.css */
.rule-manager-screen-container[b-51ebpmx6az]
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

/*skeleton*/
.planner-dashboard-skeleton[b-51ebpmx6az] {
    display: flex;
    margin: 10px 10px;
    height: 100%;
    width: 100%;
}

.scheduler-skeleton[b-51ebpmx6az] {
    display: flex;
    margin: 10px 10px;
    height: 100%;
    width: 100%;
}

.appointments-skeleton[b-51ebpmx6az] {
    margin: 10px;
    width: 100%;
    height: 100%;
    padding-top: 1.1rem;
}

.activities-skeleton[b-51ebpmx6az] {
    margin: 10px;
    width: 100%;
    padding-top: 1.1rem;
    padding-right: 10px;
}

/*rule detail dialog*/
.rule-input-container[b-51ebpmx6az]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dialog-table-item[b-51ebpmx6az]
{
    padding-left: 10px;
    padding-right: 10px;
}

.dialog-table-row[b-51ebpmx6az]
{
    padding-top: 10px;
}

.button-container[b-51ebpmx6az] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-width: 1px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
}
.button-icon[b-51ebpmx6az]
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.title-container[b-51ebpmx6az] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
}

.title-icon[b-51ebpmx6az] {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.title-text[b-51ebpmx6az] {
    font-size: 20px;
}

/*restriction dialog*/
.restriction-dialog-container[b-51ebpmx6az] {
    padding: 10px;
}

.restriction-dialog-row[b-51ebpmx6az] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.restriction-dialog-row-item-container[b-51ebpmx6az] {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    padding-bottom: 15px;
}

.restriction-dialog-row-item-second-container[b-51ebpmx6az] {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 15px;
}

.restriction-dialog-row-item-label[b-51ebpmx6az] {
    padding-bottom: 5px;
    font-weight: 700;
}

.restriction-dialog-arrow-container[b-51ebpmx6az] {
    justify-content: center;
    align-items: center;
}

.restriction-dialog-row-item[b-51ebpmx6az] {
}

.restriction-dialog-button-container[b-51ebpmx6az] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15px;
}

.restriction-dialog-button[b-51ebpmx6az] {
    padding-left: 10px;
}

.border-line[b-51ebpmx6az] {
    border-block: solid;
    border-width: 1px;
    width: 100%;
    border-color: lightgray;
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/TeeTime/TeeTimeDashboard.razor.rz.scp.css */
.greeting-container[b-jrnffk0mn5] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.greeting-text[b-jrnffk0mn5] {
    font-size: 20px;
    font-weight: 700;
}

.container[b-jrnffk0mn5] {
    background-color: #ECEEF5;
    height: 100%;
    min-width: 100%;
    margin: 0 !important;
}

.main-container[b-jrnffk0mn5] {
    display: flex;
    flex-direction: row;
    height: 100vh;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.main-middle-top-container[b-jrnffk0mn5] {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.main-middle-top-item[b-jrnffk0mn5] {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    height: 188px;
    /*width: 225px;*/
    background-color: white;
    padding: 10px;

}

.main-middle-middle-container[b-jrnffk0mn5]
{
    /*height: 300px;*/
    display: flex;
    flex-direction: column;
}

.main-middle-container[b-jrnffk0mn5]
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 20px;
}

.main-right-container[b-jrnffk0mn5] {
    display: flex;
    flex-direction: column;
    flex-grow: 0.5;
    background-color: #DBDFEB;
    padding: 10px;
    min-width: 190px;
}

.weather-container[b-jrnffk0mn5] {
    width: 35%;
}

.chart-container[b-jrnffk0mn5] {
    padding-bottom: 15px;
    height: 279px;
    width: 65%;
}

.chart-container[b-jrnffk0mn5] .e-chart {
    display: flex !important;
    justify-content: center;
}

.push-notification-button-container[b-jrnffk0mn5]
{
    padding-top: 10px;
    width: 100%;
}


.push-notification-title-text[b-jrnffk0mn5] {
    font-weight: 700;
    color: #072172;
}

.push-notification-title-container[b-jrnffk0mn5]
{
    padding-bottom: 10px;
}

/*custom scrollbar*/
.course-events-list[b-jrnffk0mn5]::-webkit-scrollbar {
    width: 6px;
    padding: 2px;
}

.course-events-list[b-jrnffk0mn5]::-webkit-scrollbar-track {
    background: transparent;
}

.course-events-list[b-jrnffk0mn5]::-webkit-scrollbar-thumb {
    background: #8d8d8d;
    border-radius: 10px;
}

.top-item-icon[b-jrnffk0mn5] {
    padding-bottom: 10px;
}

.top-item-numeric-text[b-jrnffk0mn5] {
    color: #223983;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 10px;
}

.top-item-event-text[b-jrnffk0mn5] {
    color: #223983;
    font-size: 13px;
}

.top-item-event-name-text[b-jrnffk0mn5] {
    color: #223983;
    font-size: 13px;
    font-weight: 600;
}

.list-item[b-jrnffk0mn5] {
    height: 55px;
}

.weather-container[b-jrnffk0mn5] {
    width: 50%; /* or a specific width like 300px */
    max-width: 600px; /* Optional: ensures the container doesn't grow too large on wider screens */
    height: auto; /* Adjust based on content */
}
/* _content/ClubFusionStaffApp.BlazorServer/Pages/TeeTime/TeeTimeSchedulerPage.razor.rz.scp.css */
.blocked-cell-background[b-whhiy2ydvd] {
    width: 100%;
    height: 100%
}

.border-top[b-whhiy2ydvd] {
    border-top: 2px solid red; /* Change the color and thickness as needed */
}

.border-bottom[b-whhiy2ydvd] {
    border-bottom: 2px solid red; /* Change the color and thickness as needed */
}

.cell-template[b-whhiy2ydvd] {
    width: 100%;
    height: 100%;
}

.time-scale-container[b-whhiy2ydvd] {
    position: relative;
}

.second-time-scale[b-whhiy2ydvd]
{
    position: absolute;
    right: 0;
}

.app-subject[b-whhiy2ydvd] {
    font-size: 15px;
}

/*rsv dialog*/
.rsv-dialog-header-container[b-whhiy2ydvd]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*custom right side bar*/
.custom-right-side-bar[b-whhiy2ydvd] {
    width: 250px;
}

.custom-right-side-bar-close[b-whhiy2ydvd] {
    width: 75px;
    transition: width 0.5s linear;
}
.custom-right-side-bar-open[b-whhiy2ydvd] 
{
    width: 250px;
    transition: width 0.5s linear;
}

/*=====================*/
.control-wrapper[b-whhiy2ydvd] {
    max-width: 300px;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.example-label[b-whhiy2ydvd] {
    font-size: 14px;
    margin-bottom: 6px;
}

/* reservation dialog */
/*.rsv-table-header {
    border-bottom: 1pt solid black;
}*/

.rsv-table-row[b-whhiy2ydvd] {
    padding-top: 10px;
}

.scheduler-container[b-whhiy2ydvd] {
    display: flex;
}

    .scheduler-container .drag-sample-wrapper[b-whhiy2ydvd] {
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 30px;
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;
    }

    .scheduler-container .drag-sample-wrapper .treeview-container[b-whhiy2ydvd] {
        /* add event button customization */
    }

        .scheduler-container .drag-sample-wrapper .treeview-container .add-event-container[b-whhiy2ydvd], .scheduler-container .drag-sample-wrapper .treeview-container .specialization-types[b-whhiy2ydvd] {
            margin: 5px;
            width: 216px;
        }

        .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container[b-whhiy2ydvd] {
            margin-top: 45px;
            margin-left: 10px;
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .waitlist-title-container .waitlist-title-text[b-whhiy2ydvd] {
                font-weight: 400;
                font-size: 16px;
                color: #333;
                letter-spacing: 0.48px;
                font-weight: bold;
                padding: 0 5px;
            }

    .scheduler-container .drag-sample-wrapper .treeview-container[b-whhiy2ydvd] {
        padding: 0 !important;
    }

        .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent[b-whhiy2ydvd] {
            height: 100%;
            padding: 0 2px;
        }

            .scheduler-container .drag-sample-wrapper .treeview-container .e-list-parent.e-ul[b-whhiy2ydvd] {
                overflow: hidden;
                background: #E4EBFF;
            }


.rsv-golfer-name[b-whhiy2ydvd] {
    color: black;
    font-size: 15px;
    margin-bottom: 3px;
}

.rsv-golfer-charge-code[b-whhiy2ydvd] {
    color: #3C3C3C;
    font-size: 12px;
}

[b-whhiy2ydvd] .e-ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;

}

[b-whhiy2ydvd] .e-list-item {
    background: #E4EBFF;
    box-shadow: 0px 4px 4px #D8DDEC;
    border-radius: 4px;
    margin-bottom: 16px;
}

[b-whhiy2ydvd] .e-appointment-details{
    color: black;
    position: relative;
}

#waitdetails[b-whhiy2ydvd] {
    display: flex;
    flex-direction: column;
}

.waitlist-name-text[b-whhiy2ydvd] {
    font-size: 14px;
    color: black;
}

.waitlist-phone[b-whhiy2ydvd] {
    font-size: 12px;
    color: black;
}

.waitlist-time[b-whhiy2ydvd] {
    font-size: 12px;
    color: #878787;
}

.waitlist-created[b-whhiy2ydvd] {
    display: none;
}

[b-whhiy2ydvd] .e-text-content {
    padding: 0;
}

[b-whhiy2ydvd] .e-navigate {
    font-weight: 600;
    font-size: 18px !important;
}

/* tree view image when it is dragged */
.e-drag-item.treeview-external-drag[b-whhiy2ydvd] {
    height: 60px;
    border-radius: 4px;
    margin: 5px 0;
    background: #fff5f5;
    box-shadow: 1px 2px 4px 0 rgba(255, 0, 0, 0.25);
}
    .e-drag-item.treeview-external-drag .e-list-text[b-whhiy2ydvd] {
        background: #fff5f5;
        border-radius: 4px;
        height: 100%;
        padding: 6px 10px;
        border: none;
    }
.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-close[b-whhiy2ydvd] {
    display: none;
}

.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-collapse-open[b-whhiy2ydvd] {
    display: none;
}
.e-drag-item.treeview-external-drag .e-list-text #waiting #waitdetails .waitlist-expand-close[b-whhiy2ydvd] {
    display: block;
}



/* utility classes */
.sticky[b-whhiy2ydvd] {
    position: sticky;
    top: 0;
}

.app-working[b-whhiy2ydvd] {
    background-color: gray;
}

/*scheduler right side bar*/
/*.e-sidebar.e-dock.e-close .treeview-container-wrapper 
{
    display: none;
}*/
.e-sidebar.e-dock.e-close .waitlist-title-text[b-whhiy2ydvd]
{
    display: none;
}

.e-sidebar.e-dock.e-close .staff-info-container[b-whhiy2ydvd]
{
    display: none;
}

.e-sidebar.e-dock.e-close .waitlist-open[b-whhiy2ydvd] {
    display: none;
}


.e-sidebar.e-dock .waitlist-close[b-whhiy2ydvd] {
    display: none;
}
.e-sidebar.e-dock.e-close .waitlist-close[b-whhiy2ydvd] {
    display: flex;
}

.e-sidebar.e-dock.e-close .waitlist-title-icon[b-whhiy2ydvd] {
    transform: scale(0.85);
    transition-duration: 500ms;
}
.e-sidebar.e-dock.e-close .wiatlist-title-button-container[b-whhiy2ydvd] {
    transform: scale(0.85);
    transition-duration: 500ms;
}

/*sidebar*/
.schedule-side-bar-toggle-container[b-whhiy2ydvd] {
    display: flex;
    align-items: center;
    justify-contest: center;
}

.e-sidebar.e-dock[b-whhiy2ydvd] {
    background: #2d323e;
    position: sticky;
}

.right-side-bar-container[b-whhiy2ydvd]{
    padding-right: 10px;
    padding-left: 10px;
    height: 500px;
    overflow: auto;
}

/*custom right side bar - collapse*/
.staff-info-container-close[b-whhiy2ydvd] {
    display: none;
}

.staff-info-container-open[b-whhiy2ydvd] {
    display: block;
}

.waitlist-expand-open[b-whhiy2ydvd]{
    display: block
}
.waitlist-expand-close[b-whhiy2ydvd]{
    display: none;
}

.waitlist-collapse-open[b-whhiy2ydvd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}
.waitlist-collapse-close[b-whhiy2ydvd]{
    display: none;
}

.waitlist-title-text-open[b-whhiy2ydvd] {
    width: 95px;
    display: block;
    transition: width, 0.5s, linear
}
.waitlist-title-text-close[b-whhiy2ydvd] {
    width: 0px;
    display: none;
    transition: width, 0.5s, linear
}
/*waitlist*/
[b-whhiy2ydvd] .waitlist-title-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-color: #C1D0FF;
    border-radius: 5px;
    width: 21px;
    height: 21px;
}
    [b-whhiy2ydvd] .waitlist-title-button:hover {
        background-color: #E4EBFF;
        transition: background-color .3s ease;
        border: 1px solid #E4EBFF;
        color: #385FD7;
    }

.waitlist-title-text[b-whhiy2ydvd] {
    font-size: 16px;
    font-weight: 600;
    color: #2F2F2F;
}
.waitlist-name-container[b-whhiy2ydvd]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-close[b-whhiy2ydvd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.waitlist-close-first[b-whhiy2ydvd]
{
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-close-last[b-whhiy2ydvd] {
    padding-right: 3px;
    padding-left: 3px;
}

.waitlist-title-container[b-whhiy2ydvd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-title[b-whhiy2ydvd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.waitlist-button-container[b-whhiy2ydvd] {
    display: none;
    flex-direction: row;
    align-items: center;
}

.waitlist-button[b-whhiy2ydvd] {
    padding-left: 3px;
    padding-right: 3px;
}

[b-whhiy2ydvd] .right-side-bar-toggle-btn-container {
    width: 50px;
    padding-top: 7px;
}

.waitlist-title-container[b-whhiy2ydvd] {
    display: flex;
    align-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
}

.waitlist-title-icon[b-whhiy2ydvd]
{
    display: flex;
    align-items: center;
    justify-contest: center;
    padding-right: 5px;
}


[b-whhiy2ydvd] .e-fullrow {
    border: none;
}
[b-whhiy2ydvd] .e-treeview .e-list-item {
    /*remove a default padding on top*/
    padding: 0px;
}
[b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-active {
    background: #E4EBFF;
}

[b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-hover {
    background: #C7D2F3;
}
    [b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-hover .waitlist-button-container {
        display: flex;
    }

    [b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-hover .e-fullrow {
        background: #C7D2F3;
        /* change the border radius of the upper part where name and buttons are*/
        border-radius: 4px;
    }
    [b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-active .e-fullrow {
        background: #E4EBFF;
    }
    [b-whhiy2ydvd] .e-treeview .e-list-parent .e-list-item.e-active.e-hover .e-fullrow {
        background: #C7D2F3;
        border: none;
    }

[b-whhiy2ydvd] .e-treeview .e-list-text {
    width: 100%;
}

/* working rservation box */
/* change the background color if it is a working reservation*/
[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    padding: 0 0px;
    width: 100%;
    height: 100%;
}
[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .working-rsv-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .is-blocked-container {
    background-color: #EEEEEE !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    border: unset;
}

    [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-container {
        background-color: #e1ffea;
        width: 100%;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #a7e9a7;
    }

        [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-container:hover {
            background-color: #d1f1dc !important;
        }

    [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-container {
        background-color: #fff3e1;
        width: 100%;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #e9cea7;
    }

        [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-container:hover {
            background-color: #f5e3d5 !important;
        }

[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-weekview-container {
    background-color: #e1ffea;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #a7e9a7;
}

    [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-front-weekview-container:hover {
        background-color: #d1f1dc !important;
    }



[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-weekview-container {
    background-color: #fff3e1 !important;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #e9cea7;
}
    [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .reservation-back-weekview-container:hover {
        background-color: #f5e3d5 !important;
    }

.working-rsv-staff-info[b-whhiy2ydvd] {
    color: #757575;
}
.working-rsv-message[b-whhiy2ydvd] {
    color: #AAAAAA;
}
.working-rsv-staff-photo-container[b-whhiy2ydvd]{
    display: flex;
    justify-content: end;
    align-self: end;
}

.working-rsv-staff-photo[b-whhiy2ydvd]
{
    border-radius: 100%;
}

.dialog-item-container[b-whhiy2ydvd]
{
    padding-bottom: 20px;
}

/* change the color of diabled comboboxes for the rsv dialog and the waitlist dialog*/
[b-whhiy2ydvd] .e-input-group.e-control-wrapper .e-input[disabled] {
    -webkit-text-fill-color: #0d9133;
}

/*validation dialog*/
.validation-message-container[b-whhiy2ydvd]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.validation-message-item[b-whhiy2ydvd]
{
    padding-left: 5px;
    padding-right: 5px;
}

.validation-dialog-header-container[b-whhiy2ydvd]
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.validation-dialog-header-icon[b-whhiy2ydvd]
{
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.rsv-table-padding[b-whhiy2ydvd]
{
    height: 20px;
}

/* Adjusts position of times in scheduler grid. Time column on left */
[b-whhiy2ydvd] .e-schedule .e-vertical-view .e-time-cells-wrap table td {
    display: flex;
    justify-content: end;
    border-bottom: 1px solid #ddd;
    padding-right: 4px;
}

    [b-whhiy2ydvd] .e-schedule .e-vertical-view .e-time-cells-wrap table td span {
        margin-left: 25px;
    }

@media (max-width: 575px) {
    .planner-dashboard-skeleton[b-whhiy2ydvd] {
        margin: 0px 0px;
    }

    .appointments-skeleton[b-whhiy2ydvd] {
        display: none;
    }

    .activities-skeleton[b-whhiy2ydvd] {
        margin: 30px 0px 30px 30px;
        width: 100%;
        padding-right: 0;
        margin-left: 31px;
    }

    .fade-in-image[b-whhiy2ydvd] {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
        -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein-b-whhiy2ydvd 2s;
    }

    @keyframes fadein-b-whhiy2ydvd {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}

.appt-wrapper.pulse[b-whhiy2ydvd] {
    animation: pulse-ring-b-whhiy2ydvd 1s ease-in-out infinite;
    position: relative;
}

@keyframes pulse-ring-b-whhiy2ydvd {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(0, 128, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 128, 255, 0);
    }
}

.e-schedule .e-appointment[b-whhiy2ydvd] {
    background-color: transparent !important;
    border-color: transparent !important;
}

    .e-schedule .e-appointment .e-resize-handle[b-whhiy2ydvd],
    .e-schedule .e-appointment .e-left-handler[b-whhiy2ydvd],
    .e-schedule .e-appointment .e-right-handler[b-whhiy2ydvd],
    .e-schedule .e-appointment .e-top-handler[b-whhiy2ydvd],
    .e-schedule .e-appointment .e-bottom-handler[b-whhiy2ydvd] {
        background: transparent !important;
        border-color: transparent !important;
    }

    .e-schedule .e-appointment .appt-wrapper[b-whhiy2ydvd] {
        height: 100%;
    }

    .e-schedule .e-appointment:hover[b-whhiy2ydvd] {
        background-color: transparent !important;
    }

/* Completely hides the normal appointment marked by the handler */
[b-whhiy2ydvd] .e-schedule .e-appointment.cf-hide-appointment {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* If for some reason the wrapper is not hidden, hide the content */
[b-whhiy2ydvd] .e-schedule .e-appointment.cf-hide-details .e-appointment-details {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Avoid interaction in any case */
[b-whhiy2ydvd] .e-schedule .e-appointment.cf-no-events {
    pointer-events: none !important;
}

[b-whhiy2ydvd] .e-schedule .e-appointment.cf-fill-slot {
    left: 0 !important;
    inset-inline-start: 0 !important;
    width: 100% !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    [b-whhiy2ydvd] .e-schedule .e-appointment.cf-fill-slot .e-appointment-details {
        width: 100% !important;
    }
/* _content/ClubFusionStaffApp.BlazorServer/Shared/AdminPortalLayout.razor.rz.scp.css */
/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-34aqpoj8pe] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-34aqpoj8pe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-34aqpoj8pe] .main-side-bar {
    z-index: -1 !important;
}

[b-34aqpoj8pe] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-34aqpoj8pe] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-34aqpoj8pe] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-34aqpoj8pe] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-34aqpoj8pe] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-34aqpoj8pe] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-34aqpoj8pe] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-34aqpoj8pe] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-34aqpoj8pe] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-34aqpoj8pe] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-34aqpoj8pe] {
    margin-top: 15px;
}

.main-nav-ul[b-34aqpoj8pe] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-34aqpoj8pe] {
    font-size: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}


    .nav-item[b-34aqpoj8pe]  .nav-link {
        padding: 0px 0px 0px 20px;
        height: 35px;
        display: flex;
    }

    .nav-item[b-34aqpoj8pe]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-34aqpoj8pe]  a.active {
            background-color: #5C7FEC;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-34aqpoj8pe]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-34aqpoj8pe]  a.active:hover {
            background-color: #5C7FEC;
        }

.e-icons[b-34aqpoj8pe] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-34aqpoj8pe] {
    height: 125px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.setting-content-close[b-34aqpoj8pe] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.settings-parent-container[b-34aqpoj8pe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-34aqpoj8pe] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-34aqpoj8pe] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-34aqpoj8pe] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

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

    .top-row[b-34aqpoj8pe]  a, .top-row .btn-link[b-34aqpoj8pe] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

/* reports animation */
.report-content-open[b-34aqpoj8pe] {
    height: 125px;
/*    overflow: hidden;*/
    transition: height 0.1s linear;
}

.report-content-close[b-34aqpoj8pe] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.reports-parent-container[b-34aqpoj8pe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-34aqpoj8pe] {
    background-color: #E4EBFF;
}

.reports-parent-text[b-34aqpoj8pe] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-34aqpoj8pe] .report-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}


/* header styling*/

.main-header[b-34aqpoj8pe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #5C7FEC; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-34aqpoj8pe] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-34aqpoj8pe] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-34aqpoj8pe] {
    border-radius: 100%;
}

.main-header-title-icon[b-34aqpoj8pe] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-34aqpoj8pe] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-34aqpoj8pe] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #5C7FEC;
}

.appointment-title[b-34aqpoj8pe] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-34aqpoj8pe] {
        display: none;
    }

    .top-row.auth[b-34aqpoj8pe] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-34aqpoj8pe] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-34aqpoj8pe] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-34aqpoj8pe] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-34aqpoj8pe] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-34aqpoj8pe] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-34aqpoj8pe] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-34aqpoj8pe] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-34aqpoj8pe] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-34aqpoj8pe] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-34aqpoj8pe] .e-dropdown-btn {
    background-color: #5C7FEC;
    border-color: #5C7FEC;
}
/* _content/ClubFusionStaffApp.BlazorServer/Shared/DiningManagerLayout.razor.rz.scp.css */
/* _content/ClubFusionStaffApp.BlazorServer/Shared/EventManagerLayout.razor.rz.scp.css */
/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-kebn9renxj] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-kebn9renxj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-kebn9renxj] .main-side-bar {
    z-index: -1 !important;
}

[b-kebn9renxj] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-kebn9renxj] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-kebn9renxj] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-kebn9renxj] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-kebn9renxj] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-kebn9renxj] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-kebn9renxj] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-kebn9renxj] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-kebn9renxj] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-kebn9renxj] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-kebn9renxj] {
    margin-top: 15px;
}

.main-nav-ul[b-kebn9renxj] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-kebn9renxj] {
    font-size: 15px;
    margin-bottom: 10px;
}

    .nav-item[b-kebn9renxj]  .nav-link {
        padding-left: 20px;
    }

    .nav-item[b-kebn9renxj]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-kebn9renxj]  a.active {
            background-color: #5C7FEC;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-kebn9renxj]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-kebn9renxj]  a.active:hover {
            background-color: #5C7FEC;
        }

.e-icons[b-kebn9renxj] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-kebn9renxj] {
    height: 250px;
    overflow: hidden;
    transition: height 0.3s linear;
}

.setting-content-close[b-kebn9renxj] {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s linear;
}

.settings-parent-container[b-kebn9renxj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-kebn9renxj] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-kebn9renxj] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-kebn9renxj] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

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

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

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

/* header styling*/

.main-header[b-kebn9renxj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #5C7FEC; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-kebn9renxj] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-kebn9renxj] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-kebn9renxj] {
    border-radius: 100%;
}

.main-header-title-icon[b-kebn9renxj] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-kebn9renxj] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-kebn9renxj] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #5C7FEC;
}

.appointment-title[b-kebn9renxj] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-kebn9renxj] {
        display: none;
    }

    .top-row.auth[b-kebn9renxj] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-kebn9renxj] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-kebn9renxj] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-kebn9renxj] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-kebn9renxj] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-kebn9renxj] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-kebn9renxj] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-kebn9renxj] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-kebn9renxj] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-kebn9renxj] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-kebn9renxj] .e-dropdown-btn {
    background-color: #5C7FEC;
    border-color: #5C7FEC;
}
/* _content/ClubFusionStaffApp.BlazorServer/Shared/FloorplanManagerLayout.razor.rz.scp.css */
/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-rg9vnxbxwm] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-rg9vnxbxwm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-rg9vnxbxwm] .main-side-bar {
    z-index: -1 !important;
    background-color: #f3f2ee;
}

/*----------scrollbar styling for navbar---------------------------------------------------*/
    [b-rg9vnxbxwm] .main-side-bar::-webkit-scrollbar {
        width: 8px;
        padding: 10px;
    }

    [b-rg9vnxbxwm] .main-side-bar::-webkit-scrollbar-track {
        width: 8px;
        opacity: 0;

    }

    [b-rg9vnxbxwm] .main-side-bar::-webkit-scrollbar-thumb:hover {
        width: 8px;
        opacity: 7;
        background: rgba(71, 69, 65, 0.52);
        border-radius: 12px;
    }


[b-rg9vnxbxwm] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-rg9vnxbxwm] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-rg9vnxbxwm] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-rg9vnxbxwm] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-rg9vnxbxwm] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-rg9vnxbxwm] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-rg9vnxbxwm] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-rg9vnxbxwm] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-rg9vnxbxwm] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-rg9vnxbxwm] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-rg9vnxbxwm] {
    margin-top: 15px;
}

.main-nav-ul[b-rg9vnxbxwm] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-rg9vnxbxwm] {
    font-size: 15px;
    margin-bottom: 10px;
}

    .nav-item[b-rg9vnxbxwm]  .nav-link {
        padding: 0px 0px 0px 20px;
        height: 35px;
        display: flex;
    }

    .nav-item[b-rg9vnxbxwm]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-rg9vnxbxwm]  a.active {
            background-color: #5C7FEC;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-rg9vnxbxwm]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-rg9vnxbxwm]  a.active:hover {
            background-color: #5C7FEC;
        }

.menu-item[b-rg9vnxbxwm] {
    width: 165px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.e-icons[b-rg9vnxbxwm] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-rg9vnxbxwm] {
    height: 250px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.setting-content-close[b-rg9vnxbxwm] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.settings-parent-container[b-rg9vnxbxwm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-rg9vnxbxwm] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-rg9vnxbxwm] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-rg9vnxbxwm] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.tab-button-container[b-rg9vnxbxwm] {
    display: flex;
}

.tab[b-rg9vnxbxwm] {
    background-color: transparent;
    border: none;
    color: #939393;
    font-weight: 600;
    width: 100%;
    padding: 5px 0px;
}

    .tab:focus[b-rg9vnxbxwm] {
        background-color: transparent;
        border: none;
        border-bottom: 2px solid #4F4B41;
        color: #4F4B41;
        font-weight: 600;
        width: 100%;
        padding: 5px 0px;
    }

.tab-active[b-rg9vnxbxwm] {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #4F4B41;
    color: #4F4B41;
    font-weight: 600;
    width: 100%;
    padding: 5px 0px;
}

:target[b-rg9vnxbxwm] {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #4F4B41;
    color: #4F4B41;
    font-weight: 600;
    width: 100%;
    padding: 5px 0px;
}

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

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

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

/* header styling*/

.main-header[b-rg9vnxbxwm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #4F4B41; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-rg9vnxbxwm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-rg9vnxbxwm] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-rg9vnxbxwm] {
    border-radius: 100%;
}

.main-header-title-icon[b-rg9vnxbxwm] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-rg9vnxbxwm] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-rg9vnxbxwm] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #5C7FEC;
}

[b-rg9vnxbxwm] .user-name {
    color: white;
}

.appointment-title[b-rg9vnxbxwm] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}

[b-rg9vnxbxwm] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #4f4b41;
    border: none;
}

/*::deep .e-treeview .e-list-item.e-hover .e-fullrow {
    background-color: #00000015;
}*/

[b-rg9vnxbxwm] .e-dropdown-btn.e-btn, .e-dropDown-button[b-rg9vnxbxwm] {
    background-color: transparent;
    border: none;
}

[b-rg9vnxbxwm] .e-dropdown-btn{
    color: black;
}

[b-rg9vnxbxwm] .selector {
    color: white;
}

[b-rg9vnxbxwm] .e-btn .e-btn-icon{
    color: white;
}

[b-rg9vnxbxwm] .e-icons.e-chevron-left, [b-rg9vnxbxwm] .e-icons.e-chevron-right {
    color: black;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-rg9vnxbxwm] {
        display: none;
    }

    .top-row.auth[b-rg9vnxbxwm] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-rg9vnxbxwm] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-rg9vnxbxwm] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-rg9vnxbxwm] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-rg9vnxbxwm] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-rg9vnxbxwm] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-rg9vnxbxwm] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-rg9vnxbxwm] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-rg9vnxbxwm] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-rg9vnxbxwm] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-rg9vnxbxwm] .e-dropdown-btn {
    background-color: #5C7FEC;
    border-color: #5C7FEC;
}
/* _content/ClubFusionStaffApp.BlazorServer/Shared/MainLayout.razor.rz.scp.css */
/* login page */
.login-image-container[b-4sfeitbpjw] {
    margin: 0px auto;
    background-image: url('../images/login-left-cover.png');
    background-repeat: no-repeat;
    background-size: cover;
    flex-grow: 1;
    display: flex;
}
.login-image[b-4sfeitbpjw] {
    display: flex;
    flex-grow: 1;
    display: block;
    object-fit: contain;
}
.login-container[b-4sfeitbpjw] {
    display: flex;
    flex-direction: row;
    height: 100vh;
}
.login-form-container[b-4sfeitbpjw]
{
    flex-grow: 0.5;
}
.e-input-eye[b-4sfeitbpjw]:before {
    content: '\e345';
    font-family: e-icons;
    font-size: 13px;
}

.account-input[b-4sfeitbpjw]
{
    width: 350px;
}


/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-4sfeitbpjw] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-4sfeitbpjw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-4sfeitbpjw] .main-side-bar {
    z-index: -1 !important;
}

[b-4sfeitbpjw] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-4sfeitbpjw] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-4sfeitbpjw] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-4sfeitbpjw] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-4sfeitbpjw] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-4sfeitbpjw] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-4sfeitbpjw] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-4sfeitbpjw] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-4sfeitbpjw] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-4sfeitbpjw] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-4sfeitbpjw] {
    margin-top: 15px;
}

.main-nav-ul[b-4sfeitbpjw] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-4sfeitbpjw] {
    font-size: 15px;
    margin-bottom: 10px;
}

    .nav-item[b-4sfeitbpjw]  .nav-link {
        padding-left: 20px;
    }

    .nav-item[b-4sfeitbpjw]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-4sfeitbpjw]  a.active {
            background-color: #5C7FEC;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-4sfeitbpjw]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-4sfeitbpjw]  a.active:hover {
            background-color: #5C7FEC;
        }

.e-icons[b-4sfeitbpjw] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-4sfeitbpjw] {
    height: 250px;
    overflow: hidden;
    transition: height 0.3s linear;
}

.setting-content-close[b-4sfeitbpjw] {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s linear;
}

.settings-parent-container[b-4sfeitbpjw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-4sfeitbpjw] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-4sfeitbpjw] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-4sfeitbpjw] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

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

    .top-row[b-4sfeitbpjw]  a, .top-row .btn-link[b-4sfeitbpjw] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

/* header styling*/

.main-header[b-4sfeitbpjw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #5C7FEC; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-4sfeitbpjw] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-4sfeitbpjw] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-4sfeitbpjw] {
    border-radius: 100%;
}

.main-header-title-icon[b-4sfeitbpjw] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-4sfeitbpjw] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-4sfeitbpjw] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #5C7FEC;
}

.appointment-title[b-4sfeitbpjw] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-4sfeitbpjw] {
        display: none;
    }

    .top-row.auth[b-4sfeitbpjw] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-4sfeitbpjw] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-4sfeitbpjw] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-4sfeitbpjw] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-4sfeitbpjw] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-4sfeitbpjw] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-4sfeitbpjw] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-4sfeitbpjw] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-4sfeitbpjw] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-4sfeitbpjw] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-4sfeitbpjw] .e-dropdown-btn {
    background-color: #5C7FEC;
    border-color: #5C7FEC;
}
/* _content/ClubFusionStaffApp.BlazorServer/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-zx515mb0t5] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-zx515mb0t5] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

/*.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    text-decoration: none;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        text-decoration: none;
    }

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
    text-decoration: none;
}

.nav-item ::deep a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}*/

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

    .collapse[b-zx515mb0t5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

/* _content/ClubFusionStaffApp.BlazorServer/Shared/RacketSportAppLayout.razor.rz.scp.css */
/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-n4ou5wb4ux] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-n4ou5wb4ux] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-n4ou5wb4ux] .main-side-bar {
    z-index: -1 !important;
}

[b-n4ou5wb4ux] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-n4ou5wb4ux] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-n4ou5wb4ux] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-n4ou5wb4ux] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-n4ou5wb4ux] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-n4ou5wb4ux] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-n4ou5wb4ux] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-n4ou5wb4ux] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-n4ou5wb4ux] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-n4ou5wb4ux] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-n4ou5wb4ux] {
    margin-top: 15px;
}

.main-nav-ul[b-n4ou5wb4ux] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-n4ou5wb4ux] {
    font-size: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}


    .nav-item[b-n4ou5wb4ux]  .nav-link {
        padding: 0px 0px 0px 20px;
        height: 35px;
        display: flex;
    }

    .nav-item[b-n4ou5wb4ux]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-n4ou5wb4ux]  a.active {
            background-color: #364A5A;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-n4ou5wb4ux]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-n4ou5wb4ux]  a.active:hover {
            background-color: #364A5A;
        }

.e-icons[b-n4ou5wb4ux] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-n4ou5wb4ux] {
    height: 125px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.setting-content-close[b-n4ou5wb4ux] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.settings-parent-container[b-n4ou5wb4ux] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-n4ou5wb4ux] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-n4ou5wb4ux] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-n4ou5wb4ux] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

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

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

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

/* reports animation */
.report-content-open[b-n4ou5wb4ux] {
    height: 125px;
    /*    overflow: hidden;*/
    transition: height 0.1s linear;
}

.report-content-close[b-n4ou5wb4ux] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.reports-parent-container[b-n4ou5wb4ux] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-n4ou5wb4ux] {
    background-color: #E4EBFF;
}

.reports-parent-text[b-n4ou5wb4ux] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-n4ou5wb4ux] .report-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}


/* header styling*/

.main-header[b-n4ou5wb4ux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #364A5A; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-n4ou5wb4ux] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-n4ou5wb4ux] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-n4ou5wb4ux] {
    border-radius: 100%;
}

.main-header-title-icon[b-n4ou5wb4ux] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-n4ou5wb4ux] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-n4ou5wb4ux] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #364A5A;
}

.appointment-title[b-n4ou5wb4ux] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-n4ou5wb4ux] {
        display: none;
    }

    .top-row.auth[b-n4ou5wb4ux] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-n4ou5wb4ux] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-n4ou5wb4ux] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-n4ou5wb4ux] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-n4ou5wb4ux] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-n4ou5wb4ux] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-n4ou5wb4ux] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-n4ou5wb4ux] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-n4ou5wb4ux] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-n4ou5wb4ux] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-n4ou5wb4ux] .e-dropdown-btn {
    background-color: #364A5A;
    border-color: #364A5A;
}
/* _content/ClubFusionStaffApp.BlazorServer/Shared/TeeTimeLayout.razor.rz.scp.css */
/* 
    so far making the main layout container z index -2 was the only solution
    for not covering up the main side bar ( unable to click its nav items )
*/
.main-layout-container[b-2pkcjz2fp9] {
    z-index: -2;
    position: absolute;
}

/*.main-layout-container {
    width: 100%;
    height: 100%;
}*/

.main-header-right-item-container[b-2pkcjz2fp9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}

/* the main side bar need to be -1 or it will cover the toggle button */
[b-2pkcjz2fp9] .main-side-bar {
    z-index: -1 !important;
}

[b-2pkcjz2fp9] .navCollapse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 7px 7px;
    box-shadow: 0px 1px 3px 0px rgba(109, 109, 109, 0.25);
    background-color: white;
    color: #87A1A3;
    border: .2px solid #B8CBCC;
}

    [b-2pkcjz2fp9] .navCollapse:hover {
        background-color: #E4EBFF;
        transition: background-color 0.3s ease;
    }

[b-2pkcjz2fp9] .e-chevron-left:hover {
    color: white;
    transition: border .3s ease;
}


[b-2pkcjz2fp9] .navCollapse:focus {
    box-shadow: none;
}

.side-bar-opener[b-2pkcjz2fp9] {
    width: 35px;
    position: sticky;
    height: 0;
    z-index: 1001;
    margin-left: -15px;
    top: 63px;
}

.main-side-bar-divider[b-2pkcjz2fp9] {
    content: '';
    display: block;
    margin: auto;
    width: 80%;
    background: linear-gradient(90deg, rgba(184, 203, 204, 0) -2.34%, #B8CBCC 56.89%, rgba(184, 203, 204, 0) 107%);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-side-bar-user-info-container[b-2pkcjz2fp9] {
    margin-top: 75px;
    text-align: center;
    margin-bottom: 15px;
}

    .main-side-bar-user-info-container .name[b-2pkcjz2fp9] {
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .main-side-bar-user-info-container .title[b-2pkcjz2fp9] {
        color: #808080;
        margin-bottom: 30px;
    }

    .main-side-bar-user-info-container img[b-2pkcjz2fp9] {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

.main-nav-item-container[b-2pkcjz2fp9] {
    margin-top: 15px;
}

.main-nav-ul[b-2pkcjz2fp9] {
    width: 80%;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.nav-item[b-2pkcjz2fp9] {
    font-size: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}


    .nav-item[b-2pkcjz2fp9]  .nav-link {
        padding: 0px 0px 0px 20px;
        height: 35px;
        display: flex;
    }

    .nav-item[b-2pkcjz2fp9]  a {
        color: #5B5B5B;
        border-radius: 4px;
        align-items: center;
        font-weight: 500;
    }

        .nav-item[b-2pkcjz2fp9]  a.active {
            background-color: #5C7FEC;
            color: white;
            font-weight: 500;
            font-family: inherit;
            text-decoration: none;
        }

        .nav-item[b-2pkcjz2fp9]  a:hover {
            background-color: #E4EBFF;
        }

        .nav-item[b-2pkcjz2fp9]  a.active:hover {
            background-color: #5C7FEC;
        }

.e-icons[b-2pkcjz2fp9] {
    padding-right: 10px;
}

/* settings animation */
.setting-content-open[b-2pkcjz2fp9] {
    height: 125px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.setting-content-close[b-2pkcjz2fp9] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.settings-parent-container[b-2pkcjz2fp9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-2pkcjz2fp9] {
    background-color: #E4EBFF;
}

.settings-parent-text[b-2pkcjz2fp9] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-2pkcjz2fp9] .setting-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}

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

    .top-row[b-2pkcjz2fp9]  a, .top-row .btn-link[b-2pkcjz2fp9] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

/* reports animation */
.report-content-open[b-2pkcjz2fp9] {
    height: 125px;
    /*    overflow: hidden;*/
    transition: height 0.1s linear;
}

.report-content-close[b-2pkcjz2fp9] {
    height: 0px;
    overflow: hidden;
    transition: height 0.1s linear;
}

.reports-parent-container[b-2pkcjz2fp9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-item .div :hover[b-2pkcjz2fp9] {
    background-color: #E4EBFF;
}

.reports-parent-text[b-2pkcjz2fp9] {
    padding-left: 13px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #5B5B5B;
}

.nav-item[b-2pkcjz2fp9] .report-item {
    margin-left: 27px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
}


/* header styling*/

.main-header[b-2pkcjz2fp9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #5C7FEC; /* main color */
    height: 57px;
    position: relative;
    width: 100%;
    /*set z index to 1001 to be above side bars*/
    z-index: 1001;
}

    .main-header .main-header-title-container[b-2pkcjz2fp9] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10px;
    }

.main-header-user-info-container[b-2pkcjz2fp9] {
    padding-right: 10px;
    padding-left: 10px;
}

.user-info-picture[b-2pkcjz2fp9] {
    border-radius: 100%;
}

.main-header-title-icon[b-2pkcjz2fp9] {
    padding-left: 5px;
    padding-right: 5px;
}

.main-header-title-text[b-2pkcjz2fp9] {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

[b-2pkcjz2fp9] .e-appbar e-control e-lib e-light main-header e-content-animation {
    background-color: #5C7FEC;
}

.appointment-title[b-2pkcjz2fp9] {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-left: 10px;
}


@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2pkcjz2fp9] {
        display: none;
    }

    .top-row.auth[b-2pkcjz2fp9] {
        justify-content: space-between;
    }

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

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

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

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

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

.header[b-2pkcjz2fp9] {
    display: flex;
    flex-direction: 'row';
    align-items: 'stretch';
}

.user-info-text-container[b-2pkcjz2fp9] {
    display: flex;
    height: 75px;
    justify-content: center;
}

/*after the side bar callapse*/
.e-sidebar.e-dock.e-close span.e-text[b-2pkcjz2fp9] {
    display: none;
}

.e-sidebar.e-dock.e-close .user-info-text-inner[b-2pkcjz2fp9] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-text[b-2pkcjz2fp9] {
    display: none;
}

.e-sidebar.e-dock.e-close .settings-parent-toggle-icon[b-2pkcjz2fp9] {
    display: none;
}

/* when close the main dock it scales to 0.7 with the duration*/
.e-sidebar.e-dock.e-close .user-info-picture-container[b-2pkcjz2fp9] {
    transform: scale(0.55);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-open .user-info-picture-container[b-2pkcjz2fp9] {
    transform: scale(1);
    transition-duration: 500ms;
}

.e-sidebar.e-dock.e-close .user-info-picture[b-2pkcjz2fp9] {
    /*transform: scale(0.7);*/
}

/* dropdown button style*/
[b-2pkcjz2fp9] .e-dropdown-btn {
    background-color: #5C7FEC;
    border-color: #5C7FEC;
}

.send-alert-btn[b-2pkcjz2fp9] {
    background: #6D8EF4;
    border: 1px solid #7E9DFF;
    color: #fff;
    border-radius: 8px;
    padding: 6px 14px;
    transition: filter .15s ease;
}

    .send-alert-btn:hover[b-2pkcjz2fp9] {
        filter: brightness(0.95);
        text-decoration: none;
    }