/* _content/Octane.DAE/Components/DataViewerComponent.razor.rz.scp.css */

.system-management-modal-divider[b-5o18a0eqhm] {
    height: 0.5px;
    width: 100%;
    background: #D2D4D6;
    border-radius: 2px;
    margin-bottom: 24px;
}

.system-management-wrapper[b-5o18a0eqhm] {
    margin-bottom: -100px;
}
/* _content/Octane.DAE/Components/Temp.razor.rz.scp.css */

.guibuilder-modal-segmented[b-axcy01nrmz] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.guibuilder-modal-segmented-item[b-axcy01nrmz] {
    padding: 4px 12px 8px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #AEAEAE;
    transition: color 0.2s ease-in-out;
}

.guibuilder-modal-segmented-item-text[b-axcy01nrmz] {
    color: rgba(0, 0, 0, 0.85);
}

.ant-segmented-item:hover .ant-segmented-item-label .guibuilder-modal-segmented-item[b-axcy01nrmz] {
    color: #565656;
}


.guibuilder-steps-content[b-axcy01nrmz] {
    margin-top: 16px;
    padding: 50px; /* to make it display in middle of div */
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
}

.guibuilder-step-content-title[b-axcy01nrmz] {
    margin-bottom: 28px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    width: fit-content;
    margin: 0 auto 20px auto;
    padding-bottom: 8px;
    border-bottom: 0.5px solid #D1D2D6;
}

.guibuilder-radio-group-container[b-axcy01nrmz] {
    width: 360px;
    text-align: left;
    margin: 0 auto;
}

.guibuilder-radio-item-description[b-axcy01nrmz] {
    font-size: 0.84em;
    font-style: italic;
    letter-spacing: 0.3px;
    margin: 4px 0 18px 0;
    color: #919192;
}

.guibuilder-modal-templatetype-message-box[b-axcy01nrmz] {
    width: fit-content;
    padding: 5px 18px;
    margin-bottom: 22px;
    background: #fff2e8;
    border: 1px solid #ffbb96;
    border-radius: 3px;
    color: #D4380D;
    display: flex;
    align-items: center;
    text-align: left;
}

.guibuilder-modal-templatetype-messages[b-axcy01nrmz] {
    font-size: 12px;
    margin: 0.5px 16px 0 16px;
    margin-top: 0.5px;
    min-width: fit-content;
}

.guibuilder-steps-action[b-axcy01nrmz] {
    margin-top: 24px;
    text-align: right;
}

[b-axcy01nrmz] .guibuilder-button-with-margin {
    border-radius: 3px;
    margin-right: 16px;
}

[b-axcy01nrmz] .guibuilder-button-done {
    border-radius: 3px;
}

/* _content/Octane.DAE/DAE/Components/PropertyEditor.razor.rz.scp.css */
[b-9ts5ef27bd] .dae-current-datapath {
    margin: auto 1rem auto 0;
    min-width: 0;
}

[b-9ts5ef27bd] .dae-current-datapath ol {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.dae-input-wrapper-content[b-9ts5ef27bd] {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
/* _content/Octane.DAE/DAE/Page/DAE.razor.rz.scp.css */

.ant-layout[b-1jwfs7in5f] {
    min-width: fit-content;
}

.dae-asset-form-body[b-1jwfs7in5f] {
    min-width: 800px;
}

.title-DAE[b-1jwfs7in5f] {
    margin-left: 25px;
    font-size: 25px;
    display: block;
}

.steps-center[b-1jwfs7in5f] {
    margin-left: 18%;
    margin-right: 18%;
}

.steps-content[b-1jwfs7in5f] {
    margin: 35px 20px 0 20px;
}

.button-group[b-1jwfs7in5f] {
    display: flex;
    justify-content: space-between;
    margin: 35px 20px 0 20px;
}

.button-group-left[b-1jwfs7in5f] {
    margin-right: 40px;
}

[b-1jwfs7in5f] .button-previous, [b-1jwfs7in5f] .button-next, [b-1jwfs7in5f] .button-create-update {
    border-radius: 3px;
}

[b-1jwfs7in5f] .button-previous, [b-1jwfs7in5f] .button-create-update {
    margin-right: 20px;
}

[b-1jwfs7in5f] .button-delete {
    border-radius: 3px;
    margin-left: 20px;
}

[b-1jwfs7in5f] .button-icon-next {
    font-size: 14px;
    margin-left: 5px;
}

[b-1jwfs7in5f] .button-icon-previous {
    font-size: 14px;
    margin-right: 5px;
}
/* _content/Octane.DAE/DAE/Page/DAEDetail.razor.rz.scp.css */

.dae-input-top-button[b-ke8maplgrv] {
    display: flex;
    justify-content: flex-end;
    padding: 0 5px 20px 0;
}

[b-ke8maplgrv] .dae-input-clear-button {
    border-radius: 3px;
    padding-right: 18px;
    padding-top: 2px;
    border-color: #1890FF;
}



.test-input-wrapper[b-ke8maplgrv] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.test-label[b-ke8maplgrv] {
    flex: 0 0 calc(4 / 24 * 100%);
    max-width: calc(4 / 24 * 100%);
    min-width: 0;
    margin-right: calc(1 / 24 * 100%);
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.test-input[b-ke8maplgrv] {
    flex: 0 0 calc(19 / 24 * 100%);
    max-width: calc(19 / 24 * 100%);
}
/* _content/Octane.DAE/DAE/Page/DAEMain.razor.rz.scp.css */

.dae-filter-sort-button[b-mj20vyyo3a] {
    position: relative;
    color: #6E6F6F;
    height: 36px;
    padding: 6px 18px;
    margin-right: 20px;
    border: 1px solid #DDDEE0;
    background: white;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    user-select: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .dae-filter-sort-button:hover[b-mj20vyyo3a] {
        color: #1890FF;
        border: 1px solid #1890FF;
    }

.dae-filter-sort-content-filtergroup[b-mj20vyyo3a] {
    background: #FAFAFA;
    padding: 10px 0 5px 4px;
    border: 1px solid #E2E2E1;
    border-radius: 8px;
    margin-top: 18px;
}

.dae-filter-sort-content[b-mj20vyyo3a] {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    padding: 8px 14px 16px 14px;
    border: 1px solid #DDDEE0;
    background: white;
    border-radius: 3px;
    top: 38px;
    cursor: initial;
    z-index: 200;
}

    .dae-filter-sort-content.filter[b-mj20vyyo3a] {
        left: 0;
        width: 575px;
        min-width: 300px;
        display: none;
    }

    .dae-filter-sort-content.sort[b-mj20vyyo3a] {
        left: 110.55px;
        width: 416px;
        min-width: 300px;
        display: none;
    }

    .dae-filter-sort-content.full-width[b-mj20vyyo3a] {
        width: 100%;
    }

.dae-filter-sort-content-top[b-mj20vyyo3a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 15px 17px 10px;
    height: 32px;
}

.dae-filter-sort-add-action[b-mj20vyyo3a] {
    display: flex;
    flex-direction: row;
    width: 230px;
    justify-content: space-between;
}

.dae-filter-sort-add[b-mj20vyyo3a] {
    position: relative;
    color: #312E47;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

    .dae-filter-sort-add:hover[b-mj20vyyo3a] {
        color: #057FF0;
    }

        .dae-filter-sort-add:hover .dae-filter-sort-add-underline[b-mj20vyyo3a] {
            left: 50%;
            transform: translateX(-48%);
            width: 50%;
            background: #A5D4FF;
        }

[b-mj20vyyo3a] .dae-filter-sort-add-icon {
    margin: 1px 8px 0 0;
    font-size: 12px;
}

.dae-filter-sort-add-underline[b-mj20vyyo3a] {
    content: "";
    margin-left: 3px;
    position: absolute;
    bottom: 2.5px;
    left: 0;
    height: 2px;
    width: 97%;
    background: #CAC8D2;
    transition: all 0.15s ease-in-out;
}

.dae-filter-sort-and-or-operation[b-mj20vyyo3a] {
    width: 72px;
}

.dae-filter-sort-content-list[b-mj20vyyo3a] {
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 10px;
    align-items: center;
    margin-bottom: 12px;
}

.dae-filter-sort-content-list-input-control[b-mj20vyyo3a] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    min-height: 1px;
}

.dae-input-control-11[b-mj20vyyo3a] {
    max-width: calc(11 / 24 * 100%);
    flex: 1 1 calc(11 / 24 * 100%);
}

.dae-input-control-6[b-mj20vyyo3a] {
    max-width: calc(6 / 24 * 100%);
    flex: 1 1 calc(6 / 24 * 100%);
}

.dae-input-control-7[b-mj20vyyo3a] {
    max-width: calc(7 / 24 * 100%);
    flex: 1 1 calc(7 / 24 * 100%);
}

.dae-input-control-14[b-mj20vyyo3a] {
    max-width: calc(14 / 24 * 100%);
    flex: 1 1 calc(14 / 24 * 100%);
}

.dae-input-control-10[b-mj20vyyo3a] {
    max-width: calc(10 / 24 * 100%);
    flex: 1 1 calc(10 / 24 * 100%);
}

.dae-filter-sort-content-list-remove[b-mj20vyyo3a] {
    font-size: 18px;
    color: #676666;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

    .dae-filter-sort-content-list-remove:hover[b-mj20vyyo3a] {
        color: #F5222D;
    }

.dae-filter-sort-content-divider[b-mj20vyyo3a] {
    height: 0.5px;
    width: 100%;
    margin: 20px 0 16px 0;
    background: #E6E8EB;
    border-radius: 3px;
}

.dae-filter-sort-content-action-button[b-mj20vyyo3a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 5px;
}

.dae-filter-sort-content-action-button-right[b-mj20vyyo3a] {
    width: 164px;
    display: flex;
    justify-content: space-between;
}

.dae-filter-sort-content-action-fullwidth[b-mj20vyyo3a] {
    position: relative;
    color: #5F5B79;
    cursor: pointer;
}

.dae-filter-sort-content-action-tooltip[b-mj20vyyo3a] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    top: -28px;
    right: 50%;
    transform: translateX(52%);
    z-index: 100;
    white-space: nowrap;
    pointer-events: none;
}

.dae-filter-sort-content-action-fullwidth:hover .dae-filter-sort-content-action-tooltip[b-mj20vyyo3a] {
    opacity: 0.9;
    transition-delay: 0.5s;
}

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

[b-mj20vyyo3a] .filter-sort-item-select-margin {
    margin: 0 16px;
}

[b-mj20vyyo3a] .filter-sort-item-select-margin-left {
    margin-left: 16px;
}

[b-mj20vyyo3a] .filter-sort-item-select-remove-icon {
    transform: rotate(45deg);
}

.table-width100[b-mj20vyyo3a] {
    min-width: 100px;
    width: fit-content;
}

.table-width140[b-mj20vyyo3a] {
    min-width: 140px;
    width: fit-content;
}

.table-width80[b-mj20vyyo3a] {
    min-width: 80px;
    width: fit-content;
}

.table-width90[b-mj20vyyo3a] {
    min-width: 90px;
    width: fit-content;
}

[b-mj20vyyo3a] .table-with-scroll-bar {
    overflow-x: auto;
}

    [b-mj20vyyo3a] .table-with-scroll-bar::-webkit-scrollbar, [b-mj20vyyo3a] .table-with-scroll-bar::-webkit-scrollbar-thumb {
        height: 26px;
        border-radius: 13px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.15);
        border: 8.5px solid transparent;
    }

        [b-mj20vyyo3a] .table-with-scroll-bar::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.30);
        }

    [b-mj20vyyo3a] .table-with-scroll-bar::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

/*[data-theme='compact'] .site-collapse-custom-collapse .site-collapse-custom-panel,
.site-collapse-custom-collapse .site-collapse-custom-panel {
    background: #FAFAFC;
    margin-bottom: 21px;
    border: 0px;
    overflow: hidden;
}*/

.dae-table-expand-content-text[b-mj20vyyo3a] {
    margin-left: 50px;
}

/*.toggle-column {
    margin-bottom: 18px;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}*/
/* _content/Octane.DAE/DAE/Page/DAEProperties.razor.rz.scp.css */

.dae-tree-with-buttons[b-7w1reruceb] {
    display: flex;
    flex-direction: column;
    margin: -5px 20px 24px 20px;
    width: 95%;
}

.dae-tree[b-7w1reruceb] {
    width: 100%;
}

[b-7w1reruceb] .tree-design {
    padding: 13px 10px 10px 10px;
    border: 1px solid #EAEBEC;
    border-radius: 7px;
    overflow-y: auto;
    max-height: 250px;
}

    [b-7w1reruceb] .tree-design::-webkit-scrollbar, [b-7w1reruceb] .tree-design::-webkit-scrollbar-thumb {
        width: 26px;
        border-radius: 13px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.05);
        border: 10px solid transparent;
    }

        [b-7w1reruceb] .tree-design::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.15);
        }

    [b-7w1reruceb] .tree-design::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

.title-template[b-7w1reruceb] {
    pointer-events: none;
}

[b-7w1reruceb] .dae-empty-placeholder-design {
    margin-bottom: -25px;
}

.dae-property-action-buttons[b-7w1reruceb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.dae-property-action-buttons-left[b-7w1reruceb] {
    margin-right: 40px;
}

[b-7w1reruceb] .dae-input-add-property-button {
    border-radius: 3px;
    padding-bottom: 8px;
    padding-right: 19px;
}

[b-7w1reruceb] .dae-input-add-button-icon {
    font-size: 13px;
    margin-right: 9px;
}

.dae-property-action-buttons-right[b-7w1reruceb] {
    display: flex;
    flex-direction: row;
}

[b-7w1reruceb] .dae-input-reset-button {
    margin-left: 20px;
    border-radius: 3px;
    border-color: #1890FF;
}

[b-7w1reruceb] .dae-input-delete-button {
    margin-left: 5px;
    border-radius: 3px;
}

[b-7w1reruceb] .dae-input-view-schema-button {
    border-radius: 3px;
    border-color: darkslategray;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/Components/GeneralSettings.razor.rz.scp.css */

.guibuilder-modal-setting-explaination[b-8r9u5u5lr7] {
    margin: 0 0 16px 0;
    color: #827474;
}

[b-8r9u5u5lr7] .cascader-width-100 {
    width: 100%;
}

.guibuilder-modal-setting-warning[b-8r9u5u5lr7] {
    margin: 5px 0 0 2px;
    color: #d73945;
    font-size: 12px;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/GUIBuilder.razor.rz.scp.css */

[b-odss7x2rv4] .guibuilder-loading-icon {
    height: 500px;
    width: 500px;
}

.guibuilder-two-topbar[b-odss7x2rv4] {
    width: 100%;
    /* margin-top = height of top layout */
    margin-top: 46px;
    position: fixed;
    z-index: 100;
}

.guibuilder-topbar[b-odss7x2rv4] {
    display: flex;
    position: relative;
    border-bottom: 0.5px solid rgba(38, 77, 120, 0.15);
    /* font style */
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    color: #43474B;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.guibuilder-first-layer-bar[b-odss7x2rv4] {
    padding: 2.1px 25px 2px 16px;
    background: white;
}

/* Menu Bar */

.guibuilder-menu-bar[b-odss7x2rv4] {
    display: flex;
    flex-direction: row;
}

.guibuilder-menu-bar-item[b-odss7x2rv4] {
    margin: 0 1px;
    position: relative;
}

.guibuilder-menu-bar-item-title[b-odss7x2rv4] {
    padding: 2px 8px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    .guibuilder-menu-bar-item-title:hover[b-odss7x2rv4] {
        background: #E3ECFF;
    }

    .guibuilder-menu-bar-item-title.clicked[b-odss7x2rv4] {
        background: #B7CEFF;
    }

.guibuilder-menu-bar-subbar[b-odss7x2rv4] {
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: 1px;
    padding: 4px 2px;
    border-radius: 0 0 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
    background: white;
    z-index: 1000;
}

    .guibuilder-menu-bar-subbar.opened[b-odss7x2rv4] {
        visibility: visible;
    }

.guibuilder-menu-bar-subitem[b-odss7x2rv4] {
    position: relative;
    font-size: 12px;
    padding: 3px 10px 2.5px 15px;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: space-between;
}

    .guibuilder-menu-bar-subitem:hover[b-odss7x2rv4], .guibuilder-menu-bar-subitem.hovered[b-odss7x2rv4] {
        background: #F6F6F6;
    }

        .guibuilder-menu-bar-subitem:hover .guibuilder-menu-bar-subitem-subbar[b-odss7x2rv4],
        .guibuilder-menu-bar-subitem.hovered .guibuilder-menu-bar-subitem-subbar[b-odss7x2rv4] {
            visibility: visible;
        }

.guibuilder-menu-bar-subitem-title[b-odss7x2rv4] {
    white-space: nowrap;
}

.guibuilder-menu-bar-subitem-shortcutkey[b-odss7x2rv4] {
    color: #6B7176;
}

[b-odss7x2rv4] .guibuilder-menu-bar-subitem-arrow-icon {
    font-size: 10px;
    vertical-align: -0.55px;
    font-weight: 500;
}

.guibuilder-menu-bar-subitem-subbar[b-odss7x2rv4] {
    visibility: hidden;
    position: absolute;
    top: -4px;
    left: 147px; /* left = subbar width - 3px */
    /* adequate width to fit the content */
    width: 212px;
    padding: 4px 2px;
    border-radius: 0 5px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
    background: white;
}

.guibuilder-menu-bar-subitem-subbar-subitem[b-odss7x2rv4] {
    position: relative;
    font-size: 12px;
    padding: 3px 17px 2.5px 15px;
    cursor: pointer;
    user-select: none;
    display: flex;
    justify-content: space-between;
}

    .guibuilder-menu-bar-subitem-subbar-subitem:hover[b-odss7x2rv4] {
        background: #F6F6F6;
    }

    .guibuilder-menu-bar-subitem-subbar-subitem.selected[b-odss7x2rv4] {
        background: #BAE7FF;
    }

.guibuilder-menu-bar-subitem-with-overflow[b-odss7x2rv4] {
    justify-content: initial;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-odss7x2rv4] .guibuilder-menu-bar-subitem-subbar-subitem-folder-icon {
    font-size: 13px;
    margin: 0 11px 0 -2px;
}

.guibuilder-menu-bar-subbar-divider[b-odss7x2rv4] {
    width: calc(100% - 12px);
    border-top: 1.1px solid #E0E2E3;
    margin: 4px 6px;
}

.guibuilder-menu-bar-subitem-subbar-notemplate[b-odss7x2rv4] {
    font-size: 12px;
    padding: 3px 17px 2.5px 15px;
    cursor: default;
    user-select: none;
}

/* Template Name */

.guibuilder-template-name[b-odss7x2rv4] {
    min-width: fit-content;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    user-select: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.guibuilder-template-name-temptext[b-odss7x2rv4] {
    display: inline-block;
    visibility: hidden;
    white-space: pre;
    letter-spacing: 0;
    padding: 1px 10px 1px 12px;
    margin-right: 10px;
}

.guibuilder-input-templatename[b-odss7x2rv4] {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius: 2px;
    margin: 0.5px 0 0 20.1px;
    padding: 1px 10px 1px 12px;
    position: absolute;
    left: 0;
    right: 0;
    /* try not to change this width */
    width: calc(100% - 65.76px);
}

    .guibuilder-input-templatename:hover[b-odss7x2rv4] {
        box-shadow: #D8DBE3 0.5px 0.5px 1px 0px, #D8DBE3 -0.5px -0.5px 1px 0px;
    }

    .guibuilder-input-templatename:focus[b-odss7x2rv4] {
        box-shadow: #6E99D3 0.5px 0.5px 0.7px 0px, #6E99D3 -0.5px -0.5px 0.7px 0px;
    }

.guibuilder-label-templatename[b-odss7x2rv4] {
    position: relative;
}

[b-odss7x2rv4] .guibuilder-templateedit-icon {
    font-size: 18px;
    vertical-align: -4.5px;
}

/* Warning & Error Tag, Bell, Status Tag */

.guibuilder-warning-error-display[b-odss7x2rv4] {
    display: flex;
    flex-direction: row;
    height: fit-content;
    margin-right: 30px;
    user-select: none;
}

.guibuilder-warning-tag[b-odss7x2rv4] {
    position: relative;
    margin: 1px 10px 0 0;
    padding: 1.4px 7px 0.9px 7px;
    border-radius: 6px;
    color: #FAAD14;
    border: 1px solid #FFE58F;
    background: #FFFBE6;
    font-size: 11px;
}

.guibuilder-error-tag[b-odss7x2rv4] {
    position: relative;
    margin-top: 1px;
    padding: 1.4px 7px 0.9px 7px;
    border-radius: 6px;
    color: #FF4D4F;
    border: 1px solid #FFCCC7;
    background: #FFF2F0;
    font-size: 11px;
}

.guibuilder-bell-icon-container[b-odss7x2rv4] {
    position: relative;
    top: 4px;
    right: 20px;
}

.guibuilder-status-display[b-odss7x2rv4] {
    min-width: fit-content;
    user-select: none;
    z-index: 1;
}

.guibuilder-status-tag[b-odss7x2rv4] {
    margin: 1px 18px 0 0;
    padding: 1.1px 7px 0.9px 7px;
    border-radius: 6px;
    color: #1D39C4;
    border: 1px solid #ADC6FF;
    background: #F0F5FF;
    font-size: 11px;
}


/* Second layer top bar */

.guibuilder-second-layer-bar[b-odss7x2rv4] {
    background: #F4F5F7;
    padding: 3px 25px 3.5px 24px;
}

.guibuilder-topbar-icon[b-odss7x2rv4] {
    margin: 0 1px;
    padding: 1px 3px;
    height: 22px;
    border-radius: 2px;
    position: relative;
    color: #717981;
    cursor: pointer;
}

    .guibuilder-topbar-icon:hover[b-odss7x2rv4] {
        background: #DFE0E3;
    }

    .guibuilder-topbar-icon.clicked[b-odss7x2rv4] {
        background: white;
        box-shadow: inset #597EF7 0.5px 0.5px 1px 0px, inset #597EF7 -0.5px -0.5px 1px 0px;
        color: #50555A;
    }

    .guibuilder-topbar-icon.disable[b-odss7x2rv4] {
        color: #c3c6c9;
        cursor: default;
    }

        .guibuilder-topbar-icon.disable:hover[b-odss7x2rv4] {
            background: none;
        }

.guibuilder-topbar-vertical-divider[b-odss7x2rv4] {
    height: 20px;
    border-left: 1px solid #C8CFD8;
    padding: 2px 0;
    margin: 1px 5px 0 5px;
}

.guibuilder-topbar-more-text[b-odss7x2rv4] {
    margin: 1px 0 0 7px;
}

/* Tooltip used in topbar of GUIBuilder */

.guibuilder-topbar-icon-tooltip[b-odss7x2rv4] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    top: 28px;
    right: 50%;
    transform: translateX(50%);
    z-index: 100;
    white-space: nowrap;
    pointer-events: none;
}

.guibuilder-topbar-icon-tooltip-rename[b-odss7x2rv4] {
    top: 22px;
}

.guibuilder-topbar-icon:hover .guibuilder-topbar-icon-tooltip[b-odss7x2rv4],
[b-odss7x2rv4] .guibuilder-templateedit-icon:hover + .guibuilder-topbar-icon-tooltip,
[b-odss7x2rv4] .guibuilder-input-search-componentname-icon:hover + .guibuilder-topbar-icon-tooltip,
.row-handle:hover + .guibuilder-topbar-icon-tooltip[b-odss7x2rv4] {
    opacity: 0.9;
    transition-delay: 0.5s;
}



/* body part of GUIBuilder */

.guibuilder-body[b-odss7x2rv4] {
    display: flex;
    flex-direction: row;
    /* 103.965px = topbar height all together */
    height: calc(100% - 103.965px);
    margin-top: 103.965px;
    position: relative; /* needed for right sidebar absolute position*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Left side bar */

.guibuilder-body-leftsidebar[b-odss7x2rv4] {
    flex-shrink: 0;
    /* hard coded width for now, maybe can make it resizable in the future */
    width: 154px;
    box-shadow: #CDCFD4 0.7px 0 0 0;
    z-index: 50;
}

/* Search component */

.guibuilder-body-leftsidebar-searchbar[b-odss7x2rv4] {
    position: relative;
}

.guibuilder-input-search-componentname[b-odss7x2rv4] {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 17px 10px 10px 10px;
    padding: 5px 28px 5px 14px;
    border-radius: 15px;
    background: #F0F0F0;
    font-size: 12px;
    color: #3E3F42;
    /* since got margin & padding, if doesn't set width, by default will be 100%, and it will go outside the sidebar */
    width: calc(100% - 24px);
    position: relative;
}

    .guibuilder-input-search-componentname:focus[b-odss7x2rv4] {
        box-shadow: #787D85 0.5px 0.5px 0.7px 0px, #787D85 -0.5px -0.5px 0.7px 0px;
    }

[b-odss7x2rv4] .guibuilder-input-search-componentname-icon {
    position: absolute;
    right: 24px;
    top: 24.5px;
    font-size: 13px;
    color: #76787C;
    cursor: pointer;
}

.guibuilder-absolute-item-search-tooltip[b-odss7x2rv4] {
    top: 48px;
    right: 28.5px;
}

/* tooltip show when value too short in input box, got arrow */

.guibuilder-tooltip-with-arrow[b-odss7x2rv4] {
    font-size: 11px;
    background: #F24747;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    top: 45px;
    right: 50%;
    transform: translateX(45%);
    z-index: 100;
    white-space: nowrap;
    pointer-events: none;
}

    .guibuilder-tooltip-with-arrow[b-odss7x2rv4]::after {
        content: "";
        background: #F24747;
        width: 7px;
        height: 7px;
        position: absolute;
        bottom: 85%;
        right: 50%;
        transform: translateX(50%);
        transform: translateX(50%) rotate(45deg);
    }

    .guibuilder-tooltip-with-arrow.errorshowed[b-odss7x2rv4] {
        opacity: 1;
    }

/* All components show in left side bar */

.guibuilder-body-leftsidebar-all-components[b-odss7x2rv4] {
    overflow-y: auto;
    /* 50px = approximate height for search bar */
    max-height: calc(100% - 50px);
}

    .guibuilder-body-leftsidebar-all-components[b-odss7x2rv4]::-webkit-scrollbar, .guibuilder-body-leftsidebar-all-components[b-odss7x2rv4]::-webkit-scrollbar-thumb {
        width: 8px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.1);
        border-right: 3px solid transparent;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }

        .guibuilder-body-leftsidebar-all-components[b-odss7x2rv4]::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.2);
        }

    .guibuilder-body-leftsidebar-all-components[b-odss7x2rv4]::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }


.guibuilder-body-leftsidebar-componentgroup[b-odss7x2rv4] {
    border-bottom: 1px solid #CDCFD4;
}

.guibuilder-body-leftsidebar-componentgroup-header[b-odss7x2rv4] {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #A5A7AC;
    transition: color 0.2s ease;
}

    .guibuilder-body-leftsidebar-componentgroup-header:hover[b-odss7x2rv4], .guibuilder-body-leftsidebar-componentgroup-header.hovered[b-odss7x2rv4] {
        color: #4C4F56;
    }

.guibuilder-body-leftsidebar-componentgroup-title[b-odss7x2rv4] {
    font-weight: 500;
    user-select: none;
}

[b-odss7x2rv4] .guibuilder-body-leftsidebar-componentgroup-title-arrow-icon {
    font-size: 12px;
    margin-top: 1.5px;
}

.guibuilder-body-leftsidebar-componentgroup-content[b-odss7x2rv4] {
    padding: 0 10px;
    color: #656971;
    display: block;
}

.guibuilder-body-leftsidebar-componentgroup-component[b-odss7x2rv4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 4px 4px 7px;
    user-select: none;
    cursor: move;
}

    .guibuilder-body-leftsidebar-componentgroup-component:hover[b-odss7x2rv4] {
        background: #F6F6F6;
    }

.guibuilder-body-leftsidebar-componentgroup-componentname[b-odss7x2rv4] {
    font-size: 11px;
    margin: 0.5px 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guibuilder-body-leftsidebar-componentgroup-gap[b-odss7x2rv4] {
    height: 11px;
}

.guibuilder-body-leftsidebar-componentgroup-icon-no-shrink[b-odss7x2rv4] {
    flex-shrink: 0;
}

/* dropzone in body */

.dropzone-container[b-odss7x2rv4] {
    width: 100%;
    flex-grow: 0;
    padding: 0 25px;
    max-height: 100%;
    overflow: auto;
}

    .dropzone-container[b-odss7x2rv4]::-webkit-scrollbar {
        width: 17px;
    }

    .dropzone-container[b-odss7x2rv4]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 14px 14px transparent;
        border: 5px solid transparent;
    }

    .dropzone-container[b-odss7x2rv4]::-webkit-scrollbar-thumb {
        border-radius: 30px;
        border: 5px solid transparent;
        box-shadow: inset 0 0 14px 14px rgba(0, 0, 0, 0.1);
    }

        .dropzone-container[b-odss7x2rv4]::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px rgba(0, 0, 0, 0.3);
        }

[b-odss7x2rv4] .guibuilder-tabpane-processes {
    width: fit-content
}

#dropzone[b-odss7x2rv4] {
    width: 841px; /* need to +1px because 840px will not show the last vertical line */
    height: fit-content;
    min-height: 100%;
    padding: 20px 0;
    margin: 0 auto;
    cursor: default;
}

    #dropzone.showLeftRight[b-odss7x2rv4] {
        background-size: 840px 15px;
        background-image: linear-gradient(to bottom, white 5px, transparent 1px), linear-gradient(to right, #DDDDDD 1px, transparent 1px);
    }

    #dropzone.showedAll[b-odss7x2rv4] {
        background-size: 35px 15px;
        background-image: linear-gradient(to bottom, white 5px, transparent 1px), linear-gradient(to right, #DDDDDD 1px, transparent 1px);
    }

    #dropzone.showNo[b-odss7x2rv4] {
        background-image: none;
    }

/* OuterRow is inside dropzone, width follow parent(dropzone), can only have 1 row */

.OuterRow[b-odss7x2rv4] {
    background-color: transparent;
    position: relative;
    width: 840px;
    height: fit-content;
    margin: 18px 0;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    cursor: move;
}

    .OuterRow:hover[b-odss7x2rv4] {
        background-color: #F6F7F7;
    }

/* Outer is inside outer row, width resizable */

.Outer[b-odss7x2rv4] {
    height: auto;
    min-height: 40px;
    background: white;
    box-shadow: inset #E8E8E8 0.5px 0.5px 0px 0.5px, #E8E8E8 0.5px 0.5px 0px 0.5px;
    padding: 5px 0;
    position: relative;
    border-radius: 4px;
    cursor: move;
    z-index: 1;
}

    .Outer.clicked[b-odss7x2rv4] {
        /*box-shadow: inset #CDCED3 0.5px 0.5px 0px 0.5px, #CDCED3 0.5px 0.5px 0px 0.5px !important;*/
        outline: 2px solid rgba(55, 127, 199, 0.5);
        z-index: 10 !important;
    }

        .Outer.clicked[b-odss7x2rv4] >  .ui-resizable-handle {
            visibility: visible !important;
        }

/* InnerRow is inside outer, width follow parent(outer), can only have 1 row */

.innerRow[b-odss7x2rv4] {
    background-color: transparent;
    position: relative;
    width: 100%;
    height: fit-content;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Component is inside inner row, width resizable */

.component[b-odss7x2rv4] {
    min-height: 22px;
    background: transparent;
    padding: 0.6px 0 0 0.5px;
    position: relative;
    border-radius: 1.9px;
    cursor: move;
    display: flex;
    z-index: 1;
}

    .component:hover[b-odss7x2rv4] {
        box-shadow: inset #CAD5E2 0.5px 0.5px 0px 0.5px, #CAD5E2 0.5px 0.5px 0px 0.5px;
    }

    .component.clicked[b-odss7x2rv4] {
        /*box-shadow: rgba(55, 127, 199, 0.5) 0.5px 0.5px 0px 0.5px, rgba(55, 127, 199, 0.5) 0.5px 0.5px 0px 0.5px !important;*/
        outline: 2px solid rgba(55, 127, 199, 0.5);
        z-index: 10 !important;
    }

        .component.clicked[b-odss7x2rv4] >  .ui-resizable-handle {
            visibility: visible !important;
        }

.mask-component[b-odss7x2rv4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

/* component with red border highlight*/

.border-hightlight[b-odss7x2rv4], .border-hightlight.clicked[b-odss7x2rv4] {
    box-shadow: inset #F44336 0.5px 0.5px 0px 0.5px, #F44336 0.5px 0.5px 0px 0.5px !important;
}

.nonResizable[b-odss7x2rv4] {
}

/* handle to sort entire inner row */
.row-handle[b-odss7x2rv4] {
    z-index: 12;
    cursor: move;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-36%);
}

.guibuilder-absolute-item-sort-tooltip[b-odss7x2rv4] {
    top: calc(50% + 14px);
    right: 17.5px;
}

.row-handle.resizing + .guibuilder-absolute-item-sort-tooltip[b-odss7x2rv4], .row-handle.sorting + .guibuilder-topbar-icon-tooltip[b-odss7x2rv4] {
    visibility: hidden;
}

.hideShowRepeaterIcon[b-odss7x2rv4] {
    position: absolute;
    z-index: 20000;
    cursor: pointer;
    right: 5%;
    top: 20%;
}

/* class use in js file*/

[b-odss7x2rv4] .guibuilder-sortable-placeholder {
    border-radius: 5px;
    border: 1px dashed #5990EC;
    background: #E3E7F1;
    margin: 18px 0;
}

[b-odss7x2rv4] .ui-resizable-handle {
    visibility: hidden;
    border-top: 1.5px solid white;
    border-bottom: 1.5px solid white;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 11;
}

[b-odss7x2rv4] .ui-resizable[class*="Outer"] .ui-resizable-handle {
    background: #D4D6DA;
    /* resize handle height&width better to be fixed */
    height: 18px;
    width: 8.7px;
    border-radius: 37%;
}

    [b-odss7x2rv4] .ui-resizable[class*="Outer"] .ui-resizable-handle:hover, [b-odss7x2rv4] .ui-resizable[class*="Outer"] .ui-resizable-handle:active {
        background: #95B5EA;
    }

[b-odss7x2rv4] .ui-resizable[class*="component"] .ui-resizable-handle {
    background: #95B5EA;
    /* resize handle height&width better to be fixed */
    height: 14px;
    width: 6.5px;
    border-radius: 38%;
    right: -3.74px;
}

[b-odss7x2rv4] .ui-resizable[class*="border-hightlight"] .ui-resizable-handle {
    background: #F44336;
}

    [b-odss7x2rv4] .ui-resizable[class*="border-hightlight"] .ui-resizable-handle:hover, [b-odss7x2rv4] .ui-resizable[class*="border-hightlight"] .ui-resizable-handle:active {
        background: #E73124;
    }


/* Right drawer */

.guibuilder-right-drawer[b-odss7x2rv4] {
    /*padding: 8px 18px; */ /* https://github.com/jquery/jquery-ui/issues/1979 */
    box-shadow: #CDCFD4 -0.7px 0 0 0;
    flex-shrink: 1;
    z-index: 1;
    background-clip: padding-box;
    position: absolute;
    right: 0;
    height: 100%;
    cursor: default;
}

.guibuilder-inner[b-odss7x2rv4] {
    padding: 8px 18px;
    height: 100%;
}

[b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 18px;
}

[b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs {
    height: 100%;
}

    [b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-content-holder {
        overflow: auto;
        width: 100%;
    }

        [b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-content-holder::-webkit-scrollbar {
            width: 17px;
        }

        [b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-content-holder::-webkit-scrollbar-track {
            box-shadow: inset 0 0 14px 14px transparent;
            border: 5px solid transparent;
        }

        [b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb {
            border-radius: 30px;
            border: 5px solid transparent;
            box-shadow: inset 0 0 14px 14px rgba(0, 0, 0, 0.1);
        }

            [b-odss7x2rv4] .guibuilder-right-drawer .ant-tabs .ant-tabs-content-holder::-webkit-scrollbar-thumb:hover {
                box-shadow: inset 0 0 14px 14px rgba(0, 0, 0, 0.2);
            }


[b-odss7x2rv4] .ui-resizable[class*="guibuilder-right-drawer"] .sidebar-handle {
    visibility: visible;
    cursor: col-resize;
}



.tables[b-odss7x2rv4] {
    border: 1px solid black;
}

/* ant design select & cascader */
[b-odss7x2rv4] .ant-select-dropdown div {
    font-size: 12px !important;
}

    [b-odss7x2rv4] .ant-select-dropdown div div::-webkit-scrollbar,
    [b-odss7x2rv4] .ant-select-dropdown div div::-webkit-scrollbar-thumb {
        width: 15px;
        border-radius: 13px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.08);
        border: 5.1px solid transparent;
    }

        [b-odss7x2rv4] .ant-select-dropdown div div::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.15);
        }

    [b-odss7x2rv4] .ant-select-dropdown div div::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

/* ant design popover */
.ant-popover-placement-topLeft[b-odss7x2rv4] {
    position: absolute !important;
    left: calc(@_sidebarWidth + 53px) !important;
    bottom: 110px !important;
    z-index: 5000 !important;
}

#svg1[b-odss7x2rv4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* This makes the svg not interfere with other elements interactions */
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/GUITopLayout.razor.rz.scp.css */

.guibuilder-page[b-tlqs99m9rs] {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.guibuilder-topnavbar[b-tlqs99m9rs] {
    width: 100%;
    /* make it same as ant design pro layout's height */
    height: 46px;
    background: #001529;
    padding-left: 16px;
    position: fixed;
    display: flex;
    justify-content: space-between;
    z-index: 100;
}

.guibuilder-logotitle[b-tlqs99m9rs] {
    position: relative;
    height: 100%;
    cursor: pointer;
    line-height: 46px;
    flex-shrink: 0;
}

.guibuilder-logo[b-tlqs99m9rs] {
    display: inline-block;
    /* make it same as ant design pro layout's height & width */
    width: 45.477px;
    height: 32px;
    margin-top: -4.5px;
}

.guibuilder-pagetitle[b-tlqs99m9rs] {
    display: inline-block;
    color: white;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
}

.guibuilder-mainbody[b-tlqs99m9rs] {
    /* so that default scroll bar will not appear */
    height: 98vh;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/Modal/SettingsModal.razor.rz.scp.css */

.guibuilder-modal-setting-body[b-nohm7ab4gq] {
    display: flex;
}

.guibuilder-modal-left-menu-container[b-nohm7ab4gq] {
    padding-right: 24px;
    margin-left: -22px;
}

[b-nohm7ab4gq] .guibuilder-modal-left-menu {
    width: 256px;
}

.guibuilder-modal-right-content[b-nohm7ab4gq] {
    width: 500px;
    min-height: 400px
}

.guibuilder-modal-trigger-condition-divider[b-nohm7ab4gq] {
    height: 1px;
    width: 95%; 
    margin: -3px 0 18px 0;
    background: #C8CFD8;
    border-radius: 3px;
}

.guibuilder-modal-task-text-margin-6[b-nohm7ab4gq] {
    margin: 0 0 6px 0;
}

.guibuilder-modal-task-text-margin-20[b-nohm7ab4gq] {
    margin: 0 0 20px 0;
}

[b-nohm7ab4gq] .guibuilder-modal-cancel-task-button {
    border: 1px solid #1890FF;
    color: #1890FF;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/Modal/TemplateSelectorModal.razor.rz.scp.css */

.guibuilder-modal-segmented[b-zyskfr3wgw] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.guibuilder-modal-segmented-item[b-zyskfr3wgw] {
    padding: 4px 12px 8px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #AEAEAE;
    transition: color 0.2s ease-in-out;
}

.guibuilder-modal-segmented-item-text[b-zyskfr3wgw] {
    color: rgba(0, 0, 0, 0.85);
}

.ant-segmented-item:hover .ant-segmented-item-label .guibuilder-modal-segmented-item[b-zyskfr3wgw] {
    color: #565656;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/Modal/TemplateStartupSettingModal.razor.rz.scp.css */

.guibuilder-steps-content[b-8c6pcw3p2w] {
    margin-top: 16px;
    padding: 50px; /* to make it display in middle of div */
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
}

.guibuilder-step-content-title[b-8c6pcw3p2w] {
    margin-bottom: 28px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    width: fit-content;
    margin: 0 auto 20px auto;
    padding-bottom: 8px;
    border-bottom: 0.5px solid #D1D2D6;
}

.guibuilder-radio-group-container[b-8c6pcw3p2w] {
    width: 360px;
    text-align: left;
    margin: 0 auto;
}

.guibuilder-radio-item-description[b-8c6pcw3p2w] {
    font-size: 0.84em;
    font-style: italic;
    letter-spacing: 0.3px;
    margin: 4px 0 18px 0;
    color: #919192;
}

.guibuilder-modal-templatetype-message-box[b-8c6pcw3p2w] {
    width: fit-content;
    padding: 5px 18px;
    margin-bottom: 22px;
    background: #fff2e8;
    border: 1px solid #ffbb96;
    border-radius: 3px;
    color: #D4380D;
    display: flex;
    align-items: center;
    text-align: left;
}

.guibuilder-modal-templatetype-messages[b-8c6pcw3p2w] {
    font-size: 12px;
    margin: 0.5px 16px 0 16px;
    margin-top: 0.5px;
    min-width: fit-content;
}

.guibuilder-steps-action[b-8c6pcw3p2w] {
    margin-top: 24px;
    text-align: right;
}

[b-8c6pcw3p2w] .guibuilder-button-with-margin {
    border-radius: 3px;
    margin-right: 16px;
}

[b-8c6pcw3p2w] .guibuilder-button-done {
    border-radius: 3px;
}

/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/ProcessFlow/ConditionComponent/GroupCondition.razor.rz.scp.css */
.condition-containergroup[b-njaadwwlw8] {
    background: #FAFAFA;
    padding: 10px 4px 5px 4px;
    border: 1px solid #E2E2E1;
    border-radius: 8px;
    margin-top: 18px;
}

.condition-content-top[b-njaadwwlw8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 19px 17px 10px;
    height: 32px;
}

.condition-add-action[b-njaadwwlw8] {
    display: flex;
    flex-direction: row;
    width: 230px;
    justify-content: space-between;
}

.condition-add[b-njaadwwlw8] {
    position: relative;
    color: #312E47;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.condition-add:hover[b-njaadwwlw8] {
    color: #057FF0;
    cursor: pointer;
}

.condition-add:hover .condition-add-underline[b-njaadwwlw8] {
    left: 50%;
    transform: translateX(-48%);
    width: 50%;
    background: #A5D4FF;
}

[b-njaadwwlw8] .condition-add-icon {
    margin: 1px 8px 0 0;
    font-size: 12px;
}

.condition-add-underline[b-njaadwwlw8] {
    content: "";
    margin-left: 3px;
    position: absolute;
    bottom: 2.5px;
    left: 0;
    height: 2px;
    width: 97%;
    background: #CAC8D2;
    transition: all 0.15s ease-in-out;
}

.condition-and-or-delete[b-njaadwwlw8] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.condition-and-or-operation[b-njaadwwlw8] {
    width: 72px;
    margin-right: 12px;
}


/*************************************************************************/
.condition-group-footer[b-njaadwwlw8] {
    background: #F4F5F7;
    display: flex;
    align-items: center;
    padding-left: 0.625em;
}

[b-njaadwwlw8] .condition-button:hover {
    background: #DFE0E3;
}

[b-njaadwwlw8] .condition-button.toggled {
    background: #fff;
    box-shadow: inset #597EF7 0.5px 0.5px 1px 0px, inset #597EF7 -0.5px -0.5px 1px 0px;
    color: #50555A;
}

.condition-unit-button:hover .condition-unit-tooltip[b-njaadwwlw8],
.condition-group-button:hover .condition-group-tooltip[b-njaadwwlw8] {
    opacity: 0.9;
    transition-delay: 0.5s;
}

/*later*/


.condition-group-body[b-njaadwwlw8] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s;
}

.condition-group-body.show[b-njaadwwlw8] {
    max-height: 55vh;
    overflow-y: auto;
    transition: max-height 0.5s;
    padding: 0.625em 0.625em 0 0.625em;
}

.condition-group.level-1[b-njaadwwlw8],
.condition-group.level-2[b-njaadwwlw8],
.condition-group.level-3[b-njaadwwlw8] {
    border-top: 1.5px solid #EEEFF2;
    margin-bottom: 0.5em;
}

.condition-group.level-1[b-njaadwwlw8] {
    border-left: 0.5em solid #00a2e8;
}

.condition-group.level-2[b-njaadwwlw8] {
    border-left: 0.5em solid #7079d3;
}

.condition-group.level-3[b-njaadwwlw8] {
    border-left: 0.5em solid #8e60bb;
}


.level-1 > .condition-group-body.collapsed[b-njaadwwlw8],
.level-2 > .condition-group-body.collapsed[b-njaadwwlw8],
.level-3 > .condition-group-body.collapsed[b-njaadwwlw8] {
    padding-right: 0;
}

.condition-group-footer[b-njaadwwlw8] {
    background: #F4F5F7;
    display: flex;
    align-items: center;
    padding-left: 0.625em;
}

.condition-unit-button[b-njaadwwlw8],
.condition-group-button[b-njaadwwlw8] {
    position: relative;
}

.condition-unit-tooltip[b-njaadwwlw8],
.condition-group-tooltip[b-njaadwwlw8] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    z-index: 99999;
    white-space: nowrap;
    pointer-events: none;
    left: 100%;
}

.condition-unit-button:hover .condition-unit-tooltip[b-njaadwwlw8],
.condition-group-button:hover .condition-group-tooltip[b-njaadwwlw8] {
    opacity: 0.9;
    transition-delay: 0.5s;
}

.radio-group-horizontal[b-njaadwwlw8] {
    display: flex;
    gap: 1px;
}


[b-njaadwwlw8] .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    z-index: 1;
    background: #fff;
    border-color: #597ef7;
    color: #50555A;
}

[b-njaadwwlw8] .ant-radio-button-wrapper {
    background: #f4f5f7;
    border-color: transparent;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/ProcessFlow/ConditionComponent/SingleCondition.razor.rz.scp.css */

.condition-filter-sort-content-list[b-mlf5g0rewe] {
    display: flex;
    flex-direction: row;
    padding: 0 4px 0 10px;
    align-items: center;
    margin-bottom: 12px;
}

.condition-filter-sort-content-list-input-control[b-mlf5g0rewe] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    min-height: 1px;
}

.condition-input-control-11[b-mlf5g0rewe] {
    max-width: calc(11 / 24 * 100%);
    flex: 1 1 calc(11 / 24 * 100%);
}

.condition-input-control-13[b-mlf5g0rewe] {
    max-width: calc(13 / 24 * 100%);
    flex: 1 1 calc(13 / 24 * 100%);
}

.condition-input-control-15[b-mlf5g0rewe] {
    max-width: calc(15 / 24 * 100%);
    flex: 1 1 calc(15 / 24 * 100%);
}

[b-mlf5g0rewe] .filter-sort-item-select-remove-icon {
    transform: rotate(45deg);
}

.condition-filter-sort-content-list-remove[b-mlf5g0rewe] {
    font-size: 18px;
    color: #676666;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.condition-filter-sort-content-list-remove:hover[b-mlf5g0rewe] {
    color: #F5222D;
}

/***********************/

.condition-item[b-mlf5g0rewe] {
    display: flex;
    margin-bottom: 0.5em;
    gap: 0.5em;
}

.condition-unit-button[b-mlf5g0rewe],
.condition-group-button[b-mlf5g0rewe] {
    position: relative;
}

[b-mlf5g0rewe] .property-select,
[b-mlf5g0rewe] .condition-detail-select {
    flex: 0.5;
}

[b-mlf5g0rewe] .condition-input {
    flex: 0.75;
}

[b-mlf5g0rewe] .condition-delete {
    flex: 0.10;
}

condition-unit-tooltip[b-mlf5g0rewe],
.condition-group-tooltip[b-mlf5g0rewe] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    z-index: 99999;
    white-space: nowrap;
    pointer-events: none;
    right: 102%;
    top: 3px;
}

.condition-unit-button:hover .condition-unit-tooltip[b-mlf5g0rewe],
.condition-group-button:hover .condition-group-tooltip[b-mlf5g0rewe] {
    opacity: 0.9;
    transition-delay: 0.5s;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/ProcessFlow/ProcessActionSetter.razor.rz.scp.css */

.guibuilder-action-group-explaination[b-7gcfpfi1ts] {
    margin: 0 0 20px 0;
    color: #827474;
}

.guibuilder-action-group-add[b-7gcfpfi1ts] {
    margin: 0 15px 20px 0;
    width: fit-content;
    position: relative;
    color: #312E47;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

    .guibuilder-action-group-add:hover[b-7gcfpfi1ts] {
        color: #057FF0;
    }

        .guibuilder-action-group-add:hover .guibuilder-action-group-add-underline[b-7gcfpfi1ts] {
            left: 50%;
            transform: translateX(-48%);
            width: 50%;
            background: #A5D4FF;
        }

[b-7gcfpfi1ts] .guibuilder-action-group-add-icon {
    margin: 1px 8px 0 0;
    font-size: 12px;
}

.guibuilder-action-group-add-underline[b-7gcfpfi1ts] {
    content: "";
    margin-left: 3px;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 1.5px;
    width: 97%;
    background: #CAC8D2;
    transition: all 0.15s ease-in-out;
}

.guibuilder-action-group[b-7gcfpfi1ts] {
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 6px;
    align-items: center;
    margin-bottom: 12px;
}

.guibuilder-action-input[b-7gcfpfi1ts] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    min-height: 1px;
    margin-right: 14px;
}

.guibuilder-input-control-6[b-7gcfpfi1ts] {
    max-width: calc(6 / 24 * 100%);
    flex: 1 1 calc(6 / 24 * 100%);
}

.guibuilder-input-control-7[b-7gcfpfi1ts] {
    max-width: calc(7 / 24 * 100%);
    flex: 1 1 calc(7 / 24 * 100%);
}

.guibuilder-input-control-9[b-7gcfpfi1ts] {
    max-width: calc(9 / 24 * 100%);
    flex: 1 1 calc(9 / 24 * 100%);
}

.guibuilder-input-control-11[b-7gcfpfi1ts] {
    max-width: calc(11 / 24 * 100%);
    flex: 1 1 calc(11 / 24 * 100%);
}

.guibuilder-input-control-17[b-7gcfpfi1ts] {
    max-width: calc(17.8 / 24 * 100%);
    flex: 1 1 calc(17.8 / 24 * 100%);
}

[b-7gcfpfi1ts] .input-width-100 {
    width: 100%;
}

.guibuilder-action-group-remove[b-7gcfpfi1ts] {
    font-size: 18px;
    color: #676666;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

    .guibuilder-action-group-remove:hover[b-7gcfpfi1ts] {
        color: #F5222D;
    }

[b-7gcfpfi1ts] .guibuilder-action-group-remove-icon {
    transform: rotate(45deg);
}

.guibuilder-action-select-property-message[b-7gcfpfi1ts] {
    margin-left: 5px;
}

/*****************************/

.add-actions[b-7gcfpfi1ts] {
    display: flex;
}


.action-unit-button[b-7gcfpfi1ts],
.action-group-button[b-7gcfpfi1ts] {
    display: flex;
    position: relative;
}

action-unit-tooltip[b-7gcfpfi1ts],
.action-group-tooltip[b-7gcfpfi1ts] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    z-index: 99999;
    white-space: nowrap;
    pointer-events: none;
    left: 17%;
    top: 1px;
}

.action-unit-button:hover .action-unit-tooltip[b-7gcfpfi1ts],
.action-group-button:hover .action-group-tooltip[b-7gcfpfi1ts] {
    opacity: 0.9;
    transition-delay: 0.5s;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/ProcessFlow/ProcessConditionSetter.razor.rz.scp.css */

.condition-content-top[b-tz0xzyqfcb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 19px 17px 10px;
    height: 32px;
}

.condition-add-action[b-tz0xzyqfcb] {
    display: flex;
    flex-direction: row;
    width: 230px;
    justify-content: space-between;
}

.condition-add[b-tz0xzyqfcb] {
    position: relative;
    color: #312E47;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.condition-add:hover[b-tz0xzyqfcb] {
    color: #057FF0;
    cursor: pointer;
}

.condition-add:hover .condition-add-underline[b-tz0xzyqfcb] {
    left: 50%;
    transform: translateX(-48%);
    width: 50%;
    background: #A5D4FF;
}

[b-tz0xzyqfcb] .condition-add-icon {
    margin: 1px 8px 0 0;
    font-size: 12px;
}

.condition-add-underline[b-tz0xzyqfcb] {
    content: "";
    margin-left: 3px;
    position: absolute;
    bottom: 2.5px;
    left: 0;
    height: 2px;
    width: 97%;
    background: #CAC8D2;
    transition: all 0.15s ease-in-out;
}
/* _content/Octane.DAE/DynamicTemplate/GUIBuilder/ProcessFlow/ProcessesSettingsModal.razor.rz.scp.css */

.guibuilder-modal-process-setting-body[b-qo5r6egpph] {
    display: flex;
    flex-direction: column;
}

.guibuilder-modal-process-list[b-qo5r6egpph] {
    display: flex;
    flex-direction: row;
    /* so that the modal will not be too long */
    max-width: 800px;
    overflow-x: auto;
    padding-bottom: 4px;
}

    .guibuilder-modal-process-list[b-qo5r6egpph]::-webkit-scrollbar, .guibuilder-modal-process-list[b-qo5r6egpph]::-webkit-scrollbar-thumb {
        width: 8px;
        border-radius: 20px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.1);
        border: 7px solid transparent;
    }

        .guibuilder-modal-process-list[b-qo5r6egpph]::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.2);
        }

    .guibuilder-modal-process-list[b-qo5r6egpph]::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

.guibuilder-modal-process-list-item[b-qo5r6egpph] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 12px 0 2px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    /* divider */
    .guibuilder-modal-process-list-item[b-qo5r6egpph]:after {
        content: "";
        width: 0.5px;
        height: 88%;
        background: #C8CFD8;
        border-radius: 3px;
        margin-left: 15px;
    }

.guibuilder-modal-process-list-item-dragicon[b-qo5r6egpph] {
    display: flex;
    align-items: center;
    cursor: move;
    margin-right: 10px;
}

.guibuilder-modal-process-setting-divider[b-qo5r6egpph] {
    width: 100%;
    height: 0.5px;
    background: #C8CFD8;
    border-radius: 3px;
    margin: 8px 0 16px 0;
}

.guibuilder-modal-process-setting-container[b-qo5r6egpph] {
    display: flex;
}

.guibuilder-modal-process-setting-left-menu-container[b-qo5r6egpph] {
    padding-right: 24px;
    margin-left: -22px;
}

[b-qo5r6egpph] .guibuilder-modal-process-setting-menu-style {
    /* adequate width to fit the words */
    min-width: 200px;
}

.guibuilder-modal-process-setting-right-content[b-qo5r6egpph] {
    /* so that modal cound fit the content */
    min-width: 500px;
    min-height: 400px;
    margin-top: 6px;
}

.guibuilder-modal-process-message-box[b-qo5r6egpph] {
    width: 100%;
    padding: 7px 15px;
    margin-bottom: 22px;
    background: #E6F7FF;
    border: 1px solid #40A9FF;
    border-radius: 3px;
    color: #096dd9;
    display: flex;
    align-items: center;
}

.guibuilder-modal-process-messages[b-qo5r6egpph] {
    font-size: 13px;
    margin-left: 14.5px;
    margin-top: 0.5px;
    min-width: fit-content;
}
/* _content/Octane.DAE/DynamicTemplate/GUIViewer/GUIViewer.razor.rz.scp.css */

.guiviewer-header[b-vyv0yudjt5] {
    max-width: 70vw;
    margin-right: 30px;
    font-weight: 600;
    font-size: 26px;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guiviewer-record-detail[b-vyv0yudjt5] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-size: 13px;
    font-weight: 500;
    color: slategrey;
    letter-spacing: 0.3px;
    margin: 10px 2px 26px 2px;
}

.guiviewer-record-detail-text[b-vyv0yudjt5] {
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    margin-left: 20px;
    font-weight: 400;
}

.guiviewer-record-detail-vertical-divider[b-vyv0yudjt5] {
    height: 14px;
    width: 1px;
    background: #B7B9BB;
    border-radius: 2px;
    margin: 0 40px 3px 40px;
}

.guiviewer-button-group[b-vyv0yudjt5] {
    text-align: right;
    margin: 15px 10px 0 0;
}

[b-vyv0yudjt5] .guiviewer-button-style {
    border-radius: 3px;
}

[b-vyv0yudjt5] .mr-1 {
    margin-right: 1px;
}

[b-vyv0yudjt5] .ml-16 {
    margin-left: 16px;
}
/* _content/Octane.DAE/DynamicTemplate/GUIViewer/TemplateGenerator/Render/FormGroupListObject.razor.rz.scp.css */
.panelHeaderStyle[b-o7obbgrklb] {
    background: #f5f5f5;
    border-bottom: 1px solid #505a63;
}

.repeaterLine[b-o7obbgrklb] {
    border-left: 10px solid var(--sectionColor);
    border-top: 1px solid var(--sectionColor);
    border-right: 1px solid var(--sectionColor);
    border-bottom: 1px solid var(--sectionColor);
}

[b-o7obbgrklb] .repeaterTitle {
    border-bottom: 1px solid var(--sectionColor);
    padding: 5px;
}
/* _content/Octane.DAE/Page/ProcessTaskManagement.razor.rz.scp.css */

.dae-filter-sort-button[b-bcmm4xtdos] {
    position: relative;
    color: #6E6F6F;
    height: 36px;
    padding: 6px 18px;
    margin-right: 20px;
    border: 1px solid #DDDEE0;
    background: white;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    user-select: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .dae-filter-sort-button:hover[b-bcmm4xtdos] {
        color: #1890FF;
        border: 1px solid #1890FF;
    }

.dae-filter-sort-content-filtergroup[b-bcmm4xtdos] {
    background: #FAFAFA;
    padding: 10px 0 5px 4px;
    border: 1px solid #E2E2E1;
    border-radius: 8px;
    margin-top: 18px;
}

.dae-filter-sort-content[b-bcmm4xtdos] {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    padding: 8px 14px 16px 14px;
    border: 1px solid #DDDEE0;
    background: white;
    border-radius: 3px;
    top: 38px;
    cursor: initial;
    z-index: 200;
}

    .dae-filter-sort-content.filter[b-bcmm4xtdos] {
        left: 0;
        width: 575px;
        min-width: 300px;
        display: none;
    }

    .dae-filter-sort-content.sort[b-bcmm4xtdos] {
        left: 110.55px;
        width: 416px;
        min-width: 300px;
        display: none;
    }

    .dae-filter-sort-content.full-width[b-bcmm4xtdos] {
        width: 100%;
    }

.dae-filter-sort-content-top[b-bcmm4xtdos] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 15px 17px 10px;
    height: 32px;
}

.dae-filter-sort-add-action[b-bcmm4xtdos] {
    display: flex;
    flex-direction: row;
    width: 230px;
    justify-content: space-between;
}

.dae-filter-sort-add[b-bcmm4xtdos] {
    position: relative;
    color: #312E47;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

    .dae-filter-sort-add:hover[b-bcmm4xtdos] {
        color: #057FF0;
    }

        .dae-filter-sort-add:hover .dae-filter-sort-add-underline[b-bcmm4xtdos] {
            left: 50%;
            transform: translateX(-48%);
            width: 50%;
            background: #A5D4FF;
        }

[b-bcmm4xtdos] .dae-filter-sort-add-icon {
    margin: 1px 8px 0 0;
    font-size: 12px;
}

.dae-filter-sort-add-underline[b-bcmm4xtdos] {
    content: "";
    margin-left: 3px;
    position: absolute;
    bottom: 2.5px;
    left: 0;
    height: 2px;
    width: 97%;
    background: #CAC8D2;
    transition: all 0.15s ease-in-out;
}

.dae-filter-sort-and-or-operation[b-bcmm4xtdos] {
    width: 72px;
}

.dae-filter-sort-content-list[b-bcmm4xtdos] {
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 10px;
    align-items: center;
    margin-bottom: 12px;
}

.dae-filter-sort-content-list-input-control[b-bcmm4xtdos] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    min-height: 1px;
}

.dae-input-control-11[b-bcmm4xtdos] {
    max-width: calc(11 / 24 * 100%);
    flex: 1 1 calc(11 / 24 * 100%);
}

.dae-input-control-6[b-bcmm4xtdos] {
    max-width: calc(6 / 24 * 100%);
    flex: 1 1 calc(6 / 24 * 100%);
}

.dae-input-control-7[b-bcmm4xtdos] {
    max-width: calc(7 / 24 * 100%);
    flex: 1 1 calc(7 / 24 * 100%);
}

.dae-input-control-14[b-bcmm4xtdos] {
    max-width: calc(14 / 24 * 100%);
    flex: 1 1 calc(14 / 24 * 100%);
}

.dae-input-control-10[b-bcmm4xtdos] {
    max-width: calc(10 / 24 * 100%);
    flex: 1 1 calc(10 / 24 * 100%);
}

.dae-filter-sort-content-list-remove[b-bcmm4xtdos] {
    font-size: 18px;
    color: #676666;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

    .dae-filter-sort-content-list-remove:hover[b-bcmm4xtdos] {
        color: #F5222D;
    }

.dae-filter-sort-content-divider[b-bcmm4xtdos] {
    height: 0.5px;
    width: 100%;
    margin: 20px 0 16px 0;
    background: #E6E8EB;
    border-radius: 3px;
}

.dae-filter-sort-content-action-button[b-bcmm4xtdos] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 5px;
}

.dae-filter-sort-content-action-button-right[b-bcmm4xtdos] {
    width: 164px;
    display: flex;
    justify-content: space-between;
}

.dae-filter-sort-content-action-fullwidth[b-bcmm4xtdos] {
    position: relative;
    color: #5F5B79;
    cursor: pointer;
}

.dae-filter-sort-content-action-tooltip[b-bcmm4xtdos] {
    font-size: 11px;
    background: #41464E;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    top: -28px;
    right: 50%;
    transform: translateX(52%);
    z-index: 100;
    white-space: nowrap;
    pointer-events: none;
}

.dae-filter-sort-content-action-fullwidth:hover .dae-filter-sort-content-action-tooltip[b-bcmm4xtdos] {
    opacity: 0.9;
    transition-delay: 0.5s;
}

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

[b-bcmm4xtdos] .filter-sort-item-select-margin {
    margin: 0 16px;
}

[b-bcmm4xtdos] .filter-sort-item-select-margin-left {
    margin-left: 16px;
}

[b-bcmm4xtdos] .filter-sort-item-select-remove-icon {
    transform: rotate(45deg);
}

.table-width140[b-bcmm4xtdos] {
    min-width: 140px;
    width: fit-content;
}

.table-with-scroll-bar[b-bcmm4xtdos] {
    overflow-x: auto;
}

    .table-with-scroll-bar[b-bcmm4xtdos]::-webkit-scrollbar, .table-with-scroll-bar[b-bcmm4xtdos]::-webkit-scrollbar-thumb {
        height: 26px;
        border-radius: 13px;
        background-clip: padding-box;
        color: rgba(0, 0, 0, 0.15);
        border: 8.5px solid transparent;
    }

        .table-with-scroll-bar[b-bcmm4xtdos]::-webkit-scrollbar-thumb:hover {
            color: rgba(0, 0, 0, 0.30);
        }

    .table-with-scroll-bar[b-bcmm4xtdos]::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

.guiviewer-table-expand-content-text[b-bcmm4xtdos] {
    margin-left: 50px;
}

.load-more[b-bcmm4xtdos] {
    cursor: pointer;
    color: #00008d;
    text-decoration: double;
    font-size: xx-small;
    font-style: italic;
}


.tooltip[b-bcmm4xtdos] {
    font-size: 9px;
    background: #646d7a;
    opacity: 0;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding: 3px 8px;
    user-select: none;
    transition: opacity 0.13s ease-in-out;
    position: absolute;
    z-index: 99999;
    white-space: nowrap;
    pointer-events: none;
    right: 50%;
    top: 40px;
}

.tooltip.show[b-bcmm4xtdos] {
    visibility: visible;
    opacity: 1;
}

.load-more:hover + .tooltip[b-bcmm4xtdos] {
    display: inline-block;
    opacity: 0.9;
    transition-delay: 0.5s;
}