/* /Pages/Authentication/Applications.razor.rz.scp.css */
#login-header[b-jpwew04ooj] {
    margin: 0px;
    width: 303px;
    height: 68px;
    background: #373737;
    box-shadow: 0px 2px 6px #0000001F;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
}

#login-container[b-jpwew04ooj] {
    margin: 0px;
    width: 303px;
    min-height: 373px;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #00000033;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    opacity: 1;
}

    #login-container .header-text[b-jpwew04ooj] {
        margin: 58px auto auto auto;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: var(--font-size-16px);
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }

    #login-container .btn-group[b-jpwew04ooj] {
        margin-bottom: 1rem;
    }

/*Removes chrome blue autofill background*/
input:-webkit-autofill[b-jpwew04ooj],
input:-webkit-autofill:hover[b-jpwew04ooj],
input:-webkit-autofill:focus[b-jpwew04ooj],
input:-webkit-autofill:active[b-jpwew04ooj] {
    -webkit-box-shadow: 0 0 0 30px #FAFAFA inset !important;
}

#open-app-button[b-jpwew04ooj], #ok-button[b-jpwew04ooj] {
    min-width: 68px;
    height: 27px;
    background: #373737;
    border: 1px solid #373737;
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: .8rem;
    color: #FFFFFF;
    padding: 1px 6px;
    white-space: nowrap;
    margin-top: 5px;
}

    #open-app-button:hover[b-jpwew04ooj], #ok-button:hover[b-jpwew04ooj] {
        opacity: 0.8;
    }

    #open-app-button:disabled[b-jpwew04ooj], #ok-button:disabled[b-jpwew04ooj] {
        opacity: 0.5;
    }

#logout-button[b-jpwew04ooj], #cancel-button[b-jpwew04ooj] {
    margin-left: 25px;
    min-width: 84px;
    height: 27px;
    background: white 0% 0% no-repeat padding-box;
    border: 1px solid #373737;
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: .8rem;
    color: #373737;
    padding: 1px 6px;
    white-space: nowrap;
    margin-top: 5px;
}

    #logout-button:hover[b-jpwew04ooj], #cancel-button:hover[b-jpwew04ooj] {
        opacity: 0.8;
    }

    #logout-button:disabled[b-jpwew04ooj], #cancel-button:disabled[b-jpwew04ooj] {
        opacity: 0.5;
    }

    #open-app-button:focus[b-jpwew04ooj],
    #ok-button:focus[b-jpwew04ooj],
    #logout-button:focus[b-jpwew04ooj],
    #cancel-button:focus[b-jpwew04ooj] {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }
/* /Pages/Authentication/Login.razor.rz.scp.css */
#login-header[b-88wfxk7svx] {
    margin: 0px;
    width: 303px;
    height: 68px;
    background: #373737;
    box-shadow: 0px 2px 6px #0000001F;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
}

#login-container[b-88wfxk7svx] {
    margin: 0px;
    width: 303px;
    min-height: 373px;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #00000033;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    opacity: 1;
}

    #login-container .header-text[b-88wfxk7svx] {
        margin: 58px auto auto auto;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: var(--font-size-20px);
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
        max-width: 12.5rem;
    }

    #login-container:focus-visible[b-88wfxk7svx] {
        outline: none;
    }

    #login-container .btn-group[b-88wfxk7svx] {
        margin-bottom: 1rem;
    }

/*Removes chrome blue autofill background*/
input:-webkit-autofill[b-88wfxk7svx],
input:-webkit-autofill:hover[b-88wfxk7svx],
input:-webkit-autofill:focus[b-88wfxk7svx],
input:-webkit-autofill:active[b-88wfxk7svx] {
    -webkit-box-shadow: 0 0 0 30px #FAFAFA inset !important;
}

#login-button[b-88wfxk7svx], #ok-button[b-88wfxk7svx] {
    min-width: 68px;
    height: 27px;
    background: #373737;
    border: 1px solid #373737;
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: var(--font-size-12px);
    color: #FFFFFF;
    padding: 1px 6px;
    white-space: nowrap;
    margin-top: 5px;
}

    #login-button:hover[b-88wfxk7svx], #ok-button:hover[b-88wfxk7svx] {
        opacity: 0.8;
    }

    #login-button:disabled[b-88wfxk7svx], #ok-button:disabled[b-88wfxk7svx] {
        opacity: 0.5;
    }

#log-out-button[b-88wfxk7svx], #cancel-button[b-88wfxk7svx] {
    margin-left: 25px;
    min-width: 84px;
    height: 27px;
    background: white;
    border: 1px solid #373737;
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: var(--font-size-12px);
    color: #373737;
    padding: 1px 6px;
    white-space: nowrap;
    margin-top: 5px;
}

    #log-out-button:hover[b-88wfxk7svx], #cancel-button:hover[b-88wfxk7svx] {
        opacity: 0.8;
    }
/* /Pages/Authentication/SignoutSso.razor.rz.scp.css */
.header[b-sh5llr9hfu] {
    background-color: #373737;
    color: white;
    height: 40px;
}

#header__logo[b-sh5llr9hfu] {
    width: auto;
    height: 24px;
}

@media only screen and (min-width: 576px /*small*/ ) {
    #header__logo[b-sh5llr9hfu] {
        width: auto;
        height: 30px;
    }
}

#signout-container[b-sh5llr9hfu] {
    margin: 0px;
    width: 303px;
    min-height: 373px;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #00000033;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    opacity: 1;
    text-align: center;
}

    #signout-container span[b-sh5llr9hfu] {
        display: block;
        padding: 50px 0 0;
    }

/*Removes chrome blue autofill background*/
input:-webkit-autofill[b-sh5llr9hfu],
input:-webkit-autofill:hover[b-sh5llr9hfu],
input:-webkit-autofill:focus[b-sh5llr9hfu],
input:-webkit-autofill:active[b-sh5llr9hfu] {
    -webkit-box-shadow: 0 0 0 30px #FAFAFA inset !important;
}

#login-button[b-sh5llr9hfu] {
    width: 68px;
    height: 27px;
    background: #373737 0% 0% no-repeat padding-box;
    border: 1px solid #373737;
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: .8rem;
    color: #FFFFFF;
    white-space: nowrap;
}

    #login-button:hover[b-sh5llr9hfu] {
        opacity: 0.8;
    }

    #login-button:disabled[b-sh5llr9hfu] {
        opacity: 0.5;
    }

#signout-header[b-sh5llr9hfu] {
    margin: 0px;
    width: 303px;
    height: 68px;
    background: #373737;
    box-shadow: 0px 2px 6px #0000001F;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
}
/* /Pages/CubeViews/Designer/Main/XFWebCubeViewDesigner.razor.rz.scp.css */
/* Rows and Columns Container Styles*/
.xf-cvd-rows-and-columns[b-0fvnim9otk] {
    height: 100%;
    width: 100%;
    padding-left: 4px;
    display: grid;
    grid-template-rows: auto auto 1fr;
}

    .xf-cvd-rows-and-columns .xf-cvd-header-text[b-0fvnim9otk] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: #373737;
        height: 32px;
        line-height: 32px;
        font-size: 1.2rem;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

/* Property Grid Headers*/
[b-0fvnim9otk] .xf-cvd__property-grid__header-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #373737;
    height: 64px;
    line-height: 64px;
    font-size: 1.2rem;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: auto;
    padding-left: 8px;
}

/* Unavailable Sections (Sharing)*/
.xf-cvd__sharing__click-default-message[b-0fvnim9otk] {
    margin: auto;
    max-width: 200px;
    margin-top: 80px;
}

    .xf-cvd__sharing__click-default-message p[b-0fvnim9otk] {
        font-size: var(--font-size-16px);
        font-weight: 700;
        text-align: center;
    }

/* Collapsible Container Styles*/
.xf-cvd-container__header[b-0fvnim9otk] {
    display: flex;
}

    .xf-cvd-container__header label[b-0fvnim9otk],
    .xf-cvd-container__header p[b-0fvnim9otk] {
        height: 36px;
        line-height: 36px;
        margin: 0;
    }

    .xf-cvd-container__header input[b-0fvnim9otk] {
        height: 28px;
        align-self: center;
        border-radius: 8px;
        border: 1px solid #888;
        padding: 2px 8px;
        margin: 0 8px;
        width: 100%;
    }
/* /Pages/CubeViews/Designer/Main/XFWebCvdMemberFilterPanel.razor.rz.scp.css */
.xf-cvd-mfp__header[b-ohns8cq2gt] {
    display: flex;
}

    .xf-cvd-mfp__header p[b-ohns8cq2gt] {
        height: 36px;
        line-height: 36px;
        margin: 0;
    }

    .xf-cvd-mfp__header input[b-ohns8cq2gt] {
        height: 28px;
        align-self: center;
        border-radius: 8px;
        border: 1px solid #888;
        padding: 2px 8px;
        margin: 0 8px;
        width: 100%;
    }

.xf-cvd-mfp__content[b-ohns8cq2gt] {
    display: grid;
    grid-template-rows: 1fr auto;
}

/* Member Filter Panel - Grid Styles*/
[b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels {
    border: 0;
    padding-left: 16px;
}

[b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-table-row.k-selected {
    background-color: transparent !important;
}

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-table-row.k-selected > td {
        background-color: #e9e9e9 !important;
    }

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-grid-content {
        overflow-y: auto;
    }

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-grid-header {
        display: none;
    }

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-table-row .k-drag-cell {
        background-color: #e9e9e9;
        background-clip: content-box;
        padding: 4px 0;
        border: 0;
        border-radius: 10px 0 0 10px;
    }

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-svg-icon.k-svg-i-reorder svg {
        background-image: url(/images/Icons/icon-drag-cursor.svg);
        background-size: contain;
    }

    [b-ohns8cq2gt] .xf-telerik-grid__cvd-filter-panels .k-svg-icon.k-svg-i-reorder path {
        display: none;
    }

/* Member Filter Panel - Grid Item Styles*/
.xf-cvd-grid__filter-panel-item-wrapper[b-ohns8cq2gt] {
    height: 46px;
    align-content: center;
}

.xf-cvd-grid__filter-panel-item[b-ohns8cq2gt] {
    height: 38px;
    display: grid;
    grid-template-columns: 170px 1fr 38px;
    border-radius: 8px;
    margin: 0 12px 0 2px;
}

    .xf-cvd-grid__filter-panel-item[b-ohns8cq2gt] .xf-telerik-combobox {
        height: 32px;
        border: 1px solid #aaa;
        border-radius: 8px;
        border-top-color: #aaa !important;
        border-bottom-right-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        padding: 0 4px;
    }

        .xf-cvd-grid__filter-panel-item[b-ohns8cq2gt] .xf-telerik-combobox .k-input-inner {
            padding-left: 4px !important;
        }

#filter-panel-item__input-wrapper[b-ohns8cq2gt] {
    margin: 0 8px;
    line-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    #filter-panel-item__input-wrapper input[b-ohns8cq2gt] {
        width: 100%;
        height: 32px;
        border: 1px solid #aaa;
        border-radius: 8px;
        padding: 2px 8px;
    }
/* /Pages/CubeViews/Designer/RowColEditorGrid/XFWebCvdRowColEditorGrid.razor.rz.scp.css */
/* Cube View Designer Editor Grid Styles*/
.xf-cvd-editor-grid[b-odjfmwjzdo] {
    overflow: auto;
    display: flex;
}

    /* Editor Grid Header Styles*/
    .xf-cvd-editor-grid .xf-cvd-editor-grid__header[b-odjfmwjzdo] {
        display: flex;
        height: 36px;
        padding: 0 4px 0 16px;
        margin-top: 8px;
    }

        .xf-cvd-editor-grid .xf-cvd-editor-grid__header p[b-odjfmwjzdo] {
            height: 36px;
            line-height: 36px;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 700;
            color: #373737;
            font-size: 1rem;
        }

    .xf-cvd-editor-grid .xf-cvd-editor-grid__header-buttons[b-odjfmwjzdo] {
        margin-left: auto;
        display: flex;
    }

    /* Editor Grid Content Styles*/
    .xf-cvd-editor-grid #xf-cvd__editor-grid__content[b-odjfmwjzdo] {
        height: 100%;
        width: 100%;
        overflow: auto;
    }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content button[b-odjfmwjzdo] {
            height: 100%;
            width: 100%;
            background: white;
            background-clip: content-box;
            border: 0;
            display: block;
            text-align: left;
            border-radius: 4px;
            border: 1px solid #ddd;
            padding: 0;
        }

            .xf-cvd-editor-grid #xf-cvd__editor-grid__content button:focus[b-odjfmwjzdo] {
                outline: 0;
            }

            .xf-cvd-editor-grid #xf-cvd__editor-grid__content button:focus-visible[b-odjfmwjzdo] {
                outline: 2px solid black;
            }

            .xf-cvd-editor-grid #xf-cvd__editor-grid__content button.xf-cvd__selected-button[b-odjfmwjzdo] {
                background-color: #DBEAFE !important;
                border: 2px solid #4F8FF7;
                color: #4883E2;
                font-weight: bold;
            }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content table[b-odjfmwjzdo] {
            border-spacing: 0;
            border-top: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content thead[b-odjfmwjzdo] {
            font-size: var(--font-size-14px);
            line-height: 16px;
            letter-spacing: 0.05em;
        }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content tbody[b-odjfmwjzdo] {
            font-size: var(--font-size-14px);
        }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content th[b-odjfmwjzdo],
        .xf-cvd-editor-grid #xf-cvd__editor-grid__content td[b-odjfmwjzdo] {
            white-space: nowrap;
            text-align: center;
            height: 40px;
        }

            .xf-cvd-editor-grid #xf-cvd__editor-grid__content th > div[b-odjfmwjzdo],
            .xf-cvd-editor-grid #xf-cvd__editor-grid__content td > div[b-odjfmwjzdo] {
                padding: 2px 4px;
                height: 100%;
                width: 100%;
                min-width: 140px;
                background-color: white;
            }

                .xf-cvd-editor-grid #xf-cvd__editor-grid__content th > div > button > span[b-odjfmwjzdo] {
                    margin: 0 8px;
                    padding-left: 4px;
                }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content tr:last-child td[b-odjfmwjzdo] {
            border-bottom: none;
        }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content tr.editor-grid--sticky[b-odjfmwjzdo] {
            position: sticky;
            top: 0;
            z-index: 1;
        }

        .xf-cvd-editor-grid #xf-cvd__editor-grid__content th.editor-grid--sticky[b-odjfmwjzdo],
        .xf-cvd-editor-grid #xf-cvd__editor-grid__content td.editor-grid--sticky[b-odjfmwjzdo] {
            position: sticky;
            left: 0;
        }

            .xf-cvd-editor-grid #xf-cvd__editor-grid__content td.editor-grid--sticky div[b-odjfmwjzdo] {
                width: 100%;
                height: 100%;
                background-color: white;
            }
/* /Pages/CubeViews/Designer/XFWebCVConditionalFormatDlg.razor.rz.scp.css */
/*Upper-left Pane Styles*/
.cvd-cf-dlg__textarea-container[b-jeife5syzf] {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
}

    .cvd-cf-dlg__textarea-container p[b-jeife5syzf] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: var(--font-size-20px);
        display: inline-block;
        padding-left: 8px;
        margin-bottom: 8px;
    }

    .cvd-cf-dlg__textarea-container textarea[b-jeife5syzf] {
        display: block;
        resize: none;
        width: 100%;
        height: 100%;
        padding: 8px;
        font-size: 1.2em;
    }

/*Right Pane Styles*/
.cvd-cf-dlg__format-properties-container[b-jeife5syzf] {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
}

.cvd-cf-dlg__format-properties-header[b-jeife5syzf] {
    padding-bottom: 12px;
}

    .cvd-cf-dlg__format-properties-header p[b-jeife5syzf] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: var(--font-size-20px);
        display: inline-block;
        margin-bottom: 0;
    }

.cvd-cf-dlg__format-properties[b-jeife5syzf] {
    overflow: auto;
}
/* /Pages/CubeViews/Designer/XFWebCvdSaveAsDlg.razor.rz.scp.css */
.xf-cvd-save-as-dlg[b-d4q6ntr91p] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__header[b-d4q6ntr91p] {
        margin: 12px 0 4px 8px !important;
        line-height: inherit !important;
        grid-column: span 2;
        font-weight: bold;
    }

    .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__settings[b-d4q6ntr91p] {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr;
        font-family: Arial, Helvetica, sans-serif;
        color: #373737;
        font-size: 1rem;
    }

        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__settings input[b-d4q6ntr91p],
        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__settings textarea[b-d4q6ntr91p] {
            margin: 2px 0 2px 16px;
            border-radius: 8px;
            border: 1px solid #bbb;
            padding: 4px 8px;
            resize: none;
        }

        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__settings[b-d4q6ntr91p] .xf-cvd-save-as__combobox {
            margin: 0 0 12px 16px;
            width: calc(100% - 16px) !important;
            background: white;
        }

    .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties[b-d4q6ntr91p] {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        font-family: Arial, Helvetica, sans-serif;
        color: #373737;
        font-size: 1rem;
    }

        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties span[b-d4q6ntr91p] {
            line-height: 36px;
            margin-left: 16px;
        }

        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties input[b-d4q6ntr91p],
        .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties textarea[b-d4q6ntr91p] {
            margin: 2px 0 2px 12px;
            border-radius: 8px;
            border: 1px solid #666;
            padding: 4px 8px;
            opacity: 0.7;
            resize: none;
        }

            .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties input[readonly][b-d4q6ntr91p],
            .xf-cvd-save-as-dlg .xf-cvd-save-as-dlg__properties textarea[readonly][b-d4q6ntr91p] {
                border: 1px solid #bbb;
                color: #444;
            }

    .xf-cvd-save-as-dlg__cube-view-list ul[b-d4q6ntr91p] {
        margin: 0;
        font-size: 1rem;
        line-height: 32px;
    }
/* /Pages/Dashboards/Components/ParameterComponents/DynamicGrid/XFWebDynamicGridComponent.razor.rz.scp.css */
.dyngrid-toolbar__title[b-m2wvenjnpv] {
    grid-column-start: 2;
}

.grid_cell-value-container[b-m2wvenjnpv] {
    height: 100%;
    padding: 0px 12px;
    border: 1px solid var(--grey-300);
    opacity: 1;
    font-size: 14px;
    font-family: Verdana, Arial;
    color: #000000;
}

.grid_cell-value[b-m2wvenjnpv] {
    display: block;
    line-height: 1.9;
}

.grid_header-container[b-m2wvenjnpv] {
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid_header-value[b-m2wvenjnpv] {
    font-size: var(--font-size-14px) !important;
    font-weight: 700;
    color: #000000DE;
}

.grid_cell-custom-ellipsis[b-m2wvenjnpv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid_cell-multi-line[b-m2wvenjnpv] {
    display: -webkit-box;
    /* -webkit-line-clamp: 4;  Per sugestion from Jared we will keep this property for now, but commented*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
}

.grid_cell-value_editable-dropdownlist-container[b-m2wvenjnpv] {
    height: 100%;
    width: 100%;
}

.grid_cell-value_editable-dropdownlist[b-m2wvenjnpv] {
    border: solid 2px black;
    max-height: 28px;
}

.grid_cell-value_editable-container[b-m2wvenjnpv] {
    height: 100%;
    width: 100%;
}

.grid_cell-value_editable-input[b-m2wvenjnpv] {
    outline: none;
    border-width: 2px;
    border-color: black;
    padding: 0 12px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    width: 100%;
    height: 28px;
}

.grid_cell-value_editable-textarea[b-m2wvenjnpv] {
    outline: none;
    border-width: 2px;
    border-color: black;
    padding: 0 12px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    width: 100%;
    height: 28px;
}

.grid_cell-checkbox[b-m2wvenjnpv] {
    width: 100%;
    margin-top: 6px;
}
/* /Pages/Dashboards/Components/ParameterComponents/GridView/XFWebGridViewComponent.razor.rz.scp.css */
.grid-view__container[b-7z6oqmf7rh] {
    width: 100% !important;
    height: 100%;
    position: absolute;
}

.grid-view__title-container[b-7z6oqmf7rh] {
    width: 100%;
    position: absolute;
    padding-right: 15px;
    pointer-events: none;
}

.grid-view__title-value[b-7z6oqmf7rh] {
    margin: auto;
    margin-left: 36px;
    font-size: var(--font-size-16px);
    pointer-events: auto;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-view__cell-checkbox[b-7z6oqmf7rh] {
    margin-left: 8px;
}

[b-7z6oqmf7rh] .k-grid .header-select-all .k-checkbox, .k-grid .header-select-all .k-checkbox-wrap[b-7z6oqmf7rh] {
    vertical-align: middle;
    text-align: center;
}

[b-7z6oqmf7rh] .k-grid .autofit-grid-column {
    display: none;
    font-size: var(--font-size-14px);
    font-family: 'Arial';
    letter-spacing: 0.28px;
    font-weight: 400;
}

[b-7z6oqmf7rh] th > .k-checkbox.telerik-blazor.k-rounded-md.k-checkbox-md {
    text-align: center;
    margin-left: 2px;
}
/* /Pages/Dashboards/Components/ParameterComponents/PivotGrid/XFWebPivotGridComponent.razor.rz.scp.css */
/*fieldset datalist width*/
.xf-pivotgrid[b-vk6l4ppmum]  .xf-dialog.xf-popup {
    width: 50vw !important;
}

.xf-pivotgrid .pivot-container[b-vk6l4ppmum] {
    min-height: 200px;
    width: 100% !important;
    height: 100%;
    position: absolute;
}

.xf-pivotgrid .control-section[b-vk6l4ppmum] {
    padding-top: 5px;
}

.xf-pivotgrid .hide_container[b-vk6l4ppmum] {
    display: none
}

.xf-pivotgrid .pivot-grid-container[b-vk6l4ppmum] {
    /* Use Flexbox for alignment */
    display: flex;
    flex-direction: column;
}

.xf-pivotgrid .custom-header[b-vk6l4ppmum] {
    /* Style your header area */
    padding: 10px;
    background-color: #f5f5f5; /* light gray background */
    border: 1px solid #ddd;
    border-bottom: none; /* remove bottom border to blend with the grid */
    display: flex;
    align-items: center;
    justify-content: space-between; /* push content to edges */
}

.xf-pivotgrid .grid-title[b-vk6l4ppmum] {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

/* Align the Field Chooser button or other elements here */
.xf-pivotgrid .field-chooser-button[b-vk6l4ppmum] {
    /* Example style for a button */
    margin-left: auto;
}

#myPivotGrid[b-vk6l4ppmum] {
    border: 1px solid #ddd;
}
/* /Pages/Dashboards/Components/ParameterComponents/SqlTableEditor/XFWebSqlTableEditorComponent.razor.rz.scp.css */
.grid_container[b-ps63fmayip] {
    width: 100% !important;
    height: 100%;
    position: relative;
}

.grid_title-container[b-ps63fmayip] {
    position: relative;
    pointer-events: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid_title-value[b-ps63fmayip] {
    margin: auto;
    font-size: var(--font-size-16px);
    pointer-events: auto;
}

.ste-toolbar__title[b-ps63fmayip] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid_cell-value-container[b-ps63fmayip] {
    height: 100%;
    padding: 0px 12px;
    border: 1px solid var(--grey-300);
    opacity: 1;
    font-size: var(--font-size-14px);
    font-family: Verdana, Arial;
    color: #000000;
}

.grid_cell-value[b-ps63fmayip] {
    display: block;
    line-height: 1.9;
}

.grid_header-container[b-ps63fmayip] {
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid_header-value[b-ps63fmayip] {
    font-size: var(--font-size-14px) !important;
    font-weight: 700;
    color: #000000DE;
}

.grid_cell-custom-ellipsis[b-ps63fmayip] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid_cell-multi-line[b-ps63fmayip] {
    display: -webkit-box;
    /* -webkit-line-clamp: 4;  Per sugestion from Jared we will keep this property for now, but commented*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
}

.grid_cell-value_editable-dropdownlist-container[b-ps63fmayip] {
    height: 100%;
    width: 100%;
}

.grid_cell-value_editable-dropdownlist[b-ps63fmayip] {
    border: solid 2px black;
    max-height: 28px;
}

.grid_cell-value_editable-container[b-ps63fmayip] {
    height: 100%;
    width: 100%;
}

.grid_cell-value_editable-input[b-ps63fmayip] {
    outline: none;
    border-width: 2px;
    border-color: black;
    padding: 0 12px;
    font-family: Verdana;
    font-size: var(--font-size-14px);
    font-weight: 700;
    font-style: italic;
    width: 100%;
    height: 28px;
}

.grid_cell-value_editable-textarea[b-ps63fmayip] {
    outline: none;
    border-width: 2px;
    border-color: black;
    padding: 0 12px;
    font-family: Verdana;
    font-size: var(--font-size-14px);
    font-weight: 700;
    font-style: italic;
    width: 100%;
    height: 28px;
}

.grid_cell-checkbox[b-ps63fmayip] {
    width: 100%;
    margin-top: 6px;
}

[b-ps63fmayip] .k-input-inner {
    display: block !important;
}

[b-ps63fmayip] th > .k-checkbox.telerik-blazor.k-rounded-md.k-checkbox-md {
    text-align: center;
}

[b-ps63fmayip] .k-grid .header-select-all .k-checkbox-wrap {
    vertical-align: middle;
}

[b-ps63fmayip] .k-grid .telerik-grid_cell-value-container {
    display: none;
    font-size: var(--font-size-14px);
    font-family: 'Arial';
    letter-spacing: 0.28px;
    font-weight: 400;
}

    [b-ps63fmayip] .k-grid .telerik-grid_cell-value-container .hide-grid {
        display: none;
    }

[b-ps63fmayip] .telerik-grid__ellipsis-menu {
    opacity: 0.5;
}

[b-ps63fmayip] .k-checkbox-wrap {
    width: 12px;
}

[b-ps63fmayip] .ste-grid-cell-checkBox_editable .k-checkbox.grid_cell-checkbox.k-disabled {
    opacity: 1 !important;
}

[b-ps63fmayip] .k-grid td {
    height: 28px;
    border-width: 0px 1px 1px 0px;
    vertical-align: top;
    padding: 0;
}

[b-ps63fmayip] .k-grid-header {
    background-color: #FAFAFA;
    box-shadow: 0px 2px 10px -8px #111;
    z-index: 2;
}

    [b-ps63fmayip] .k-grid-header .k-table-th {
        border-right-width: 0;
        border-color: rgba(0, 0, 0, 0.12);
    }

[b-ps63fmayip] .k-grid th {
    padding: 6px 8px;
    border-width: 0px 1px 2px 0px;
    border-color: #95A3AA;
}

[b-ps63fmayip] .k-grid .k-grid-filter {
    top: 0;
    right: 7px;
    height: 44px;
    width: 26px;
    border-radius: 0;
    padding-top: 14px;
    position: relative;
}

[b-ps63fmayip] .k-grid-header th .k-grid-filter:hover {
    background-color: #243B77;
    opacity: 0.5;
}

[b-ps63fmayip] .k-column-resizer {
    z-index: 3;
}

[b-ps63fmayip] .k-grid .k-grid-filter span {
    content: url('images/Icons/icon-vertical-ellipses.svg');
    filter: invert(35%);
    height: 20px;
    bottom: 2px;
    padding-right: 5px;
}

[b-ps63fmayip] .k-state-active.k-grid-filter span {
    filter: invert(0%);
}

[b-ps63fmayip] .k-link {
    justify-content: end;
    margin-right: 14px;
}

[b-ps63fmayip] .k-column-title {
    margin-right: auto;
}

[b-ps63fmayip] .k-grid-pager {
    padding: 2px 8px;
    color: #373737;
}

[b-ps63fmayip] .k-grid-pager .k-icon {
    margin: auto;
}

[b-ps63fmayip] .k-grid-pager .k-input-md .k-input-inner,
[b-ps63fmayip] .k-grid-pager .k-picker-md .k-input-inner,
[b-ps63fmayip] .k-grid-pager .k-picker-solid .k-input-button {
    padding-block: 2px;
}

[b-ps63fmayip] .k-grid-pager .k-pager-numbers-wrap .k-pager-nav.k-button {
    padding: 0;
    height: 26px;
}

[b-ps63fmayip] .k-grid-header table tr:not(.k-detail-row):hover {
    background-color: transparent;
}

[b-ps63fmayip] .xf-input-group,
[b-ps63fmayip] .xf-input-group.xf-control-wrapper {
    margin-bottom: 0;
}

    [b-ps63fmayip] .xf-input-group .xf-input-group-icon, 
    [b-ps63fmayip] .xf-input-group.xf-control-wrapper .xf-input-group-icon {
        margin: 0;
        height: 26px;
    }

[b-ps63fmayip] .k-grid tr.k-state-selected:hover, 
[b-ps63fmayip] .k-grid .k-grid-edit-row td {
    background-color: #ddd !important;
}

[b-ps63fmayip] .grid_cell-value-container {
    height: 100%;
    padding: 0px 6px;
    border: 1px solid var(--grey-300);
    opacity: 1;
    font-size: var(--font-size-13px);
    font-family: Verdana, Arial;
    font-weight: 400;
    color: #000000;
}

[b-ps63fmayip] .k-grid .k-cell-inner > .k-link {
    display: flex;
}

[b-ps63fmayip] .resize-modes-radio {
    max-width: fit-content !important;
}

[b-ps63fmayip] .ste-toolbar__buttons .k-button.k-button-solid-base {
    float: left;
    background-color: inherit;
    border-color: transparent;
}

[b-ps63fmayip] .grid_cell-value_editable-dropdownlist .xf-telerik-combobox {
    max-height: 28px;
    font-style: italic;
    font-weight: bold;
}

    [b-ps63fmayip] .grid_cell-value_editable-dropdownlist .xf-telerik-combobox .k-input-inner {
        padding-left: 4px !important;
    }

[b-ps63fmayip] .grid_cell-error {
    color: red;
}

[b-ps63fmayip] .grid_cell-invalid div .grid_cell-value_editable-input {
    border-color: transparent;
}
/* /Pages/Dashboards/Components/ParameterComponents/XFWebCheckBoxComponent.razor.rz.scp.css */
[b-wwh5axmcs5] .xf-input-group:not(.xf-float-icon-left), .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left)[b-wwh5axmcs5] {
    border-bottom: none;
    border-color: none;
}

.xf-checkbox--input:focus[b-wwh5axmcs5], .xf-checkbox--input:focus-visible[b-wwh5axmcs5] {
    outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -1px !important;
}
/* /Pages/Dashboards/Components/ParameterComponents/XFWebRadioButtonGroupComponent.razor.rz.scp.css */

.xf-radio[b-1ydedc09tb] {
    accent-color: #3172AF;
}

.xf-radio-wrapper[b-1ydedc09tb] {
    display: inline-flex;
    margin: 0 0 .25rem 0;
}

    .xf-radio-wrapper:last-child[b-1ydedc09tb] {
        margin: 0;
    }

.xf-radio-wrapper--horizontal[b-1ydedc09tb] {
    display: inline-flex;
    margin: 6px 16px 0 0;
}

    .xf-radio-wrapper--horizontal:last-child[b-1ydedc09tb] {
        margin: 6px 0 0 0;
    }

.xf-radio-label[b-1ydedc09tb] {
    margin: 0 0 0 4px;
    line-height: 1.2;
}

.xf-radio-group[b-1ydedc09tb] {
    display: inline-flex;
}
/* /Pages/Dashboards/Components/ParameterComponents/XFWebTextBoxComponent.razor.rz.scp.css */
.xf-textbox-component__padding textarea[b-8rc3bf76w6], .xf-textbox-component__no-padding textarea[b-8rc3bf76w6] {
    resize: none;
}

.xf-textbox-component__padding input[b-8rc3bf76w6], .xf-textbox-component__padding input:focus[b-8rc3bf76w6] {
    padding: 1px 3px 0 3px;
    box-sizing: border-box !important;
}

.xf-textbox-component__no-padding input[b-8rc3bf76w6], .xf-textbox-component__no-padding input:focus[b-8rc3bf76w6] {
    padding-top: 1px;
    box-sizing: border-box !important;
}

/* Ensures inputs respect parent container width in flex layouts. */
.xf-textbox-component__input-width[b-8rc3bf76w6] {
    width: 100% !important;
    min-width: 0 !important;
}

[b-8rc3bf76w6] .card {
    width: 100%;
}

[b-8rc3bf76w6] .dxreRoot {
    z-index: 0;
}

[b-8rc3bf76w6] .dxbl-office-ribbon {
    width: 100%;
}

[b-8rc3bf76w6] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
    display: none;
}

[b-8rc3bf76w6] .textbox-icon__spell-checker {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url("../images/Icons/icon-text-editor-spellcheck.svg");
    background-repeat: no-repeat;
}

textarea[b-8rc3bf76w6] {
    field-sizing: content;
    min-height: 24px;
}
/* /Pages/Dashboards/Components/XFWebDashboardCubeViewComponent.razor.rz.scp.css */
.xf-sg-cube-view__dashboard-container[b-u0wi6ezw8u] {
    display: flex !important;
    flex-grow: 1 !important;
}

.generic-grid[b-u0wi6ezw8u] {
    width: 93vw;
}

.grid_container[b-u0wi6ezw8u] {
    width: 100% !important;
    height: 100%;
}
/* /Pages/Dashboards/Components/XFWebDashboardDataExplorerComponent.razor.rz.scp.css */
.generic-grid[b-z4sj9s10cl] {
    width: 93vw;
}

.grid_container[b-z4sj9s10cl] {
    width: 100% !important;
    height: 100%;
}
/* /Pages/Dashboards/XFWebDashboardComponentViewPort.razor.rz.scp.css */

.xf-viewport[b-gjkl82k9rj] {
    display: inline-flex;
    height: fit-content;
    overflow: hidden;
}
/* /Pages/Dashboards/XFWebDashboardLayout.razor.rz.scp.css */
.dashboard-component-wrapper-container[b-jgrf9a6lmn] {
    padding: 0;
    overflow: hidden;
}

.dashboard-uniform-container .dashboard-tabs-container[b-jgrf9a6lmn] {
    max-width: 100vw;
}

.dashboard-tabs-container[b-jgrf9a6lmn] {
    height: calc(100vh - 140px);
    position: relative;
}

.dashboard-uniform-container[b-jgrf9a6lmn] {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%;
}

.dashboard-canvas-container[b-jgrf9a6lmn] {
    position: relative;
}

.dashboard-grid-container[b-jgrf9a6lmn] {
    width: 100%;
    height: 100%;
    position: relative;
}

.dashboard-grid-content[b-jgrf9a6lmn] {
    width: 100%;
    overflow: auto;
}

.dashboard-stackpanel-container--vertical[b-jgrf9a6lmn] {
    overflow: auto;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    position: relative;
}

    .dashboard-stackpanel-container--vertical ul[b-jgrf9a6lmn] {
        list-style-type: none;
        padding-inline-start: 0;
        margin-bottom: 0;
        width: 100%;
        display: table;
    }

.dashboard-stackpanel-container--horizontal[b-jgrf9a6lmn] {
    overflow: auto;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    position: relative;
}

    .dashboard-stackpanel-container--horizontal ul[b-jgrf9a6lmn] {
        list-style-type: none;
        padding-inline-start: 0;
        margin-bottom: 0;
        height: 100%;
        line-height: 1;
    }

.dashboard-stackpanel-content--vertical[b-jgrf9a6lmn] {
    display: block;
    width: 100%
}

.dashboard-stackpanel-content--horizontal[b-jgrf9a6lmn] {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.dashboard-stack-section[b-jgrf9a6lmn] {
    position: relative;
}
/* /Pages/Dashboards/XFWebDashboardMoveableSplitter.razor.rz.scp.css */
.xf-dashboard-horizontal-splitter[b-8f0tg4fl94] {
    cursor: ns-resize;
    height: 100%;
    width: 100%;
    background-color: #D4D4D4;
    z-index: 4;
}

.xf-dashboard-horizontal-splitter--touch-device-area[b-8f0tg4fl94] {
    height: 16px;
    width: 100%;
    z-index: 3;
}

.xf-dashboard-vertical-splitter[b-8f0tg4fl94] {
    cursor: ew-resize;
    height: 100%;
    width: 100%;
    background-color: #D4D4D4;
    grid-row-start: 1;
    z-index: 4;
}

.xf-dashboard-vertical-splitter--touch-device-area[b-8f0tg4fl94] {
    height: 100%;
    width: 16px;
    grid-row-start: 1;
    z-index: 3;
    margin-left: -7px;
}
/* /Pages/Dashboards/XFWebDashboards.razor.rz.scp.css */
.dashboard-body_with-title[b-vfgggc6pre] {
    display: grid;
    grid-template-rows: 40px 1fr;
    margin-left: 6px;
}

.dashboard-body_without-title[b-vfgggc6pre] {
    display: grid;
    grid-template-rows: 1fr;
}

.dashboard-content[b-vfgggc6pre] {
    overflow: auto;
}
/* /Pages/Index.razor.rz.scp.css */
#linechart[b-whvjwzq9qt], #barchart[b-whvjwzq9qt], #grid[b-whvjwzq9qt] {
    height: 100% !important;
    width: 100% !important;
}

.header[b-whvjwzq9qt] {
    font-size: var(--font-size-16px);
    font-weight: bold;
}
.centeredpanel[b-whvjwzq9qt] {
    height: 100%;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: var(--font-size-30px);
    color: gray;
}
/* /Pages/Workflow/ICMatchViewer/XFWebICStatusGridComponent.razor.rz.scp.css */
.entity-pass[b-dvkl2k429s] {
    background: url('../images/Icons/icon-check-complete.svg') center center no-repeat;
    height: 16px;
}

.entity-review[b-dvkl2k429s] {
    background: url('../images/Icons/icon-warn.svg') center center no-repeat;
    height: 16px;
}

.entity-fail[b-dvkl2k429s] {
    background: url('../images/Icons/icon-error.svg') center center no-repeat;
    height: 16px;
}
/* /Pages/Workflow/Journals/Allocations/XFWebJournalAllocationComponent.razor.rz.scp.css */
.journal-allocation--header-container[b-m00xtx01ij] {
    width: 100%;
    height: 36px;
    background-color: #e9f0f3;
    text-align: center;
}

.journal-allocation--header-text[b-m00xtx01ij] {
    color: #616161;
    font: normal normal bold var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
    line-height: 36px;
    font-weight: bold;
}

.journal-allocation--allRows-container[b-m00xtx01ij] {
    overflow-y: auto;
    position: absolute;
    overflow-x: hidden;
    width: 100%;
    margin: 0 !important;
    padding-left: 31px;
    padding-right: 25px;
    padding-bottom: 1.5rem
}

div.journal-allocation-container .journal-allocation--row-name[b-m00xtx01ij] {
    -ms-flex: 0 0 50%;
    flex: 0 0 41%;
    max-width: 41%;
    padding-left: 10px;
}

div.journal-allocation-container .journal-allocation--row-value[b-m00xtx01ij] {
    flex: 0 0 59%;
    max-width: 59%;
    padding: 0;
    display: inline-block;
}

.journal-allocation--allRows-container .journal-allocation--row-name[b-m00xtx01ij], .journal-allocation--allRows-container .journal-allocation--row-value[b-m00xtx01ij] {
    font: normal normal bold var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
}

.journal-allocation--row-container[b-m00xtx01ij] {
    border-bottom: 1px solid #9e9e9e;
    line-height: 35px;
    position: relative;
    width: 100%;
}

.journal-allocation--row-name[b-m00xtx01ij] {
    color: #616161;
    font: normal normal bold var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
    letter-spacing: normal;
    line-height: normal;
    margin: auto 0;
    opacity: 1;
    text-align: left;
    word-break: break-word;
}

    .journal-allocation--row-name label[b-m00xtx01ij] {
        margin-bottom: 0;
    }

.journal-allocation--row-value[b-m00xtx01ij] {
    color: #023f76;
    display: flex;
    font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
    letter-spacing: normal;
    line-height: normal;
    opacity: 1;
    text-align: left;
    word-break: break-word;
}

.journal-allocation--parent-container .journal-allocation--row-value[b-m00xtx01ij] {
    font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.journal-allocation--row-value span[b-m00xtx01ij] {
    margin-bottom: auto;
    margin-top: auto;
}

    .journal-allocation--row-value span.journal-allocation--read-only[b-m00xtx01ij] {
        color: #757575;
    }

.journal-allocation--row-value .xf-input-group.xf-control-container.xf-control-wrapper[b-m00xtx01ij] {
    height: 34px;
    width: 100%;
    margin: 0;
}

.journal-allocation--row-value .xf-input-group[b-m00xtx01ij], .journal-allocation--row-value .xf-input-group.xf-control-wrapper[b-m00xtx01ij], .journal-allocation--row-value .xf-telerik-combobox[b-m00xtx01ij] {
    background-color: #fafafa;
    font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    color: #023f76;
}

    .journal-allocation--row-value .xf-input-group input.xf-input[b-m00xtx01ij] {
        color: #023f76 !important;
        font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial,Helvetica,sans-serif;
        letter-spacing: 0;
    }

.journal-allocation--row-value .xf-ddl.xf-lib.xf-input-group.xf-control-container.xf-control-wrapper[b-m00xtx01ij] {
    height: 32px;
    border: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: var(--font-size-12px);
    color: #000;
}

    .journal-allocation--row-value .xf-ddl.xf-lib.xf-input-group.xf-control-container.xf-control-wrapper input[b-m00xtx01ij] {
        text-align: left;
    }

.journal-allocation--row-value .xf-input-group:not(.xf-float-icon-left)[b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left)[b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-input-focus:not(.xf-float-icon-left):not(.xf-success):not(.xf-warning):not(.xf-error)[b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-control-wrapper.xf-input-focus:not(.xf-float-icon-left):not(.xf-success):not(.xf-warning):not(.xf-error)[b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-input-focus:hover:not(.xf-float-icon-left):not(.xf-success):not(.xf-warning):not(.xf-error)[b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-control-wrapper.xf-input-focus:hover:not(.xf-float-icon-left):not(.xf-success):not(.xf-warning):not(.xf-error)[b-m00xtx01ij] {
    border-bottom: none;
}

    .journal-allocation--row-value .xf-input-group:not(.xf-float-icon-left):not(.xf-float-input).xf-input-focus[b-m00xtx01ij]::before,
    .journal-allocation--row-value .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left):not(.xf-float-input).xf-input-focus[b-m00xtx01ij]::before,
    .journal-allocation--row-value .xf-input-group:not(.xf-float-icon-left):not(.xf-float-input).xf-input-focus[b-m00xtx01ij]::after,
    .journal-allocation--row-value .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left):not(.xf-float-input).xf-input-focus[b-m00xtx01ij]::after {
        width: 0%;
    }

    .journal-allocation--row-value .xf-input-group:not(.xf-float-icon-left):not(.xf-float-input)[b-m00xtx01ij]::before,
    .journal-allocation--row-value .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left):not(.xf-float-input)[b-m00xtx01ij]::before,
    .journal-allocation--row-value .xf-input-group:not(.xf-float-icon-left):not(.xf-float-input)[b-m00xtx01ij]::after,
    .journal-allocation--row-value .xf-input-group.xf-control-wrapper:not(.xf-float-icon-left):not(.xf-float-input)[b-m00xtx01ij]::after {
        height: 0px;
        background: transparent;
        width: 0%;
    }

.journal-allocation--row-value .xf-input-group input.xf-textbox[readonly][b-m00xtx01ij],
.journal-allocation--row-value .xf-input-group.xf-control-wrapper input.xf-textbox[readonly][b-m00xtx01ij],
.journal-allocation--row-value .xf-telerik-combobox.k-disabled[b-m00xtx01ij] {
    background-color: #ffffff;
    color: #757575 !important;
}

.journal-allocation--row-value .journal-allocation--row__toggle-switch-value-text[b-m00xtx01ij] {
    display: inline-block;
    line-height: 35px;
    padding-right: 10px;
    font-weight: normal;
}

.journal-allocation--row__toggle-switch-value[b-m00xtx01ij] {
    height: 35px;
    line-height: 35px;
    float: right;
    margin-left: 12px;
    display: inline-block;
    right: 0;
    padding-left: 10px;
    position: absolute;
}

.allocation-state-button_style:focus[b-m00xtx01ij] {
    border: 0;
    outline: none;
}

.allocation_header-value[b-m00xtx01ij] {
    width: 98.5%;
    font-size: var(--font-size-16px);
    background-color: #e9f0f3;
    border: 1px solid #95A3AA;
    text-align: center;
    font-weight: bold;
}

.allocation_label-value[b-m00xtx01ij] {
    width: 65%;
    padding-left: 20px;
    margin: auto;
    font-size: var(--font-size-16px);
    border: 1px solid #95A3AA;
}

.allocation-state_style[b-m00xtx01ij] {
    width: 32%;
    text-align: left;
    background: #E9F0F3 0% 0% no-repeat padding-box;
    border: 1px solid #95A3AA;
    font-weight: bold;
    padding-left: 10px;
}

.allocation-style[b-m00xtx01ij] {
    width: 30%;
    text-align: right;
    background: #E9F0F3 0% 0% no-repeat padding-box;
    border: 1px solid #95A3AA;
    margin-left: 29px;
    padding-right: 10px;
}
/* /Pages/Workflow/Journals/Dialog/XFWebExportJournalsDlg.razor.rz.scp.css */
.journal-name__container[b-spoi35glgx] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  padding-bottom: 0;
}

.journal-name__container input[b-spoi35glgx]::placeholder {
  font-style: italic;
  opacity: 0.5;
}
/* /Pages/Workflow/Journals/Dialog/XFWebJournalsEntityFilterDlg.razor.rz.scp.css */
.xf-journals-filter-input input[b-z4bmdjsbpc]::placeholder {
    font-style: italic;
    opacity: 0.5;
}
/* /Pages/Workflow/WorkflowViewers/XFWebWorkflowAuditViewerComponent.razor.rz.scp.css */
.workflow-central-input--parent-container[b-9921fn8zra] {
    height: 100%;
    width: 100%;
}

    .workflow-central-input--parent-container .navbar-component-container[b-9921fn8zra] {
        margin: 0 8px 0 0;
        height: 100%;
    }

    .workflow-central-input--parent-container .navbar-component-container__treeview[b-9921fn8zra] {
        border-radius: 8px;
        height: calc(100% - 32px);
    }

    .workflow-central-input--parent-container .navbar-component-container__header p[b-9921fn8zra] {
        margin: 0;
        line-height: 32px;
        margin-left: 12px;
    }

    .workflow-central-input--parent-container .xf-telerik-treeview[b-9921fn8zra] {
        padding: 8px;
    }

.workflow-central-input--audit-info-parent-container[b-9921fn8zra] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.workflow-central-input--audit-info-header[b-9921fn8zra] {
    height: 40px;
    width: 100%;
    background-color: #eee;
    border: 1px solid #ccc;
    padding-left: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .workflow-central-input--audit-info-header span[b-9921fn8zra] {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        color: #373737;
        font-size: var(--font-size-18px);
        line-height: 40px;
        white-space: pre;
    }

.workflow-central-input--audit-info-container[b-9921fn8zra] {
    width: 100%;
    flex-grow: 1;
}

    .workflow-central-input--audit-info-container .audit-info--child[b-9921fn8zra] {
        margin-top: 16px;
        margin-left: 16px;
        font-size: var(--font-size-16px);
        line-height: 24px;
    }


        .workflow-central-input--audit-info-container .audit-info--child div.audit-info--message-box[b-9921fn8zra] {
            border: 1px solid #ccc;
            padding: 8px;
            overflow: auto;
        }

        .workflow-central-input--audit-info-container .audit-info--child label[b-9921fn8zra] {
            font-weight: bold;
        }

        .workflow-central-input--audit-info-container .audit-info--child input[type="text"]:read-only[b-9921fn8zra] {
            margin-left: 8px;
            margin-top: 12px;
            white-space: pre-line;
            border: none;  
            padding: 0;
        }

        .workflow-central-input--audit-info-container .audit-info--child input[type="text"]:read-only[b-9921fn8zra]::selection {
            background-color: transparent;
        }

        .workflow-central-input--audit-info-container .audit-info--child div[b-9921fn8zra] {
            margin-left: 8px;
            margin-top: 12px;
            white-space: pre-line;
        }
/* /Pages/Workflow/WorkflowViewers/XFWebWorkflowViewersToolbar.razor.rz.scp.css */
.titleheader-container[b-qb4cbjhnsg] {
    height: 40px;
    background: #eee 0% 0% no-repeat padding-box;
    border: 1px solid #ccc;
    opacity: 1;
    padding-top: 9px;
    padding-bottom: 9px;
}

.titleheader-text[b-qb4cbjhnsg] {
    height: 22px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #373737;
    text-align: center;
    font: normal normal 700 var(--font-size-18px)/var(--font-size-23px) Arial;
    letter-spacing: 0px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 8.88rem;
}

.toolbar-button-group[b-qb4cbjhnsg] {
    padding-left: 8px;
}

.toolbar-button-item[b-qb4cbjhnsg] {
    padding-left: 14px;
    padding-right: 14px;
}

.toolbar-button-container[b-qb4cbjhnsg] {
    display: inherit;
}
/* /Pages/Workflow/XFWebWorkflowBarComponent.razor.rz.scp.css */
.wf-container[b-ua3nnbp5na] {
    display: flex;
    padding: 6px 0px;
    align-items: center;
}

.wf-container__button[b-ua3nnbp5na] {
    height: 28px;
    background-color: white;
    position: relative;
}

    .wf-container__button img[b-ua3nnbp5na] {
        float: left;
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }

    .wf-container__button span[b-ua3nnbp5na] {
        float: left;
        padding-top: 3px;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 0.9rem;
        font-family: Arial, Helvetica, sans-serif;
        
    }

.wf-workflow-bar__button[b-ua3nnbp5na] {
    display: inline-flex;
    height: 100%;
    width: 100%;
}

.wf-container__button-no-rounded-corners[b-ua3nnbp5na] {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.wf-container__button-left-rounded-corners[b-ua3nnbp5na] {
    border-top-right-radius: 0px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
}

.wf-container__button-right-rounded-corners[b-ua3nnbp5na] {
    border-top-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
}

.wf-container__button-all-rounded-corners[b-ua3nnbp5na] {
    border-radius: 6px;
}

#selected-task-indicator[b-ua3nnbp5na] {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #6F7C83;
    position: absolute;
    bottom: 0;
    left: calc(50% - 5px);
}

.wf-image-left[b-ua3nnbp5na] {
    width: 11px;
    height: 22px;
}

.wf-image-center[b-ua3nnbp5na] {
    width: 100px;
    height: 22px;
    text-align: center;
    cursor: pointer;
}

    .wf-image-center:hover[b-ua3nnbp5na] {
        font-weight: 900;
    }

.wf-image-center-text[b-ua3nnbp5na] {
    width: 100px;
    margin: 0 auto;
    line-height: 13px;
    padding-top: 5px;
}

.wf-image-center-image[b-ua3nnbp5na] {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    line-height: 5px;
}

.wf-textblock[b-ua3nnbp5na] {
    margin-right: 14px;
    margin-top: 2px;
    font-size: 0.9rem;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wf-image-right-transition[b-ua3nnbp5na] {
    width: 16px;
    height: 22px;
}

.wf-image-right-end[b-ua3nnbp5na] {
    width: 16px;
    height: 22px;
}

.ReadOnlyText[b-ua3nnbp5na] {
    color: rgb(102, 110, 127);
}

.AlmostBlackText[b-ua3nnbp5na] {
    color: rgba(0, 0, 0, .70);
}

.WhiteText[b-ua3nnbp5na] {
    color: #FFF;
}

.pointer[b-ua3nnbp5na] {
    cursor: pointer;
}

@media (max-width: 576px) { 
    .wf-container[b-ua3nnbp5na] {
        display: inline-block;
        padding: 0 0 6px 0;
    }
}
/* /Shared/Components/Banner/XFWebBannerComponent.razor.rz.scp.css */
.xf-banner__container[b-0gr2ht3f4i] {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
}

.xf-banner--warning[b-0gr2ht3f4i] {
    background-color: #FEE9D5;
}

.xf-banner--information[b-0gr2ht3f4i] {
    background-color: #E2F1FB;
}

.xf-banner--critical[b-0gr2ht3f4i] {
    background-color: #F6DBDF;
}

.xf-banner--success[b-0gr2ht3f4i] {
    background-color: #E1EFEB;
}

.xf-banner__text[b-0gr2ht3f4i] {
    color: #373737;
    text-align: center;
    font: normal normal 400 var(--font-size-14px)/var(--font-size-23px) Arial;
    letter-spacing: 0px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: auto 0;
    line-height: 20px;
}
/* /Shared/Components/ButtonGroup/XFWebButtonGroupComponent.razor.rz.scp.css */
.button-group-container[b-bk16wzxmfn] {
    gap: 4px;
}

.xf-group-button[b-bk16wzxmfn] {
    height: 25px;
    width: 84px;
    background: #7676801F 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal normal normal var(--font-size-12px)/var(--font-size-12px) Arial;
    letter-spacing: 0px;
    color: #616161;
    text-transform: capitalize;
    opacity: 1;
    border: none;
}

.xf-group-button-selected[b-bk16wzxmfn] {
    height: 25px;
    width: 84px;
    background: #373737 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal normal medium var(--font-size-12px)/var(--font-size-12px) Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    border: none;
}
/* /Shared/Components/Containers/XFWebCollapsibleContainer.razor.rz.scp.css */
.xf-collapsible-container[b-odh9hwc40d] {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #D0E5FE;
    border-radius: 12px;
    overflow: hidden;
}

    .xf-collapsible-container.xf-cc-expanded[b-odh9hwc40d] {
        min-height: 100px;
    }

    .xf-collapsible-container.xf-cc-collapsed[b-odh9hwc40d] {
        min-height: 38px;
    }

    .xf-collapsible-container .xf-cc-header[b-odh9hwc40d] {
        display: grid;
        border-radius: 12px 12px 0 0;
        padding: 0 4px;
    }

        .xf-collapsible-container .xf-cc-header .xf-cc-collapse-button[b-odh9hwc40d] {
            margin-left: 4px;
            position: relative;
            width: 24px;
            height: 24px;
            display: flex;
            background-color: #DBEAFE;
            border: 0;
            border-radius: 4px;
            padding: 0;
            align-self: center;
        }

            .xf-collapsible-container .xf-cc-header .xf-cc-collapse-button img[b-odh9hwc40d] {
                width: 20px;
                height: 20px;
                margin: 2px;
                background: #2966EC;
            }

    .xf-collapsible-container .xf-cc-header__content[b-odh9hwc40d] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: #373737;
        font-size: 1rem;
        line-height: 36px;
        padding: 0 8px;
        width: 100%;
        overflow: hidden;
    }

    .xf-collapsible-container .xf-cc-content[b-odh9hwc40d] {
        padding: 8px;
        position: relative;
        border-radius: 0 0 12px 12px;
        overflow: auto;
    }

        .xf-collapsible-container .xf-cc-header__content.xf-cc-disabled[b-odh9hwc40d],
        .xf-collapsible-container .xf-cc-content.xf-cc-disabled[b-odh9hwc40d] {
            opacity: 0.5;
            pointer-events: none;
            touch-action: none;
        }
/* /Shared/Components/DataExplorer/DataExplorerGrid/CustomGridViewColumns/XFWebDeDataCellColumnCellComponent.razor.rz.scp.css */
.data-cell__container:focus[b-ll3m5em1bc],
.data-cell__input-container:focus[b-ll3m5em1bc],
.data-cell__content:focus[b-ll3m5em1bc],
.data-cell__input-content:focus[b-ll3m5em1bc] {
    outline: none;
}

.data-cell__container[b-ll3m5em1bc] {
    border: 1px solid var(--grey-500);
    border: 1px solid #9E9E9E;
    font: normal normal 400 var(--font-size-13px)/var(--font-size-16px) "Arial";
    letter-spacing: 0.23px;
    color: #000000DE;
    text-align: right;
    opacity: 1;
    outline: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.data-cell__content[b-ll3m5em1bc] {
    padding: 5px 8px;
    height: 1.625rem; /* height supports background color */
    display: inline-flex;
    align-items: center;
    max-width: -webkit-fill-available;
}

.data-cell__input-container[b-ll3m5em1bc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 3px #00000057;
    border: 2px solid #0248A3;
    opacity: 1;
    height: 100%;
    line-height: 16px;
}

.data-cell__input-content[b-ll3m5em1bc] {
    font: italic normal 400 var(--font-size-13px)/var(--font-size-16px) "Arial";
    letter-spacing: 0.23px;
    text-align: left;
    color: #000000DE;
    opacity: 1;
    outline: none;
    border: none;
    width: 100%;
    line-height: 14px;
    padding: 5px 4px;
}

select.data-cell__input-content[b-ll3m5em1bc] {
    height: 24px;
}

.bg-input[b-ll3m5em1bc] {
    background-color: #FFFFFF;
}

.bg-input__selected[b-ll3m5em1bc] {
    font: normal normal 400 var(--font-size-13px)/var(--font-size-16px) "Arial";
    border: 2px solid #373737 !important;
    height: 1.75rem;
    opacity: 1;
}

    .bg-input__selected .data-cell__content[b-ll3m5em1bc] { /* reduced padding and height to account for 2px selected border */
        padding-left: 7px;
        padding-right: 7px;
        height: 1.5rem;
    }

.bg-multiselected[b-ll3m5em1bc] {
    font: normal normal 400 var(--font-size-13px)/var(--font-size-16px) "Arial";
    border: 1px dashed #0248A3 !important;
    height: 1.75rem;
    opacity: 1;
}

    .bg-multiselected .data-cell__content[b-ll3m5em1bc] { /* reduced height to account for 1px selected border */
        padding: 5px 8px;
        height: 1.625rem;
    }

.bg-invalid[b-ll3m5em1bc] {
    background-color: #FAEDEF;
}

.fg-black[b-ll3m5em1bc] {
    color: #000000DE;
}

.fg-light-grey[b-ll3m5em1bc] {
    color: #BDBDBD;
}

.fg-dark-blue[b-ll3m5em1bc] {
    color: #3172AF;
}

.datacell_currencytext[b-ll3m5em1bc] {
    padding-left: 2px;
    text-align: left;
    font: normal normal 700 var(--font-size-10px)/var(--font-size-16px) Arial;
    letter-spacing: 0.18px;
    color: #636E74;
    opacity: 1;
    display: inline-block;
    height: 0.875rem;
}

.datacell_value[b-ll3m5em1bc] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.75rem;
    white-space: pre;
}

.bg-green[b-ll3m5em1bc] {
    background-color: #E5F1EE;
}

.bg-light-yellow[b-ll3m5em1bc] {
    background-color: #FFF5EB;
}

.bg-disabled[b-ll3m5em1bc] {
    background-color: #F3FAF4;
}

.bg-pale-green[b-ll3m5em1bc] {
    background-color: #F3FAF4;
}

.datacell_locked[b-ll3m5em1bc]::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/Icons/icon-lock.svg") 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-left: 8px;
}

.datacell_flagged[b-ll3m5em1bc] {
    position: absolute;
    top: -1px;
    left: -2px;
}

.bg-input__selected .datacell_flagged[b-ll3m5em1bc] {
    top: -2px;
    left: -3px;
}

.datacell_flagged[b-ll3m5em1bc]::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/CubeView/flag.svg") 0% 0% no-repeat padding-box;
    opacity: 1;
    transform: scale(0.625); /* reduce flag to 10x10px */
}

.datacell_hasAttachments[b-ll3m5em1bc] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #0E77D4;
    opacity: 1;
}

.datacell_hasCellDetail[b-ll3m5em1bc] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #0E77D4;
    opacity: 1;
}

.bg-input__selected .datacell_hasAttachments[b-ll3m5em1bc] {
    top: -1px;
    right: -1px;
}
/* /Shared/Components/DataExplorer/DataExplorerGrid/CustomGridViewColumns/XFWebDeDataHeaderCellComponent.razor.rz.scp.css */
.datacell_header-value[b-c4kogt7bly] {
    text-align: left;
    font: normal normal 400 var(--font-size-14px)/var(--font-size-14px) Arial;
    letter-spacing: 0.23px;
    color: #000000DE;
    opacity: 1;
    padding: 5px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 2.4375rem;
}
/* /Shared/Components/DataExplorer/DataExplorerGrid/CustomGridViewColumns/XFWebDeRowHeaderColumnCellComponent.razor.rz.scp.css */
.datacell_rowheader-container[b-fgv5uvqoj6] {
    padding: 5px 8px 5px 0;
    border-bottom: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 16px;
    white-space: nowrap;
    height: 1.75rem; /* height supports background color */
}

.datacell_rowheader-value[b-fgv5uvqoj6] {
    text-align: left;
    font: normal normal 400 var(--font-size-14px)/var(--font-size-14px) Arial;
    letter-spacing: 0.26px;
    color: #000000;
    opacity: 1;
}

.datacell_rowheader-expandbutton[b-fgv5uvqoj6] {
    height: 12px;
    width: 12px;
    background: url(images/Misc/chevron-right.svg) no-repeat center;
    border: none;
    padding: 0px;
    margin-right: 6px;
}

.datacell_rowheader-collapsebutton[b-fgv5uvqoj6] {
    height: 12px;
    width: 12px;
    background: url(images/Misc/chevron-down.svg) no-repeat center;
    border: none;
    padding: 0px;
    margin-right: 5px;
}

.datacell_rowheader-nobutton[b-fgv5uvqoj6] {
    height: 12px;
    width: 12px;
    visibility: hidden;
}

.datacell__rowheader-suppressionindicator[b-fgv5uvqoj6] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #0E77D4;
    opacity: 1;
}
/* /Shared/Components/DataExplorer/DataExplorerGrid/CustomGridViewColumns/XFWebRowColumnHeaderComponent.razor.rz.scp.css */
.row-column-header[b-2n8rw6u0p0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row-search-container[b-2n8rw6u0p0] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.row-header-search[b-2n8rw6u0p0] {
    border: none;
    outline: none;
    text-align: left;
    font: normal normal medium var(--font-size-12px)/var(--font-size-15px) Proxima Nova;
    letter-spacing: 0.22px;
    color: #000000;
    opacity: 1;
    background-color: transparent;
    width: 100%;
}

.row-header-search:focus[b-2n8rw6u0p0],
.row-header-search:focus-visible[b-2n8rw6u0p0] {
    border: 2px solid black;
}

.row-search-button[b-2n8rw6u0p0] {
    width: 14px;
    height: 14px;
    background: url('../images/Icons/icon-search.svg');
    background-size: 14px 14px;
    padding-left: 8px;
    border: none;
}
/* /Shared/Components/DataExplorer/DataExplorerGrid/XFWebDataExplorerGridPager.razor.rz.scp.css */
.k-grid-pager[b-zi1ncjplka] {
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.12);
}

.k-pager-numbers-wrap[b-zi1ncjplka] {
    width: 100%;
}

.k-button-md[b-zi1ncjplka] {
    padding-block: 4px 6px;
    line-height: normal;
}

.k-button:disabled[b-zi1ncjplka], .k-button[disabled][b-zi1ncjplka], .k-button.k-disabled[b-zi1ncjplka] {
    opacity: 0.6;
}

.k-pager .k-pager-numbers-wrap .k-button:hover[b-zi1ncjplka] {
    color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.k-pager-md .k-pager-numbers-wrap .k-button[b-zi1ncjplka] {
    min-width: calc(1.4285714286em + 16px);
    height: calc(1.4285714286em + 16px);
}

.k-button-md.k-icon-button[b-zi1ncjplka] {
    padding: 8px 3px;
}
/* /Shared/Components/DataExplorer/DataExplorerGrid/XFWebDataExplorerGridToolbar.razor.rz.scp.css */
.titleheader-container[b-nfepyy3fix] {
    height: 40px;
    background: #eee 0% 0% no-repeat padding-box;
    border: 1px solid #ccc;
    opacity: 1;
    padding-top: 9px;
    padding-bottom: 9px;
}

.titleheader-text[b-nfepyy3fix] {
    height: 22px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #373737;
    text-align: center;
    font: normal normal 700 var(--font-size-18px)/var(--font-size-23px) Arial;
    letter-spacing: 0px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 8.88rem;
}

.toolbar-button-group[b-nfepyy3fix] {
    padding-left: 8px;
}

.toolbar-button-item[b-nfepyy3fix] {
    padding-left: 14px;
    padding-right: 14px;
}

.toolbar-button-container[b-nfepyy3fix] {
    border-right: solid 1px #616161;
    display: inherit;
}

.cv-save[b-nfepyy3fix] {
    background-image: url("/images/Misc/icon-action-save-black.svg");
}

.cv-undochanges[b-nfepyy3fix] {
    background-image: url("/images/Misc/icon-TB-revert.svg");
}

.cv-refresh[b-nfepyy3fix] {
    background-image: url("/images/Header/icon-Auto-renew.svg");
}

.cv-parameterrefresh[b-nfepyy3fix] {
    background-image: url("/images/Misc/icon-action-pram-md.svg");
}

.cv-pdf[b-nfepyy3fix] {
    background-image: url("/images/Misc/pdf-black.svg");
}

.cv-excel[b-nfepyy3fix] {
    background-image: url("/images/Misc/excel-default.svg");
}
/* /Shared/Components/DataExplorer/XFWebDataExplorerComponent.razor.rz.scp.css */
.loading-filler[b-bez58vd90s] {
    width: 100%;
    height: 100%;
    background-color: white;
    min-width: 200px;
}

.cv-viewport[b-bez58vd90s] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.cv-dependency[b-bez58vd90s] {
  flex: 0 0 auto; /* fixed height */
}

.cv-grid-wrapper[b-bez58vd90s] {
    flex: 1 1 auto;
}
/* /Shared/Components/DataExplorer/XFWebSGDataExplorerComponent.razor.rz.scp.css */
.loading-filler[b-dqjr2p2mnx] {
    width: 100%;
    height: 100%;
    background-color: white;
    min-width: 200px;
}

.cv-viewport[b-dqjr2p2mnx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.cv-dependency[b-dqjr2p2mnx] {
    flex: 0 0 auto; /* fixed height */
}

.cv-grid-wrapper[b-dqjr2p2mnx] {
    flex: 1 1 auto;
    position: relative; /* Required for spinner overlay positioning */
}

 /* DataExplorer SlickGrid Component Styles
 * Matches styling from old TelerikGrid-based component for visual parity
 * Uses CSS classes and variables for optimal performance
 * Performance Best Practices:
 * - Scoped selectors (.cv-grid-wrapper) to avoid global conflicts
 * - CSS variables for maintainability
 * - Specific selectors to minimize cascade overhead
 * - No inline styles (handled via CSS classes)
 * - will-change and contain for paint optimization */

/* ============================================
    ALPINE THEME OVERRIDE - CSS VARIABLES (MOST PERFORMANT)
============================================ */

/* BEST PRACTICE: Override Alpine theme CSS variables at container level
 * This is the most performant approach - variables cascade to all children automatically
 * No selector matching overhead, no specificity wars, browser-optimized */

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] {
        /* Grid background - white by default */
        background-color: #FFFFFF;
        /* Override Alpine theme CSS variables - MOST PERFORMANT approach */
        /* These cascade to all child elements automatically */
        --alpine-font-family: Arial, Helvetica, sans-serif;
        --alpine-font-size: 13px; /* Default for data cells */
        --alpine-font-color: #000000DE;
        --alpine-cell-border-width: 0; /* Disable Alpine default cell borders (grid lines come from .data-cell__container) */
        /* Grid Line Color Overrides - Matching Blazor Legacy CubeViewGridLinesDefault (#9E9E9E) */
        --alpine-border-color: #9E9E9E; /* Default grid line color (matching XFWebCssConstants.CubeViewGridLinesDefault) */
        --alpine-cell-border-color: #9E9E9E; /* Cell border color override (matching Blazor Legacy) */
        --alpine-header-border-color: #9E9E9E; /* Header border color override (matching Blazor Legacy GridLineBorderHeaderDefault) */

        --alpine-grid-bgcolor: #FFFFFF; /* Grid background */
        --alpine-bg-color: #FFFFFF; /* Viewport background */
        --alpine-header-bg-color: #F8F8F8; /* Header background Light Gray matches legacy component*/
        --alpine-header-color: #000000; /* Header text color */
        --alpine-header-font-weight: normal; /* Override Alpine bold default */
        --alpine-header-name-hover-bg-color: transparent; /* Header background hover color */
        --alpine-row-mouse-hover-color: transparent; /* Disable row hover color */
    }

/* ============================================
   CONTAINER-LEVEL OVERRIDES (GOOD PERFORMANCE)
============================================ */

 /* SECOND BEST: Container-level property overrides
 * Cascades to all children, no per-element selector matching
 * Use when CSS variables don't exist for a property */

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] {
        border: 1px solid var(--alpine-border-color, #9E9E9E); /* Using Alpine variable override (matching CubeViewGridLinesDefault) */
    }
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-container {
            font-family: Arial, Helvetica, sans-serif; /* Cascade to all children */
        }

/* ============================================
   HOVER STYLES OVERRIDE - Remove all hover effects
============================================ */

/* Override base hover styles from XFWebSlickGrid.razor.css and Alpine theme */
/* Row hover - explicitly set to white to override base styles */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:hover,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:hover .slick-cell,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-menuitem:hover,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .custom-column-picker-container label:hover {
    background-color: var(--alpine-header-bg-color, transparent) !important;
}

/* Disable all cell hover effects */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell:hover {
    background-color: transparent !important;
}

/* Disable header column hover state background */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-columns .slick-state-hover {
    background: transparent !important;
}

/* ============================================
   ROW ALTERNATE STYLES OVERRIDE - Remove all alternate row colors
============================================ */

/* Override any row alternate styles - ensure all rows and cells are white */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(even),
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(odd),
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(even) .slick-cell,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(odd) .slick-cell,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(even):hover,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(odd):hover,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(even):hover .slick-cell,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row:nth-child(odd):hover .slick-cell {
        background-color: var(--alpine-header-bg-color, transparent) !important;
    }

/* ============================================
   ROW HEADER EXPAND/COLLAPSE BUTTONS
============================================ */

/* Row header container - matches old component */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-container {
        padding: 5px 5px 5px 0;
        /* Default grid line borders - using Alpine variable override (matching Blazor XFWebDeRowHeaderColumnCellComponent.razor.css lines 3-4) */
        border-bottom: 1px solid var(--alpine-header-border-color, #9E9E9E);
        border-right: 1px solid var(--alpine-header-border-color, #9E9E9E);
        text-overflow: ellipsis;
        overflow: hidden;
        font: normal normal 400 var(--font-size-14px, 0.875rem)/var(--font-size-14px, 0.875rem) Arial;
        line-height: 16px;
        white-space: nowrap;
        height: 1.75rem;
        position: relative; /* Required for absolute positioned suppression indicator */
        border-width: 1px;
        border-style: solid;
        border-color: #9E9E9E;
    }

/* Row header value text */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-value {
    text-align: left;
    letter-spacing: 0.26px;
    opacity: 1;
}

/* No button spacer (for rows without children) */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-nobutton {
    height: 12px;
    width: 12px;
    visibility: hidden;
}

/* Suppression indicator */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell__rowheader-suppressionindicator {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #0E77D4;
    opacity: 1;
}

/* Show keyboard focus on suppressed row-header cells so each Tab stop is visible. Matches data-cell selection thickness. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-container[data-row-suppression-cell="true"]:focus,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-container[data-row-suppression-cell="true"]:focus-visible {
    outline: none !important;
    border: 2px solid #373737 !important;
}

/* Persistent visual selection for row-header containers. This is independent from data-cell selection state. Matches data-cell selection thickness. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-container.row-header-selected {
    outline: none !important;
    border: 2px solid #373737 !important;
}

/* ============================================
   HEADER STYLING
============================================ */

/* Header row container - ensure it's above data rows and allows overflow for stacked headers */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header {
        position: relative;
        z-index: 10; /* Ensure header is above data rows */
        border-bottom: none !important;
    }

/* Header row containers for frozen columns - ensure they're also above data rows */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-left,
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-right {
        position: relative;
        z-index: 10; /* Ensure header is above data rows */
        /* Add bottom border to separate header from data rows - using Alpine variable override */
        /*border-bottom: 1px solid var(--alpine-header-border-color, #9E9E9E) !important;*/
    }

/* Sticky header background */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column.slick-header-column-sticky {
    background-color: var(--alpine-header-bg-color, #FFFFFF);
}

/* Header container for multi-level headers - allows vertical expansion */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_header-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible;
    /* Ensure no line-height interference with flexbox stacking */
    line-height: 26px;
    background-color: transparent !important;
}

/* Slick column name container - needs to align with flexbox */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-column-name {
    display: flex;
    align-items: flex-start;
    line-height: normal;
    width: 100%;
}

/* Header value text */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_header-value {
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Word wrapping for data column headers (WPF parity). Header height is set dynamically in JS when column is resized. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column.sg-header-wrap .datacell_header-value {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}

/* Stacked headers: each level wraps independently; prevent flex from squashing levels so they don't overlap */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column.sg-header-wrap .datacell_header-container > div {
    flex-shrink: 0;
}

/* Allow wrap header cells to grow with content; JS sets actual height after measuring.
   Do not use height: auto here so the resize handle (height: 100%) has a resolved containing height. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column.sg-header-wrap {
    min-height: 28px;
    line-height: normal;
}

/* Autofit columns: show full header text without ellipsis; column width is set from server AutofitWidths */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column.sg-header-autofit .datacell_header-value {
    overflow: visible;
    text-overflow: unset;
}

/* ============================================
   DATA CELL CONTAINER/CONTENT
============================================ */

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__container {
    background-color: var(--alpine-header-bg-color, #FFFFFF);
    text-align: right;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /* Default grid line border - using Alpine variable override (matching Blazor XFWebDeDataCellColumnCellComponent.razor.css line 10) */
    border: 1px solid var(--alpine-cell-border-color, #9E9E9E);
    font: normal normal 400 var(--font-size-13px, 13px)/var(--font-size-16px, 16px) "Arial";
    letter-spacing: 0.23px;
    color: #000000DE;
    opacity: 1;
    outline: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__content {
    padding: 5px 8px;
    height: 1.625rem; /* height supports background color */
    display: inline-flex;
    align-items: center;
    max-width: -webkit-fill-available;
}

/* ============================================
   DATA CELL VALUE STYLING
============================================ */

/* Base value class - matches Blazor .datacell_value styling */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.75rem;
    white-space: pre;
    margin: 5px 8px;
}

/* Text value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__text {
    /* Inherits from .data-cell__value */
}

/* Number value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__number {
    /* Inherits from .data-cell__value */
}

/* Date value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__date {
    /* Inherits from .data-cell__value */
}

/* ComboBox value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__combobox {
    /* Inherits from .data-cell__value */
}

/* Boolean value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__boolean {
    /* Inherits from .data-cell__value */
}

/* Empty value modifier */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__empty {
    /* Inherits from .data-cell__value */
}

/* Currency text - matches Blazor .datacell_currencytext styling */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell__currencytext {
    padding-left: 2px;
    text-align: left;
    font: normal normal 700 var(--font-size-10px)/var(--font-size-16px) Arial;
    letter-spacing: 0.18px;
    color: #636E74;
    opacity: 1;
    display: inline-block;
    height: 0.875rem;
}

/* ComboBox value and indicator */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__combobox-value {
    /* Inherits from .data-cell__value */
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__combobox-indicator {
    margin-left: 4px;
    font-size: 0.75rem;
    color: #636E74;
}

/* Cell flags container */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flags {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Cell flag base class */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flag {
    display: inline-block;
    font-size: 0.75rem;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flag-editable {
    /* Editable flag styling */
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flag-attachment {
    /* Attachment flag styling */
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flag-suppressed {
    /* Suppressed flag styling */
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .data-cell__flag-flagged {
    /* Flagged flag styling */
}

/* ============================================
   SELECTION STYLING
============================================ */

/* Selected cell - matches old component's .bg-input__selected */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.selected,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.active {
    font: normal normal 400 var(--font-size-13px, 0.813rem)/var(--font-size-16px, 1rem) "Arial";
    border: 2px solid #373737 !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #373737 !important;
    height: 1.75rem;
    opacity: 1;
    background-color: #FFFFFF;
}

/* Active cell that is NOT selected (e.g. after Ctrl+Click deselection).
   SlickGrid keeps .active on the clicked cell; neutralize the visual so
   a deselected cell doesn't look like the primary. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.active:not(.selected):not(.multi-selected) {
    border: none !important;
    outline: none !important;
    background-color: transparent;
}

/* Multi-selected cell - matches old component's .bg-multiselected */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.multi-selected {
    font: normal normal 400 var(--font-size-13px, 0.813rem)/var(--font-size-16px, 1rem) "Arial";
    border: 1px dashed #0248A3 !important;
    border-width: 1px !important;
    border-style: dashed !important;
    border-color: #0248A3 !important;
    height: 1.75rem;
    opacity: 1;
    background-color: #FFFFFF;
}

/* ============================================
   SPECIAL STATES
============================================ */

/* Disabled cells */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.bg-disabled {
    background-color: #F3FAF4;
}

/* Invalid cells */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.bg-invalid {
    background-color: #FAEDEF;
}

/* Green background */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.bg-green {
    background-color: #E5F1EE;
}

/* Light yellow background */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.bg-light-yellow {
    background-color: #FFF5EB;
}

/* ============================================
   TEXT COLORS
============================================ */

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .fg-black {
    color: #000000DE;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .fg-light-grey {
    color: #BDBDBD;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .fg-dark-blue {
    color: #3172AF;
}

/* ============================================
   CELL ICONS
============================================ */

/* Lock icon - matches Blazor XFWebDeDataCellColumnCellComponent.razor.css lines 141-149 */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell__locked::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/images/Icons/icon-lock.svg") 0% 0% no-repeat padding-box;
    background-size: 16px 16px;
    opacity: 1;
    margin-left: 8px;
    vertical-align: middle;
}

/* ============================================
   ROW HEIGHT OVERRIDE
============================================ */

/* Ensure all rows are 28px height to match old component */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row {
    height: 28px;
    overflow: visible;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell {
    height: 28px;
}

/* ============================================
   PERFORMANCE OPTIMIZATIONS
============================================ */

/* Use transform for better performance on animations */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell {
    will-change: auto; /* Only change when needed */
}

/*
    CSS styles for DataExplorer SlickGrid component
    Note: XFWebSlickGrid component is not used - grid is initialized directly via JavaScript interop
*/

/* Grid Styles */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] {
    position: relative;
    height: 100%;
    overflow: visible;
}

    .cv-grid-wrapper.xf-sg-grid_container .slick-cell.cell-textarea[b-dqjr2p2mnx] {
        overflow: hidden;
        white-space: pre-wrap; /* Preserve newlines and wrap text */
    }

    /* Header Styles */
    /* Matching Blazor Legacy: .data-explorer__grid.k-grid th { border-left: 0; border-right: 0; } */
    /* Borders are applied via FormatBuilder inline styles to .datacell_header-container, not to .slick-header-column */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column {
        border: none; /* No borders on column element - borders come from FormatBuilder on inner container */
        padding: 0px 8px;
    }
        /* Row header column header search box (matching XFWebRowColumnHeaderComponent.razor.css) */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-column-header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-column-header .row-search-container {
                display: flex;
                justify-content: start;
                align-items: center;
                height: 100%;
            }

                .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-column-header .row-search-container .row-header-search {
                    border: none;
                    outline: none;
                    text-align: left;
                    font: normal normal medium var(--font-size-12px, 12px)/var(--font-size-15px, 15px) Proxima Nova, Arial, Helvetica, sans-serif;
                    letter-spacing: 0.22px;
                    color: #000000;
                    opacity: 1;
                    background-color: transparent;
                    width: 100%;
                }

                    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-column-header .row-search-container .row-header-search:focus,
                    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-column-header .row-search-container .row-header-search:focus-visible {
                        border: 2px solid black;
                        outline: none !important;
                    }

                    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .row-search-container .row-search-button {
                        width: 14px;
                        height: 14px;
                        background: url('../images/Icons/icon-search.svg');
                        background-size: 14px 14px;
                        padding-left: 8px;
                        border: none;
                        cursor: pointer;
                    }

        /*Ensure left border for the first header cell */
        /* Note: Border comes from FormatBuilder inline style on .datacell_header-container, not here */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column:first-child {
            height: 100%;
        }

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column[draggable="false"] {
        cursor: not-allowed;
    }

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header .slick-resizable-handle {
        height: 100%;
        top: 0px;
        width: 4px; /* PF3-15573 - Slightly wider hit area for easier dragging. */
        right: -2px; /* PF3-15573 - Position it centered on the border. */
        box-shadow: none; /* PF3-15573 - Remove the default box-shadow. */
        z-index: 1; /* Keep above header content so handle remains clickable when header wraps */
    }

    /* Note: Hover overrides are defined above with .cv-grid-wrapper specificity */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row.modified::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        border: 1px solid black;
        z-index: 10;
        pointer-events: none;
    }

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-preheader-panel {
        border-color: var(--alpine-cell-border-color, #dae1e7);
        border-radius: var(--alpine-cell-border-radius, 0);
        border-style: solid;
        border-width: var(--alpine-cell-border-width, 0 0 1px 0);
    }

    /* Custom CSS for the right-aligned title */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] .right-aligned-title {
        text-align: right;
        width: 100%;
        display: block; /* Ensures the span takes the full cell width */
        font-weight: bold; /* Optional: for styling */
        white-space: nowrap; /* Prevents wrapping */
        overflow: hidden; /* Prevents overflow */
        text-overflow: ellipsis; /* Optional: adds ellipsis if content is too long */
    }

    /* Custom CSS to flip the menu */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-menu {
        /* Default: positioned below the header */
        top: 100%;
        bottom: auto; /* Ensure bottom is auto */
        border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
        color: var(--kendo-color-on-app-surface, #212121);
        background-color: var(--kendo-color-surface-alt, #ffffff);
        box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14));
        font-family: Arial, Helvetica, sans-serif;
    }

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] .column-menu-placeholder {
        width: 22px;
        height: 100%;
        outline: 0;
        line-height: 1;
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        position: absolute;
        right: 0;
        pointer-events: none;
    }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .column-menu-placeholder[data-column-status='filtered'] {
            background-color: #6c757d;
        }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] .column-menu-placeholder::after {
            content: "";
            position: absolute;
            margin-right: 2px;
            width: 16px;
            height: 16px;
            background-color: #757575;
            clip-path: path("M8 2.5a1.5 1.5 0 1 1 0 0.001z M8 8a1.5 1.5 0 1 1 0 0.001z M8 13.5a1.5 1.5 0 1 1 0 0.001z");
        }

        /* Set background-color to white for ::after when data-column-status='filtered' */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx] .column-menu-placeholder[data-column-status='filtered']::after {
            background-color: white;
        }

    /* Header Row (non-wrap columns; .sg-header-wrap overrides with height: auto + min-height) */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column {
        height: 28px;
        line-height: 28px;
        font-size: 0.875rem;
    }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .slick-header-menubutton {
            width: 22px;
        }

            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .slick-header-menubutton .sgi-caret {
                width: 100%;
                height: 100%;
            }

            /* Hide the default SlickGrid caret/arrow behind the three dots icon. */
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .slick-header-menubutton span.caret {
                display: none;
            }

    /* Cells */
    /* Matching Blazor Telerik: .data-explorer__grid.k-grid td { border: none; } */
    /* Border is applied to .data-cell__container, not .slick-cell (matching Blazor Legacy) */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell {
        border: none !important; /* No border on cell element - border is on .data-cell__container */
        font-family: Verdana, Arial;
        font-size: 13px;
        align-content: center;
    }
        /*Ensure left border for the first row cell */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell:first-child {
            border-left-width: 1px !important;
        }

        /* Cells with Checkboxes */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.checkbox-selection-column {
            display: flow;
        }

            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.checkbox-selection-column input[type="checkbox"] {
                width: 100%;
            }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell input[type="checkbox"] {
            accent-color: #373737;
            top: 2px;
            position: relative;
        }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.selected {
            background-color: #FFFFFF;
            border: 2px solid #373737 !important;
            border-width: 2px !important;
            border-style: solid !important;
            border-color: #373737 !important;
        }

            /* Prevent the cell's data from shifting 2px while being selected. */
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.selected .data-cell__value {
                margin: 3px 6px;
            }
        
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.multi-selected {
            background-color: #FFFFFF;
            border: 1px dashed #0248A3 !important;
            border-width: 1px !important;
            border-style: dashed !important;
            border-color: #0248A3 !important;
        }

        /* Remove built-in hover background color - disable all hover effects */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell:hover {
            background-color: transparent !important;
        }

            /* Supports keyboard navigation indicator for accessibility */
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.selected,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.active,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell:focus-visible,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-pane.slick-pane-header:focus-visible,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column:focus-visible,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-header-column .slick-header-menubutton:focus-visible {
                box-shadow: none;
                outline: black solid 2px;
                outline-offset: -2px;
            }

            /* Non-primary cells in a multi-selection should not show the primary outline */
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.multi-selected,
            .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.multi-selected.active {
                outline: none;
            }

    /* Expand/Collapse button - CSS-only chevron (no HTTP requests, hardware-accelerated) */
    /* Chevron points right (>) when collapsed, rotates 90deg to point down (V) when expanded */
    /* Matching C# XFWebDeRowHeaderColumnCellComponent.razor.css styling */
    .xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-expandbutton {
        height: 12px;
        width: 12px;
        background: url(images/Misc/chevron-right.svg) no-repeat center;
        border: none;
        padding: 0px;
        margin-right: 5px;
    }

        /* Rotate chevron 90deg when expanded (right ► → down ▼) */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-expandbutton.expanded {
            transform: rotate(90deg);
        }

    /* Collapse button - same as expanded expandbutton for backward compatibility */
    /* Matching C# XFWebDeRowHeaderColumnCellComponent.razor.css styling */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .datacell_rowheader-collapsebutton {
        height: 12px;
        width: 12px;
        background: url(images/Misc/chevron-down.svg) no-repeat center;
        border: none;
        padding: 0px;
        margin-right: 5px;
    }
    /* Remove keyboard navigation indicator for accessibility */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-viewport:focus-visible {
        box-shadow: none;
        outline: none;
        outline-offset: 0;
    }

    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.editable {
        padding: 0;
    }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.editable input[type="text"] {
            border: 1px solid black;
            padding: 2px 8px;
        }

    /* Modified Cells */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.modified {
        background: #EEEEEE !important;
        border: 2px solid #000000 !important;
        font-style: italic;
    }

        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.modified::after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            border-style: solid;
            border-width: 0 8px 8px 0;
            border-color: transparent black transparent transparent;
        }

/*-----------------------------------------------------------------------------------*/
/* Note: Do NOT use contain: paint on slick-viewport as it breaks SlickGrid's virtual scrolling
 * SlickGrid needs to paint cells outside the viewport bounds for proper rendering
 * The viewport already has overflow handling optimized by SlickGrid itself */
/*-----------------------------------------------------------------------------------*/

/* Right side row header cells */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-pane-top.slick-pane-left .slick-viewport.slick-viewport-top.slick-viewport-left .slick-cell {
    padding: 0;
}

/* Prevent row header cells from being visually selected (matches WPF/Blazor behavior) */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.row-header-column.slick-selected,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.row-header-column.selected {
    background-color: transparent !important;
    border: none !important;
}

/* Prevent text selection in row header cells */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.row-header-column::selection {
    background: transparent !important;
    border: none !important;
}

.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.row-header-column::-moz-selection {
    background: transparent !important;
    border: none !important;
}

/* The border color for the row header cells will be set programatically to its child element, 'datacell_rowheader-container'. */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.row-header-column:has(.datacell_rowheader-container) {
    border: none !important;
}

/* Prevent 'active' class styling on rows when row header cells are active */
/* The active class is prevented via JavaScript onActiveCellChanged handler */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row.active .slick-cell.row-header-column.slick-active {
    background-color: transparent !important;
    border: none !important;
}

/* Data Explorer SlickGrid selection parity with legacy Blazor:
   - children should remain light-blue dashed
   - active child should not show solid border */
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected,
.cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected.active {
    border: 1px dashed #0248A3 !important;
}

    /* Beat generated per-format classes (e.g., .sg_rgba_...multi-selected) that were
       overriding child selection border-color with gray. */
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected[class*="sg_"],
    .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected.active[class*="sg_"] {
        border-width: 1px !important;
        border-style: dashed !important;
        border-color: #0248A3 !important;
    }

        /* Remove inner gridline border while multi-selected so gray lines do not combine
           with dashed selection borders between adjacent selected cells. */
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected .data-cell__container,
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected.active .data-cell__container,
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected[class*="sg_"] .data-cell__container,
        .cv-grid-wrapper.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-row .slick-cell.multi-selected.active[class*="sg_"] .data-cell__container {
            border-color: transparent !important;
        }

/* ADA Accessibility Cell Styles */
.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__dirty .data-cell__value.data-cell__text,
.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__invalid .data-cell__value.data-cell__text,
.xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__valid .data-cell__value.data-cell__text {
    z-index: 1;
    position: relative;
}

    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__dirty:before,
    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__invalid:before,
    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__valid:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0.5;
        z-index: 1;
        margin: 1px;
    }

    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__invalid:before {
        background-image: url("../images/CubeView/invalidADA.svg");
    }

    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__dirty:before {
        background-image: url("../images/CubeView/dirtyADA.svg");
    }

    .xf-sg-grid_container[b-dqjr2p2mnx]  .slick-cell.ada-cv-cell__valid:before {
        background-image: url("../images/CubeView/validADA.svg");
    }
/* /Shared/Components/DataExplorer/XFWebSGDataExplorerGridPager.razor.rz.scp.css */

/* BUX Reference: XFWebDataExplorerGridPager.razor.css - pager UI styling */
.cv-pager-container[b-gesm44ppp3] {
    width: 100%;
    padding: 0;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.12);
    border-style: solid;
    box-sizing: border-box;
}

.cv-pager-wrapper[b-gesm44ppp3] {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fff;
    font: normal normal 400 var(--font-size-14px) / var(--font-size-24px) Arial;
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    padding-block: var(--kendo-spacing-2, 0.5rem);
}

.cv-pager-button[b-gesm44ppp3] {
    align-items: center;
    background: none !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    border-style: solid;
    border-width: 1px;
    box-shadow: none !important;
    color: inherit;
    display: inline-flex;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    font-weight: var(--kendo-font-weight-medium, 500);
    gap: 0;
    height: calc(1.4285714286em + 16px);
    justify-content: center;
    line-height: normal;
    margin: 0;
    min-width: calc(1.4285714286em + 16px);
    outline: none;
    padding: 8px 3px;
    padding-block: 4px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
}

.cv-pager-button:hover:not(:disabled):not(.cv-pager-disabled)[b-gesm44ppp3] {
    background-color: #e8e8e8;
    border-color: #b0b0b0;
}

.cv-pager-button:active:not(:disabled):not(.cv-pager-disabled)[b-gesm44ppp3] {
    background-color: #d8d8d8;
}

.cv-pager-button:not(:disabled):not(.cv-pager-disabled)[b-gesm44ppp3] {
    cursor: pointer;
}

.cv-pager-button:disabled[b-gesm44ppp3],
.cv-pager-button.cv-pager-disabled[b-gesm44ppp3] {
    opacity: 0.6;
    background-color: #f0f0f0;
    color: color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 38%, transparent);
    filter: var(--kendo-disabled-filter, unset);
    pointer-events: none;
}

.cv-pager-button .k-icon[b-gesm44ppp3] {
    font-size: 14px;
    color: #757575;
    height: 25px;
}

.cv-pager-button[b-gesm44ppp3]::before {
    color: color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 38%, transparent);
    display: block !important;
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    inset-inline-start: -1px;
    inset-inline-end: -1px;
    inset-block-start: -1px;
    inset-block-end: -1px;
    z-index: 0;
    transition: opacity .2s ease-in-out;
    box-sizing: border-box;
    background: none;
}

.cv-pager-numbers .cv-pager-button[b-gesm44ppp3] {
    color: #424242;
    font-weight: normal;
    opacity: 1;
}

.cv-pager-numbers .cv-pager-button.cv-selected[b-gesm44ppp3] {
    background: #eee 0% 0% no-repeat padding-box !important;
    font: normal normal 700 var(--font-size-14px)/var(--font-size-24px) Arial !important;
    text-align: center;
    color: #373737;
    opacity: 1;
}

.cv-pager-button.cv-selected[b-gesm44ppp3] {
    background: #eee 0% 0% no-repeat padding-box !important;
    font: normal normal 700 var(--font-size-14px)/var(--font-size-24px) Arial !important;
    text-align: center;
    color: #373737;
    opacity: 1;
}

.cv-pager-button:hover[b-gesm44ppp3] {
    color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.cv-pager-percentage[b-gesm44ppp3] {
    color: #6c757d;
    white-space: nowrap;
    margin-left: auto; /* Push percentage to the right */
    padding-left: 8px;
    font-size: 13px;
}
/* /Shared/Components/Dialogs/Components/CubeViewDesigner/XFWebCvdSelectCubeDlg.razor.rz.scp.css */
.xf-select-cube-dlg__container[b-dkw27ey8d7] {
    height: 100%;
    width: 100%;
    border: 1px solid #ccc;
}
/* /Shared/Components/Dialogs/Components/ObjectUsage/XFWebObjectUsageDialog.razor.rz.scp.css */
.xf-object-usage-viewer__container[b-hqsybrmp0j] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
}

.xf-object-usage-viewer__toolbar[b-hqsybrmp0j] {
    background: #eee 0% 0% no-repeat padding-box;
    border: 1px solid #ccc;
    height: 38px;
}

.xf-object-usage-viewer__tree-list[b-hqsybrmp0j] {
    overflow: auto;
}
/* /Shared/Components/Dialogs/Components/Overlays/XFCubeViewEditRowExpOverlay.razor.rz.scp.css */
.cv-edit-row-dlg[b-vel526thpc] {
    display: grid;
    margin-top: 5px;
    column-gap: 5px;
    row-gap: 20px;
    grid-template-columns: 1fr 3fr 12px;
    align-items: center;
}

    .cv-edit-row-dlg span[b-vel526thpc] {
        font-size: var(--font-size-16px);
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .cv-edit-row-dlg input[b-vel526thpc] {
        border: none;
        border-bottom: 1px solid #707070;
        outline: none;
        text-align: left;
        font-size: var(--font-size-16px);
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.22px;
        color: #000000;
        opacity: 1;
        background-color: transparent;
        width: 100%;
    }
/* /Shared/Components/Dialogs/Components/Overlays/XFWebDataAttachmentEditorOverlay.razor.rz.scp.css */
.xf-filecontainer[b-1b6qcri92u] {
    display: flex;
    flex-direction: column;
    width: 100%
}
/* /Shared/Components/Dialogs/Components/Overlays/XFWebDataAttachmentsOverlay.razor.rz.scp.css */
.attachment__row[b-toklo3lws0] {
    display: -webkit-flex;
}

.attachment__row_separator[b-toklo3lws0] {
    height: 10px;
}

.attachment__controls-container[b-toklo3lws0] {
    height: 100%;
    margin: 16px;
    overflow: auto;
}

.attachment_label-value[b-toklo3lws0] {
    width: 65%;
    padding-left: 20px;
    font-size: var(--font-size-16px);
    border: 1px solid #ccc;
    min-height: 2rem;
    padding-top: 6px;
    overflow: auto;
    word-wrap: break-word;
    max-height: 4rem;
}

.attachment_style[b-toklo3lws0] {
    width: 35%;
    text-align: left;
    background: #eee 0% 0% no-repeat padding-box;
    border: 1px solid #ccc;
    padding-right: 10px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 6px;
}
/* /Shared/Components/Dialogs/Components/XFSaveAsDialog.razor.rz.scp.css */
.form-check:hover[b-soadxl54ru] {
    background-color: #FFE88D;
    text-align: left;
}

.selected-option[b-soadxl54ru] {
    background-color: #FFE88D;
}

.form-check[b-soadxl54ru] {
    padding-left: 5px; /* Adjust for the horizontal line offset */
    margin-bottom: 5px; /* Add spacing between options */
}

.vertical-line[b-soadxl54ru] {
    position: absolute;
    left: 10px;
    top: 18px;
    bottom: 24px;
    border-left: 1px solid #ccc;
}

.form-check[b-soadxl54ru]::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%; /* Adjust for vertical centering */
    transform: translateY(-50%);
    width: 10px;
    border-top: 1px solid #ccc; /* Style of the horizontal line */
}
/* /Shared/Components/Dialogs/Components/XFWebCellDetailDialog.razor.rz.scp.css */
.xf-toolbar--container.cell-detail__toolbar[b-cbmz31nnli] {
    margin-bottom: 0 !important;
}

.formula-section[b-cbmz31nnli] {
    padding-top: 14px;
    border-bottom: solid;
    border-width: thin;
    background: #F5F5F5 0% 0% no-repeat padding-box;
}

.formula[b-cbmz31nnli] {
    text-align: right;
    font: normal normal normal var(--font-size-11px)/var(--font-size-13px) Arial;
    letter-spacing: 0.17px;
    color: #444444;
    padding-right: 4px;
}

.formula-bold[b-cbmz31nnli] {
    text-align: right;
    font: normal normal bold var(--font-size-11px)/var(--font-size-13px) Arial;
    letter-spacing: 0.17px;
    color: #444444;
}

.lastEditedBy[b-cbmz31nnli] {
    text-align: left;
    font: normal normal normal var(--font-size-11px)/var(--font-size-13px) Arial;
    letter-spacing: 0.17px;
    color: #757575;
    opacity: 1;
}

.import-switch-label[b-cbmz31nnli] {
    text-align: left;
    font: normal normal normal var(--font-size-11px)/var(--font-size-13px) Arial;
    letter-spacing: 0.17px;
    color: #444444;
    opacity: 1;
    padding-right: 11px;
    padding-left: 4px;
}

.cell-detail-popover[b-cbmz31nnli] {
    width: 350px;
    height: auto;
    padding-top: 11px;
    padding-left: 16px;
    padding-right: 9px;
    padding-bottom: 11px;
}

.use-cell-detail-section[b-cbmz31nnli] {
    height: 38px;
    border-bottom: solid;
    border-width: thin;
}

    .use-cell-detail-section span[b-cbmz31nnli] {
        text-align: left;
        font: normal normal 600 var(--font-size-13px)/var(--font-size-16px) Arial;
        letter-spacing: 0.23px;
        color: #000000;
        opacity: 1;
    }

.button-group-section[b-cbmz31nnli] {
    border-bottom: solid;
    border-width: thin;
    padding-top: 7px;
    padding-bottom: 7px;
}

.clear-all-button-section[b-cbmz31nnli] {
    padding-top: 7px;
    padding-bottom: 7px;
}

    .clear-all-button-section button[b-cbmz31nnli] {
        width: 84px;
        height: 20px;
        background-color: transparent;
        text-align: left;
        font: normal normal 600 var(--font-size-13px)/var(--font-size-16px) Arial;
        letter-spacing: 0.23px;
        color: #0E77D4;
        opacity: 1;
        border: none;
    }

.cell-detail-btn-group[b-cbmz31nnli] {
    padding-top: 25px;
    padding-bottom: 12px;
}

.cell-detail-buttons[b-cbmz31nnli] {
    gap: 20px;
}

.cell-detail-button[b-cbmz31nnli] {
    width: 80px;
    height: 24px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #373737;
    border-radius: 2px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 var(--font-size-12px)/var(--font-size-10px) Arial;
    letter-spacing: 0.36px;
    color: #373737;
    text-transform: uppercase;
    opacity: 1;
}

.cell-detail-button-primary[b-cbmz31nnli] {
    width: 66px;
    height: 24px;
    background: #373737 0% 0% no-repeat padding-box;
    border: 1px solid #373737;
    border-radius: 2px;
    opacity: 1;
    text-align: center;
    font: normal normal bold var(--font-size-12px)/var(--font-size-12px) Arial;
    letter-spacing: 0.36px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
/* /Shared/Components/ErrorHandling/XFErrorBoundaryContent.razor.rz.scp.css */
.error-boundary-container[b-bp8l82dq3m] {
    background-color: #F9F9F9;
    padding: 8px;
    border: 1px solid #9FADB4;
    border-radius: 2px;
    width: 100%;
}

.error-boundary-image[b-bp8l82dq3m] {
    width: 24px;
    height: 24px;
    background: transparent url('images/Icons/icon-error-boundary.svg') 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 0 auto;
}

.error-boundary-label[b-bp8l82dq3m] {
    text-align: center;
    font: normal normal 700 var(--font-size-14px)/var(--font-size-20px) Arial;
    letter-spacing: 0.14px;
    color: #000000;
    opacity: 1;
    display: flex;
    justify-content: center;
}
/* /Shared/Components/ExtendedComponents/Grid/XFWebGridFrozenHeaderComponent.razor.rz.scp.css */
.frozen-handle-line[b-nik1hjc07f] {
    position: absolute;
    width: 2px;
    background-color: black;
    z-index: 3;
    cursor: ew-resize;
}
/* /Shared/Components/FileUpload/XFWebFileUploadComponent.razor.rz.scp.css */
.xf-file-upload[b-ofclo66a9s] {
    height: 16.4375rem;
    background-color: #FAFAFA;
    border-radius: 2px;
}

.upload-container[b-ofclo66a9s] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #757575;
    margin: 20px;
    height: 14rem;
    background-color: #FFFFFF;
    border-radius: 2px;
    flex-direction: column;
}

.file-input-container[b-ofclo66a9s] {
    display: flex;
}

    .file-input-container .input-file-label[b-ofclo66a9s] {
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
    }

    .file-input-container .xf-css.xf-btn.xf-upload-browse-btn[b-ofclo66a9s] {
        outline: 1px solid #373737;
        margin-left: 2px;
        border-radius: 2px;
        background-color: #FFFFFF;
        color: #373737 !important;
    }

        .file-input-container .xf-css.xf-btn.xf-upload-browse-btn:focus[b-ofclo66a9s] {
            outline: 1px solid black;
            margin-left: 2px;
            border-radius: 2px;
            background-color: #FFFFFF;
        }

        .file-input-container .xf-css.xf-btn.xf-upload-browse-btn:hover[b-ofclo66a9s] {
            outline: 1px solid #929292;
            margin-left: 2px;
            border-radius: 2px;
            background-color: #FFFFFF;
        }

.input-file-label .file-input-dragdrop[b-ofclo66a9s] {
    font-family: inherit;
    font-size: var(--font-size-14px);
    margin-left: 12px;
    white-space: pre;
    color: #222222;
}

.upload-container .file-input-selected[b-ofclo66a9s] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-20px);
    margin-top: 0;
    margin-bottom: 0;
}

.upload-container .file-input-selected-error[b-ofclo66a9s] {
    color: red;
}
/* /Shared/Components/GenAI/XFWebGenAISidecarComponent.razor.rz.scp.css */
.ai__iframe[b-7lw99rxjnt] {
    width: 100%;
    height: 99%;
}
/* /Shared/Components/Header/XFWebHeaderComponent.razor.rz.scp.css */
.titleheader-container[b-pikxpid593] {
    height: 40px;
    background: #eee 0% 0% no-repeat padding-box;
    border: 1px solid #ccc;
    opacity: 1;
    padding-top: 9px;
    padding-bottom: 9px;
}

.titleheader-text[b-pikxpid593] {
    height: 22px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #373737;
    text-align: center;
    font: normal normal 700 var(--font-size-18px)/var(--font-size-23px) Arial;
    letter-spacing: 0px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* /Shared/Components/ListBox/XFWebListBoxComponent.razor.rz.scp.css */
.xf-listbox--container[b-rncexcvj0e] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.xf-listbox--item__default[b-rncexcvj0e] {
    width: fit-content;
    min-width: 100%;
    height: 36px;
    padding: 0 16px;
    user-select: none;
}

    .xf-listbox--item__default span[b-rncexcvj0e] {
        text-wrap: nowrap;
        font-family: Arial, Helvetica, sans-serif;
        font-size: var(--font-size-15px);
        line-height: 36px;
    }

    .xf-listbox--item__default:hover[b-rncexcvj0e] {
        background-color: #eee;
    }

.xf-listbox--item__default-selected[b-rncexcvj0e] {
    background-color: #f5f5f5;
}

.xf-listbox--item__dashboard[b-rncexcvj0e] {
    width: 100%;
    height: auto;
    padding: 2px 4px;
    user-select: none;
}
    .xf-listbox--item__dashboard:focus[b-rncexcvj0e] {
        outline: 2px auto -webkit-focus-ring-color;
        outline-offset: -1px !important;
    }

    .xf-listbox--item__dashboard span[b-rncexcvj0e] {
        text-wrap: nowrap;
    }

    .xf-listbox--item__dashboard:hover[b-rncexcvj0e] {
        background-color: #00000027;
    }

.xf-listbox--item__dashboard-selected[b-rncexcvj0e] {
    background-color: #f5f5f5 !important;
}

.xf-listbox--item__multi-select-layout[b-rncexcvj0e] {
    display: grid;
    grid-template-columns: 17px auto;
}

.xf-listbox--checkbox-container[b-rncexcvj0e] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-right: 4px;
}
/* /Shared/Components/Loading/Skeleton/XFWebSkeletonGrid.razor.rz.scp.css */
.xf-skeleton-grid-container[b-defokyiw1u] {
    margin: auto;
    padding: 5px 0;
    width: 100%;
}

table.xf-skeleton-grid[b-defokyiw1u] {
    width: 100%;
}

table.xf-skeleton-grid td[b-defokyiw1u] {
    padding: 1px 2px;
}

table.xf-skeleton-grid tr td:first-child[b-defokyiw1u] {
    padding: 1px 1px 1px 0;
}

table.xf-skeleton-grid tr td:last-child[b-defokyiw1u] {
    padding: 1px 0 1px 1px;
}

.skeleton[b-defokyiw1u] {
    background-color: #f5f5f5;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.shimmer_skeleton-grid-header[b-defokyiw1u] {
    height: 38px;
    width: 100%;
}

.shimmer_skeleton-text[b-defokyiw1u] {
    height: 24px;
    width: 100%;
 }

.shimmer_skeleton-text[b-defokyiw1u]::after, .shimmer_skeleton-main-header[b-defokyiw1u]::after, .shimmer_skeleton-grid-header[b-defokyiw1u]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg, 
        rgba(238, 238, 238, 0) 0,
        rgba(238, 238, 238, 0.2) 20%,
        rgba(238, 238, 238, 0.8) 60%,
        rgba(238, 238, 238, 0)
    );
    animation: shimmer-b-defokyiw1u 2s infinite;
    content: '';
}
@keyframes shimmer-b-defokyiw1u {
    100% {
        transform: translateX(100%);
    }
}
/* /Shared/Components/Loading/Spinner/XFWebSpinner.razor.rz.scp.css */
.loading-page__parent_container[b-ub6h1x3djc] {
    height: 100% !important;
    width: 100% !important;
    position: relative;
    background: transparent 0% 0% no-repeat padding-box;
    background-position: center;
    /*padding: 150px 50px;*/
    background-origin: content-box;
}

.loading-page__content-container[b-ub6h1x3djc] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#loading-page__connecting-text[b-ub6h1x3djc] {
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    min-height: 2.125rem;
    color: #373737;
}

.loading-page__loader-container[b-ub6h1x3djc] {
    justify-content: center;
    display: flex;
}

.loader-dot[b-ub6h1x3djc] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #D4D4D4;
    display: inline-block;
    -webkit-animation: grow 2.1s infinite ease-in-out both;
    animation: grow 2.1s infinite ease-in-out both;
    margin: 0 8px;
}

    .loader-dot.dot1[b-ub6h1x3djc] {
        background-color: #373737;
        -webkit-animation-delay: -0.96s;
        animation-delay: -0.96s;
    }

    .loader-dot.dot2[b-ub6h1x3djc] {
        -webkit-animation-delay: -0.48s;
        background-color: #929292;
        animation-delay: -0.48s;
    }

-webkit-keyframes grow[b-ub6h1x3djc] {
    0%, 80%, 100%
    {
        -webkit-transform: scale(0)
    }

    40%[b-ub6h1x3djc] {
        -webkit-transform: scale(1.0)
    }
}
/* /Shared/Components/Loading/XFWebLoadingComponent.razor.rz.scp.css */
.loading-container[b-ucg25iifg1] {
    height: 100%;
    position: relative;
    width: 100%;
}

.only-overlay[b-ucg25iifg1], .dots-overlay[b-ucg25iifg1], .spinner-overlay[b-ucg25iifg1], .skeleton-grid-overlay[b-ucg25iifg1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.only-overlay[b-ucg25iifg1] {
    background-color: rgba(255, 255, 255, 0.6);
    cursor: wait;
}

.skeleton-grid-overlay[b-ucg25iifg1] {
    background-color: #ffffff;
    height: 25vh;
}

.loading-content[b-ucg25iifg1] {
    z-index: 1;
    height: 100%;
    width: 100%;
}
/* /Shared/Components/Overlays/XFNavMenuOverlay.razor.rz.scp.css */
#navOverlay[b-feuso4j5k2] {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 22;
    height: calc(100% - 57px);
    opacity: 1;
    grid-area: content;
    overflow: auto;
}

@media (min-width: 576px) {
    #navOverlay[b-feuso4j5k2] {
        height: 100%
    }
}

#navOverlayPane[b-feuso4j5k2] {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    box-shadow: 2px 0px 6px #00000029;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 576px) { 
    #navOverlayPane[b-feuso4j5k2] {
        overflow: initial;
    }
}

#drop-down-container[b-feuso4j5k2] {
    border-bottom: 1px solid #0e65c0;
    margin-left: 1.5rem;    
    margin-right: 1.5rem;
    padding-left: 12px;
    padding-top: 20px;
    position: relative;
    z-index: 0;
}

.povPanelTitle[b-feuso4j5k2] {
    font-size: var(--font-size-16px);
    text-align: center;
    color: whitesmoke;
    height: 36px;
    padding: .4rem;
    background-color: rgb(49, 114, 175);
}

#nav-menu-overlay__content[b-feuso4j5k2] {
    padding: 12px 8px;
    height: calc(100% - 50px);
}
/* /Shared/Components/PropertyGrid/XFWebPropertyGridComponent.razor.rz.scp.css */
/* Default Styles */
.xf-property-grid--default .xf-property-grid__header[b-n6a2qk1res] {
    display: none;
}

/* Table Styles */
.xf-property-grid--table[b-n6a2qk1res] {
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-right: auto;
    margin-left: auto;
}

    .xf-property-grid--table .xf-property-grid__header[b-n6a2qk1res] {
        background: #D8D8D836 0% 0% no-repeat padding-box;
        border-top: 1px solid #9E9E9E;
        border-bottom: 1px solid #9E9E9E;
        height: 35px;
    }

        .xf-property-grid--table .xf-property-grid__header:not(:first-child)[b-n6a2qk1res] {
            margin-top: -1px;
        }

    .xf-property-grid--table .xf-property-grid__content[b-n6a2qk1res] {
        margin-left: 26px;
    }

        .xf-property-grid--table .xf-property-grid__content .xf-form-list-members--row-container:last-child[b-n6a2qk1res] {
            border-bottom: none;
        }

        .xf-property-grid--table .xf-property-grid__content .xf-form-list-members--row-name[b-n6a2qk1res] {
            font: normal normal bold var(--font-size-14px)/var(--font-size-14px) Arial, Helvetica, sans-serif;
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
        }

        .xf-property-grid--table .xf-property-grid__content .xf-form-list-members--row-value[b-n6a2qk1res] {
            font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial, Helvetica, sans-serif;
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
        }

            .xf-property-grid--table .xf-property-grid__content .xf-form-list-members--row-value .xf-input-group input.xf-input[b-n6a2qk1res] {
                font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial, Helvetica, sans-serif;
            }

/* Modern Styles */
.xf-property-grid--modern[b-n6a2qk1res] {
    margin: 0 4px;
    width: calc(100% - 8px);
    border-radius: 8px;
    border: 1px solid #D0E5FE;
    padding: 2px 8px;
}

    .xf-property-grid--modern .xf-property-grid__header button[b-n6a2qk1res] {
        padding: 0 8px;
    }

    .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] {
        background-color: #fafafa;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin: 8px 0 8px 16px;
        width: calc(100% - 16px);
        padding: 0 8px;
    }

        .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-name {
            font: bold normal normal var(--font-size-14px)/var(--font-size-14px) Arial, Helvetica, sans-serif;
        }

        .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value {
            justify-content: right;
        }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value:has(.xf-webextendedtextbox--row) {
                padding: 0;
            }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .xf-property-control-label__value {
                background-color: #3B82F6;
                padding: 4px 8px;
                margin-right: 8px;
                margin-left: auto;
                border-radius: 6px;
                color: white;
                font: normal normal normal var(--font-size-14px)/var(--font-size-14px) Arial, Helvetica, sans-serif;
            }

                .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .xf-property-control-label__value.xf-form-list-members--read-only {
                    opacity: 0.6;
                }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .xf-form-list-members-edit-button {
                margin-left: 0;
            }

                .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .xf-form-list-members-edit-button button {
                    -webkit-mask-image: url(/images/Icons/icon-edit-no-border.svg);
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: contain;
                    -webkit-mask-position: center;
                    background-color: #555;
                    height: 20px;
                    width: 20px;
                }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .xf-webextendedtextbox--row {
                height: 28px;
                text-align: right;
                background: white;
                border-radius: 8px !important;
                padding-left: 4px;
                padding-right: 8px;
            }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value:has(.k-dropdownlist) {
                padding: 3px 0;
            }

            .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .k-dropdownlist {
                background: white;
                border-radius: 8px !important;
                padding-left: 4px;
                height: 28px;
            }

                .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .k-dropdownlist .k-input-inner {
                    padding-top: 0;
                    padding-bottom: 0;
                    font: normal normal normal var(--font-size-14px) / var(--font-size-14px) Arial, Helvetica, sans-serif;
                    color: #023f76;
                }

                .xf-property-grid--modern .xf-property-grid__content .xf-form-list-members--row-container[b-n6a2qk1res] .xf-form-list-members--row-value .k-dropdownlist button.k-input-button {
                    padding: 0 6px;
                }
/* /Shared/Components/SlickGrid/XFWebSlickGrid.razor.rz.scp.css */
/* Wrapper Styles */
#xf-slick-grid[b-d8vp2k4qh3] {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto; /* toolbar | grid | pager */
    border: 1px solid #dae1e7;
} 

/* Loading Dots Styles */
#xf-slick-grid[b-d8vp2k4qh3]  .xf-sg__loader-container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    /* Pager Styles */
    #xf-slick-grid[b-d8vp2k4qh3]  .telerik-blazor.k-pager {
        padding: 2px 8px !important;
        height: 44px;
    }

        #xf-slick-grid[b-d8vp2k4qh3]  .telerik-blazor.k-pager .k-pager-numbers {
            height: 36px !important;
        }

/*hide the default empty row at the bottom of the page*/
    #xf-slick-grid[b-d8vp2k4qh3]  .new-row.hidden-row {
        display: none;
    }
/* Grid Styles */
.xf-sg-grid_container[b-d8vp2k4qh3] {
    position: relative;
    height: 100%;
    overflow: visible;
}   

    .xf-sg-grid_container .slick-cell.cell-textarea[b-d8vp2k4qh3] {
        overflow: hidden;
        white-space: pre-wrap; /* Preserve newlines and wrap text */
    }

    /* hide horizontal lines */
    .xf-sg-grid_container.sg-hide-horizontal-lines[b-d8vp2k4qh3]  .slick-cell {
        border-bottom: none;
    }

    /* hide vertical lines */
    .xf-sg-grid_container.sg-hide-vertical-lines[b-d8vp2k4qh3]  .slick-cell {
        border-right: none;
    }

    /* hide horizontal lines in header columns */
    .xf-sg-grid_container.sg-hide-horizontal-lines[b-d8vp2k4qh3]  .slick-header-column {
        border-bottom: none;
    }

    /* hide vertical lines in header columns */
    .xf-sg-grid_container.sg-hide-vertical-lines[b-d8vp2k4qh3]  .slick-header-column {
        border-right: none;
    }

    /* Header Styles */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column {
        border-right: 1px solid #dae1e7;
        padding: 0px 8px;
    }
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column[draggable="false"] {
            cursor: not-allowed; 
        }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header .slick-resizable-handle {
        height: 100%;
        top: 0px;
        width: 4px; /* PF3-15573 - Slightly wider hit area for easier dragging. */
        right: -2px; /* PF3-15573 - Position it centered on the border. */
        box-shadow: none; /* PF3-15573 - Remove the default box-shadow. */
    }

    /* Row Styles */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-row:hover {
        background-color: #f2f2f2;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-row.modified::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        border: 1px solid black;
        z-index: 10;
        pointer-events: none;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-preheader-panel {
        border-color: var(--alpine-cell-border-color, #dae1e7);
        border-radius: var(--alpine-cell-border-radius, 0);
        border-style: solid;
        border-width: var(--alpine-cell-border-width, 0 0 1px 0);
    }

    /* Grouping Panel and Titles */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-pane.slick-pane-header.slick-pane-left {
        width: 100% !important;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .group-checkbox {
        display: none;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3] .slick-group-toggle {
        float: left;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3] .slick-header-align-left .slick-column-name {
        text-align: left;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .group-title-right { 
        display: ruby;
        align-items: center; 
        margin-left: 20px; 
    }
    /* Custom CSS for the right-aligned title */
    .xf-sg-grid_container[b-d8vp2k4qh3] .right-aligned-title {
        text-align: right;
        width: 100%;
        display: block; /* Ensures the span takes the full cell width */
        font-weight: bold; /* Optional: for styling */
        white-space: nowrap; /* Prevents wrapping */
        overflow: hidden; /* Prevents overflow */
        text-overflow: ellipsis; /* Optional: adds ellipsis if content is too long */
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-column-groupable {
        display: none;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-dropzone {
        z-index: 1;
        position: relative;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .xf-sg-group-row .slick-cell:not(:first-child) {
        /* Hide all group cells except the first one */
        display: none;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .xf-sg-group-row .slick-cell:first-child {
        /* Ensure the first cell takes up the full width */
        width: 100%;
    }

    /* Custom CSS to flip the menu */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menu {
        /* Default: positioned below the header */
        top: 100%;
        bottom: auto; /* Ensure bottom is auto */
        border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
        color: var(--kendo-color-on-app-surface, #212121);
        background-color: var(--kendo-color-surface-alt, #ffffff);
        box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14));
        font-family: Arial, Helvetica, sans-serif;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menu-close-button {
        width: 26px;
        height: 26px;
        border: 0;
        margin-left: auto;
    }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menu-close-button .slick-header-menuicon {
            margin: 0;
            background: url('../images/Icons/icon-close.svg') center center no-repeat;
        }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menu-close-button .slick-header-menucontent {
            display: none;
        }

    .xf-sg-grid_container[b-d8vp2k4qh3] .column-menu-placeholder {
        width: 22px;
        height: 100%;
        outline: 0;
        line-height: 1;
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        position: absolute;
        right: 0;
        pointer-events: none;
    }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .column-menu-placeholder[data-column-status='filtered'] {
            background-color: #6c757d;
        }

        .xf-sg-grid_container[b-d8vp2k4qh3] .column-menu-placeholder::after {
            content: "";
            position: absolute;
            margin-right: 2px;
            width: 16px;
            height: 16px;
            background-color: #757575;
            clip-path: path("M8 2.5a1.5 1.5 0 1 1 0 0.001z M8 8a1.5 1.5 0 1 1 0 0.001z M8 13.5a1.5 1.5 0 1 1 0 0.001z");
        }

        /* Set background-color to white for ::after when data-column-status='filtered' */
        .xf-sg-grid_container[b-d8vp2k4qh3] .column-menu-placeholder[data-column-status='filtered']::after {
            background-color: white;
        }

    /* Header Row */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column {
        height: 28px;
        line-height: 28px;
        font-size: 0.875rem;
    }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-header-menubutton {
            width: 22px;
        }

            .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-header-menubutton .sgi-caret {
                width: 100%;
                height: 100%;
            }

            /* Hide the default SlickGrid caret/arrow behind the three dots icon. */
            .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-header-menubutton span.caret {
                display: none;
            }

        /* Override sort indicator color to match gray color scheme. */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-sort-indicator,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-sort-indicator-numbered {
            color: #6c757d;
        }

    /* Cells */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell {
        border-width: 0 1px 1px 0 !important;
        font-family: Verdana, Arial;
        font-size: 13px;
        align-content: center;       
    } 

        /* Cells with Checkboxes */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.checkbox-selection-column {
            display: flow;
        }

            .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.checkbox-selection-column input[type="checkbox"] {
                width: 100%;
            }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell input[type="checkbox"] {
            accent-color: #373737;
            top: 2px;
            position: relative;
        }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.selected {
            background-color: #ddd!important;            
        }

        /* Supports keyboard navigation indicator for accessibility */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.active, 
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell:focus-visible,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-pane.slick-pane-header:focus-visible,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column:focus-visible, 
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column input[type="checkbox"]:focus-visible,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .column-menu-placeholder:focus-visible,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column .slick-header-menubutton:focus-visible,
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menuitem:focus-visible {
            box-shadow: none;
            outline: black solid 2px;
            outline-offset: -2px !important;
        }
        /* Remove keyboard navigation indicator for accessibility */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-viewport:focus-visible {
            box-shadow: none;
            outline: none;
            outline-offset: 0;
        }
        

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.editable {
            padding: 0;
        }

            .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.editable input[type="text"] {
                border: 1px solid black;
                padding: 2px 8px;
            }

        /* Modified Cells */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.modified {
            background: #EEEEEE !important;
            border: 2px solid #000000 !important;
            font-style: italic;
        }

            .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-cell.modified::after {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                border-style: solid;
                border-width: 0 8px 8px 0;
                border-color: transparent black transparent transparent;
            }

    /* Left-align all header columns except the "Select All" checkbox column */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column:not([data-id="_checkbox_selector"]) {
        justify-content: left;
    }

    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-column[data-id="_checkbox_selector"] {
        justify-content: center;
    }

    /* Top left "Select all" checkbox */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-pane-header.slick-pane-left .slick-header.slick-header-left .slick-header-column input[type="checkbox"] {
        accent-color: #373737;
        justify-content: center; /* or right, as needed */
    }

    /* Header Menu Items */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menuitem {
        border-radius: 0;
    }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menuitem:hover {
            background-color: #ebebeb;
        }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menuitem .slick-header-menucontent {
            font-size: 0.875rem;
            font-family: Verdana, Arial;
            margin: 6px 4px;
            flex: 1;
        }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menuitem .slick-header-menuicon {
            height: 24px;
            width: 24px;
            margin: 6px 4px 6px 8px; /* Align all icons consistently. */
            flex-shrink: 0;
        }

        /* Hide all dividers in the header menu */
        .xf-sg-grid_container[b-d8vp2k4qh3]  .slick-header-menu .slick-header-menuitem-divider {
            display: none !important;
        }

    /* Column Picker Inline Menu */
    .xf-sg-grid_container[b-d8vp2k4qh3]  .custom-column-picker-container {
        font-size: 0.875rem;
        font-family: Verdana, Arial;
        transition: all 0.2s ease-in-out;
        overflow: hidden;
    }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .custom-column-picker-container label {
            font-size: 0.875rem;
            font-family: Verdana, Arial;
            transition: background-color 0.15s ease;
            border-radius: 2px;
            padding-left: 4px;
            padding-right: 4px;
        }

            .xf-sg-grid_container[b-d8vp2k4qh3]  .custom-column-picker-container label:hover {
                background-color: #f5f5f5;
            }

        .xf-sg-grid_container[b-d8vp2k4qh3]  .custom-column-picker-container input[type="checkbox"] {
            cursor: pointer;
        }
/* /Shared/Components/SlickGrid/XFWebSlickGridToolbar.razor.rz.scp.css */
.xf-sg-toolbar__container[b-521i0tj0ki] {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #ddd !important;
    position: relative !important;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.xf-sg-toolbar__buttons[b-521i0tj0ki] {
    display: flex !important;
    gap: 8px !important;
}

.xf-sg-toolbar__title-wrapper[b-521i0tj0ki] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.xf-sg-toolbar__title[b-521i0tj0ki] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    height: 22px;
    color: #373737;
    font: normal normal 700 var(--font-size-18px)/var(--font-size-23px) Arial;
    letter-spacing: 0px;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* /Shared/Components/Splitter/XFWebSplitterPane.razor.rz.scp.css */
.xf-splitter__vertical[b-p242d86uf9] {
    width: 100%;
    height: 100%;
    cursor: ew-resize;
    position: relative;
    z-index: 4;
}

    .xf-splitter__vertical:hover .xf-splitter__vertical-line[b-p242d86uf9] {
        background-color: #555;
    }

    .xf-splitter__vertical-line[b-p242d86uf9] {
        width: 2px;
        height: calc(50% - 10px);
        background-color: #ccc;
        margin: auto;
    }

.xf-splitter__vertical-center[b-p242d86uf9] {
    height: 18px;
    width: 100%;
}

    .xf-splitter__vertical-center div[b-p242d86uf9] {
        background-color: rgba(0,0,0,.54);
        height: 4px;
        width: 4px;
        border-radius: 50%;
        margin: 2px auto;
    }

.xf-splitter__horizontal[b-p242d86uf9] {
    width: 100%;
    height: 100%;
    cursor: ns-resize;
    display: flex;
    position: relative;
    z-index: 4;
}

    .xf-splitter__horizontal:hover .xf-splitter__horizontal-line[b-p242d86uf9] {
        background-color: #555;
    }

.xf-splitter__horizontal-line[b-p242d86uf9] {
    height: 2px;
    width: calc(50% - 10px);
    background-color: #ccc;
    margin: auto;
}

.xf-splitter__horizontal-center[b-p242d86uf9] {
    width: 20px;
    height: 100%;
    vertical-align: middle;
    display: flex;
}

    .xf-splitter__horizontal-center div[b-p242d86uf9] {
        background-color: rgba(0,0,0,.54);
        height: 4px;
        width: 4px;
        border-radius: 50%;
        margin: auto 1px;
        float: left;
    }

    .xf-splitter__horizontal-center div:first-child[b-p242d86uf9] {
        margin-left: 2px;
    }

    .xf-splitter__horizontal-center div:last-child[b-p242d86uf9] {
        margin-right: 2px;
    }

.xf-splitter--pane[b-p242d86uf9] {
    height: 100%;
    width: 100%;
    overflow: auto;
    position: relative;
}

.xf-splitter__vertical-touch-device-area[b-p242d86uf9] {
    height: 100%;
    position: absolute;
    width: 16px;
    top: 0;
    margin-left: -4px;
    z-index: 3;
}

.xf-splitter__horizontal-touch-device-area[b-p242d86uf9] {
    height: 16px;
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -4px;
    z-index: 3;
}
/* /Shared/Components/Tabs/XFWebTabComponent.razor.rz.scp.css */
.xf-tab[b-zls6m2bg6c] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.xf-tab-contents[b-zls6m2bg6c] {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    flex-grow: 1;
    overflow: auto;
}

.xf-tab-content[b-zls6m2bg6c] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.xf-tab-content.hidden[b-zls6m2bg6c] {
    display: none;
}

/* Modern Style */
.xf-tab--modern .xf-tab-contents[b-zls6m2bg6c] {
    border: 0;
}
/* /Shared/Components/Tabs/XFWebTabControlComponent.razor.rz.scp.css */
/* Ensure the container has overflow */
.xf-tab-control-wrapper[b-zdvq5vd5gh] {
    display: flex;
    border-bottom: 1px solid #ccc;
    width: 100%;
    white-space: nowrap; /* optional, to prevent line breaks */
}

.xf-tab-scroll-button[b-zdvq5vd5gh] {
    width: auto;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

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

.xf-tab-control[b-zdvq5vd5gh] {
    display: flex;
    min-height: 36px;
    height: 36px;
    overflow-x: hidden;
    flex-grow: 1;
}

    .xf-tab-control .xf-tab-button[b-zdvq5vd5gh] {
        font-family: Arial;
        float: left;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: rgb(245, 245, 245);
        outline: none;
        cursor: pointer;
        padding: 7px 18px;
        transition: background-color 0.3s;
        text-transform: uppercase;
        font-size: var(--font-size-13px);
        white-space: nowrap;
    }

        .xf-tab-control .xf-tab-button:hover[b-zdvq5vd5gh], .xf-tab-scroll-button:hover[b-zdvq5vd5gh] {
            background-color: white !important;
            color: black;
        }

        .xf-tab-control .xf-tab-button.active[b-zdvq5vd5gh] {
            background-color: #fff;
            border-top: 5px solid #373737;
            line-height: 14px;
        }

        .xf-tab-control .xf-tab-button:focus-visible[b-zdvq5vd5gh], .xf-tab-scroll-button:focus-visible[b-zdvq5vd5gh] {
            outline: -webkit-focus-ring-color auto 2px;
            outline-offset: -1px;
        }

/* Modern Style */
.xf-tab--modern .xf-tab-control-wrapper[b-zdvq5vd5gh] {
    border: 0;
}

.xf-tab--modern .xf-tab-control[b-zdvq5vd5gh] {
    padding: 0 6px;
}

    .xf-tab--modern .xf-tab-control .xf-tab-button[b-zdvq5vd5gh] {
        background-color: white;
        border: 0;
        border-bottom: 1px solid #ccc;
        place-content: center;
        color: #666;
    }

    .xf-tab--modern .xf-tab-control .xf-tab-button.active[b-zdvq5vd5gh] {
        color: #4279D1;
        border-bottom: 2px solid #4883E2;
    }

.xf-tab--modern .xf-tab-scroll-button[b-zdvq5vd5gh] {
    border: 0;
    margin: 0;
    font-size: 26px;
    height: 36px;
    line-height: 30px;
    text-align: center;
}
/* /Shared/Components/ToolbarButton/XFWebButtonComponent.razor.rz.scp.css */
.xf-toolbar-button--floating-wrapper[b-5nn9g3nqb0] {
    height: 36px;
    display: inline-block;
}


.xf-toolbar-button--floating[b-5nn9g3nqb0] {
    height: 100%;
    width: 100%;
    display: flex;
    border: 0;
    background: transparent;
    padding: 0;
}

    .xf-toolbar-button--floating:hover[b-5nn9g3nqb0] {
        cursor: pointer;
    }

        .xf-toolbar-button--floating:hover .xf-toolbar-button--floating__icon[b-5nn9g3nqb0] {
            background-color: #373737 !important;
        }

        .xf-toolbar-button--floating:hover span[b-5nn9g3nqb0] {
            color: #373737 !important;
        }

.xf-toolbar-button__disabled[b-5nn9g3nqb0] {
    opacity: 0.4;
    pointer-events: none;
}

.xf-toolbar-button__hidden[b-5nn9g3nqb0] {
    display: none !important;
}

.xf-toolbar-button--border-wrapper[b-5nn9g3nqb0] {
    height: 26px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 14px 2px 0;
}

.xf-toolbar-button--border-container[b-5nn9g3nqb0] {
    height: 100%;
    width: 100%;
    border: 1px solid #aebdc5;
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
}

    .xf-toolbar-button--border-container:focus + .xf-toolbar-button--floating-wrapper[b-5nn9g3nqb0] {
        box-shadow: 0 0 1px #0B67C2;
        outline: 1px auto -webkit-focus-ring-color;
    }

    .xf-toolbar-button--border-container:hover[b-5nn9g3nqb0] {
        box-shadow: 0 2px 4px #00000033;
    }

    .xf-toolbar-button--border-container span[b-5nn9g3nqb0] {
        line-height: 24px;
        font-size: var(--font-size-14px);
        font-family: Arial, Helvetica, sans-serif;
        margin-right: 8px;
        margin-left: 3px;
    }



.xf-toolbar-button--modern-blue-wrapper[b-5nn9g3nqb0] {
    height: 36px;
    display: inline-block;
    padding: 2px;
}

    .xf-toolbar-button--modern-blue-wrapper.keyboard-focus[b-5nn9g3nqb0] {
        outline: black solid 2px;
        outline-offset: -4px;
    }


.xf-toolbar-button--modern-blue[b-5nn9g3nqb0] {
    height: 100%;
    width: 100%;
    min-width: 32px;
    display: flex;
    border: 1px solid #bbb;
    border-radius: 8px;
    outline: 0 !important;
    background: transparent;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: white;
}

    .xf-toolbar-button--modern-blue:hover[b-5nn9g3nqb0] {
        cursor: pointer;
        background-color: #3B82F6;
        border-color: #3B82F6;
    }

        .xf-toolbar-button--modern-blue:hover .xf-toolbar-button--modern-blue__icon[b-5nn9g3nqb0] {
            background-color: white !important;
        }

        .xf-toolbar-button--modern-blue:hover span[b-5nn9g3nqb0] {
            color: white !important;
        }
/* /Shared/Components/WebContent/XFWebWebContentComponent.razor.rz.scp.css */
.web-content-component__parent-container[b-whrnfpufae] {
    width: 100%;
}

.web-content-component__header[b-whrnfpufae] {
    height: 40px;
    background: 0% 0% no-repeat padding-box #eeeeee;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-image: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    .web-content-component__header label[b-whrnfpufae] {
        font: normal normal 700 var(--font-size-18px) Arial;
        letter-spacing: 0;
        color: #373737;
        margin: 4px 0;
    }

.web-content-component__content-container[b-whrnfpufae] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    height: 100%;
    width: 100%;
}

    .web-content-component__content-container iframe[b-whrnfpufae] {
        height: 100%;
        width: 100%;
        border: none;
        outline: none;
    }

        .web-content-component__content-container iframe:hover[b-whrnfpufae] {
            border: none;
            outline: none;
        }

.web-content-component__content-button[b-whrnfpufae] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    height: 100%;
    width: 100%;
    border: none;
    outline: none !important;
    background-color: #fff;
}

    .web-content-component__content-button:hover .web-content-component__new-tab-button-image[b-whrnfpufae],
    .web-content-component__content-button:hover .web-content-component__download-button-image[b-whrnfpufae] {
        filter: invert(26%) sepia(95%) saturate(1823%) hue-rotate(197deg) brightness(87%) contrast(92%);
    }

        .web-content-component__content-button:focus-visible[b-whrnfpufae] {
            outline: -webkit-focus-ring-color auto 1px !important;
        }

.web-content-component__new-tab-button-image[b-whrnfpufae] {
    background: url(/images/icons/icon-export-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 50px;
    filter: invert(25%) sepia(0%) saturate(1909%) hue-rotate(203deg) brightness(122%) contrast(85%); /* This is #555. */
}

.web-content-component__download-button-image[b-whrnfpufae] {
    background: url(/images/icons/icon-download-file.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 50px;
    filter: invert(25%) sepia(0%) saturate(1909%) hue-rotate(203deg) brightness(122%) contrast(85%); /* This is #555. */
}

.web-content-component__content-label[b-whrnfpufae] {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    font: normal normal 700 var(--font-size-16px) Arial;
    letter-spacing: 0;
    color: #373737;
}
/* /Shared/DataAuditAndDrillDown/DrillDown/XFWebDrillDownComponentWrapper.razor.rz.scp.css */
label.dataUnitDimensions[b-6vedfqdn3w] {
    padding-left: 16px;
    margin-right: 8px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-switch.dataUnitDimensions-switch[b-6vedfqdn3w] {
    margin-left: auto !important;
    margin-right: 8px;
}
/* /Shared/DataAuditAndDrillDown/DrillDown/XFWebDrillDownFormulaComponent.razor.rz.scp.css */
.formula-popover[b-qg8jewrdc5] {
    width: 461px;
    height: 75px;
}

    .formula-popover .formula-popover-explaination[b-qg8jewrdc5] {
        text-align: left;
        font: normal normal 600 var(--font-size-13px)/var(--font-size-16px) Arial;
        letter-spacing: 0.23px;
        color: #000000;
        opacity: 1;
        padding: 8px 8px 5px 8px;
        border-bottom: 1px solid #E0E0E0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .formula-popover .formula-popover-header[b-qg8jewrdc5] {
        margin: 4px 8px 6px 8px;
    }

        .formula-popover .formula-popover-header .formula-constant[b-qg8jewrdc5] {
            text-align: left;
            font: normal normal 600 var(--font-size-13px)/var(--font-size-16px) Arial;
            letter-spacing: 0.23px;
            color: #9E9E9E;
            opacity: 1;
        }

        .formula-popover .formula-popover-header .copybutton[b-qg8jewrdc5] {
            height: 16px;
            width: 16px;
            -webkit-background-size: 16px 16px;
            opacity: 1;
            border: none;
            outline: none;
            background: transparent url('/images/Icons/icon-copy.svg') 0% 0% no-repeat padding-box;
            background-size: contain !important;
        }

        .formula-popover .formula-popover-header .formula-popover-formula[b-qg8jewrdc5] {
            margin-top: 4px;
            text-align: left;
            font: normal normal normal var(--font-size-13px)/var(--font-size-16px) Arial;
            letter-spacing: 0.23px;
            color: #000000;
            opacity: 1;
            text-overflow: ellipsis;
            overflow: hidden;
        }
/* /Shared/MainLayout.razor.rz.scp.css */
.xf-main-container[b-7aofon9zhi] {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "banner""header""content";
}

.container-fluid[b-7aofon9zhi] {
    grid-area: content;
    height: 100%;
    overflow-y: auto;
}

main[b-7aofon9zhi] {
    width: 100%;
    height: 100%;
    z-index: 0;
}

@media (min-width: 576px) {
    .main__wrapper[b-7aofon9zhi] {
        width: calc(100% - 56px);
    }

        main.ms-sm-auto[b-7aofon9zhi] {
            margin-left: auto !important;
        }
}

/* Navbar */
.navbar-brand[b-7aofon9zhi] {
    font-size: 1.2rem;
    background-color: white;
    box-shadow: inset -1px 0 0 white;
    margin: 0px;
    font-weight: 600;
}

a.navbar-brand[b-7aofon9zhi] {
    line-height: 2.5rem;
    color: white;
    background-color: rgb(49, 114, 175); /*XF DarkBlue*/
    text-align: center
}

/* Header */
.header[b-7aofon9zhi] {
    background-color: #373737;
    color: white;
    height: 40px;
    position: sticky;
    grid-area: header;
    top: 0;
    z-index: 600;
}

#header-logo-app__container[b-7aofon9zhi] {
    display: flex;
    height: 40px;
    align-items: center;
    margin-left: 16px;
}

#header__logo[b-7aofon9zhi] {
    width: auto;
    height: 26px;
}

#header__application-name[b-7aofon9zhi] {
    display: none;
}

#header__user[b-7aofon9zhi] {
    position: relative;
}

    #header__user p.header-username-text[b-7aofon9zhi] {
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
        max-width: 12.5rem;
    }

@media only screen and (min-width: 576px /*small*/ ) {
    #header__application-name[b-7aofon9zhi] {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 24px;
        font-size: var(--font-size-15px);
        position: relative;
    }
}

.header__application-home-button[b-7aofon9zhi] {
    position: relative;
}

.header__application-environment-button[b-7aofon9zhi] {
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    margin-left: 20px;
    font: normal normal normal var(--font-size-16px)/var(--font-size-18px) Arial;
    color: #FFFFFF;
    padding: 5px 5px;
} 

.header-button-group[b-7aofon9zhi] {
    position: absolute;
    right: 32px;
    top: 8px;
}

    .header-button-group div[b-7aofon9zhi] {
        display: inline-block;
    }

    .header-button-group a[b-7aofon9zhi] {
        margin-right: auto;
        margin-left: auto;
        width: 50%;
    }

        .header-button-group a:hover[b-7aofon9zhi] {
            text-decoration: none;
        }

    .header-button-group p[b-7aofon9zhi] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8rem;
        text-align: center;
        margin: auto;
        color: white;
    }

    .header-button-group img[b-7aofon9zhi] {
        display: block;
        height: 24px;
        width: 24px;
        margin: auto;
    }

        .header-button-group img.header-area-icon[b-7aofon9zhi], .mobile-header__icon[b-7aofon9zhi] {
            height: 16px;
            width: 16px;
            margin-right: 5px;
        }

#header__settings[b-7aofon9zhi] {
    display: none;
    position: relative;
    margin-left: 1.938rem;
}

#header__user[b-7aofon9zhi] {
    margin-left: 1.6875rem;
    display: none;
}

#header__hamburger[b-7aofon9zhi] {
    display: inline-block;
}

.header__genai[b-7aofon9zhi] {
    position: relative;
}

.main__wrapper[b-7aofon9zhi] {
    display: flex;
    height: 100%;
}

.ai__wrapper[b-7aofon9zhi] {
    flex: 0 0 40%;
    padding: 3px 3px 0 0;
    height: 100%;
}

@media only screen and (min-width: 768px /*tablet*/ ) {
    #header__settings[b-7aofon9zhi] {
        display: inline-block;
    }

    #header__user[b-7aofon9zhi] {
        display: inline-block;
    }

    #header__hamburger[b-7aofon9zhi] {
        display: none;
    }
}

/*Sidebar*/
#sidebar[b-7aofon9zhi] {
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: inset -1px 0 0 whitesmoke;
    padding: 0;
    background-color: #f7f9fa;
    width: 100%;
    z-index: 5;
    border: 1px solid #ddd;
    border-width: 1px 0 0 0;
}

@media only screen and (min-width: 576px /*small*/ ) {
    #sidebar[b-7aofon9zhi] {
        width: 56px;
        border-width: 0 1px 0 0;
        position: static;
    }
}

a.navbar-brand > img[b-7aofon9zhi] {
    margin-top: -5px;
    margin-right: 5px
}

#navbarNavDropdown[b-7aofon9zhi]  li a, #navbarNavDropdown[b-7aofon9zhi]  li a span {
    color: rgb(49, 114, 175) /*XF DarkBlue*/
}

#navbarNavDropdown[b-7aofon9zhi]  ul.dropdown-menu {
    background-color: whitesmoke;
}

    #navbarNavDropdown[b-7aofon9zhi]  ul.dropdown-menu span,
    #navbarNavDropdown[b-7aofon9zhi]  ul.dropdown-menu a,
    #navbarNavDropdown[b-7aofon9zhi]  ul.dropdown-menu button {
        background-color: whitesmoke;
        color: rgb(49, 114, 175); /* XF DarkBlue*/
        font-size: .9rem
    }

        #navbarNavDropdown[b-7aofon9zhi]  ul.dropdown-menu button:hover {
            background-color: lightgray;
        }

.arrow-up-settings[b-7aofon9zhi] {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    bottom: -8px;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1110;
}

.arrow-up-profile[b-7aofon9zhi] {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    bottom: -8px;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1110;
}

    .arrow-up-settings.show[b-7aofon9zhi], .arrow-up-profile.show[b-7aofon9zhi] {
        display: block;
    }

#navbar-dropdown-settings-menu[b-7aofon9zhi] {
    padding: 1.5rem .75rem;
    width: 13.75rem;
    z-index: 1100; /* displays above mainLayoutContentDiv */
}

    #navbar-dropdown-settings-menu[b-7aofon9zhi]  div {
        display: block;
        float: none;
        padding: 0;
    }

    #navbar-dropdown-settings-menu.dropdown-menu-right[b-7aofon9zhi], #navbar-dropdown-profile-menu.dropdown-menu-right[b-7aofon9zhi] {
        top: 31px;
        right: -0.688rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0px 1px 5px #00000033;
    }

    #navbar-dropdown-settings-menu .dropdown-item a[b-7aofon9zhi], #navbar-dropdown-settings-menu .dropdown-item a:hover[b-7aofon9zhi], #navbar-dropdown-settings-menu .dropdown-item a:active[b-7aofon9zhi], #navbar-dropdown-settings-menu .dropdown-item:active[b-7aofon9zhi] {
        color: #000000;
        text-decoration: none;
        background-color: transparent;
    }

.navbar[b-7aofon9zhi]  .navbar-toggler {
    top: .75rem;
    right: 1rem;
}

#navbar-dropdown-profile-menu .submenu[b-7aofon9zhi] {
    border: 0;
    position: relative;
    border-bottom: 1px solid #BDBDBD;
    border-radius: 0;
    min-width: 9rem;
    margin-top: -1px;
}

#navbar-dropdown-profile-menu[b-7aofon9zhi] {
    padding: 1.5rem .75rem 1.5rem .75rem;
    width: 13.75rem;
    z-index: 1100; /* displays above mainLayoutContentDiv */
}

    #navbar-dropdown-profile-menu .username-text[b-7aofon9zhi] {
        font: normal normal 600 var(--font-size-15px)/var(--font-size-16px) Arial;
        letter-spacing: 0px;
        color: #373737;
        opacity: 1;
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
        max-width: 12.5rem;
        display: inline-block;
        line-height: 0.925rem;
        margin-bottom: 0.813rem;
    }

    #navbar-dropdown-profile-menu img[b-7aofon9zhi] {
        display: block;
        height: 16px;
        width: 16px;
        margin: auto;
    }

    #navbar-dropdown-profile-menu .dropdown-toggle a:hover[b-7aofon9zhi], #navbar-dropdown-profile-menu .dropdown-toggle a:active[b-7aofon9zhi] {
        color: #000000;
        text-decoration: none;
        background-color: transparent;
    }

    #navbar-dropdown-profile-menu .dropdown-toggle[b-7aofon9zhi]::after {
        margin-left: .6em;
        color: #6F7C83;
        border: 0;
        content: '\e5c5';
        font-family: 'Material Icons Round';
        font-size: var(--font-size-32px);
        vertical-align: -.4em;
    }

    #navbar-dropdown-profile-menu div.show .dropdown-toggle[b-7aofon9zhi]::after {
        transform: rotate(180deg);
        transition: transform 300ms ease;
    }

    #navbar-dropdown-profile-menu .dropdown-item-details[b-7aofon9zhi] {
        border-bottom: 1px solid #BDBDBD;
    }

    #navbar-dropdown-profile-menu .dropdown-item a[b-7aofon9zhi], #navbar-dropdown-profile-menu .dropdown-item a:hover[b-7aofon9zhi], #navbar-dropdown-profile-menu .dropdown-item a:active[b-7aofon9zhi], #navbar-dropdown-profile-menu .dropdown-item:active[b-7aofon9zhi] {
        color: #000000;
        text-decoration: none;
        background-color: transparent;
    }

#navbar-dropdown-mobile-menu[b-7aofon9zhi] {
    top: -3px;
    min-width: 21rem;
    padding: 2.5rem 2rem 2rem 2rem;
    height: 100vh !important;
    border-radius: 0;
    border: 0;
    overflow-x: auto;
    z-index: 1100; /* displays above mainLayoutContentDiv */
}

#navbar-dropdown-settings-menu .dropdown-item[b-7aofon9zhi], #navbar-dropdown-profile-menu .dropdown-item[b-7aofon9zhi] {
    font: normal normal normal var(--font-size-14px)/var(--font-size-16px) Arial;
    letter-spacing: 0px;
    color: #000000;
    padding: 1.313rem 0 .5rem 0rem;
}

#navbar-dropdown-settings-menu .dropdown-item[b-7aofon9zhi] {
    padding: 1.25rem 0 .438rem 0rem;
}

#navbar-dropdown-profile-menu .dropdown-toggle[b-7aofon9zhi] {
    padding-top: .75rem;
}

#navbar-dropdown-settings-menu .dropdown-subitem-text[b-7aofon9zhi], #navbar-dropdown-mobile-menu .dropdown-subitem-text[b-7aofon9zhi] {
    font: normal normal normal var(--font-size-14px)/var(--font-size-16px) Arial;
    color: #000000;
    margin-top: -1px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    max-width: 12rem;
}

#navbar-dropdown-mobile-menu .dropdown-item[b-7aofon9zhi] {
    font: normal normal normal var(--font-size-14px)/var(--font-size-16px) Arial;
    letter-spacing: 0px;
    color: #000000;
    padding: 1.25rem 0 1.25rem 0rem;
}

    #navbar-dropdown-mobile-menu .dropdown-item.btn[b-7aofon9zhi] {
        padding-left: 0.188rem;
    }

    #navbar-dropdown-mobile-menu .dropdown-item a[b-7aofon9zhi], #navbar-dropdown-mobile-menu .dropdown-item a:hover[b-7aofon9zhi], #navbar-dropdown-mobile-menu .dropdown-item a:active[b-7aofon9zhi], #navbar-dropdown-mobile-menu .dropdown-item:active[b-7aofon9zhi] {
        color: #000000;
        text-decoration: none;
        background-color: transparent;
    }

    #navbar-dropdown-profile-menu .dropdown-item:hover[b-7aofon9zhi], #navbar-dropdown-settings-menu .dropdown-item:hover[b-7aofon9zhi], #navbar-dropdown-mobile-menu .dropdown-item:hover[b-7aofon9zhi] {
        background-color: #fff;
        font-weight: bold;
    }

#navbar-dropdown-profile-menu .dropdown-subitem[b-7aofon9zhi] {
    padding: .5rem 0 1rem 1.5rem;
}

#navbar-dropdown-mobile-menu .dropdown-subitem[b-7aofon9zhi] {
    padding: .5rem 0 1rem 2.4rem;
}

    #navbar-dropdown-mobile-menu .dropdown-subitem:last-child[b-7aofon9zhi] {
        padding-top: 0;
    }

#navbar-dropdown-mobile-menu .dropdown-subitem-settings[b-7aofon9zhi] {
    padding: .5rem 0 .5rem 2.4rem;
}

#navbar-dropdown-mobile-menu .dropdown-item-details[b-7aofon9zhi], .dropdown-item--bottom-border[b-7aofon9zhi] {
    border-bottom: 1px solid #BDBDBD;
}

#navbar-dropdown-mobile-menu .mobile-header[b-7aofon9zhi] {
    font: normal normal 600 var(--font-size-15px)/var(--font-size-17px) "Arial";
    letter-spacing: 0px;
    color: #373737;
    padding: 1.25rem 0 .25rem 0;
}

    #navbar-dropdown-mobile-menu .mobile-header img[b-7aofon9zhi] {
        margin-right: .25rem;
    }

#navbar-dropdown-mobile-menu .dropdown-item:focus[b-7aofon9zhi] {
    background-color: #fff;
}

#navbar-dropdown-mobile-menu-xlink[b-7aofon9zhi] {
    font-size: var(--font-size-32px);
    position: absolute;
    top: 0px;
    right: 16px;
}

    #navbar-dropdown-mobile-menu-xlink[b-7aofon9zhi]  a {
        color: #373737;
        font-size: var(--font-size-32px);
        position: absolute;
        top: 26px;
        right: 26px;
        text-decoration: none;
    }

        #navbar-dropdown-mobile-menu-xlink[b-7aofon9zhi]  a:hover {
            text-decoration: none;
        }

    #navbar-dropdown-mobile-menu-xlink a[b-7aofon9zhi]::before {
        content: '\e5cd';
        font-family: 'Material Icons Round';
    }

.navbar-toggler[b-7aofon9zhi] {
    background-color: rgba(255, 255, 255, 0.1);
}

/* mainLayoutContentDiv is displayed when opening navbar-dropdown-settings-menu, navbar-dropdown-profile-menu, and navbar-dropdown-mobile-menu */
/* mainLayoutContentDiv provides a clickable area to close menus */
#mainLayoutContentDiv[b-7aofon9zhi] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1025; /* displays above all page content but below navbar menus */
    background-color: transparent;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.main-layout-spinner-container[b-7aofon9zhi] {
    z-index: 3000;
    position: absolute;
    height: 100vh;
    width: 100vw;
}

@media (min-width: 768px) {

    .navbar-toggler[b-7aofon9zhi] {
        display: none;
    }

    #navbar-dropdown-mobile-menu[b-7aofon9zhi] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    #navbar-dropdown-mobile-menu[b-7aofon9zhi] {
        padding: 2.5rem 2rem 2rem 2rem;
        margin-left: 45px;
    }

    #navbar-dropdown-settings-menu[b-7aofon9zhi], #navbar-dropdown-profile-menu[b-7aofon9zhi] {
        display: none;
    }

    #mainLayoutContentDiv[b-7aofon9zhi] {
        background-color: #000;
        opacity: .3;
    }
}

@media (max-width: 575.98px) {
    #navbar-dropdown-mobile-menu[b-7aofon9zhi] {
        padding: 2.5rem 2rem 2rem 2rem;
        margin-left: 45px;
    }

    #navbar-dropdown-settings-menu[b-7aofon9zhi], #navbar-dropdown-profile-menu[b-7aofon9zhi] {
        display: none;
    }

    #mainLayoutContentDiv[b-7aofon9zhi] {
        background-color: #000;
        opacity: .3;
    }
}

/* Full Collapse NavMenu Button */
#full-collapse-button__mobile-view[b-7aofon9zhi] {
    width: 100%;
    height: 22px;
    display: flex;
    justify-content: center;
    background-color: white;
    position: absolute;
    bottom: 56px;
}

    #full-collapse-button__mobile-view button[b-7aofon9zhi] {
        width: 44px;
        height: 22px;
        background-color: #eee;
        float: right;
        border-top-right-radius: 22px;
        border-top-left-radius: 22px;
        border: 0;
        z-index: 5;
        outline: none;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }


    #full-collapse-button__mobile-view i[b-7aofon9zhi] {
        border: solid #777;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        transform: rotate(45deg);
        position: absolute;
        top: 3px;
        right: calc(50% - 6px)
    }

#full-collapse-button__desktop-view[b-7aofon9zhi] {
    height: auto;
    width: 22px;
    position: absolute;
    left: 56px;
    bottom: 0;
    display: none;
    justify-content: center;
    background-color: transparent;
    z-index: 1025;
}

    #full-collapse-button__desktop-view button[b-7aofon9zhi] {
        width: 22px;
        height: 44px;
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px;
        border-top-left-radius: 0px;
        margin-top: auto;
        margin-bottom: 8px;
        background-color: #eee;
        float: right;
        border: 0;
        z-index: 1;
    }

    #full-collapse-button__desktop-view i[b-7aofon9zhi] {
        transform: rotate(135deg);
        bottom: 0px;
        border: solid #777;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        position: relative;
    }

@media only screen and (min-width: 576px /*small*/ ) {
    #full-collapse-button__mobile-view[b-7aofon9zhi] {
        display: none;
    }

    #full-collapse-button__desktop-view[b-7aofon9zhi] {
        display: flex;
    }
}

li.li-accessibility[b-7aofon9zhi], .dropdown-item-accessibility[b-7aofon9zhi] {
    font: normal normal 500 var(--font-size-14px)/var(--font-size-16px) Arial;
}

    li.li-accessibility .dropdown-item[b-7aofon9zhi], .dropdown-item-accessibility .dropdown-item[b-7aofon9zhi] {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

#nav-menu-overlay__header-banner-cover[b-7aofon9zhi] {
    z-index: 1030;
    display: none;
    grid-area: banner / banner / header;
}
/* /Shared/Navbar/WebNavbarWorkflowComponent.razor.rz.scp.css */
#workflow-navmenu--parent-container[b-69znut1vnu] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#workflow-view-container[b-69znut1vnu] {
    display: none;
    padding: 0 16px 8px 16px;
    height: 158px;
    background-color: #fff;
}

#select-workflow-view--container[b-69znut1vnu] {
    height: 100%;
}

@media (min-width: 576px) {
    #workflow-view-container[b-69znut1vnu] {
        display: block;
    }

    #select-workflow-view--container[b-69znut1vnu] {
        height: calc(100% - 158px);
    }
}
/* /Shared/Navbar/WebSelectWorkflowViewComponent.razor.rz.scp.css */
#cb-header[b-t6h5h9yd8j] {
    font: normal normal bold var(--font-size-11px)/var(--font-size-12px) Arial;
    letter-spacing: 1.1px;
    color: #0E65C0;
    text-transform: uppercase;
    position: absolute;
    padding: 16px 8px 0px 10px;
}

#button-container[b-t6h5h9yd8j] {
    position: absolute;
    bottom: -36px;
    width: 100%;
    left: 7px;
}

    #button-container #modify-button[b-t6h5h9yd8j] {
        width: 80px;
        height: 27px;
        float: left;
        margin-left: 14px;
        background: #0E65C0 0% 0% no-repeat padding-box;
        border: 1px solid #0E65C0;
        border-radius: 2px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: .8rem;
        letter-spacing: 0.36px;
        color: #FFFFFF;
        text-transform: uppercase;
    }

        #button-container #modify-button:hover[b-t6h5h9yd8j] {
            opacity: 0.8;
        }

        #button-container #modify-button:disabled[b-t6h5h9yd8j] {
            opacity: 0.5;
        }

    #button-container #cancel-button[b-t6h5h9yd8j] {
        width: 80px;
        height: 27px;
        float: left;
        margin-left: 24px;
        right: 80px;
        background: white 0% 0% no-repeat padding-box;
        border: 1px solid #125CB4;
        border-radius: 2px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: .8rem;
        letter-spacing: 0.36px;
        color: #284285;
        letter-spacing: 0.36px;
        text-transform: uppercase;
    }

        #button-container #cancel-button:hover[b-t6h5h9yd8j] {
            opacity: 0.8;
        }

        #button-container #cancel-button:disabled[b-t6h5h9yd8j] {
            opacity: 0.5;
        }
/* /Shared/NavMenu.razor.rz.scp.css */
#xf-navmenu__container[b-eakyiprzrw] {
    position: sticky;
    flex-direction: row;
    align-items: stretch;
    display: flex;
}

.xf-navmenu__button[b-eakyiprzrw], .xf-navmenu__button--active[b-eakyiprzrw] {
    width: 100%;
    height: 56px;
    display: flex;
    cursor: pointer;
    flex-direction: column;
}

.xf-navmenu__button.btn.focus[b-eakyiprzrw],
.xf-navmenu__button.btn:focus[b-eakyiprzrw],
.xf-navmenu__button--active.btn.focus[b-eakyiprzrw],
.xf-navmenu__button--active.btn:focus[b-eakyiprzrw] {
    outline: 5px auto rgba(0,123,255,.25);
    box-shadow: none;
}

.xf-navmenu__button.btn.active[b-eakyiprzrw],
.xf-navmenu__button.btn:active[b-eakyiprzrw],
.xf-navmenu__button--active.btn.active[b-eakyiprzrw],
.xf-navmenu__button--active.btn:active[b-eakyiprzrw] {
    outline: none;
    box-shadow: none;
}

.xf-navmenu__button-bar[b-eakyiprzrw] {
    height: 4px;
    width: 100%;
    background-color: #373737;
}

.xf-navmenu__button svg[b-eakyiprzrw], .xf-navmenu__button--active svg[b-eakyiprzrw] {
    height: 26px;
    width: 26px;
    margin: auto;
}

@media only screen and (min-width: 576px /*small*/ ) {
    #xf-navmenu__container[b-eakyiprzrw] {
        flex-direction: column;
    }

    .xf-navmenu__button[b-eakyiprzrw], .xf-navmenu__button--active[b-eakyiprzrw] {
        flex-direction: row;
    }

    .xf-navmenu__button-bar[b-eakyiprzrw] {
        width: 3px;
        height: calc(100% - 16px);
        margin: 8px 0 8px 2px;
        border-radius: 2px;
    }

    .xf-navmenu__button svg[b-eakyiprzrw], .xf-navmenu__button--active svg[b-eakyiprzrw] {

    }
}

.xf-navmenu__button--active[b-eakyiprzrw] {
    background-color: white;
    border-width: 0;
    padding: 0; 
}

.xf-navmenu__button--active svg[b-eakyiprzrw] {
    filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
}

.xf-navmenu__button--active .xf-navmenu__button-bar[b-eakyiprzrw] {
    display: block;
}

.xf-navmenu__button .xf-navmenu__button-bar[b-eakyiprzrw] {
    display: none;
}

/* Workflow */
#xf-navmenu__button-workflow svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-work-flow.svg');
}

#xf-navmenu__button-workflow:hover svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-work-flow-selected.svg');
}

#xf-navmenu__button-workflow.xf-navmenu__button--active svg[b-eakyiprzrw] {
    -webkit-mask-image: url(images/NavMenu/icon-work-flow-selected.svg);
    background: #373737;
}

/* CubeViews */
#xf-navmenu__button-cubeviews svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-cube-cube-view.svg');
}

#xf-navmenu__button-cubeviews:hover svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-cube-cube-view-selected.svg');
}

#xf-navmenu__button-cubeviews.xf-navmenu__button--active svg[b-eakyiprzrw] {
    -webkit-mask-image: url(images/NavMenu/icon-cube-cube-view-selected.svg);
    background: #373737;
}

/* Dashboards */
#xf-navmenu__button-dashboards svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-dashboard.svg');
}

#xf-navmenu__button-dashboards:hover svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-dashboard-selected.svg');
}

#xf-navmenu__button-dashboards.xf-navmenu__button--active svg[b-eakyiprzrw] {
    -webkit-mask-image: url(images/NavMenu/icon-dashboard-selected.svg);
    background: #373737;
}

/* Documents */
#xf-navmenu__button-documents svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-documents.svg');
}

#xf-navmenu__button-documents:hover svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-documents-selected.svg');
}

#xf-navmenu__button-documents.xf-navmenu__button--active svg[b-eakyiprzrw] {
    -webkit-mask-image: url(images/NavMenu/icon-documents-selected.svg);
    background: #373737;
}

/* POV */
#xf-navmenu__button-pov svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-POV.svg');
}

#xf-navmenu__button-pov:hover svg[b-eakyiprzrw] {
    background: url('images/NavMenu/icon-POV-selected.svg');
}

#xf-navmenu__button-pov.xf-navmenu__button--active svg[b-eakyiprzrw] {
    -webkit-mask-image: url(images/NavMenu/icon-POV-selected.svg);
    background: #373737;
}

.el-nav-focus:focus[b-eakyiprzrw] {
    outline: none !important;  /* PF3-15519 - Remove default focus outline - only need outline on keyboard navigation and hover */
}
.el-nav-focus:focus-visible[b-eakyiprzrw] {
    outline: 2px solid #000 !important;
    outline-offset: -10px !important;
    box-shadow: none !important;
}
/* /Shared/Stage/XFWebSourceDataDrillDownViewer.razor.rz.scp.css */
[b-x4y8n1rtly] .xf-drill-down__grid-container .xf-telerik-grid {
    /* A fixed height is needed for this grid to support row virtualization as we load the grid inside a dialog component. */
    height: calc(100vh - 300px) !important;
}