@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.bundle.scp.css';
@import '_content/PGMS.BlazorComponents/PGMS.BlazorComponents.bundle.scp.css';
@import '_content/Zaddons.BlazorComponents/Zaddons.BlazorComponents.5fe4fmoxy2.bundle.scp.css';

/* _content/ShiftBidding.BlazorApp/Components/Actions/ActionStepComponent.razor.rz.scp.css */
.action-step-component--footer[b-ionzpvrhrm] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.action-step-component-toTheRight-footer[b-ionzpvrhrm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Actions/ActionStepViewReadOnlyComponent.razor.rz.scp.css */
.action-step-component--footer[b-sc1ii2a27o] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9f287o8fgi] {
    position: relative;
    display: flex;
        flex-direction: column;
    }

    main[b-9f287o8fgi] {
        flex: 1;
    }

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

    .top-row[b-9f287o8fgi] {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        height: 3.5rem;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 5px 30px 5px 10px;
        z-index: 5;
    }

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

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

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

    .top-row-icon[b-9f287o8fgi] {
        margin-top: 8px;
        font-size: 20px;
        font-weight: lighter;
    }

    .top-row-title[b-9f287o8fgi] {
        padding-top: 10px;
        display: flex;
        flex-direction: column;
    }

    .top-row-title-subapp[b-9f287o8fgi] {
        font-size: 0.8em;
        font-weight: 500;
        margin-top: -3px;
        color: #696F8C;
        padding-bottom: 10px;
    }

    .top-row-title-app[b-9f287o8fgi] {
        font-size: 1.2em;
        color: black;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
    }

    .top-row-user[b-9f287o8fgi] {
        height: 40px;
        width: 40px;
        padding: 8px;
        border-radius: 50%;
        background: #edeff5;
        color: #696f8c;
    }


    .top-row-left[b-9f287o8fgi] {
        display: flex;
    flex-direction: row;
    gap: 10px;
}
@media (max-width: 640.98px) {
    .top-row[b-9f287o8fgi] {
        justify-content: space-between;
    }

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

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

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

    .top-row[b-9f287o8fgi] {
        position: sticky;
        top: 0;
        z-index: 100;
    }

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

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

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

#blazor-error-ui .dismiss[b-9f287o8fgi] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/ShiftBidding.BlazorApp/Components/Layout/SecureEmptyLayout.razor.rz.scp.css */
.page[b-zsdddanefq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-zsdddanefq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ShiftBidding.BlazorApp/Components/Layout/SideMenus/AdminSideMenu.razor.rz.scp.css */
.top-row[b-0unxb8xkal] {
    height: 3.5rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    z-index: 5;
}

.top-row-icon[b-0unxb8xkal] {
    margin-top: 10px;
}

.top-row-icon--side[b-0unxb8xkal] {
    margin-top: 0px;
}

.top-row-title[b-0unxb8xkal] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.top-row-title--side[b-0unxb8xkal] {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
}

.top-row-title-subapp[b-0unxb8xkal] {
    font-size: 1em;
    font-weight: 500;
    margin-top: -3px;
    color: #696F8C;
}

.top-row-title-app[b-0unxb8xkal] {
    font-size: 1.3em;
    margin-top: -2px;
    color: black;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
}

.top-row-user[b-0unxb8xkal] {
    height: 40px;
    width: 40px;
    padding: 8px;
    border-radius: 50%;
    background: #edeff5;
    color: #696f8c;
}


.top-row-left[b-0unxb8xkal] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.sp-btn[b-0unxb8xkal] {
    font-weight: 500;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    color: var(--N700);
}
.sp-btn:hover[b-0unxb8xkal]{
    color: var(--N800);
}

.sp-btn > *[b-0unxb8xkal] {
    white-space: nowrap;
    overflow: hidden;
}

.nav-btns[b-0unxb8xkal] {
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: left;
    align-items: flex-start;
}

[b-0unxb8xkal] .highlight-btn {
    width: 100%;
    background-color: var(--B100);
    border-radius: 4px;
}

[b-0unxb8xkal] .highlight-btn .sp-btn {
    color: var(--B500);
}
/* _content/ShiftBidding.BlazorApp/Components/Layout/SideMenus/ManagerSideMenu.razor.rz.scp.css */
.top-row[b-lnzvou179x] {
    height: 3.5rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    z-index: 5;
}

.top-row-icon[b-lnzvou179x] {
    margin-top: 10px;
}

.top-row-icon--side[b-lnzvou179x] {
    margin-top: 0px;
}

.top-row-title[b-lnzvou179x] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.top-row-title--side[b-lnzvou179x] {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
}

.top-row-title-subapp[b-lnzvou179x] {
    font-size: 1em;
    font-weight: 500;
    margin-top: -3px;
    color: #696F8C;
}

.top-row-title-app[b-lnzvou179x] {
    font-size: 1.3em;
    margin-top: -2px;
    color: black;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
}

.top-row-user[b-lnzvou179x] {
    height: 40px;
    width: 40px;
    padding: 8px;
    border-radius: 50%;
    background: #edeff5;
    color: #696f8c;
}


.top-row-left[b-lnzvou179x] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.sp-btn[b-lnzvou179x] {
    font-weight: 500;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    color: var(--N700);
}

.sp-btn > *[b-lnzvou179x] {
    white-space: nowrap;
    overflow: hidden;
}

.nav-btns[b-lnzvou179x] {
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: left;
    align-items: flex-start;
}

[b-lnzvou179x] .highlight-btn {
    width: 100%;
    background-color: var(--B100);
    border-radius: 4px;
}

[b-lnzvou179x] .highlight-btn .sp-btn {
    color: var(--B500);
}
/* _content/ShiftBidding.BlazorApp/Components/NumberedList/NumberedList.razor.rz.scp.css */
.nl-container[b-tlialg59hf] {
    display: block;
}
.nl-arrows-container[b-tlialg59hf] {
    display: inline-block;
}

.nl-wrapper[b-tlialg59hf] {
   display: flex;
   align-content: flex-start;
   align-items: center;
   gap: 10px
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/AdminGlobalSetupPage.razor.rz.scp.css */
[b-4rzr1oqz0q] .outline-comment {
    font-size: 1em;
    color: var(--N600);
    margin-bottom: 10px;
}

.globalsetup-container[b-4rzr1oqz0q] {
    padding: 10px;
}

.action-buttons-container[b-4rzr1oqz0q] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.numeric-edit-container[b-4rzr1oqz0q] {
    max-width: 200px;
    padding-left: 5px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/BidSetup/ActionForms/ChangeBidSetup.razor.rz.scp.css */
[b-0ds9k9ta8h] .accordion {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.transfer-list--label[b-0ds9k9ta8h] {
    color: var(--N700);
}

.max-days-box[b-0ds9k9ta8h] {
    display: flex;
    gap: 10px;
    margin-left: 60px;
}


.notification-select-box[b-0ds9k9ta8h] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

    .notification-select-box[b-0ds9k9ta8h] >  :first-child {
        width: 20%;
    }


    .notification-select-box[b-0ds9k9ta8h] >  :nth-child(2) {
        width: 60%;
    }

.notification-list[b-0ds9k9ta8h] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notification-information-box[b-0ds9k9ta8h] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

    .notification-information-box[b-0ds9k9ta8h] >  .notification-select {
        width: 330px;
    }
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/BidSetup/ActionForms/CreateBidSetup.razor.rz.scp.css */
[b-ygus3yp11i] .accordion {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.transfer-list--label[b-ygus3yp11i]{
    color: var(--N700);
}

.max-days-box[b-ygus3yp11i]{
    display: flex;
    gap: 10px;
    margin-left: 60px;
}

  

.notification-select-box[b-ygus3yp11i]{
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

.notification-select-box[b-ygus3yp11i] >  :first-child{
    width: 20%;
}


    .notification-select-box[b-ygus3yp11i] >  :nth-child(2) {
        width: 60%;
    }

.notification-list[b-ygus3yp11i]{
    display:flex;
    flex-direction: column;
    gap:10px;
}

.notification-information-box[b-ygus3yp11i] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

.notification-information-box[b-ygus3yp11i] >  .notification-select {
    width: 330px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/BidSetup/ActionForms/DuplicateBidSetup.razor.rz.scp.css */
[b-ruxwuto9lx] .accordion {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.transfer-list--label[b-ruxwuto9lx] {
    color: var(--N700);
}

.max-days-box[b-ruxwuto9lx] {
    display: flex;
    gap: 10px;
    margin-left: 60px;
}


.notification-select-box[b-ruxwuto9lx] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

    .notification-select-box[b-ruxwuto9lx] >  :first-child {
        width: 20%;
    }


    .notification-select-box[b-ruxwuto9lx] >  :nth-child(2) {
        width: 60%;
    }

.notification-list[b-ruxwuto9lx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notification-information-box[b-ruxwuto9lx] {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

    .notification-information-box[b-ruxwuto9lx] >  .notification-select {
        width: 330px;
    }
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/BidSetup/Views/AvailableCustomTagsComponent.razor.rz.scp.css */
.actc-header[b-ll5r8cuqqt] {
    min-width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}

.actc-action-button[b-ll5r8cuqqt] {
    display: flex;
    gap: 10px;
    width: fit-content;
    padding: 6px 12px;
    border: 1px solid var(--N400);
    border-radius: 0.25rem;
    cursor: pointer;
}

.actc-action-button:hover[b-ll5r8cuqqt] {
    background-color: lightgrey;
}

.actc-action-button-display-span[b-ll5r8cuqqt] {
    padding-right: 10px;
}

.actc-action-button-display-text[b-ll5r8cuqqt] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.actc-action-button[b-ll5r8cuqqt]  .DynamicIconSize--Small {
    font-size: 22px !important;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/AwardingRule/ChangeAwardingRuleComponent.razor.rz.scp.css */
.field-row[b-8ombpy3xr0] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.order-num[b-8ombpy3xr0] {
    font-size: 1.1em;
}

[b-8ombpy3xr0] .field-select {
    width: 100%;
}

[b-8ombpy3xr0] .order-select {
    width: 310px;
}

[b-8ombpy3xr0] .datatype-select {
    width: 310px;
}

[b-8ombpy3xr0] .action-btn {
    width: 100%;
    justify-content: center;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/AwardingRule/CreateAwardingRuleComponent.razor.rz.scp.css */
.field-row[b-s52ef7604d] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.order-num[b-s52ef7604d] {
    font-size: 1.1em;
}

[b-s52ef7604d] .field-select {
    width: 100%;
}

[b-s52ef7604d] .order-select {
    width: 310px;
}

[b-s52ef7604d] .datatype-select {
    width: 310px;
}

[b-s52ef7604d] .action-btn {
    width: 100%;
    justify-content: center;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/BreakRule/ChangeBreakRuleComponent.razor.rz.scp.css */
.field-row[b-jchsforft3] {
    display: flex;
    gap: 10px;
    align-items: center;
}

[b-jchsforft3] .field-select {
    width: 100%;
}

[b-jchsforft3] .action-btn {
    width: 100%;
    justify-content: center;
}

.timepicker-label[b-jchsforft3] {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-jchsforft3] .time-picker {
    width: 90px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/BreakRule/CreateBreakRuleComponent.razor.rz.scp.css */
.field-row[b-4j5e4vrb8f] {
    display: flex;
    gap: 10px;
    align-items: center;
}
[b-4j5e4vrb8f] .field-select {
    width: 100%;
}
[b-4j5e4vrb8f] .action-btn {
    width: 100%;
    justify-content: center;
}
.timepicker-label[b-4j5e4vrb8f] {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-4j5e4vrb8f] .time-picker {
    width: 90px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/ValidationRuleSet/EmployeeValidationRule/EmployeeEligibilityBasedOnHoursComponent.razor.rz.scp.css */
.validation-dataset-box[b-f8fm6qh9zq] {
    display: flex;
    width: 100%;
    gap: 10px;
}


    .validation-dataset-box[b-f8fm6qh9zq] >  div:not(:last-child) {
        flex: 2;
    }

    .validation-dataset-box[b-f8fm6qh9zq] >  div:last-child {
        width: 130px;
    }


.hours-during-box[b-f8fm6qh9zq] {
    display: flex;
    gap: 20px;
    align-items: center;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/ValidationRuleSet/EmployeeValidationRule/EmployeeOnProbationComponent.razor.rz.scp.css */
.validation-dataset-box[b-0gpfkhjgmx] {
    display: flex;
    width: 100%;
    gap: 10px;
}


    .validation-dataset-box[b-0gpfkhjgmx] >  div:not(:last-child) {
        flex: 2;
    }

    .validation-dataset-box[b-0gpfkhjgmx] >  div:last-child {
        width: 130px;
    }

.validation-time-select-box[b-0gpfkhjgmx] {
    display: flex;
}

.validation-time-select-box[b-0gpfkhjgmx] {
    display: flex;
    gap: 20px;
}

    .validation-time-select-box[b-0gpfkhjgmx] >  div:first-child {
        width: 70%;
    }
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/ValidationRuleSet/ScheduleValidationRule/MaximumHoursPerRollingPeriodComponent.razor.rz.scp.css */
[b-u18yr5bi29] .label_overlap_minutes {
    align-self: center;
}
[b-u18yr5bi29] .button-style {
    display: flex;
    column-gap: 30px;
    justify-content: right;
}
.rm-rolling-period-rule-btn[b-u18yr5bi29]{
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/ValidationRuleSet/ShiftValidationRule/ValidatePaycodeOverlapComponent.razor.rz.scp.css */
.transfer-list--label[b-m8ujz0hiw2] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/Components/ValidationRuleSet/ShiftValidationRule/ValidateShiftOverlapComponent.razor.rz.scp.css */
[b-pux9k56th2] .label_overlap_minutes {
    align-self:center;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/AdminSections/RuleSets/RuleSetsTab.razor.rz.scp.css */
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/ActionForms/DeclineBid.razor.rz.scp.css */
.plan-bid-wrapper[b-tb1tx0eoxq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-tb1tx0eoxq] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-tb1tx0eoxq] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/ActionForms/SubmitSelectionsList.razor.rz.scp.css */
.plan-bid-wrapper[b-0nfic6oqie] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-0nfic6oqie] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-0nfic6oqie] {
    color: var(--N700);
}

[b-0nfic6oqie] .circle-wrapper{
    padding: 35px;
}
.bids[b-0nfic6oqie] {
    max-height: 300px;
    overflow: scroll;
}

@media (min-width: 768px) {
    [b-0nfic6oqie] .large-loading-spinner{
        display: none;
    }
    .bids[b-0nfic6oqie] {
        max-height: unset;
        overflow: unset;
    }

}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeeBidCard.razor.rz.scp.css */

.ebc-alert-border[b-9kn1kk36hs] {
    border: 3px solid var(--R500);
    border-radius: 8px;
}

.ebc-alert-background[b-9kn1kk36hs] {
    background-color: var(--R500);
    color: var(--N0);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeeBidHistory.razor.rz.scp.css */
[b-2qs0fk9kpv] .vstep-icon {
    top:10%;
}

.publish-infos-container[b-2qs0fk9kpv] {
    flex-wrap: wrap;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeeHeaderSubView.razor.rz.scp.css */
.root[b-256bue7c0n] {
    padding: 1rem;
}
.back-button[b-256bue7c0n] {
    display: none;
}
.buttons-container[b-256bue7c0n] {
    display: none;
}

.mobile-buttons-container[b-256bue7c0n] {
    display: flex;
}

[b-256bue7c0n] .action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-256bue7c0n] .offcanvas-container {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: auto;
    width: auto;
    padding: 15px
}

[b-256bue7c0n] .offcanvas-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px;
}

[b-256bue7c0n] .button-group {
    display: flex;
    justify-content: space-between;
}

[b-256bue7c0n] .text-red{
    color: red;
}

[b-256bue7c0n] .modal-content {
    width: 98vw;
    left: 1vw;
    right: 1vw;
    bottom: 0;
    position: fixed;
    border-radius: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border: 1px solid var(--N300);
    background: white;
}

[b-256bue7c0n] .zmodal-action-btn {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    height: 44px;
}

[b-256bue7c0n] .zmodal-action-btn--ok {
    order: 2;
}
[b-256bue7c0n] .decline-action-btn {
    order: 2;
    background-color: var(--R400) !important;
    border: 1px solid var(--R400);
}

[b-256bue7c0n] .zmodal-footer-action-btns {
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

[b-256bue7c0n] .modal-footer {
    display: flex;
    justify-content: center;
}

[b-256bue7c0n] .zmodal-footer {
    width: 100%;
    align-items: flex-start;
    justify-content: space-evenly;
}


@media (min-width: 768px) {
    .root[b-256bue7c0n] {
    }

    .back-button[b-256bue7c0n] {
        display: flex;
    }

    .buttons-container[b-256bue7c0n] {
        display: flex;
    }

    .mobile-buttons-container[b-256bue7c0n]{
        display:none;
    }

    [b-256bue7c0n] .report-button {
        background-color: var(--N0);
        border: 1px solid var(--N500);
        border-radius: 5px;
        color: var(--N700);
        bottom: 3px;
    }

    [b-256bue7c0n] .caret-off::before {
        display: none;
    }

    [b-256bue7c0n] .caret-off::after {
        display: none;
    }

    [b-256bue7c0n] .modal-content {
        position: relative;
        border-radius: 0.3rem;
    }

    [b-256bue7c0n] .zmodal-footer {
        width: 100%;
        align-items: center;
        justify-content: center;
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeePostSummaryComponent.razor.rz.scp.css */
.section[b-q9u6zqdi4u] {
    padding: 1rem;
}
.container-page[b-q9u6zqdi4u]{
    display: flex;
    flex-direction: column;
}
.selections-table-container[b-q9u6zqdi4u] {
    display: block;
    width: 100%;
}

.history-container[b-q9u6zqdi4u] {
    width: 100%;
}
[b-q9u6zqdi4u] .back-button {
    display: flex;
}
[b-q9u6zqdi4u] .zaddons-datagrid {
    margin: 0;
}
[b-q9u6zqdi4u] .gs--left {
    padding: 2px 10px;
}
[b-q9u6zqdi4u] .back-button{
    display: none;
}

@media (min-width: 576px) {
    .section[b-q9u6zqdi4u] {
        padding: 1.5rem;
    }

    .selections-table-container[b-q9u6zqdi4u]{
        width: 75%;
    }

    .container-page[b-q9u6zqdi4u] {
        display: flex;
        flex-direction: row;
    }
}
@media (min-width: 769px) {
    .selections-table-container[b-q9u6zqdi4u] {
        display: block;
    }

    .history-container[b-q9u6zqdi4u] {
        width: 25%;
    }

    [b-q9u6zqdi4u] .back-button {
        display: flex;
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeeShiftDetailsModal.razor.rz.scp.css */
[b-flt1lyvc96] .modal.show {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid var(--N200);
    background: var(--N0);
    box-shadow: 0px 4px 8px 0px rgba(16, 24, 64, 0.08);
}

[b-flt1lyvc96] .modal {
    height: 80%;
    bottom: 0;
    top: auto;
}

[b-flt1lyvc96] .modal-bottom .modal-dialog {
    max-width: 100%;
    width: 100%;
    height: 75vh;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

[b-flt1lyvc96] .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-flt1lyvc96] .modal-header-custom {
    background-color: var(--N0);
    padding: 1rem 1.5rem;
}

[b-flt1lyvc96] .modal-header-custom .btn-close {
    background-color: transparent;
    border: none;
    color: #000;
}

[b-flt1lyvc96] .btn-preference {
    width: 100%;
    background-color: #007bff;
    color: #fff;
    padding: 0.75rem;
    font-size: 1rem;
    text-align: center;
    border: none;
}

[b-flt1lyvc96] .modal-footer {
    background-color: var(--N0);
}

[b-flt1lyvc96] .btn-add-preference {
    display: flex;
    height: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid var(--B400);
    background-color: var(--B400);
    color: var(--N0);
    text-align: center;
}

[b-flt1lyvc96] .number-add{
    color: var(--B400);
}

[b-flt1lyvc96] .btn-remove-preference {
    display: flex;
    height: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid var(--N400);
    color: var(--N800);
    text-align: center;
}

[b-flt1lyvc96] .number-add {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 4px 9px 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 2px solid var(--B400);
    background-color: var(--B50);
    color: var(--B400);
    text-align: center;
    /* Text/MD - Medium */
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
}
[b-flt1lyvc96] .number-remove {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 4px 9px 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--B400);
    background: var(--B400);
    color: var(--N0);
    text-align: center;
     Text/MD - Medium 
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;  114.286% 
}

[b-flt1lyvc96] ol {
    list-style-type: decimal;
}

.open-shift-badge[b-flt1lyvc96] {
    display: flex;
    width: fit-content;
    padding: 0px 6px 0px 6px;
    align-items: center;
    background-color: var(--R100);
    color: var(--R500);
    border-radius: 6px;
}

i.transfert-icon[b-flt1lyvc96] {
    font-size: 15px;
    color: var(--N800);
    padding-left: 5px;
}

.segments-title[b-flt1lyvc96]{
    color: var(--N800);
}

.hours-during-box[b-flt1lyvc96]{
    color: var(--N800);
}

.hours-during-box .transfert-icon[b-flt1lyvc96] {
    font-size: 13px;
    padding-left: 5px;
}

.workrule-badge[b-flt1lyvc96] {
    background-color: var(--N400);
    color: var(--N800);
    font-size: 10px;
    display: flex;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 2px;
    margin: 1px;
}

.break-badge[b-flt1lyvc96]{
    margin-left: 5px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/EmployeeShiftSelectionComponent.razor.rz.scp.css */
/*Mobile-First Responsive Design*/
.topbar[b-n1u1tl7kx9] {
    display: flex;
    justify-content: space-around;
    padding: 1rem 0;
}

.topbar-left[b-n1u1tl7kx9] {
    display: flex;
}

[b-n1u1tl7kx9] .auto-order-button {
    display: none;
}

.debug-button[b-n1u1tl7kx9] {
    display: none;
}

[b-n1u1tl7kx9] .rz-selectbutton .rz-button.rz-button-md:first-child {
    border-radius: 8px 0 0 8px;
}

[b-n1u1tl7kx9] .rz-selectbutton .rz-button.rz-button-md:last-child {
    border-radius: 0 8px 8px 0;
}

[b-n1u1tl7kx9] .table-action-container {
    margin: 0 1rem;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

[b-n1u1tl7kx9] .filter-btn .material-icons {
    color: var(--N700);
}

[b-n1u1tl7kx9] .search-field {
    display: flex;
    align-items: center;
    flex-grow: 0;
    margin-right: 0px;
}

[b-n1u1tl7kx9] .search-box-small {
    order: 1;
    width: 35px;
}

[b-n1u1tl7kx9] .search-icon {
    cursor: pointer;
    font-size: 24px;
    z-index: 2;
    background-color: var(--N0);
    border: 1px solid var(--N500);
    border-radius: 4px;
    padding: 6px 16px;
    color: var(--N800);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}

[b-n1u1tl7kx9] .search-text {
    padding-right: 5px;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
    width: 0;
}

[b-n1u1tl7kx9] .search-field.active {
    flex-grow: 1; 
}

[b-n1u1tl7kx9] .search-field.active .search-text {
    width: 100%;
    max-width: calc(100%);
    opacity: 1;
    padding-left: 30px;
}

[b-n1u1tl7kx9] .search-field.active .search-icon {
    border: none;
    background-color: transparent;
    color: var(--N800);
}

[b-n1u1tl7kx9] .filter-btn {
    background-color: var(--N0);
    border: 1px solid var(--N500);
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--N800);
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    text-align: center;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    order: 2;
    transition: width 0.3s ease;
}

.filter-btn.pointer-events-none[b-n1u1tl7kx9] {
    background-color: var(--N600);
}

[b-n1u1tl7kx9] .zaddons-datagrid {
    margin: 0;
    margin-top: 1rem;
}

[b-n1u1tl7kx9] .gs--left {
    padding: 2px 10px;
}

[b-n1u1tl7kx9] .checkbox-cell {
    text-align: -webkit-right;
}

/*Row actions column*/
[b-n1u1tl7kx9] .table > thead > tr > th:last-child {
    width: 0;
}

[b-n1u1tl7kx9] .table > tbody > * > td:last-child {
    width: 0;
}
.sbb--btn-container[b-n1u1tl7kx9]{
    width: 50%;
}
[b-n1u1tl7kx9] .sbb--button {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 5px;
    width: -webkit-fill-available;
    justify-content: center;
    height: 40px;
}

/* Media query for larger screens */
@media (min-width: 768px) {
    .topbar[b-n1u1tl7kx9] {
        justify-content: space-between;
        padding: 0;
    }

    [b-n1u1tl7kx9] .auto-order-button {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-left: 5px;
    }

    .debug-button[b-n1u1tl7kx9] {
        display: flex;
    }

    [b-n1u1tl7kx9] .table-action-container {
        margin: 30px 30px 20px 30px;
        display: flex;
        justify-content: flex-start;
    }

    [b-n1u1tl7kx9] .search-box-small {
        order: 2;
        width: initial;
        transition: none;
    }

    [b-n1u1tl7kx9] .filter-btn {
        background-color: var(--N0);
        border: 1px solid var(--N500);
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        color: var(--N800);
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 5px;
        height: 40px;
        text-align: center;
        padding: 6px 16px;
        border-radius: 4px;
        cursor: pointer;
        order: 1;
    }

    .filter-btn.pointer-events-none[b-n1u1tl7kx9] {
        background-color: var(--N600);
    }

    [b-n1u1tl7kx9] .filter-btn:hover {
        background-color: var(--N0);
        border: 1px solid var(--N600);
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        color: var(--N800);
    }

    [b-n1u1tl7kx9] .filter-btn .material-icons {
        color: var(--N700);
    }

    [b-n1u1tl7kx9] .b-tooltip-inline {
        margin-right: 15px;
    }

    [b-n1u1tl7kx9] .zaddons-datagrid {
        margin: 30px;
    }

    [b-n1u1tl7kx9] .search-field {
        position: static;
        flex-grow: 0;
    }

    [b-n1u1tl7kx9] .search-text {
        width: initial;
        opacity: 1;
        transition: none;
    }

    [b-n1u1tl7kx9] .search-icon {
        cursor: default;
        border: none;
        background-color: transparent;
        color: var(--N800);
    }

    [b-n1u1tl7kx9] .search-field.active .search-text {
        width: initial;
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/OrderModal.razor.rz.scp.css */
[b-4o6d55wo8m] .modal-content {
    border-color: #EDEFF5;
    border: 1px;
    border-radius: 8px;
    width: 96vw;
}

[b-4o6d55wo8m] .modal-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem 1.5rem 0rem 1.5rem;
    border-bottom: none;
}

[b-4o6d55wo8m] .modal-title {
    font-size: 1.25rem;
    font-weight: bold;
}

[b-4o6d55wo8m] .modal-body {
    padding: 1.5rem;
}

[b-4o6d55wo8m] .modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: none;
}

[b-4o6d55wo8m] .orderModal-action-btn--ok {
    background-color: #3366FF;
    border-radius: 6px;
    color: white;
    border: none;
    margin-left: 0.5rem;
}

[b-4o6d55wo8m] .orderModal-action-btn--cancel {
    background-color: #f8f9fa;
    color: black;
    border: 1px solid #dee2e6;
}

[b-4o6d55wo8m] .card {
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}

[b-4o6d55wo8m] .card-body {
    padding: 1rem;
}

[b-4o6d55wo8m] .card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[b-4o6d55wo8m] .card-text .radio {
    display: flex;
    align-items: center;
}

[b-4o6d55wo8m] .card-text .radio .blazorise-text {
    margin-left: 0.5rem;
}



@media (min-width: 425px) {
    [b-4o6d55wo8m] .modal-content {
        width: 100%
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/StickyBottomActionBar.razor.rz.scp.css */
.sbb-root[b-h0r8ztso7o] {
    width: 98%;
    left: 1%;
    right: 1%;
    bottom: 0;
    position: absolute;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border: 1px solid var(--N300);
    padding: 25px 25px 10px 25px;
    background: white;
}

.sbb-top-container[b-h0r8ztso7o] {
    gap: 5px;
    justify-content: center;
}

.bottom-text[b-h0r8ztso7o]{
    font-size: 12px;
    line-height: 14px;
    color: var(--N700);
    margin-top: 5px;
}
@media (min-width: 768px) {
    .sbb-root[b-h0r8ztso7o] {
        display: none;
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/Components/WarningModal.razor.rz.scp.css */
[b-sczw5skzx5] .btn-exit {
    background-color: var(--R400);
    border: none;
}

[b-sczw5skzx5] .btn-close-modal {
    background: var(--N600);
    border: none;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/EmployeeSections/EmployeeDashboardPage.razor.rz.scp.css */
/* Default Mobile */
.edp-container[b-qkq43edmod] {
    flex-direction: column;
    padding: 0px 30px 0px 35px;
    gap: 20px;
}

.flex-container[b-qkq43edmod] {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.arrow[b-qkq43edmod] {
    visibility: visible;
    margin-left: auto;
    color: var(--N700);
    font-size: 16px;
}

.w-1\/3[b-qkq43edmod] {
    width: auto;
}

.hidden[b-qkq43edmod] {
    display: none;
}

.cards[b-qkq43edmod] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.card[b-qkq43edmod] {
    width: 100%;
    height: fit-content;
}

[b-qkq43edmod] span.badge-counter {
    background-color: var(--N400);
    border-radius: 12px;
    padding: 1px 6px;
    color: var(--N800);
    font-family: "SF Pro Display";
}

@media (max-width: 768px) and (min-width: 576px) {
    .w-1\/3[b-qkq43edmod] {
        width: 100%;
    }

    .flex-container[b-qkq43edmod] {
        margin-bottom: 10px;
    }

    .cards[b-qkq43edmod] {
        width: 100vw;
    }

    .card[b-qkq43edmod] {
        width: 45%;
    }
}

@media (min-width: 769px) {
    .fill-remaining[b-qkq43edmod] {
        height: calc(100vh - 4rem - 5px);
    }

    .edp-container[b-qkq43edmod] {
        flex-direction: row;
    }

    .flex-container[b-qkq43edmod] {
        cursor: default;
        pointer-events: none;
    }

    .arrow[b-qkq43edmod] {
        visibility: hidden;
    }

    .w-1\/3[b-qkq43edmod] {
        width: 100%;
    }

    .hidden[b-qkq43edmod] {
        display: block !important;
    }

    .cards[b-qkq43edmod] {
        width: 100%;
    }

    .card[b-qkq43edmod] {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    [b-qkq43edmod] .cd-calendar {
        display: none;
    }
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/CancelBid.razor.rz.scp.css */
.plan-bid-wrapper[b-8scl3fzu6q] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-8scl3fzu6q] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-8scl3fzu6q] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/ForceCloseBid.razor.rz.scp.css */
.plan-bid-wrapper[b-73crtq1ujm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-73crtq1ujm] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-73crtq1ujm] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/ForceStartBid.razor.rz.scp.css */
.plan-bid-wrapper[b-0ye0i5uabj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-0ye0i5uabj] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-0ye0i5uabj] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/PlanManagerBidConfiguration.razor.rz.scp.css */
.plan-bid-wrapper[b-vdg1zmdlu8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-vdg1zmdlu8] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-vdg1zmdlu8] {
    color: var(--N700);
   
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/PublishBid.razor.rz.scp.css */
.plan-bid-wrapper[b-mv4k8178gk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-mv4k8178gk] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-mv4k8178gk] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/RecalculateBidAwarding.razor.rz.scp.css */
.plan-bid-wrapper[b-imn7ep35w8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-imn7ep35w8] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-imn7ep35w8] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/RecalculateBidRank.razor.rz.scp.css */
.plan-bid-wrapper[b-kvtxp2x6j6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-kvtxp2x6j6] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-kvtxp2x6j6] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/RemoveBid.razor.rz.scp.css */
.plan-bid-wrapper[b-z55jaegkli] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.plan-bid-confirmation-span[b-z55jaegkli] {
    color: var(--N900);
    white-space: pre-wrap;
}

.plan-bid-info[b-z55jaegkli] {
    color: var(--N700);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/AddOpenShiftsOnActiveBid.razor.rz.scp.css */
.vpc-content[b-ll2sc657bn] {
    background-color: var(--N75);
}
[b-ll2sc657bn] .zaddons-datagrid {
    margin: 0px 30px;
}

/*header styles*/
.vph-top-row[b-ll2sc657bn] {
    height: 4rem;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    
}
.vph-header-content[b-ll2sc657bn] {
    margin-left: 40px;
    margin-right: 32px;
    display: contents;
}

.vph-header--left[b-ll2sc657bn] {
    display: flex;
    gap: 10px;
}

.vph-header--right[b-ll2sc657bn] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    align-items: center;
}

.vph-back-button[b-ll2sc657bn] {
    cursor: pointer;
    display: flex;
}

.vph-title[b-ll2sc657bn] {
    font-size: 16px;
    font-weight: 700;
    color: var(--N900);
    line-height: 20px;
    display: flex;
    align-items: center;
}
.vph-subtitle[b-ll2sc657bn] {
    font-size: 12px;
    font-weight: 400;
    color: var(--N700);
    line-height: 14px;
}
.vph-status[b-ll2sc657bn] {
    display: contents;
}

.vph-title-section--main[b-ll2sc657bn] {
    display: flex;
    gap: 10px;
}
.vph-status-chip[b-ll2sc657bn] {
    display: flex;
    align-items: center;
}

/*content styles*/
.vp-inputs[b-ll2sc657bn] {
    display: flex;
    padding: 12px 40px;
    gap: 4px;
    align-items: flex-end;
}
[b-ll2sc657bn] .dp-generate-btn {
    height: 41px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}
[b-ll2sc657bn] .vpi-color {
    background-color: white;
}

[b-ll2sc657bn] .min-width-200 {
    min-width: 200px;
}

.vp-table[b-ll2sc657bn] {
    margin-left: 10px;
    margin-right: 10px;
}
[b-ll2sc657bn] .vp-table-assignedTo-failure {
    color: var(--R500);
}

[b-ll2sc657bn] .vp-ruleAppliedStyle {
    font-size: 15px;
    padding: 1px 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ndf-root[b-ll2sc657bn] {
    border: solid 1px var(--N200);
    background-color: var(--N50);
    display: grid;
    justify-items: center;
    padding: 32px 16px;
}

.ndf-icon[b-ll2sc657bn] {
    padding-bottom: 20px;
}

.ndf-primary-text[b-ll2sc657bn] {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--N900);
}

.ndf-secondary-text[b-ll2sc657bn] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--N700);
}
[b-ll2sc657bn] .date-range-label {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-ll2sc657bn] .drp-range[b-a59i9xxmjs] {
    width: 220px;
    height: 42px;
}

[b-ll2sc657bn] .drp-wrapper[b-a59i9xxmjs] {
    border: 1px solid var(--N500);
    border-radius: 4px;
    padding: 10px 10px;
    position: relative;
}

[b-ll2sc657bn] .drp-icon-wrapper[b-a59i9xxmjs] {
    position: absolute;
    right: 5px;
    top: 10px;
    pointer-events: none;
}

.daterangepicker-container-disabled[b-ll2sc657bn] {
    pointer-events: none;
    background-color: var(--N100);
}
[b-ll2sc657bn] .daterangepicker-container-disabled .date-range-label {
    background-color: transparent;
}

[b-ll2sc657bn] .drp-wrapper > input {
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--N600);
    opacity: 0.65;
}

[b-ll2sc657bn] .daterangepicker-container-disabled .drp-icon-wrapper {
    opacity: 0.65;
}

.error-msg-setVisibilityPeriod[b-ll2sc657bn] {
    color: red;
    margin-top: 10px;
    margin-bottom: -10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/AddOpenShiftsOnClosedBid.razor.rz.scp.css */
.vpc-content[b-036t3r1ruc] {
    background-color: var(--N75);
}
[b-036t3r1ruc] .zaddons-datagrid {
    margin: 0px 30px;
}

/*header styles*/
.vph-top-row[b-036t3r1ruc] {
    height: 4rem;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    
}
.vph-header-content[b-036t3r1ruc] {
    margin-left: 40px;
    margin-right: 32px;
    display: contents;
}

.vph-header--left[b-036t3r1ruc] {
    display: flex;
    gap: 10px;
}

.vph-header--right[b-036t3r1ruc] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    align-items: center;
}

.vph-back-button[b-036t3r1ruc] {
    cursor: pointer;
    display: flex;
}

.vph-title[b-036t3r1ruc] {
    font-size: 16px;
    font-weight: 700;
    color: var(--N900);
    line-height: 20px;
    display: flex;
    align-items: center;
}
.vph-subtitle[b-036t3r1ruc] {
    font-size: 12px;
    font-weight: 400;
    color: var(--N700);
    line-height: 14px;
}
.vph-status[b-036t3r1ruc] {
    display: contents;
}

.vph-title-section--main[b-036t3r1ruc] {
    display: flex;
    gap: 10px;
}
.vph-status-chip[b-036t3r1ruc] {
    display: flex;
    align-items: center;
}

/*content styles*/
.vp-inputs[b-036t3r1ruc] {
    display: flex;
    padding: 12px 40px;
    gap: 4px;
    align-items: flex-end;
}
[b-036t3r1ruc] .dp-generate-btn {
    height: 41px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}
[b-036t3r1ruc] .vpi-color {
    background-color: white;
}

[b-036t3r1ruc] .min-width-200 {
    min-width: 200px;
}

.vp-table[b-036t3r1ruc] {
    margin-left: 10px;
    margin-right: 10px;
}
[b-036t3r1ruc] .vp-table-assignedTo-failure {
    color: var(--R500);
}

[b-036t3r1ruc] .vp-ruleAppliedStyle {
    font-size: 15px;
    padding: 1px 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ndf-root[b-036t3r1ruc] {
    border: solid 1px var(--N200);
    background-color: var(--N50);
    display: grid;
    justify-items: center;
    padding: 32px 16px;
}

.ndf-icon[b-036t3r1ruc] {
    padding-bottom: 20px;
}

.ndf-primary-text[b-036t3r1ruc] {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--N900);
}

.ndf-secondary-text[b-036t3r1ruc] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--N700);
}
[b-036t3r1ruc] .date-range-label {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-036t3r1ruc] .drp-range[b-a59i9xxmjs] {
    width: 220px;
    height: 42px;
}

[b-036t3r1ruc] .drp-wrapper[b-a59i9xxmjs] {
    border: 1px solid var(--N500);
    border-radius: 4px;
    padding: 10px 10px;
    position: relative;
}

[b-036t3r1ruc] .drp-icon-wrapper[b-a59i9xxmjs] {
    position: absolute;
    right: 5px;
    top: 10px;
    pointer-events: none;
}

.daterangepicker-container-disabled[b-036t3r1ruc] {
    pointer-events: none;
    background-color: var(--N100);
}
[b-036t3r1ruc] .daterangepicker-container-disabled .date-range-label {
    background-color: transparent;
}

[b-036t3r1ruc] .drp-wrapper > input {
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--N600);
    opacity: 0.65;
}

[b-036t3r1ruc] .daterangepicker-container-disabled .drp-icon-wrapper {
    opacity: 0.65;
}

.error-msg-setVisibilityPeriod[b-036t3r1ruc] {
    color: red;
    margin-top: 10px;
    margin-bottom: -10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/BidSetupPreview.razor.rz.scp.css */
.bsp-section-title[b-eddn45c1px] {
    font-size: 1.1em;
    color: var(--N900);
}

.bsp-info-list[b-eddn45c1px] {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    gap: 5px;
}

.bsp-info-label-wrapper[b-eddn45c1px] {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.bsp-info-label[b-eddn45c1px] {
    font-size: 0.9em;
    color: var(--N600);
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/CreateBidInformationStep.razor.rz.scp.css */
.step1-wrapper[b-rkelysj67i]{
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.step1-left-wrapper[b-rkelysj67i]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}

.step1-right-wrapper[b-rkelysj67i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/ExtendSubmissionPeriodOnActiveBid.razor.rz.scp.css */
[b-i5oazodw6n] .drp-single--time {
    width: 175px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/SetBidInformationStep.razor.rz.scp.css */
.step1-wrapper[b-f6p58kanbj]{
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.step1-left-wrapper[b-f6p58kanbj]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}

.step1-right-wrapper[b-f6p58kanbj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/SetBidSchedule.razor.rz.scp.css */
.error-msg-setVisibilityPeriod[b-p2mbj1wgvr] {
    color:red;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/SetEmployeeList.razor.rz.scp.css */
[b-viuex03gnb] .table-action-container{
    margin-top: 10px;
    margin-bottom: 7px;
}

[b-viuex03gnb] .zaddons-datagrid {
    margin-top: 8px;
    margin-bottom: 8px;
}

[b-viuex03gnb] .mud-tabs-toolbar {
    padding-top:3px;
    padding-bottom:3px;
}

[b-viuex03gnb] .zaddons-compact-table td {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

[b-viuex03gnb] .ZaddonsGridColumnSize--Large{
    height:18px;
}

[b-viuex03gnb] .compact-DropdownSelect {
    height: 33px;
}

[b-viuex03gnb] .compact-DropdownSelect .dropdown-select-btn {
    height: 30px;
}

[b-viuex03gnb] .isExclude-column {
    padding-left: 50px;
}

[b-viuex03gnb] .isExclude-column-whenDisabled {
    padding-left: 20px;
}

[b-viuex03gnb] .zaddons-compact-table .zaddons-header-cell {
    cursor: default;
}

.error-container[b-viuex03gnb] {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid red;
    background-color: #ffeeee;
    color: red;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ActionForms/Steps/SetOpenShiftList.razor.rz.scp.css */
.vpc-content[b-zfzdpylnou] {
    background-color: var(--N75);
}
[b-zfzdpylnou] .zaddons-datagrid {
    margin: 0px 30px;
}

/*header styles*/
.vph-top-row[b-zfzdpylnou] {
    height: 4rem;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    
}
.vph-header-content[b-zfzdpylnou] {
    margin-left: 40px;
    margin-right: 32px;
    display: contents;
}

.vph-header--left[b-zfzdpylnou] {
    display: flex;
    gap: 10px;
}

.vph-header--right[b-zfzdpylnou] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    align-items: center;
}

.vph-back-button[b-zfzdpylnou] {
    cursor: pointer;
    display: flex;
}

.vph-title[b-zfzdpylnou] {
    font-size: 16px;
    font-weight: 700;
    color: var(--N900);
    line-height: 20px;
    display: flex;
    align-items: center;
}
.vph-subtitle[b-zfzdpylnou] {
    font-size: 12px;
    font-weight: 400;
    color: var(--N700);
    line-height: 14px;
}
.vph-status[b-zfzdpylnou] {
    display: contents;
}

.vph-title-section--main[b-zfzdpylnou] {
    display: flex;
    gap: 10px;
}
.vph-status-chip[b-zfzdpylnou] {
    display: flex;
    align-items: center;
}

/*content styles*/
.vp-inputs[b-zfzdpylnou] {
    display: flex;
    padding: 12px 40px;
    gap: 4px;
    align-items: flex-end;
}
[b-zfzdpylnou] .dp-generate-btn {
    height: 41px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}
[b-zfzdpylnou] .vpi-color {
    background-color: white;
}

[b-zfzdpylnou] .min-width-200 {
    min-width: 200px;
}

.vp-table[b-zfzdpylnou] {
    margin-left: 10px;
    margin-right: 10px;
}
[b-zfzdpylnou] .vp-table-assignedTo-failure {
    color: var(--R500);
}

[b-zfzdpylnou] .vp-ruleAppliedStyle {
    font-size: 15px;
    padding: 1px 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ndf-root[b-zfzdpylnou] {
    border: solid 1px var(--N200);
    background-color: var(--N50);
    display: grid;
    justify-items: center;
    padding: 32px 16px;
}

.ndf-icon[b-zfzdpylnou] {
    padding-bottom: 20px;
}

.ndf-primary-text[b-zfzdpylnou] {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--N900);
}

.ndf-secondary-text[b-zfzdpylnou] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--N700);
}
[b-zfzdpylnou] .date-range-label {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-zfzdpylnou] .drp-range[b-a59i9xxmjs] {
    width: 220px;
    height: 42px;
}

[b-zfzdpylnou] .drp-wrapper[b-a59i9xxmjs] {
    border: 1px solid var(--N500);
    border-radius: 4px;
    padding: 10px 10px;
    position: relative;
}

[b-zfzdpylnou] .drp-icon-wrapper[b-a59i9xxmjs] {
    position: absolute;
    right: 5px;
    top: 10px;
    pointer-events: none;
}

.daterangepicker-container-disabled[b-zfzdpylnou] {
    pointer-events: none;
    background-color: var(--N100);
}
[b-zfzdpylnou] .daterangepicker-container-disabled .date-range-label {
    background-color: transparent;
}

[b-zfzdpylnou] .drp-wrapper > input {
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--N800);
}

[b-zfzdpylnou] .daterangepicker-container-disabled .drp-icon-wrapper {
    opacity: 0.65;
}

.error-msg-setVisibilityPeriod[b-zfzdpylnou] {
    color: red;
    margin-top: 10px;
    margin-bottom: -10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ManagerDashboardPage.razor.rz.scp.css */
.actions-wrapper[b-hhzf731tpq] {
  background-color: brown;
}

[b-hhzf731tpq] .modal-content .zmodal-header {
    padding-left: 7px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/ViewManagerBidConfigurationPage.razor.rz.scp.css */
[b-lxc9rytss8] .text-nowrap {
    white-space: nowrap;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/Views/BidConfigurationHeaderSubView.razor.rz.scp.css */
[b-y0csysv5te] .report-button {
    background-color: var(--N0);
    border: 1px solid var(--N500);
    border-radius: 5px;
    color: var(--N700);
    margin-right: 15px;
    bottom: 3px;
}

[b-y0csysv5te] .caret-off::before {
    display: none;
}

[b-y0csysv5te] .caret-off::after {
    display: none;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/Views/BidCreationSummaryComponent.razor.rz.scp.css */
/* TODO D. 2023-07-13 - This is not working */

[b-zepuxc6k5o] .disclaimer {
    min-width: 80px;
}

[b-zepuxc6k5o] .zaddons-compact-table .zaddons-header-cell {
    cursor: default;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/Views/BidDashboardByPostComponent.razor.rz.scp.css */
.table-left-button[b-5xbbp049ls] {
  gap: 10px;
  display: flex;
}

[b-5xbbp049ls] .send-offer-button {
  border: 1px solid #D8DAE5;
  color: blue;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
  background-color: #d8dae5 !important;
}

[b-5xbbp049ls] .send-offer-button:hover {
  color: blue !important;
}

[b-5xbbp049ls] .approve-button {
  border: 1px solid #D8DAE5;
  color: green;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
}

[b-5xbbp049ls] .approve-button:hover {
  color: green !important;
}

[b-5xbbp049ls] .refuse-button {
  color: red;
  border: 1px solid #D8DAE5;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
}

[b-5xbbp049ls] .refuse-button:hover {
  color: red !important;
}

[b-5xbbp049ls] .action-icon-button {
  padding: 3px 5px;
  border-radius: 5px;
}

[b-5xbbp049ls] .action-icon-button:hover {
  background-color: #e9eaef;
  cursor: pointer;
}


[b-5xbbp049ls] .table-action-container {
    margin-top: 10px;
    margin-bottom: 7px;
}

[b-5xbbp049ls] .dropdown:not(.view-by-dropdown) {
    height: 42px;
    width: 38px;
}

[b-5xbbp049ls] .dropdown-toggle:not(.view-by-toggle) {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

[b-5xbbp049ls] .dropdown-toggle:not(.view-by-toggle)::after {
    display: none;
}

[b-5xbbp049ls] .btn.dropdown-toggle.btn-light.view-by-toggle {
    height: 40px;
    border: 1px solid var(--N500);
    background: white;
    display: flex;
    align-items: center;
}

[b-5xbbp049ls] .btn.dropdown-toggle.btn-light.view-by-toggle:hover {
    height: 40px;
    border: 1px solid var(--N700);
    background: white;
    display: flex;
    align-items: center;
}

[b-5xbbp049ls] .label-left {
    color: gray;
}

[b-5xbbp049ls] .label-right {
    color: black;
    font-weight: 500;
    padding-left: 5px;
}

[b-5xbbp049ls] .dropdown-toggle::after {
    font-size: 18px;
}

[b-5xbbp049ls] .bid-dashboard-action-button {
    background-color: white;
    border: 1px solid #D8DAE5;
    border-radius: 0.25rem;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/Views/BidDashboardComponent.razor.rz.scp.css */
.table-left-button[b-w604an7lr0] {
  gap: 10px;
  display: flex;
}

[b-w604an7lr0] .action-reports-tooltip {
    width: 44px;
}

[b-w604an7lr0] .action-reports {
    width: 44px;
}

[b-w604an7lr0] .send-offer-button {
    border: 1px solid #D8DAE5;
    color: blue;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
    background-color: #d8dae5 !important;
}

[b-w604an7lr0] .send-offer-button:hover {
  color: blue !important;
}

[b-w604an7lr0] .approve-button {
  border: 1px solid #D8DAE5;
  color: green;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
}

[b-w604an7lr0] .approve-button:hover {
  color: green !important;
}

[b-w604an7lr0] .refuse-button {
  color: red;
  border: 1px solid #D8DAE5;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #D8DAE5, #D8DAE5);
}

[b-w604an7lr0] .refuse-button:hover {
  color: red !important;
}

[b-w604an7lr0] .action-icon-button {
  padding: 3px 5px;
  border-radius: 5px;
}

[b-w604an7lr0] .action-icon-button:hover {
  background-color: #e9eaef;
  cursor: pointer;
}


[b-w604an7lr0] .table-action-container {
    margin-top: 10px;
    margin-bottom: 7px;
}

[b-w604an7lr0] .dropdown:not(.view-by-dropdown) {
    height: 42px;
    width: 38px;
}

[b-w604an7lr0] .dropdown-toggle:not(.view-by-toggle) {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

[b-w604an7lr0] .dropdown-toggle:not(.view-by-toggle)::after {
    display: none;
}

[b-w604an7lr0] .btn.dropdown-toggle.btn-light.view-by-toggle {
    height: 40px;
    border: 1px solid var(--N500);
    background: white;
    display: flex;
    align-items: center;
}
[b-w604an7lr0] .btn.dropdown-toggle.btn-light.view-by-toggle:hover {
    height: 40px;
    border: 1px solid var(--N700);
    background: white;
    display: flex;
    align-items: center;
}
[b-w604an7lr0] .label-left{
    color: gray;
}

[b-w604an7lr0] .label-right {
    color: black;
    font-weight: 500;
    padding-left: 5px;
}

[b-w604an7lr0] .dropdown-toggle::after {
    font-size: 18px;
}

[b-w604an7lr0] .bid-dashboard-action-button {
    background-color: white;
    border: 1px solid #D8DAE5;
    border-radius: 0.25rem;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/ManagerBidConfiguration/Views/Steps/ViewSetOpenShiftListReadOnly.razor.rz.scp.css */
.vpc-content[b-qw4sviimjq] {
    background-color: var(--N75);
}
[b-qw4sviimjq] .zaddons-datagrid {
    margin: 0px 30px;
}

/*header styles*/
.vph-top-row[b-qw4sviimjq] {
    height: 4rem;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8DAE5;
    padding: 0 30px 5px 10px;
    margin-top: 5px;
    
}
.vph-header-content[b-qw4sviimjq] {
    margin-left: 40px;
    margin-right: 32px;
    display: contents;
}

.vph-header--left[b-qw4sviimjq] {
    display: flex;
    gap: 10px;
}

.vph-header--right[b-qw4sviimjq] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    align-items: center;
}

.vph-back-button[b-qw4sviimjq] {
    cursor: pointer;
    display: flex;
}

.vph-title[b-qw4sviimjq] {
    font-size: 16px;
    font-weight: 700;
    color: var(--N900);
    line-height: 20px;
    display: flex;
    align-items: center;
}
.vph-subtitle[b-qw4sviimjq] {
    font-size: 12px;
    font-weight: 400;
    color: var(--N700);
    line-height: 14px;
}
.vph-status[b-qw4sviimjq] {
    display: contents;
}

.vph-title-section--main[b-qw4sviimjq] {
    display: flex;
    gap: 10px;
}
.vph-status-chip[b-qw4sviimjq] {
    display: flex;
    align-items: center;
}

/*content styles*/
.vp-inputs[b-qw4sviimjq] {
    display: flex;
    padding: 12px 40px;
    gap: 4px;
    align-items: flex-end;
}
[b-qw4sviimjq] .dp-generate-btn {
    height: 41px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}
[b-qw4sviimjq] .vpi-color {
    background-color: white;
}

[b-qw4sviimjq] .min-width-200 {
    min-width: 200px;
}

.vp-table[b-qw4sviimjq] {
    margin-left: 10px;
    margin-right: 10px;
}
[b-qw4sviimjq] .vp-table-assignedTo-failure {
    color: var(--R500);
}

[b-qw4sviimjq] .vp-ruleAppliedStyle {
    font-size: 15px;
    padding: 1px 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ndf-root[b-qw4sviimjq] {
    border: solid 1px var(--N200);
    background-color: var(--N50);
    display: grid;
    justify-items: center;
    padding: 32px 16px;
}

.ndf-icon[b-qw4sviimjq] {
    padding-bottom: 20px;
}

.ndf-primary-text[b-qw4sviimjq] {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--N900);
}

.ndf-secondary-text[b-qw4sviimjq] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--N700);
}
[b-qw4sviimjq] .date-range-label {
    color: var(--N600);
    position: absolute;
    font-size: 0.7em;
    margin-top: -7px;
    margin-left: 10px;
    background-color: white;
    padding: 0 3px;
    z-index: 3;
}

[b-qw4sviimjq] .drp-range[b-a59i9xxmjs] {
    width: 220px;
    height: 42px;
}

[b-qw4sviimjq] .drp-wrapper[b-a59i9xxmjs] {
    border: 1px solid var(--N500);
    border-radius: 4px;
    padding: 10px 10px;
    position: relative;
}

[b-qw4sviimjq] .drp-icon-wrapper[b-a59i9xxmjs] {
    position: absolute;
    right: 5px;
    top: 10px;
    pointer-events: none;
}

.daterangepicker-container-disabled[b-qw4sviimjq] {
    pointer-events: none;
    background-color: var(--N100);
}
[b-qw4sviimjq] .daterangepicker-container-disabled .date-range-label {
    background-color: transparent;
}

[b-qw4sviimjq] .drp-wrapper > input {
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--N600);
    opacity: 0.65;
}

[b-qw4sviimjq] .daterangepicker-container-disabled .drp-icon-wrapper {
    opacity: 0.65;
}

.error-msg-setVisibilityPeriod[b-qw4sviimjq] {
    color: red;
    margin-top: 10px;
    margin-bottom: -10px;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/OpenShiftRule/Components/OpenShiftComponents/ChangeOpenShiftRuleComponent.razor.rz.scp.css */
.selected-open-shift-rule[b-c2eauxwk30] {
    display: flex;
    gap: 10px;
    padding-left: 10px;
    font-size: 1em;
    margin-top: 5px;
}

.selected-open-shift-rule-number[b-c2eauxwk30] {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.selected-open-shift-rule-text[b-c2eauxwk30] {
    line-height: 32px;
}

.parameters-container[b-c2eauxwk30] {
    align-items: center;
}

[b-c2eauxwk30] .break-checkbox .mud-checkbox {
    margin-bottom: 0;
}

.sorted-locations-editor[b-c2eauxwk30] {
    padding-top: 5px;
}

[b-c2eauxwk30] .filter-duration-operator {
    width: 22%;
}

.filter-duration-value[b-c2eauxwk30] {
}

[b-c2eauxwk30] .filter-location-operator {
    width: 22%;
}

[b-c2eauxwk30] .filter-location-locations-selector {
    width: 30%;
}

[b-c2eauxwk30] .filter-job-operator {
    width: 22%;
}

[b-c2eauxwk30] .filter-job-multi-select {
    width: 30%;
}

[b-c2eauxwk30] .filter-work-rule-operator {
    width: 22%;
}

[b-c2eauxwk30] .filter-work-rule-multi-select {
    width: 30%;
}


[b-c2eauxwk30] .shift-template-multi-select {
    width: 30%;
}

[b-c2eauxwk30] .placeholder-text {
    white-space: nowrap;
    overflow: hidden;
}

[b-c2eauxwk30] .shift-template-operator {
    width: 22%;
}
/* _content/ShiftBidding.BlazorApp/Components/Pages/ManagerSections/OpenShiftRule/Components/OpenShiftComponents/CreateOpenShiftRuleComponent.razor.rz.scp.css */
.selected-open-shift-rule[b-r0nm3pta0j] {
    display: flex;
    gap: 10px;
    padding-left: 10px;
    align-items: center;
    font-size: 1em;
    margin-top: 5px;
    padding-top: 10px
}

.selected-open-shift-rule-number[b-r0nm3pta0j] {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.selected-open-shift-rule-text[b-r0nm3pta0j] {
    line-height: 32px;
}

.parameters-container[b-r0nm3pta0j] {
    align-items: center;
}

[b-r0nm3pta0j] .break-checkbox .mud-checkbox {
    margin-bottom: 0;
}

.sorted-locations-editor[b-r0nm3pta0j] {
    padding-top: 5px;
}

[b-r0nm3pta0j] .filter-duration-operator {
    width: 22%;
}

.filter-duration-value[b-r0nm3pta0j] {
}

[b-r0nm3pta0j] .filter-location-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-location-locations-selector {
    width: 30%;
}

[b-r0nm3pta0j] .filter-job-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-job-multi-select {
    width: 30%;
}

[b-r0nm3pta0j] .filter-work-rule-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-work-rule-multi-select {
    width: 30%;
}


[b-r0nm3pta0j] .shift-template-multi-select {
    width: 30%;
}

[b-r0nm3pta0j] .placeholder-text {
    white-space: nowrap;
    overflow: hidden;
}

[b-r0nm3pta0j] .shift-template-operator {
    width: 22%;
}
.selected-open-shift-rule[b-r0nm3pta0j] {
    display: flex;
    gap: 10px;
    padding-left: 10px;
    font-size: 1em;
    margin-top: 5px;
}

.selected-open-shift-rule-number[b-r0nm3pta0j] {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.selected-open-shift-rule-text[b-r0nm3pta0j] {
    line-height: 32px;
}

.parameters-container[b-r0nm3pta0j] {
    align-items: center;
}

[b-r0nm3pta0j] .break-checkbox .mud-checkbox {
    margin-bottom: 0;
}

.sorted-locations-editor[b-r0nm3pta0j] {
    padding-top: 5px;
}

[b-r0nm3pta0j] .filter-duration-operator {
    width: 22%;
}

.filter-duration-value[b-r0nm3pta0j] {
}

[b-r0nm3pta0j] .filter-location-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-location-locations-selector {
    width: 30%;
}

[b-r0nm3pta0j] .filter-job-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-job-multi-select {
    width: 30%;
}

[b-r0nm3pta0j] .filter-work-rule-operator {
    width: 22%;
}

[b-r0nm3pta0j] .filter-work-rule-multi-select {
    width: 30%;
}


[b-r0nm3pta0j] .shift-template-multi-select {
    width: 30%;
}

[b-r0nm3pta0j] .placeholder-text {
    white-space: nowrap;
    overflow: hidden;
}

[b-r0nm3pta0j] .shift-template-operator {
    width: 22%;
}
/* _content/ShiftBidding.BlazorApp/Components/ViewComponents/InformationComponent.razor.rz.scp.css */
[b-x9eumxf9aw] .icon {
    color: var(--N600);
    margin-right: 10px;
}
/* _content/ShiftBidding.BlazorApp/Components/ViewComponents/ValidationResultComponent.razor.rz.scp.css */
.gs-stripes[b-e544zqkwfj] {
	background: repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--N200) 3px, var(--N200) 5px)
}

.gs-child-root[b-e544zqkwfj] {
	border-radius: 4px;
	display: flex;
	/*box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);*/
	border: 1px solid rgba(0, 0, 0, 0.14);
	justify-content: space-between;
}

.gs--left[b-e544zqkwfj] {
	width: 93%;
	padding: 2px 0px;
	white-space: nowrap;
}

.gs--top[b-e544zqkwfj] {
}

.gs--bottom[b-e544zqkwfj] {
	text-overflow: ellipsis;
	overflow: hidden;
	direction: rtl;
}

.gs--right[b-e544zqkwfj] {
	width: 8%;
	padding: 2px 10px;
	display: flex;
	align-items: center;
}

.gs-dateTime[b-e544zqkwfj] {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0px;
}

[b-e544zqkwfj] .icon-gs-green {
	position: relative;
	top: 17px;
	left: -18px;
	background-color: var(--G400);
	color: var(--N0);
	height: 22px;
	width: 17px;
}

[b-e544zqkwfj] .icon-gs-red {
	position: relative;
	top: 17px;
	left: -18px;
	background-color: var(--R400);
	color: var(--N0);
	height: 22px;
	width: 17px;
}

.gs-red[b-e544zqkwfj] {
	border-left: 22px solid var(--R400);
}

.gs-green[b-e544zqkwfj] {
	border-left: 22px solid var(--G400);
}

.gs-tooltip-content[b-e544zqkwfj] {
	padding-top: 10px;
}

.gs-tooltip-headerSecondary[b-e544zqkwfj] {
	font-size: 12px;
	font-weight: 500;
	font-family: Roboto;
}

.gs-tooltip-text[b-e544zqkwfj] {
	padding: 2px 14px;
	display: flex;
}

.gs-tooltip-headerPrimary[b-e544zqkwfj] {
	font-size: 20px;
	font-weight: 700;
	font-family: Roboto;
}

.gs-tooltip-segment-details[b-e544zqkwfj] {
	font-size: 14px;
	font-weight: 500;
}

.gs-tooltip-segment-number[b-e544zqkwfj] {
	font-weight: bold;
	margin-right: 12px;
}

.gs-tooltip-segment-subDetails[b-e544zqkwfj] {
	color: rgba(0, 0, 0, 0.54);
	text-align: left;
}

@media only screen and (max-width: 1600px) {
	.gs--left[b-e544zqkwfj] {
		width: 85%;
	}

	.gs--right[b-e544zqkwfj] {
		width: 10%;
	}
}

@media only screen and (max-width: 1024px) {
	.gs--left[b-e544zqkwfj] {
		width: 80%;
		padding: 0;
		white-space: nowrap;
	}

	.gs--right[b-e544zqkwfj] {
		width: 13%;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.gs--top[b-e544zqkwfj] {
		text-overflow: ellipsis;
		overflow: hidden;
	}
}