/* _content/SFBrightpearl/Pages/Config/Admin/ImplementationAdmin.razor.rz.scp.css */
.button-spacing[b-9afisezz0f] {
    padding: 12px 12px 12px 12px;
}
/* _content/SFBrightpearl/Pages/Config/Admin/ImplementationAdminBinImport.razor.rz.scp.css */
.button-spacing[b-7b4e4a7euf] {
    padding: 12px 12px 12px 12px;
}
/* _content/SFBrightpearl/Pages/Config/Admin/ImplementationAdminCSVUpload.razor.rz.scp.css */
.custom-drop-zone[b-y9ewmugcll] {
    padding: 0 !important;
    border-style: dashed;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(183, 183, 183, 0.1);
}

    .custom-drop-zone.custom-drop-zone-hover[b-y9ewmugcll] {
        border-style: solid;
    }

    .custom-drop-zone svg[b-y9ewmugcll] {
        width: 42px;
        height: 42px;
    }

    .custom-drop-zone > *:not(#overviewDemoSelectButton)[b-y9ewmugcll] {
        pointer-events: none;
    }

.drop-file-icon[b-y9ewmugcll] {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: #ADB5BD;
    width: 48px;
    height: 48px;
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.drop-file-label[b-y9ewmugcll] {
    font-weight: 500;
    font-size: 1rem;
}
/* _content/SFBrightpearl/Pages/Config/Admin/ImplementationAdminInvImport.razor.rz.scp.css */
.button-spacing[b-7qg4ngcyf3] {
    padding: 12px 12px 12px 12px;
}
/* _content/SFBrightpearl/Pages/Config/Admin/ImplementationAdminPrimaryBinImport.razor.rz.scp.css */
.button-spacing[b-wistu2g4vt] {
    padding: 12px 12px 12px 12px;
}
/* _content/SFBrightpearl/Pages/Config/Admin/RoleAdmin.razor.rz.scp.css */
[b-jh9aeihij2] .dxbl-tabs.dxbl-tabs-left {
    --dxbl-tabs-tab-width: 200px;
}

.access_tab_page[b-jh9aeihij2] {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.portalfeatures_tab_page[b-jh9aeihij2] {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.userlist_style[b-jh9aeihij2] {
    padding: 12px 12px 12px 12px;
}

[b-jh9aeihij2] .dxbl-list-box {
    --dxbl-list-box-border-width: 0px;
    --dxbl-list-box-border-style: none;
}
/* _content/SFBrightpearl/Pages/GoodsOut/GoodsOutNoteDashboardGroupCell.razor.rz.scp.css */
.overall_container[b-6ufxq8l2wf] {
    width: 100%;
    flex-direction: column;
}

.starttime_container[b-6ufxq8l2wf] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.lines_progress[b-6ufxq8l2wf] {
    width: calc(100% - 16px);
}

.lines_text[b-6ufxq8l2wf] {
    width: 100%;
    white-space: nowrap;
}

.quantity_progress[b-6ufxq8l2wf] {
    width: calc(100% - 16px);
}

.quantity_text[b-6ufxq8l2wf] {
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Pages/GoodsOut/GoodsOutNoteDashboardLineGroupCell.razor.rz.scp.css */
.overall_container[b-emb6iew5kh] {
}

.quantity_container[b-emb6iew5kh] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Pages/GoodsOut/GoodsOutNoteDashboardOrderAllocationCell.razor.rz.scp.css */
.overall_container[b-sw6rril19l] {
    width: 100%;
    flex-direction: column;
}

.starttime_container[b-sw6rril19l] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.lines_progress[b-sw6rril19l] {
    width: calc(100% - 16px);
}

.lines_text[b-sw6rril19l] {
    width: 100%;
    white-space: nowrap;
}

.quantity_progress[b-sw6rril19l] {
    width: calc(100% - 16px);
}

.quantity_text[b-sw6rril19l] {
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Pages/GoodsOut/WaveEditAddOrders.razor.rz.scp.css */
/* this doesn't work, I think because of the way CSS Isolation is applied to child elements. */
/* I believe that the CSS gets renamed with the isolation identifier, but the IconsCssClass value does not. */
/*
::deep .waveeditaddorders_addbutton_icon {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Add_Light.svg);
    margin: 0 0 0 0;
}
*/
/* _content/SFBrightpearl/Pages/GoodsOut/WaveEditOrders.razor.rz.scp.css */
/* this doesn't work, I think because of the way CSS Isolation is applied to child elements. */
/* I believe that the CSS gets renamed with the isolation identifier, but the IconsCssClass value does not. */
/*
::deep .waveeditorders_addbutton_icon {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Add_Light.svg);
    margin: 0 0 0 0;
}
*/
/* _content/SFBrightpearl/Pages/Help/HelpCenter.razor.rz.scp.css */
.page[b-soisorpy06] {
    height: 100%;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.content-body[b-soisorpy06] {
    margin: 24px 24px 24px 24px;
}

.helpmenu-style[b-soisorpy06] {
    width: 100%;
    height: 56px;
    background-color: var(--site-base-color);
    color: var(--site-inverse-color);
}

.helpmenu-title[b-soisorpy06] {
    height: 56px;
    background-color: var(--site-base-color);
    color: var(--site-inverse-color);
    text-decoration: none;
    padding: 12px 12px 12px 12px;
    font-size: 24px;
    line-height: 56px;
    font-weight: 500;
}

.support-area[b-soisorpy06] {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
}

.support-block[b-soisorpy06] {
    height: 24px;
    background-color: var(--site-base-color);
    color: var(--site-inverse-color);
    text-decoration: none;
    padding: 0px 12px 12px 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    width: 100%
}

.support-text[b-soisorpy06] {
    padding: 8px 12px 8px 24px;
}
/* _content/SFBrightpearl/Pages/Help/HelpOnPage.razor.rz.scp.css */
.page[b-k6xx0b39zg] {
    height: 100%;
    width: 100%;
    background-color: white;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}

.content-body[b-k6xx0b39zg] {
    margin: 24px 24px 24px 24px;
}

.helpmenu-style[b-k6xx0b39zg] {
    width: 100%;
    height: 56px;
    background-color: var(--site-base-color);
    color: var(--site-inverse-color);
    display: flex;
}

.helpmenu-button[b-k6xx0b39zg] {
    height: 56px;
    padding-top: 12px;
}

.helpmenu-title[b-k6xx0b39zg] {
    height: 56px;
    background-color: var(--site-base-color);
    color: var(--site-inverse-color);
    text-decoration: none;
    padding: 0px 12px 0px 4px;
    font-size: 24px;
    line-height: 56px;
    font-weight: 500;
}

[b-k6xx0b39zg] .helpcenter_button {
    background-color: transparent !important;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    line-height: 56px;
}

    [b-k6xx0b39zg] .helpcenter_button:hover {
        background: var(--site-namedcolor-coolgray-600) radial-gradient(circle, transparent 1%, var(--site-namedcolor-coolgray-600) 1%) center/15000%;
        background-color: var(--site-namedcolor-coolgray-600) !important;
        border-radius: 100px;
    }

    [b-k6xx0b39zg] .helpcenter_button:active {
        background-color: var(--site-namedcolor-coolgray-50);
        background-size: 100%;
        transition: background 0s;
    }

[b-k6xx0b39zg] .helpcenter_button_icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/menu/TOC_Light.svg);
    margin: 0 0 0 0;
}
/* _content/SFBrightpearl/Pages/Inventory/StockCountFinalizeReviewCell.razor.rz.scp.css */
.cell-container[b-elhcnq8lvk] {
    width: 230px;
    height: 120px;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 0.3rem;
    position: relative;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding-top: 18px;
}

.cell-value[b-elhcnq8lvk] {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
}

.cell-description[b-elhcnq8lvk] {
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    padding-top: 16px;
}
/* _content/SFBrightpearl/Pages/SysAdmin/BP_APIRequestResponseDetail.razor.rz.scp.css */
.tab_container[b-4xjbtdfozq] {
    width: 100%;
}

.tabpage_style[b-4xjbtdfozq] {
    padding: 6px 6px 6px 6px;
}

.tabmemo_style[b-4xjbtdfozq] {
    width: 100%;
}

.memo_container[b-4xjbtdfozq] {
    width: calc(100% - 32px);
    float: left;
}

.button_container[b-4xjbtdfozq] {
    float: right;
    width: 32px;
}
/* _content/SFBrightpearl/Pages/SysAdmin/ImplementationWizard/SysAdminImpWizard.razor.rz.scp.css */
.wizard_container[b-ae1k0n2sh5] {
    padding-right: 24px;
}

.sidebar_container[b-ae1k0n2sh5] {
    padding: 12px 12px 12px 12px;
    border-left: solid 1px var(--site-namedcolor-coolgray-600);
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* _content/SFBrightpearl/Pages/SysAdmin/ImplementationWizard/SysAdminImpWizardBPAuthentication.razor.rz.scp.css */
.warning_text[b-fzd6puru99] {
    padding: 6px 6px 6px 6px;
    background-color: var(--site-error-color-50);
    color: var(--site-error-color-600);
    font-size: 14px;
    font-weight: 500;
}
/* _content/SFBrightpearl/Pages/SysAdmin/ImplementationWizard/SysAdminImpWizardComplete.razor.rz.scp.css */
.complete_text[b-pflfuf7wyt] {
    padding: 6px 6px 6px 6px;
    color: var(--site-namedcolor-coolgray-900);
    font-size: 14px;
    font-weight: 500;
}
/* _content/SFBrightpearl/Pages/SysAdmin/ImplementationWizard/SysAdminImpWizardFinalize.razor.rz.scp.css */
.finalize_text[b-czadme4kf9] {
    padding: 6px 6px 6px 6px;
    background-color: var(--site-information-color-50);
    color: var(--site-information-color-700);
    font-size: 14px;
    font-weight: 500;
}
/* _content/SFBrightpearl/Pages/SysAdmin/ImplementationWizard/SysAdminImpWizardSidebarText.razor.rz.scp.css */
.style_base[b-5bf4ahodug] {
    margin: 4px 4px 4px 4px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
}

.style_notselected[b-5bf4ahodug] {
    color: black;
    background-color: transparent;
}

.style_selected[b-5bf4ahodug] {
    color: white;
    background-color: black;
}

.text_container[b-5bf4ahodug] {
    width: 100%;
    padding-left: 6px;
}

.checkbox_container[b-5bf4ahodug] {
    width: 48px;
}
/* _content/SFBrightpearl/Pages/SysAdmin/SysAdminCloneOperation.razor.rz.scp.css */
.intro_text[b-1t5oimehur] {
    padding: 6px 6px 6px 6px;
    background-color: var(--site-information-color-50);
    color: var(--site-information-color-700);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.warning_text[b-1t5oimehur] {
    padding: 6px 6px 6px 6px;
    background-color: var(--site-error-color-50);
    color: var(--site-error-color-600);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
/* _content/SFBrightpearl/Pages/SysAdmin/SysAdminEventLogDetail.razor.rz.scp.css */
.tab_container[b-k561td4abd] {
    width: 100%;
}

.tabpage_style[b-k561td4abd] {
    padding: 6px 6px 6px 6px;
}

.tabmemo_style[b-k561td4abd] {
    width: 100%;
}

.memo_container[b-k561td4abd] {
    width: calc(100% - 32px);
    float: left;
}

.button_container[b-k561td4abd] {
    float: right;
    width: 32px;
}
/* _content/SFBrightpearl/Pages/WarehouseTransfer/WarehouseTransferLineGroupCell.razor.rz.scp.css */
.overall_container[b-fvohtapji7] {
}

.quantity_container[b-fvohtapji7] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Pages/WarehouseTransfer/WarehouseTransferOrderAllocationCell.razor.rz.scp.css */
.overall_container[b-ajugt8bd8g] {
    width: 100%;
    flex-direction: column;
}

.starttime_container[b-ajugt8bd8g] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.lines_progress[b-ajugt8bd8g] {
    width: calc(100% - 16px);
}

.lines_text[b-ajugt8bd8g] {
    width: 100%;
    white-space: nowrap;
}

.quantity_progress[b-ajugt8bd8g] {
    width: calc(100% - 16px);
}

.quantity_text[b-ajugt8bd8g] {
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Pages/WarehouseTransfer/WarehouseTransferOrderGroupCell.razor.rz.scp.css */
.overall_container[b-c8bu13oj3l] {
    width: 100%;
    flex-direction: column;
}

.starttime_container[b-c8bu13oj3l] {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.lines_progress[b-c8bu13oj3l] {
    width: calc(100% - 16px);
}

.lines_text[b-c8bu13oj3l] {
    width: 100%;
    white-space: nowrap;
}

.quantity_progress[b-c8bu13oj3l] {
    width: calc(100% - 16px);
}

.quantity_text[b-c8bu13oj3l] {
    width: 100%;
    white-space: nowrap;
}
/* _content/SFBrightpearl/Shared/BackgroundJob/BackgroundJobFooterProgressBar.razor.rz.scp.css */
.control_container[b-eu1lcw2um4] {
    width: 100%;
}

.control_visible[b-eu1lcw2um4] {
    display: flex;
}

.control_hidden[b-eu1lcw2um4] {
    display: none;
}
/* _content/SFBrightpearl/Shared/DevExpressHelpers/GridColumnOperatorType.razor.rz.scp.css */
.filter-type-container[b-z82dkwaatb] {
    display: flex;
}

    .filter-type-container > div[b-z82dkwaatb] {
        width: 100%;
    }

[b-z82dkwaatb] .filter-type-button {
    margin-left: 5px;
    width: 24px;
    height: 30px;
    border-radius: 3px;
    background-color: transparent !important;
    padding: 0;
    border-radius: 3px;
}

[b-z82dkwaatb] .filter-type-button-icon {
    width: 24px;
    height: 30px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 0 0;
    border-radius: 3px;
}

.listbox-item-template[b-z82dkwaatb] {
    display: flex;
    align-items: center;
}

    .listbox-item-template > img[b-z82dkwaatb] {
        width: 16px;
        height: 16px;
    }

img + .listbox-item-template-text[b-z82dkwaatb] {
    margin-left: 0.5rem;
}

.dxbl-sm img + .listbox-item-template-text[b-z82dkwaatb] {
    margin-left: 0.375rem;
}

.dxbl-lg img + .listbox-item-template-text[b-z82dkwaatb] {
    margin-left: 0.625rem;
}

.listbox-item-template-text[b-z82dkwaatb] {
    display: flex;
    flex-flow: column;
}
/* _content/SFBrightpearl/Shared/DevExpressHelpers/GridContextMenuContainer.razor.rz.scp.css */
.header_container[b-tbre9qtjot] {
    height: 40px;
    width: 90%;
    padding: 8px 8px 8px 8px;
}

.header_button_container[b-tbre9qtjot] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-tbre9qtjot] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-tbre9qtjot] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-tbre9qtjot] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-tbre9qtjot] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

.overall_container[b-tbre9qtjot] {
    margin: 24px 0 0 8px;
    padding: 16px 16px 16px 16px;
    background-color: var(--site-error-color-50);
    color: var(--site-error-color-600);
    height: 64px;
}

.warning_icon_container[b-tbre9qtjot] {
    float: left;
    padding: 6px 8px 8px 8px;
    height: 32px;
    width: 48px;
}

.warning_icon[b-tbre9qtjot] {
    width: 20px;
    height: 20px;
    filter: invert(13%) sepia(84%) saturate(6037%) hue-rotate(357deg) brightness(96%) contrast(78%);
}

.warning_text_container[b-tbre9qtjot] {
    display: flex;
    align-items: center;
    float: left;
    padding: 0px 8px 0px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    height: 32px;
    width: calc(100% - 48px);
}

.buttonarea_container[b-tbre9qtjot] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92px;
    padding-top: 24px;
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.button_position[b-tbre9qtjot] {
    float: right;
    padding-right: 24px;
    height: 42px;
}

[b-tbre9qtjot] .cancel_button {
    position: relative;
    top: -4px;
}

[b-tbre9qtjot] .delete_button_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Delete_Light.svg);
    margin: 0 0 0 0;
}
/* _content/SFBrightpearl/Shared/DevExpressHelpers/GridExport.razor.rz.scp.css */
.main_container[b-nbow5h7441] {
    margin-right: 4px;
}

.div_hide[b-nbow5h7441] {
    visibility: hidden;
}

[b-nbow5h7441] .gridexport_button {
    background-color: transparent !important;
    margin-top: 4px;
    padding: 0 0 0 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

[b-nbow5h7441] .gridexport_button_icon {
    width: 36px;
    height: 36px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/GridExport_Dark.svg);
    margin: 0 0 0 0;
    border-radius: 100px;
}
/* _content/SFBrightpearl/Shared/DevExpressHelpers/GridSavedLayout.razor.rz.scp.css */
.main_combobox_container[b-qu8411nuj9] {
    margin-right:4px;
    padding: 6px 0 6px 0;
}

.div_hide[b-qu8411nuj9] {
    visibility: hidden;
}

[b-qu8411nuj9] .editbutton_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/ManageLayouts_Dark.svg);
    margin: 0 0 0 0;
}

[b-qu8411nuj9] .clearbutton_class {
    width: 28px;
}

[b-qu8411nuj9] .clearbutton_icon {
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/ClearButton_Gray.svg);
    margin: 0 0 0 0;
}

[b-qu8411nuj9] .gridsavedlayout_combobox {
    max-width: 250px;
    min-width: 250px;
    height: 32px;
    padding: 0;
    font-size: 16px;
    background-color: white;
    border-radius: 4px;
    border-color: var(--site-namedcolor-coolgray-200);
}

.gridsavedlayout_text[b-qu8411nuj9] {
    font-size: 12px;
}

.buttonarea_container[b-qu8411nuj9] {
    width: 100%;
    height: 92px;
    padding-top: 24px;
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.item_style[b-qu8411nuj9] {
    font-size: 14px;
}

.separator_style[b-qu8411nuj9] {
    font-size: 11px;
    font-weight: bold;
}
/* _content/SFBrightpearl/Shared/DevExpressHelpers/GridSettings.razor.rz.scp.css */
.main_container[b-qmybxpl6gc] {
    margin-right: 4px;
}

.div_hide[b-qmybxpl6gc] {
    visibility: hidden;
}

[b-qmybxpl6gc] .gridsettings_button {
    background-color: transparent !important;
    margin-top: 4px;
    padding: 0 0 0 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

[b-qmybxpl6gc] .gridsettings_button_icon {
    width: 36px;
    height: 36px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/GridSettings_Dark.svg);
    margin: 0 0 0 0;
    border-radius: 100px;
}
/* _content/SFBrightpearl/Shared/Dialogs/ConfirmationDialog.razor.rz.scp.css */
.header_container[b-v5steifp62] {
    height: 40px;
    width: 90%;
    padding: 8px 8px 8px 8px;
}

.header_button_container[b-v5steifp62] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-v5steifp62] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-v5steifp62] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-v5steifp62] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-v5steifp62] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

/* the containers for the text */

.overall_container_warning[b-v5steifp62] {
    margin: 24px 0 0 8px;
    padding: 16px 16px 16px 16px;
    background-color: var(--site-error-color-50);
    color: var(--site-error-color-600);
    height: 64px;
}

.overall_container_information[b-v5steifp62] {
    margin: 24px 0 0 8px;
    padding: 16px 16px 16px 16px;
    background-color: var(--site-information-color-50);
    color: var(--site-information-color-700);
    height: 64px;
}

.overall_container_success[b-v5steifp62] {
    margin: 24px 0 0 8px;
    padding: 16px 16px 16px 16px;
    background-color: var(--site-success-color-50);
    color: var(--site-success-color-700);
    height: 64px;
}

.icon_container[b-v5steifp62] {
    float: left;
    padding: 6px 8px 8px 8px;
    height: 32px;
    width: 48px;
}

/* icon styles */

.warning_icon[b-v5steifp62] {
    width: 20px;
    height: 20px;
    filter: invert(13%) sepia(84%) saturate(6037%) hue-rotate(357deg) brightness(96%) contrast(78%);
}

.information_icon[b-v5steifp62] {
    width: 20px;
    height: 20px;
    filter: invert(19%) sepia(95%) saturate(2808%) hue-rotate(186deg) brightness(93%) contrast(98%);
}

.success_icon[b-v5steifp62] {
    width: 20px;
    height: 20px;
    filter: invert(25%) sepia(32%) saturate(4921%) hue-rotate(144deg) brightness(91%) contrast(102%);
}

/* text container */
.text_container[b-v5steifp62] {
    display: flex;
    align-items: center;
    float: left;
    padding: 0px 8px 0px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    height: 32px;
    width: calc(100% - 48px);
}

.buttonarea_container[b-v5steifp62] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92px;
    padding-top: 24px;
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.button_position[b-v5steifp62] {
    float: right;
    padding-right: 24px;
    height: 42px;
}

/*::deep .cancel_button {
    position: relative;
    top: -4px;
}
*/
/* _content/SFBrightpearl/Shared/Editors/ActionDropdown.razor.rz.scp.css */
.action-dropdown-container[b-adrxs6xswj] {
}

[b-adrxs6xswj] .action_button_style {
    padding-right: 6px !important;
    padding-left: 6px !important;
    background-color: transparent !important;
}

[b-adrxs6xswj] .action_button_icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Tune_Dark.svg);
}
/* _content/SFBrightpearl/Shared/Editors/ActionDropdownSpacer.razor.rz.scp.css */
.action_dropdown_spacer_container[b-3g5z6tbyn1] {
    height: 16px;
    width: 100%;
}
/* _content/SFBrightpearl/Shared/Editors/BatchEditorWrapper.razor.rz.scp.css */
/* distribution editor margins */
.batch_editor_margin[b-z8ixxsso5i] {
    padding-left: 3px;
}

/* distribution non-editor margins */
.batch_noneditor_margin[b-z8ixxsso5i] {
    padding-left: 8px;
}
/* _content/SFBrightpearl/Shared/Editors/CheckBoxContainer.razor.rz.scp.css */
.overall_container[b-ye6wib255d] {
    width: 100%;
    height: 60px;
}

.overall_container_topborder[b-ye6wib255d] {
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.overall_container_bottomborder[b-ye6wib255d] {
    border-bottom: 1px solid var(--site-namedcolor-coolgray-200)
}

.overall_container_hidden[b-ye6wib255d] {
    display: none;
}

.caption_container[b-ye6wib255d] {
    float: left;
}

.caption_style[b-ye6wib255d] {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
}

.checkbox_container[b-ye6wib255d] {
    float: right;
    margin-top: 15px;
}
/* _content/SFBrightpearl/Shared/Editors/CollapseContainer.razor.rz.scp.css */
/* expand the div */
.div_expand[b-na36hur0xp] {
    max-height: 500px;
    opacity: 1;
    transition: max-height 0.25s ease-in,opacity 0.25s ease-in;
}

/* collapse the div */
.div_collapse[b-na36hur0xp] {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out,opacity 0.25s ease-out;
}

/* show the div */
.div_show[b-na36hur0xp] {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.25s ease-in,opacity 0.25s ease-in;
}

/* hide the div */
.div_hide[b-na36hur0xp] {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.25s ease-in,opacity 0.25s ease-in;
}
/* _content/SFBrightpearl/Shared/Editors/CopyToClipboard.razor.rz.scp.css */
[b-3937jghs9x] .copytoclipboard_button {
    background-color: transparent !important;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

    [b-3937jghs9x] .copytoclipboard_button:hover {
        background: var(--site-namedcolor-coolgray-200) radial-gradient(circle, transparent 1%, var(--site-namedcolor-coolgray-200) 1%) center/15000%;
        background-color: var(--site-namedcolor-coolgray-200) !important;
        border-radius: 100px;
    }

    [b-3937jghs9x] .copytoclipboard_button:active {
        background-color: var(--site-namedcolor-coolgray-50);
        background-size: 100%;
        transition: background 0s;
    }

[b-3937jghs9x] .copytoclipboard_button_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/CopyToClipboard_Dark.svg);
    margin: 0 0 0 0;
}
/* _content/SFBrightpearl/Shared/Editors/DateRange.razor.rz.scp.css */
.daterange_container[b-pz1v6dpupo]
{
    position: relative;
    top: -8px;
    float: left;
}

[b-pz1v6dpupo] fieldset {
    border: 1px solid var(--site-namedcolor-coolgray-200);
    border-radius: 4px;
    background-color: white;
    height: 52px;
}

    [b-pz1v6dpupo] fieldset:focus-within {
        border: 1px solid var(--site-namedcolor-coolgray-200);
    }

[b-pz1v6dpupo] legend {
    all: initial;
    margin-left: 8px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--site-text-color);
}

.date_control[b-pz1v6dpupo] {
    float: left;
    width: 220px;
}

.to_text[b-pz1v6dpupo] {
    float: left;
    padding: 6px 10px 0 10px;
}
/* _content/SFBrightpearl/Shared/Editors/FormatJSON.razor.rz.scp.css */
[b-lng2u75d85] .formatjson_button {
    background-color: transparent !important;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

    [b-lng2u75d85] .formatjson_button:hover {
        background: var(--site-namedcolor-coolgray-200) radial-gradient(circle, transparent 1%, var(--site-namedcolor-coolgray-200) 1%) center/15000%;
        background-color: var(--site-namedcolor-coolgray-200) !important;
        border-radius: 100px;
    }

    [b-lng2u75d85] .formatjson_button:active {
        background-color: var(--site-namedcolor-coolgray-50);
        background-size: 100%;
        transition: background 0s;
    }

[b-lng2u75d85] .formatjson_button_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/FormatJSON_Dark.svg);
    margin: 0 0 0 0;
}
/* _content/SFBrightpearl/Shared/Editors/GridColumnActivityIcon.razor.rz.scp.css */
.activity_container[b-wmsm1vhkth] {
    width: 22px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/* _content/SFBrightpearl/Shared/Editors/GridColumnCheck.razor.rz.scp.css */
.check_container[b-9bjql0g0mv] {
    width: 29px;
    height: 29px;
    line-height: 29px;
    margin: 0px 5px 0px 5px;
    padding: 0px 9px 0px 9px;
}

.standard_container[b-9bjql0g0mv] {
}

.center_container[b-9bjql0g0mv] {
    display: flex;
    justify-content: center;
}
/* _content/SFBrightpearl/Shared/Editors/GridColumnChip.razor.rz.scp.css */
.chip_container[b-99owq0izq7] {
    height: 29px;
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0px 5px 0px 5px;
    padding: 0px 9px 0px 9px;
    border: 1px solid;
    border-radius: 999px;
}
/* _content/SFBrightpearl/Shared/Editors/GridColumnImageText.razor.rz.scp.css */
.imagetext_container[b-dnoc4r7bro] {
    display: inline-block;
    white-space: nowrap;
}

.image_container[b-dnoc4r7bro] {
    width: 30px;
    display: inline-block;
    white-space: nowrap;
}

.text_container[b-dnoc4r7bro] {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}
/* _content/SFBrightpearl/Shared/Editors/GridColumnLockStatus.razor.rz.scp.css */
.lockstatus_container[b-3axp9n8sx1] {
    width: 22px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/* _content/SFBrightpearl/Shared/Editors/GridOverflow.razor.rz.scp.css */
.overflow_button[b-j9659jyvs5] {
    background-color: transparent;
    cursor: pointer;
}
/* _content/SFBrightpearl/Shared/Editors/GroupBox.razor.rz.scp.css */
[b-c29ql47a2y] fieldset {
    border: 1px solid var(--site-namedcolor-coolgray-200);
    border-radius: 4px;
    background-color: white;
}

    [b-c29ql47a2y] fieldset:focus-within {
        border: 1px solid var(--site-accent-color);
    }

        [b-c29ql47a2y] fieldset:focus-within > legend {
            color: var(--site-accent-color);
        }

[b-c29ql47a2y] legend {
    all: initial;
    margin-left: 8px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--site-namedcolor-coolgray-500);
}

.hint_style[b-c29ql47a2y] {
    visibility: visible;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
    padding-left: 12px;
    padding-bottom: 4px;
    color: var(--site-namedcolor-coolgray-500);
}

.hint_style_hidden[b-c29ql47a2y] {
    visibility: hidden;
}
/* _content/SFBrightpearl/Shared/Editors/GroupSeparator.razor.rz.scp.css */
.overall_container[b-ocdkzronq9] {
    width: 100%;
    height: 24px;
}

.overall_container_extratopmargin[b-ocdkzronq9] {
    margin-top: 30px;
}

.caption_style[b-ocdkzronq9] {
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--site-namedcolor-coolgray-500);
}
/* _content/SFBrightpearl/Shared/Editors/IndicatorButton.razor.rz.scp.css */

.indicator_content[b-d2j447w504] {
    height: 32px;
    /*width: 100%;*/
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 32px;
    text-align: center;
    margin: 0 auto 0 auto;
}

[b-d2j447w504] .wait_style {
    margin-right: 8px !important;
}
/* _content/SFBrightpearl/Shared/Editors/PageHeaderText.razor.rz.scp.css */
.overall_container[b-mmugyishcq] {
    padding-bottom: 24px;
}

.rightside_controls[b-mmugyishcq] {
    float: right;
    display: flex;
}
/* _content/SFBrightpearl/Shared/Editors/PanelContainer.razor.rz.scp.css */
.panel_container[b-jswxft6uce] {
    width: 100%;
    border-radius: 5px;
    border-color: var(--site-namedcolor-coolgray-200);
    border-width: 1px;
    border-collapse: separate;
    border-style: solid;
    box-sizing: border-box;
    background-color: var(--site-namedcolor-coolgray-50);
    padding: 10px 18px 10px 18px;
    margin: 0 0 0 0;
    overflow: hidden;
}

.header_container[b-jswxft6uce] {
    width: 100%;
    height: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.header_container_hidden[b-jswxft6uce] {
    display: none;
}

.header_action[b-jswxft6uce] {
    margin-left: 32px;
}

.header_action_hidden[b-jswxft6uce] {
    display: none;
}

.header_text[b-jswxft6uce] {
    float: left;
    display: flex;
}

.header_button[b-jswxft6uce] {
    float: right;
}

[b-jswxft6uce] .collapse_button {
    background-color: transparent !important;
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
}

[b-jswxft6uce] .collapsebutton_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Back_Dark.svg);
    margin: 0 1px 0 0;
}

[b-jswxft6uce] .collapsebutton_icon_expand {
    transform: rotate(90deg);
    animation: spinOut-b-jswxft6uce 0.25s 1 linear;
}

[b-jswxft6uce] .collapsebutton_icon_collapse {
    transform: rotate(270deg);
    animation: spinIn-b-jswxft6uce 0.25s 1 linear;
}

@keyframes spinIn-b-jswxft6uce {
    0% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@keyframes spinOut-b-jswxft6uce {
    0% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(90deg);
    }
}

.content_container[b-jswxft6uce] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.25s ease-out;
    overflow: hidden;
}

    .content_container.collapse[b-jswxft6uce] {
        grid-template-rows: 0fr;
        visibility: hidden;
    }

    .content_container.expand[b-jswxft6uce] {
        border-top: solid 1px var(--site-namedcolor-coolgray-200);
        margin-top: 3px;
        padding-top: 12px;
        visibility: visible;
    }

    .content_container.noheader[b-jswxft6uce] {
        padding-top: 12px;
        visibility: visible;
    }
.content_inner_container[b-jswxft6uce] {
    overflow: hidden;
}
/* _content/SFBrightpearl/Shared/Editors/PopupButtonArea.razor.rz.scp.css */
.placeholder_container[b-a4x79egm1s] {
    height: 92px;
}

.buttonarea_container[b-a4x79egm1s] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92px;
    padding-top: 24px;
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.button_position[b-a4x79egm1s] {
    float: right;
    padding-right: 24px;
}
/* _content/SFBrightpearl/Shared/Editors/PopupContentArea.razor.rz.scp.css */
.overall_container[b-5m8whp48ma] {
    margin: 44px 0 0 0;
    padding: 0;
}
/* _content/SFBrightpearl/Shared/Editors/PopupHeaderArea.razor.rz.scp.css */
.header_container[b-x5g8qv5dr4] {
    height: 40px;
    width: 90%;
    position: absolute;
    top: 30px;
    left: 24px;
}

.header_button_container[b-x5g8qv5dr4] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-x5g8qv5dr4] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-x5g8qv5dr4] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-x5g8qv5dr4] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-x5g8qv5dr4] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}
/* _content/SFBrightpearl/Shared/Editors/PrintActivityViewPDF.razor.rz.scp.css */
.header_container[b-nm43mgwnnn] {
    height: 40px;
    width: 90%;
    padding: 8px 8px 8px 8px;
}

.header_button_container[b-nm43mgwnnn] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-nm43mgwnnn] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-nm43mgwnnn] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-nm43mgwnnn] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-nm43mgwnnn] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

.overall_container[b-nm43mgwnnn] {
    width: 100%;
    height: 100%;
}
/* _content/SFBrightpearl/Shared/Editors/PrintDocument.razor.rz.scp.css */
.printdocument_container[b-m6spyujpbd] {
    position: relative;
    float: left;
}

.header_container[b-m6spyujpbd] {
    height: 40px;
    width: 90%;
    padding: 8px 8px 8px 8px;
}

.header_button_container[b-m6spyujpbd] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-m6spyujpbd] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-m6spyujpbd] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-m6spyujpbd] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-m6spyujpbd] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

.overall_container[b-m6spyujpbd] {
    margin: 24px 0 0 8px;
    padding: 16px 16px 16px 16px;
    height: 296px;
}

.printer_container[b-m6spyujpbd] {
    width: 100%;
    padding-bottom: 12px;
}

.document_container[b-m6spyujpbd] {
    width: 100%;
    padding-bottom: 12px;
}

.copies_container[b-m6spyujpbd] {
    width: 100%;
    padding-bottom: 12px;
}

.buttonarea_container[b-m6spyujpbd] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92px;
    padding-top: 24px;
    border-top: 1px solid var(--site-namedcolor-coolgray-200)
}

.button_leftposition[b-m6spyujpbd] {
    float: left;
    padding-left: 24px;
    height: 42px;
}

.button_rightposition[b-m6spyujpbd] {
    float: right;
    padding-right: 24px;
    height: 42px;
}

[b-m6spyujpbd] .print_button_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Printer_Light.svg);
    margin: 0 0 0 0;
}

[b-m6spyujpbd] .preview_button_icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Preview_Light.svg);
    margin: 0 0 0 0;
}

[b-m6spyujpbd] .cancel_button {
    position: relative;
    top: -4px;
}
/* _content/SFBrightpearl/Shared/Footer.razor.rz.scp.css */
.footer-style[b-yr0wvr9xkz] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32px;
    background-color: #F3F4F6;
    display: flex;
}

.footer-style-text[b-yr0wvr9xkz] {
    padding-left: 14px;
    padding-top: 6px;
    width: calc(100% / 2);
}

.footer-style-text-span[b-yr0wvr9xkz] {
    font-size: 12px;
}

.footer-style-image-div[b-yr0wvr9xkz] {
    padding-right: 12px;
    padding-top: 6px;
    height: 14px;
    width: calc(100% / 2);
}

.footer-style-image[b-yr0wvr9xkz] {
    height: 14px;
}

.footer-style-image-right[b-yr0wvr9xkz] {
    float: right;
}

.footer-style-backgroundjob[b-yr0wvr9xkz] {
    padding-top: 6px;
    width: 100px;
}
/* _content/SFBrightpearl/Shared/Implementation/ImplementationPopup.razor.rz.scp.css */
.header_container[b-w9bxbmknyb] {
    height: 40px;
    width: 350px;
}

.header_button_container[b-w9bxbmknyb] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-w9bxbmknyb] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-w9bxbmknyb] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-w9bxbmknyb] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-w9bxbmknyb] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

.implementation_code_container[b-w9bxbmknyb] {
    padding-top: 12px;
}

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

.barcode_container[b-w9bxbmknyb] {
    height: 200px;
    flex-grow: 9;
}

.checkbox_container[b-w9bxbmknyb] {
}

.implementation_name_container[b-w9bxbmknyb] {
}
/* _content/SFBrightpearl/Shared/MainLayout.razor.rz.scp.css */
.page[b-3rtlz2a45l] {
    height: 100%;
    overflow: hidden;
    background-color: white;
}

.content-body[b-3rtlz2a45l] {
    margin: 24px 24px 24px 24px;
}
/* _content/SFBrightpearl/Shared/PageToolbar/ActionToolbar.razor.rz.scp.css */
.actiontoolbar_container[b-wrrqjoious] {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border-color: var(--site-namedcolor-coolgray-200);
    border-width: 1px;
    border-collapse: separate;
    border-style: solid;
    box-sizing: border-box;
    background-color: var(--site-namedcolor-coolgray-50);
    padding: 10px 18px 18px 18px;
    margin: 0 0 32px 0;
}

.actiontoolbar_backbutton[b-wrrqjoious] {
    float: left;
    padding-top: 8px;
}

[b-wrrqjoious] .back_button {
    background-color: transparent !important;
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-wrrqjoious] .actiontoolbar_backbutton_icon {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Back_Dark.svg);
    margin: 0 8px 0 0;
}

.caption_area[b-wrrqjoious] {
    float: left;
    padding-left: 12px;
    padding-right: 24px;
}

.caption_header[b-wrrqjoious] {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.caption_footer[b-wrrqjoious] {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.actiontoolbar_refresh_separator[b-wrrqjoious] {
    float: right;
    height: 24px;
    width: 1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
}

.actiontoolbar_refresh_right_separator[b-wrrqjoious] {
    margin: 16px 16px 10px 2px;
}

.actiontoolbar_refresh_left_separator[b-wrrqjoious] {
    margin: 16px 2px 10px 16px;
}

.actiontoolbar_childcontent[b-wrrqjoious] {
    padding-top: 8px;
    display: flex;
}

.actiontoolbar_childcontent_left[b-wrrqjoious] {
    float: left;
}

.actiontoolbar_childcontent_right[b-wrrqjoious] {
    float: right;
}

.container_visible[b-wrrqjoious] {
}

.container_hidden[b-wrrqjoious] {
    display: none;
}

.refreshbutton_container[b-wrrqjoious] {
    display: flex;
    float: right;
}

[b-wrrqjoious] .actiontoolbar_refreshbutton {
    background-color: transparent !important;
    padding: 0;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

[b-wrrqjoious] .actiontoolbar_refreshbutton_icon {
    width: 36px;
    height: 36px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Refresh.svg);
    margin: 0 0 0 0;
    border-radius: 100px;
}
/* _content/SFBrightpearl/Shared/PageToolbar/ActionToolbarRightContainer.razor.rz.scp.css */
.actiontoolbar_right_childcontent_container[b-gbms16d87b] {
    height: 36px;
    display: flex;
}
/* _content/SFBrightpearl/Shared/PageToolbar/ActionToolbarSeparator.razor.rz.scp.css */
.actiontoolbar_separator[b-pgjln3ar9a] {
    height: 24px;
    width: 1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
    margin: 8px 16px 10px 16px;
}

.actiontoolbar_separator_visible[b-pgjln3ar9a] {
}

.actiontoolbar_separator_hidden[b-pgjln3ar9a] {
    display: none;
}
/* _content/SFBrightpearl/Shared/PageToolbar/ActionToolbarSpacer.razor.rz.scp.css */
.actiontoolbar_spacer[b-859wwbwc5i] {
    height: 24px;
    width: 16px;
    border: none;
}

.actiontoolbar_spacer_visible[b-859wwbwc5i] {
}

.actiontoolbar_spacer_hidden[b-859wwbwc5i] {
    display: none;
}
/* _content/SFBrightpearl/Shared/PageToolbar/EmbeddedToolbar.razor.rz.scp.css */
.embeddedtoolbar_container[b-jj0q8kjz7k] {
    width: 100%;
    height: 64px;
    background-color: var(--site-namedcolor-coolgray-50);
    padding: 6px 6px 6px 6px;
}

.embeddedtoolbar_search[b-jj0q8kjz7k] {
    float: left;
}

[b-jj0q8kjz7k] .embeddedtoolbar_search_textbox {
    height: 44px;
    width: 348px;
    border-radius: 4px;
    border-color: var(--site-namedcolor-coolgray-200);
}

[b-jj0q8kjz7k] .embeddedtoolbar_search_textbox_input {
    font-size: 16px;
    font-weight: 400;
}

[b-jj0q8kjz7k] .embeddedtoolbar_search_textbox_button {
    background-image: url(/images/grid/Search.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}

.embeddedtoolbar_separator[b-jj0q8kjz7k] {
    float: left;
    height: 24px;
    width: 1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
    margin: 10px 16px 10px 16px;
}

.embeddedtoolbar_addbutton[b-jj0q8kjz7k] {
    float: left;
    padding-top: 1px;
}

[b-jj0q8kjz7k] .embeddedtoolbar_addbutton_icon {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Add_Light.svg);
    margin: 0 8px 0 0;
}

.container_visible[b-jj0q8kjz7k] {
}

.container_hidden[b-jj0q8kjz7k] {
    display: none;
}

.embeddedtoolbar_refreshbutton_container[b-jj0q8kjz7k] {
    display: flex;
    float: right;
}

.embeddedtoolbar_refreshbutton_left[b-jj0q8kjz7k] {
    float: left;
}

.embeddedtoolbar_refreshbutton_right[b-jj0q8kjz7k] {
    float: right;
}

.embeddedtoolbar_refreshbutton_separator[b-jj0q8kjz7k] {
    float: left;
    height: 24px;
    width: 1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
    margin: 9px 0px 10px 16px;
}

[b-jj0q8kjz7k] .embeddedtoolbar_refreshbutton {
    background-color: transparent !important;
    padding: 0;
    margin-top: 4px;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

[b-jj0q8kjz7k] .embeddedtoolbar_refreshbutton_icon {
    width: 36px;
    height: 36px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Refresh.svg);
    margin: 0 0 0 0;
    border-radius: 100px;
}

.embeddedtoolbar_childcontent[b-jj0q8kjz7k] {
    display: flex;
}

.embeddedtoolbar_childcontent_left[b-jj0q8kjz7k] {
    float: left;
}

.embeddedtoolbar_childcontent_right[b-jj0q8kjz7k] {
    float: right;
}
/* _content/SFBrightpearl/Shared/PageToolbar/PageToolbar.razor.rz.scp.css */
.pagetoolbar_container[b-3bkh8tmsnv] {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border-color: var(--site-namedcolor-coolgray-200);
    border-width: 1px;
    border-collapse: separate;
    border-style: solid;
    box-sizing: border-box;
    background-color: var(--site-namedcolor-coolgray-50);
    padding: 18px 18px 18px 18px;
    margin: 0 0 32px 0;
    display: flex;
}

.pagetoolbar_search[b-3bkh8tmsnv] {
    float: left;
}

[b-3bkh8tmsnv] .pagetoolbar_search_textbox {
    height: 44px;
    width: 348px;
    border-radius: 4px;
    border-color: var(--site-namedcolor-coolgray-200);
}

[b-3bkh8tmsnv] .pagetoolbar_search_textbox_input {
    font-size: 16px;
    font-weight: 400;
}

[b-3bkh8tmsnv] .pagetoolbar_search_textbox_button {
    background-image: url(/images/grid/Search.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}

.pagetoolbar_separator[b-3bkh8tmsnv] {
    float: left;
    height: 24px;
    width:1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
    margin: 10px 16px 10px 16px;
}

.pagetoolbar_addbutton[b-3bkh8tmsnv] {
    float: left;
    padding-top: 1px;
}

[b-3bkh8tmsnv] .pagetoolbar_addbutton_icon {
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Add_Light.svg);
    margin: 0 8px 0 0;
}

.container_visible[b-3bkh8tmsnv] {
}

.container_hidden[b-3bkh8tmsnv] {
    display: none;
}

.pagetoolbar_refreshbutton_container[b-3bkh8tmsnv] {
    position: relative;
    padding: 5px 0 0 0;
}

.pagetoolbar_refreshbutton_left[b-3bkh8tmsnv] {
    float: left;
}

.pagetoolbar_refreshbutton_right[b-3bkh8tmsnv] {
    float: right;
}

.pagetoolbar_refreshbutton_separator[b-3bkh8tmsnv] {
    float: left;
    height: 24px;
    width: 1px;
    border-left: 1px solid var(--site-namedcolor-coolgray-200);
    margin: 5px 0px 10px 16px;
}

[b-3bkh8tmsnv] .pagetoolbar_refreshbutton {
    background-color: transparent !important;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

[b-3bkh8tmsnv] .pagetoolbar_refreshbutton_icon {
    width: 36px;
    height: 36px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Refresh.svg);
    margin: 0 0 0 0;
    border-radius: 100px;
}

.childcontent_container[b-3bkh8tmsnv] {
    flex-grow: 1;
}
/* _content/SFBrightpearl/Shared/PageToolbar/PageToolbarCheckBox.razor.rz.scp.css */
.overall_container[b-qvyvnvctd4] {
    width: 100%;
    height: 44px;
    flex-direction: column;
}

.caption_container[b-qvyvnvctd4] {
    float: left;
}

.caption_style[b-qvyvnvctd4] {
    font-size: 16px;
    font-weight: 400;
    line-height: 44px;
    padding-right: 8px;
}

.checkbox_container[b-qvyvnvctd4] {
    float: right;
    margin-top: 6px;
}
/* _content/SFBrightpearl/Shared/PageToolbar/PageToolbarRightContainer.razor.rz.scp.css */
.childcontent_container[b-gyh2ns4046] {
    height: 36px;
    float: right;
    display: flex;
}
/* _content/SFBrightpearl/Shared/Reporting/ReportDesigner.razor.rz.scp.css */
.header_container[b-esavyi7eui] {
    height: 40px;
    width: 90%;
    padding: 8px 8px 8px 8px;
}

.header_button_container[b-esavyi7eui] {
    float: left;
    width: 20px;
    height: 40px;
}

[b-esavyi7eui] .header_button {
    height: 20px !important;
    width: 20px;
    padding: 0 !important;
    margin-top: 10px;
}

[b-esavyi7eui] .header_button_icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/grid/Close.svg);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.header_text_container[b-esavyi7eui] {
    padding-left: 44px;
    height: 42px;
    padding-top: 8px;
}

.header_text_style[b-esavyi7eui] {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: var(--site-text-color);
    vertical-align: middle;
}

.overall_container[b-esavyi7eui] {
    width: 100%;
    height: 100%;
}