/* _content/NextERP/Components/Base/BaseForm.razor.rz.scp.css */
.page-container[b-0u5n5gsjd9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.page-header[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    position: sticky;
    background-color: var(--base-background);
    top: 0;
    z-index: 999999;
}

.edit-form-body > .page-header[b-0u5n5gsjd9] {
    z-index: 10;
}

.page-body[b-0u5n5gsjd9] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

.section-main[b-0u5n5gsjd9] {
    width: calc(100% - 341px);
}

.section-main-only[b-0u5n5gsjd9] {
    width: 100%;
}

.horizontal-separator[b-0u5n5gsjd9] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.vertical-separator[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    width: 1px;
    height: 100%;
    margin: 0 15px;
    background-color: var(--base-separator-color);
}

.section-header[b-0u5n5gsjd9] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #5a41b4;
    height: 30px;
}

    .section-header span[b-0u5n5gsjd9] {
        font-size: 12px;
        font-weight: 500;
        color: #5a41b4;
        margin: auto 0;
    }

    .section-header button[b-0u5n5gsjd9] {
        background: none;
        border: none;
        outline: none;
    }

        .section-header button span[b-0u5n5gsjd9] {
            color: #aeaeae;
            font-weight: normal;
        }

.section-header-form[b-0u5n5gsjd9] {
    margin-top: 20px;
}

.section-header-grid[b-0u5n5gsjd9] {
    margin-top: 20px;
}

.section-body[b-0u5n5gsjd9] {
    transition: all 0.2s ease-in-out;
    max-height: 100%;
    overflow: hidden;
}

    .section-body.collapsed[b-0u5n5gsjd9] {
        max-height: 0;
    }

.form[b-0u5n5gsjd9] {
    margin-top: 10px;
}

.grid[b-0u5n5gsjd9] {
    margin: 25px 0 10px 0;
}

[b-0u5n5gsjd9] .grid .dxbl-scroll-viewer-content {
    /*max-height: 258px;*/
    min-height: 141px;
}

    [b-0u5n5gsjd9] .grid .dxbl-scroll-viewer-content:has(tfoot) {
        min-height: 186.5px;
    }

[b-0u5n5gsjd9] .grid-header-buttons {
    border-bottom: 1px solid #d4d4d4;
}

[b-0u5n5gsjd9] .btn-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 40px;
    padding: 0 10px;
    background-color: inherit;
}

  [b-0u5n5gsjd9] .btn-text img {
    height: 19px !important; /* Adjust this to control the size */
    width: 19px !important;  /* Set width to keep the aspect ratio consistent */
    object-fit: contain; /* Ensures the image fits without distortion */
}

    [b-0u5n5gsjd9] .btn-text p {
        color: #5d5d5d;
        margin: auto 5px;
    }

    [b-0u5n5gsjd9] .btn-text.active,
    [b-0u5n5gsjd9] .btn-text:hover {
        background-color: var(--base-background-focused);
    }

.section-attachments[b-0u5n5gsjd9] {
    flex: 0 0 auto;
    width: 300px;
    margin-left: 10px;
}

.section-attachments-header[b-0u5n5gsjd9] {
    display: flex;
    margin-bottom: 20px !important;
}

    .section-attachments-header button[b-0u5n5gsjd9] {
        display: flex;
        height: 30px;
        margin-top: 20px;
        margin-right: auto;
        padding-right: 5px;
        color: #aeaeae;
        background: none;
        outline: none;
        border: none;
        border-bottom: 1px solid #0000;
    }

        .section-attachments-header button.active[b-0u5n5gsjd9] {
            color: #5a41b4;
            border-bottom: 1px solid #5a41b4;
        }

    .section-attachments-header p[b-0u5n5gsjd9] {
        font-size: 12px;
        font-weight: 500;
        margin: auto 0;
    }

    .section-attachments-header img[b-0u5n5gsjd9] {
        height: 20px;
        margin: auto 5px auto 0;
    }
/* _content/NextERP/Components/Base/BaseInfo.razor.rz.scp.css */
.page-container[b-jkz9l42hgx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.workspace[b-jkz9l42hgx] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 10px 0 10px 0;
}

.horizontal-separator[b-jkz9l42hgx] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

[b-jkz9l42hgx] .dxbl-splitter {
    --dxbl-splitter-separator-bg: var(--base-background);
    --dxbl-splitter-separator-active-bg: var(--base-background);
    --dxbl-splitter-separator-focused-bg: var(--base-background);
    --dxbl-splitter-separator-hover-bg: var(--base-background);
    --dxbl-splitter-button-active-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-button-focused-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-bg: var(--base-background);
}

[b-jkz9l42hgx] .dxbl-splitter-resize-handle {
    display: none;
}

[b-jkz9l42hgx] .dxbl-splitter-pane-content {
    padding: 0 10px 0 10px;
    border: 1px solid var(--base-separator-color);
}

[b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    border-radius: 0;
    color: #5a5a5a;
}

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active::before {
        background-color: var(--base-background-focused);
    }

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active {
        color: #5a5a5a;
        font-weight: 400;
    }

[b-jkz9l42hgx] .dxbl-treeview {
    --dxbl-treeview-text-padding-y: 12px;
    --dxbl-treeview-item-spacing-y: 0;
    --dxbl-treeview-font-size: 12px;
    --dxbl-treeview-font-weight: 300;
}

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item-container[aria-level="1"] .dxbl-treeview-item-text {
        text-transform: uppercase;
    }

    [b-jkz9l42hgx] .dxbl-treeview .dxbl-treeview-item-container[aria-level="2"] {
        height: 40px;
        overflow: hidden;
    }

.permission-denied[b-jkz9l42hgx] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseInquiry.razor.rz.scp.css */
.page-container[b-wzht18mzmk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-wzht18mzmk] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-wzht18mzmk] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-wzht18mzmk] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-wzht18mzmk] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-wzht18mzmk] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-wzht18mzmk] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-wzht18mzmk] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-wzht18mzmk] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-wzht18mzmk] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-wzht18mzmk] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-wzht18mzmk] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-wzht18mzmk] {
        cursor: pointer;
    }

.filter-group label[b-wzht18mzmk] {
    width: 100%;
    padding-left: 5px;
}

[b-wzht18mzmk] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-wzht18mzmk] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

.grid[b-wzht18mzmk] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 25px 0 10px 0;
}

.card[b-wzht18mzmk] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-wzht18mzmk] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-wzht18mzmk] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-wzht18mzmk] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-wzht18mzmk] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-wzht18mzmk] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-wzht18mzmk] {
            height: 30px;
        }

.popup-body[b-wzht18mzmk] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-wzht18mzmk] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-wzht18mzmk] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-wzht18mzmk] {
        height: 100%;
        margin: 0 60px;
    }

[b-wzht18mzmk] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-wzht18mzmk] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-wzht18mzmk] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseList.razor.rz.scp.css */
.page-container[b-t0vidykeq5] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-t0vidykeq5] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-t0vidykeq5] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-t0vidykeq5] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-t0vidykeq5] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-t0vidykeq5] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-t0vidykeq5] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-t0vidykeq5] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-t0vidykeq5] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-t0vidykeq5] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-t0vidykeq5] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-t0vidykeq5] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-t0vidykeq5] {
        cursor: pointer;
    }

.filter-group label[b-t0vidykeq5] {
    width: 100%;
    padding-left: 5px;
}

[b-t0vidykeq5] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-t0vidykeq5] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

.grid[b-t0vidykeq5] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 25px 0 10px 0;
}

.card[b-t0vidykeq5] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-t0vidykeq5] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-t0vidykeq5] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-t0vidykeq5] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-t0vidykeq5] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-t0vidykeq5] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-t0vidykeq5] {
            height: 30px;
        }

.popup-body[b-t0vidykeq5] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-t0vidykeq5] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-t0vidykeq5] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-t0vidykeq5] {
        height: 100%;
        margin: 0 60px;
    }

[b-t0vidykeq5] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-t0vidykeq5] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-t0vidykeq5] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseListDetail.razor.rz.scp.css */
.page-container[b-jaf9qpqcgv] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: auto;
    background-color: var(--base-background);
}

.grid-container[b-jaf9qpqcgv] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.filter[b-jaf9qpqcgv] {
    flex: 1 0 auto;
    overflow: auto;
    scrollbar-color: #636363 var(--base-background);
    width: 350px;
    border-right: 1px solid #d2d2d2;
    margin: 10px 15px 10px 0;
}

.filter-buttons[b-jaf9qpqcgv] {
    margin: 5px auto;
    width: fit-content;
}

.filter-header[b-jaf9qpqcgv] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    .filter-header p[b-jaf9qpqcgv] {
        font-size: 16px;
        margin: 0;
    }

    .filter-header .btn-close-header[b-jaf9qpqcgv] {
        margin: auto 10px;
        padding: 2px;
        background-color: var(--base-background);
        border: none;
    }

        .filter-header .btn-close-header:focus[b-jaf9qpqcgv] {
            outline: none;
        }

        .filter-header .btn-close-header img[b-jaf9qpqcgv] {
            width: 16px;
            height: 16px;
        }

.filter-group p[b-jaf9qpqcgv] {
    margin: 5px 0 -8px 0;
}

.filter-group ul[b-jaf9qpqcgv] {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.filter-group li[b-jaf9qpqcgv] {
    display: flex;
    margin: 5px 10px;
}

    .filter-group li *[b-jaf9qpqcgv] {
        cursor: pointer;
    }

.filter-group label[b-jaf9qpqcgv] {
    width: 100%;
    padding-left: 5px;
}

[b-jaf9qpqcgv] .filter-builder .dxbl-btn-dropdown > button {
    height: 30px;
    border-radius: 5px;
}

    [b-jaf9qpqcgv] .filter-builder .dxbl-btn-dropdown > button.dxbl-filter-builder-node-extra-btn {
        width: 30px;
    }

/* BaseListDetail-ийн нэмэлт: toolbar-ийн доорх custom шүүлтүүрийн муж */
.header-filter[b-jaf9qpqcgv] {
    flex: 0 0 auto;
    width: 100%;
    padding: 6px 0;
}

.grid[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Detail grid-ийн дээд талын "Мөр нэмэх / Мөр хасах" товчнууд */
.grid-header-buttons[b-jaf9qpqcgv] {
    display: flex;
    flex: 0 0 auto;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 6px;
}

[b-jaf9qpqcgv] .grid-wrapper {
    flex: 1 1 auto;
    min-height: 0;
}

[b-jaf9qpqcgv] .btn-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 40px;
    padding: 0 10px;
    background-color: inherit;
    cursor: pointer;
}

[b-jaf9qpqcgv] .btn-text img {
    height: 19px !important;
    width: 19px !important;
    object-fit: contain;
}

[b-jaf9qpqcgv] .btn-text p {
    color: #5d5d5d;
    margin: auto 5px;
}

[b-jaf9qpqcgv] .btn-text:hover {
    background-color: var(--base-background-focused);
}

.card[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    overflow: auto;
}

.horizontal-separator[b-jaf9qpqcgv] {
    width: 100%;
    height: 1px;
    background-color: var(--base-separator-color);
}

.popup[b-jaf9qpqcgv] {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.popup-container[b-jaf9qpqcgv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header[b-jaf9qpqcgv] {
    height: 50px;
    align-content: center;
    background-color: white;
}

    .popup-header .logo[b-jaf9qpqcgv] {
        margin: 10px 15px 10px 70px;
    }

        .popup-header .logo img[b-jaf9qpqcgv] {
            height: 30px;
        }

.popup-body[b-jaf9qpqcgv] {
    flex: 1 1 auto;
    background-color: var(--base-background);
}

    .popup-body .btn-exit[b-jaf9qpqcgv] {
        float: left;
        width: 35px;
        height: 35px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 6px 0 6px 19px;
    }

        .popup-body .btn-exit img[b-jaf9qpqcgv] {
            width: 100%;
            height: 100%;
        }

    .popup-body .edit-form[b-jaf9qpqcgv] {
        height: 100%;
        margin: 0 60px;
    }

[b-jaf9qpqcgv] .dx-report {
    height: 100%;
    border: none;
    box-shadow: none;
}

    [b-jaf9qpqcgv] .dx-report .dxbrv-surface-wrapper {
        background-color: var(--base-background);
    }

.permission-denied[b-jaf9qpqcgv] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}
/* _content/NextERP/Components/Base/BaseSettings.razor.rz.scp.css */
.page-container[b-r3x85ydmia] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 10px;
    overflow: hidden;
    background-color: var(--base-background);
}

.workspace[b-r3x85ydmia] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    margin: 10px 0 10px 0;
}

.settings-content[b-r3x85ydmia] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 21px;
    box-sizing: border-box;
}

.settings-window[b-r3x85ydmia] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    background: transparent;
    border: none;
    box-sizing: border-box;
}

.horizontal-separator[b-r3x85ydmia] {
    width: 100%;
    height: 1px;
    flex: 0 0 auto;
    background-color: var(--base-separator-color);
}

[b-r3x85ydmia] .dxbl-splitter {
    --dxbl-splitter-separator-bg: var(--base-background);
    --dxbl-splitter-separator-active-bg: var(--base-background);
    --dxbl-splitter-separator-focused-bg: var(--base-background);
    --dxbl-splitter-separator-hover-bg: var(--base-background);
    --dxbl-splitter-button-active-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-button-focused-color: var(--dxbl-splitter-button-hover-color);
    --dxbl-splitter-bg: var(--base-background);
    --dxbl-splitter-font-size: none;
    height: 100%;
}

[b-r3x85ydmia] .dxbl-splitter-resize-handle {
    display: none;
}

[b-r3x85ydmia] .dxbl-splitter-pane-content {
    height: 100%;
    min-height: 0;
    padding: 0 10px 0 10px;
    border: 1px solid var(--base-separator-color);
    box-sizing: border-box;
}

[b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    border-radius: 0;
    color: #5a5a5a;
}

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active::before {
        background-color: var(--base-background-focused);
    }

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active {
        color: #5a5a5a;
        font-weight: 400;
    }

[b-r3x85ydmia] .dxbl-treeview {
    --dxbl-treeview-text-padding-y: 12px;
    --dxbl-treeview-item-spacing-y: 0;
    --dxbl-treeview-font-size: 12px;
    --dxbl-treeview-font-weight: 300;
    height: 100%;
}

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item-container[aria-level="1"] .dxbl-treeview-item-text {
        text-transform: uppercase;
    }

    [b-r3x85ydmia] .dxbl-treeview .dxbl-treeview-item-container[aria-level="2"] {
        height: 40px;
        overflow: hidden;
    }

.permission-denied[b-r3x85ydmia] {
    font-size: 15px;
    color: #555;
    text-align: center;
    margin: 20px;
}

[b-r3x85ydmia] .menu-divider {
    position: relative;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

    [b-r3x85ydmia] .menu-divider::after {
        content: "";
        position: absolute;
        left: 26px;
        right: 0px;
        bottom: 0;
        height: 1px;
        background: #CFCFCF;
    }

[b-r3x85ydmia] .menu-bottom-item,
[b-r3x85ydmia] .menu-bottom-item .dx-treeview-item-text,
[b-r3x85ydmia] .menu-bottom-item span,
[b-r3x85ydmia] .menu-bottom-item div {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #5B41B4 !important;
    background: transparent !important;
}

[b-r3x85ydmia] .menu-bottom-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

    [b-r3x85ydmia] .menu-bottom-item:hover,
    [b-r3x85ydmia] .menu-bottom-item:hover .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item:hover span,
    [b-r3x85ydmia] .menu-bottom-item:hover div,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-hover div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-selected div,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"],
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] span,
    [b-r3x85ydmia] .menu-bottom-item[aria-selected="true"] div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused .dx-treeview-item-text,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused span,
    [b-r3x85ydmia] .menu-bottom-item.dx-state-focused div {
        color: #5B41B4 !important;
        background: transparent !important;
    }

    [b-r3x85ydmia] .menu-bottom-item::before,
    [b-r3x85ydmia] .menu-bottom-item::after {
        background: transparent !important;
    }

[b-r3x85ydmia] .section-header-form {
    margin-top: 0 !important;
}

[b-r3x85ydmia] .section-header.section-header-form {
    margin-top: 0 !important;
}

.settings-window[b-r3x85ydmia]  .section-header-form {
    margin-top: 0 !important;
}
/* _content/NextERP/Components/Base/BaseToolbar.razor.rz.scp.css */
.page-header[b-bkvcs815ch] {
    display: flex;
    justify-content: space-between;
    width: inherit !important;
    overflow: hidden;
}

    .page-header > div[b-bkvcs815ch] {
        display: flex;
        align-items: center;
        height: 44px;
    }

    .page-header.page-header-custom[b-bkvcs815ch] {
        border-top: 1px solid var(--base-separator-color);
    }

.page-title[b-bkvcs815ch] {
    font-weight: 500;
    margin: auto 15px auto 0;
    text-wrap: nowrap;
}

.searchbox[b-bkvcs815ch] {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

    .searchbox:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

    .searchbox img[b-bkvcs815ch] {
        position: absolute;
        vertical-align: middle;
        align-self: center;
        left: 14px;
        width: 16px;
        height: 16px;
        pointer-events: none;
        z-index: 1;
    }

    .searchbox input[type=search][b-bkvcs815ch] {
        font-size: 12px;
        color: #5d5d5d;
        width: 44px;
        height: 44px;
        border: 1px solid #aeaeae;
        outline: none;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        .searchbox input[type=search]:focus[b-bkvcs815ch],
        .searchbox input[type=search]:not(:placeholder-shown)[b-bkvcs815ch] {
            width: 300px;
            height: 32px;
            padding: 0 8px 0 37px;
            opacity: 1;
            cursor: auto;
        }

        .searchbox input[type=search][b-bkvcs815ch]::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
            background-size: 10px 10px;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            cursor: pointer;
        }

.btn-image[b-bkvcs815ch] {
    border: none;
    width: 44px;
    height: 44px;
    background-color: inherit;
}

    .btn-image img[b-bkvcs815ch] {
        width: 17px;
        height: 17px;
    }

    .btn-image.dropdown[b-bkvcs815ch] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px
    }

    .btn-image.active[b-bkvcs815ch],
    .btn-image:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

[b-bkvcs815ch] .btn-image.isdisabled {
    cursor: not-allowed;
}

    [b-bkvcs815ch] .btn-image.isdisabled img {
        opacity: 0.5;
    }

    [b-bkvcs815ch] .btn-image.isdisabled p {
        color: #888;
    }

    [b-bkvcs815ch] .btn-image.isdisabled.active,
    [b-bkvcs815ch] .btn-image.isdisabled:hover {
        background-color: inherit !important;
    }

.btn-text[b-bkvcs815ch] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    border: none;
    height: 44px;
    padding: 0 10px;
    background-color: inherit;
}

    .btn-text img[b-bkvcs815ch] {
        width: 17px;
        height: 17px;
    }

    .btn-text p[b-bkvcs815ch] {
        color: #5d5d5d;
        margin: auto 5px;
    }

    .btn-text.active[b-bkvcs815ch],
    .btn-text:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

[b-bkvcs815ch] .btn-text.isdisabled {
    cursor: not-allowed;
}

    [b-bkvcs815ch] .btn-text.isdisabled img {
        opacity: 0.5;
    }

    [b-bkvcs815ch] .btn-text.isdisabled p {
        color: #888;
    }

    [b-bkvcs815ch] .btn-text.isdisabled.active,
    [b-bkvcs815ch] .btn-text.isdisabled:hover {
        background-color: inherit !important;
    }

.btn-search-panel[b-bkvcs815ch] {
    position: relative;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
}

    .btn-search-panel.active[b-bkvcs815ch] {
        border-color: var(--base-separator-color);
        background-color: inherit;
    }

    .btn-search-panel:hover[b-bkvcs815ch] {
        background-color: var(--base-background-focused);
    }

    .btn-search-panel .search-panel-border[b-bkvcs815ch] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: var(--base-background);
    }

    .btn-search-panel .dxbl-image[b-bkvcs815ch] {
        color: #5d5d5d;
    }

    .btn-search-panel p[b-bkvcs815ch] {
        margin: auto 5px auto -5px;
    }

.search-panel[b-bkvcs815ch] {
    max-height: 0;
    border-top: 0px solid var(--base-separator-color);
    margin-top: -1px;
    overflow: clip;
    transition: all 0.3s linear;
}

    .search-panel.shown[b-bkvcs815ch] {
        max-height: fit-content;
        border-top: 1px solid var(--base-separator-color);
    }

.vertical-separator[b-bkvcs815ch] {
    display: inline-block;
    width: 2px;
    height: 30px;
    margin: 0 7px;
    background-color: var(--base-separator-color);
}

[b-bkvcs815ch] .icon-copilot {
    background-image: url('images/copilot.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    outline: none;
    border: none;
}

[b-bkvcs815ch] .page-dropdown span {
    color: #321D89 !important;
}

[b-bkvcs815ch] .dxbl-btn-dropdown span {
    color: #5d5d5d;
}

[b-bkvcs815ch] .dxbl-btn-dropdown .dxbl-image {
    color: #5d5d5d;
}

[b-bkvcs815ch] .dxbl-btn-dropdown > button {
    height: 44px;
    border-radius: 0;
}

    [b-bkvcs815ch] .dxbl-btn-dropdown > button:hover {
        background-color: var(--base-background-focused) !important;
    }

[b-bkvcs815ch] .dxbl-btn-dropdown .dxbl-active:not(:hover) {
    background-color: #e2e2e2 !important;
}

.unsaved-indicator[b-bkvcs815ch] {
    font-size: 13px;
    color: #947aff;
    margin: auto -2px;
    opacity: 0;
}

    .unsaved-indicator.show[b-bkvcs815ch] {
        opacity: 1;
    }
/* _content/NextERP/Components/Controls/CheckComboBox.razor.rz.scp.css */
.check-combo-host[b-he2ehg99mr] {
    width: 100%;
    max-width: 480px;
}

    /* Textbox white background */
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox,
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox.dxbl-text-edit,
    .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox.dxbl-readonly {
        background: #fff !important;
        background-color: #fff !important;
        --dxbl-text-edit-bg: #fff !important;
        --dxbl-text-edit-readonly-bg: #fff !important;
        --dxbl-text-edit-disabled-bg: #fff !important;
        --dxbl-text-edit-container-bg: #fff !important;
    }

        .check-combo-host[b-he2ehg99mr]  dxbl-input-editor.check-combo-textbox input.dxbl-text-edit-input {
            background: #fff !important;
            background-color: #fff !important;
        }

    /* Dropdown button */
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn {
        background: #fff !important;
        background-color: #fff !important;
        box-shadow: none !important;
        border-left: 1px solid rgba(0, 0, 0, .12) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 6px !important;
    }

        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:hover,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:focus,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:active {
            background: transparent !important;
            background-color: transparent !important;
            box-shadow: none !important;
        }

    /* Dropdown arrow icon */
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon {
        width: 12px !important;
        height: 12px !important;
        min-width: 11px !important;
        min-height: 11px !important;
        display: inline-block !important;
        background-image: url('/images/dropdown-arrow.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 16px 16px !important;
        opacity: 1 !important;
        filter: none !important;
    }

        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon::before,
        .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-icon::after {
            display: none !important;
            content: none !important;
        }

    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:hover .check-combo-dropdown-icon,
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:focus .check-combo-dropdown-icon,
    .check-combo-host[b-he2ehg99mr]  .check-combo-dropdown-btn:active .check-combo-dropdown-icon {
        background-image: url('/images/dropdown-arrow.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 16px 16px !important;
        opacity: 1 !important;
    }

/* Dropdown popup */
[b-he2ehg99mr] .check-combo-dropdown > div {
    border: none !important;
    border-radius: 0 !important;
}

[b-he2ehg99mr] .check-combo-dropdown .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.check-combo-dropdown-body[b-he2ehg99mr] {
    background: #fff;
    padding: 0;
    width: 100%;
    min-width: 260px;
    max-height: 360px;
    display: flex;
    flex-direction: column;
}

.check-combo-search[b-he2ehg99mr] {
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
}

.check-combo-list[b-he2ehg99mr] {
    max-height: 260px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.check-combo-item[b-he2ehg99mr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 4px 8px;
    border-radius: 0;
    cursor: pointer;
    font-size: 12px;
    color: #5d5d5d;
    user-select: none;
}

    .check-combo-item:hover[b-he2ehg99mr] {
        color: #5d5d5d !important;
        background-color: var(--base-background-focused) !important;
    }

    .check-combo-item span[b-he2ehg99mr] {
        line-height: 20px;
    }

.check-combo-footer[b-he2ehg99mr] {
    border-top: 1px solid var(--base-separator-color);
    padding: 6px 8px;
    display: flex;
    justify-content: space-between;
    background: #fff;
}

    .check-combo-footer button[b-he2ehg99mr] {
        border: none;
        background: transparent;
        color: #5A41B4;
        cursor: pointer;
        font-size: 12px;
    }
/* _content/NextERP/Components/Controls/DynamicCard.razor.rz.scp.css */
.card-container[b-uthf675hxs] {
    margin: 10px 5px;
}

[b-uthf675hxs] .card-item {
    border: 1px solid var(--base-separator-color);
    border-radius: 10px;
    cursor: pointer;
}

    [b-uthf675hxs] .card-item.selected {
        background-color: #e0daf9;
        border: 2px solid var(--base-border-color);
        margin: -1px;
    }

    [b-uthf675hxs] .card-item:hover {
        background-color: #e0daf9;
    }
/* _content/NextERP/Components/Controls/DynamicCardTemplate.razor.rz.scp.css */
.card-template-container[b-fucx4oqok2] {
    display: flex;
    padding: 10px;
}

[b-fucx4oqok2] .card-image-container {
    position: relative;
    height: 64px;
    aspect-ratio: 1;
}

[b-fucx4oqok2] .card-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

[b-fucx4oqok2] .picture-none {
    width: 80%;
    aspect-ratio: 1/1;
    margin: auto;
}

    [b-fucx4oqok2] .picture-none.selected {
        display: none;
    }

.card-item.selected .picture-none[b-fucx4oqok2],
.card-item:hover .picture-none[b-fucx4oqok2] {
    display: none;
}

    .card-item.selected .picture-none.selected[b-fucx4oqok2],
    .card-item:hover .picture-none.selected[b-fucx4oqok2] {
        display: block;
    }

[b-fucx4oqok2] .card-text-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

[b-fucx4oqok2] .card-header-text-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

[b-fucx4oqok2] .card-header-text {
    flex: 1;
    font-size: 16px;
    color: #5a41b4;
    margin: 1px 10px 1px 15px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

[b-fucx4oqok2] .card-status-text {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 5px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    align-content: center;
}

    [b-fucx4oqok2] .card-status-text:before {
        content: "•";
        margin-right: 5px;
    }

[b-fucx4oqok2] .card-body-text {
    font-size: 12px;
    color: #575757;
    margin: 1px 10px 1px 15px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
/* _content/NextERP/Components/Controls/DynamicCheckList.razor.rz.scp.css */
.grid-validation-warning[b-wf2ljteub1] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: red;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    vertical-align: middle;
}

.grid-validation-warning-icon[b-wf2ljteub1] {
    -webkit-mask-image: url(/images/validation-warning.svg);
    mask-image: url(/images/validation-warning.svg);
}

[b-wf2ljteub1] .input-number {
    text-align: right;
}

[b-wf2ljteub1] .dxbl-grid {
    --dxbl-grid-selection-bg: #e0d8fe;
    --dxbl-grid-group-indent-cell-width: 3.5rem;
}

.grid-wrapper[b-wf2ljteub1] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

[b-wf2ljteub1] .dx-grid {
    width: 100%;
    height: 100%;
    border: none;
    --dxbl-grid-focus-frame-color: #5f368d;
    --dxbl-grid-focus-bg: var(--base-background-focused);
    --dxbl-grid-focus-color: #424242;
    --dxbl-grid-selection-focus-bg: var(--base-background-focused);
    --dxbl-grid-selection-focus-color: #424242;
    --dxbl-grid-line-height: 2;
}

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar {
        position: absolute !important;
        right: 0 !important;
    }

        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb,
        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
            --dxbl-scroll-viewer-hor-scroll-bar-height: 8px;
            --dxbl-scroll-viewer-hor-scroll-bar-hover-height: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-width: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-hover-width: 8px;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer {
        --dxbl-grid-bg: var(--base-background);
    }

        [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar {
            background-color: var(--base-background);
            bottom: 0px !important;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-scroll-viewer-content {
        margin-bottom: 6px;
    }

    [b-wf2ljteub1] .dx-grid.dx-dtl-grid .dxbl-scroll-viewer-content {
        margin-bottom: 0;
    }

    [b-wf2ljteub1] .dx-grid.dx-dtl-grid tr:has(+tr[data-virtual-item-index="-1"]) td {
        border: none !important;
    }

    [b-wf2ljteub1] .dx-grid tr.dxbl-grid-header-row {
        background-color: var(--base-background);
    }

    [b-wf2ljteub1] .dx-grid th {
        font-size: 11px !important;
        color: #868686;
        border-left: none !important;
        border-bottom-width: 2px !important;
        align-content: end;
    }

    [b-wf2ljteub1] .dx-grid td {
        font-size: 12px !important;
        color: #424242;
        background-color: var(--base-background);
        border-top: none !important;
        border-left: none !important;
        border-bottom: 1px solid #d2d2d2 !important;
        white-space: nowrap;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        [b-wf2ljteub1] .dx-grid td .dxbl-checkbox {
            vertical-align: middle !important;
        }

    [b-wf2ljteub1] .dx-grid.dxbl-grid input {
        font-size: 12px;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-new-row .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-wf2ljteub1] .dx-grid tr[data-virtual-item-index="-1"] td {
        border-bottom: none !important;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-header-content span {
        font-weight: normal;
        color: #a7a7a8;
    }

    [b-wf2ljteub1] .dx-grid.dxbl-grid.dxbl-grid-nowrap {
        --dxbl-grid-white-space: break-word;
    }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row {
        height: 30.5px !important;
    }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row td:not(:empty) {
            color: #424242 !important;
            background-color: var(--base-background-focused) !important;
        }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row td:focus-within {
            outline: none !important;
            color: white !important;
            background-color: #947aff !important;
        }

        [b-wf2ljteub1] .dx-grid .dxbl-grid-edit-row input {
            color: white !important;
        }

    [b-wf2ljteub1] .dx-grid .dxbl-grid-new-row td {
        background-color: #f9d9da !important;
    }

    [b-wf2ljteub1] .dx-grid tfoot td {
        font-size: 12px !important;
        background-color: var(--base-background) !important;
        border-top: 2px solid #d2d2d2 !important;
        border-bottom: none !important;
    }

        [b-wf2ljteub1] .dx-grid tfoot td > div {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

[b-wf2ljteub1] .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.dx-grid .dxbl-grid-cell[b-wf2ljteub1] {
    position: relative;
}

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

[b-wf2ljteub1] .drill-down-text {
    cursor: pointer;
}

[b-wf2ljteub1] .icon-image-preview {
    height: 20px;
    cursor: pointer;
}

.icon-picture-none[b-wf2ljteub1] {
    height: 300px;
    padding: 50px;
    margin: auto;
}

.image-preview[b-wf2ljteub1] {
    max-width: 80vw;
    max-height: 80vh;
}

[b-wf2ljteub1] .dxbl-grid-new-row {
    height: 30.5px !important;
}

[b-wf2ljteub1] .dx-grid td:not(.dxbl-grid-detail-cell):has(input) > * {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

[b-wf2ljteub1] .dx-grid td input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5.5px !important;
    padding-bottom: 5.5px !important;
}

    [b-wf2ljteub1] .dx-grid td input ~ div {
        margin-right: 5.5px !important;
    }

[b-wf2ljteub1] .dx-grid td:has(.lookup-search-host) {
    padding-right: 0 !important;
}

    [b-wf2ljteub1] .dx-grid td:has(.lookup-search-host) > * {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

[b-wf2ljteub1] .dx-grid td .lookup-search-host input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    [b-wf2ljteub1] .dx-grid td .lookup-search-host input ~ div {
        margin-right: 0 !important;
    }

[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within .dxbs-search-box input.dxbs-editor-input,
[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within .dxbl-text-edit input.dxbs-editor-input,
[b-wf2ljteub1] .dx-grid td .lookup-search-host:focus-within input.dxbl-text-edit-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-wf2ljteub1] td.dxbl-grid-detail-cell {
    padding: 0 !important;
    padding-left: 37.5px !important;
}

[b-wf2ljteub1] .dx-dtl-grid .dxbl-scroll-viewer-content {
    min-height: 0;
}

[b-wf2ljteub1] .dx-dtl-grid:not(:focus-within) {
    --dxbl-grid-focus-bg: var(--base-background);
}
/* _content/NextERP/Components/Controls/DynamicForm.razor.rz.scp.css */
.form[b-5wkqt1jokj] {
    column-fill: balance;
    column-count: var(--form-column-count);
    column-gap: var(--form-column-gap);
}

@media (max-width: 1580px) {
    .form[b-5wkqt1jokj] {
        --column-count: min(2, var(--form-column-count));
        column-count: var(--column-count);
    }
}

@media (max-width: 1200px) {
    .form[b-5wkqt1jokj] {
        column-count: 1;
    }
}

.form-item[b-5wkqt1jokj] {
    display: inline-grid;
    position: relative;
    grid-template-columns: auto 1fr auto minmax(200px, 50%);
    padding: 5px 0;
    width: 100%;
}

    .form-item label[b-5wkqt1jokj] {
        color: #868686;
        margin: 0.45em 0 auto 0;
    }

[b-5wkqt1jokj] .form-item input,
[b-5wkqt1jokj] .form-item textarea {
    font-size: 12px !important;
    color: #5a5a5a;
}

[b-5wkqt1jokj] .form-item .combobox-colored input {
    color: inherit !important;
}

[b-5wkqt1jokj] .form-item .input-noneditor-colored {
    color: inherit !important;
    background-color: inherit !important;
}

[b-5wkqt1jokj] .input-number {
    text-align: right;
}

[b-5wkqt1jokj] .input-number-up {
    color: #3C782C !important;
    background-image: url('images/arrow-up.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right 5px;
    background-position-y: center;
    padding-right: 20px !important;
}

[b-5wkqt1jokj] .input-number-down {
    color: #C33F26 !important;
    background-image: url('images/arrow-down.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right 5px;
    background-position-y: center;
    padding-right: 20px !important;
}

.fill-space[b-5wkqt1jokj] {
    margin: 1.35em 5px auto 5px;
    border-bottom: 2px dotted #ccc;
}

.required-indicator[b-5wkqt1jokj] {
    color: #FF3E03;
    margin: auto 3px auto 0;
}

[b-5wkqt1jokj] .input-password {
    padding-right: 20px !important;
}

[b-5wkqt1jokj] .btn-password-toggle {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    background: none;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13px 13px;
    width: 21px;
    outline: none;
    border: none;
}

[b-5wkqt1jokj] .dxbl-edit-btn-dropdown {
    border: none !important;
}

[b-5wkqt1jokj] .dxbl-spin-btns .dxbl-btn {
    border: none !important;
}

[b-5wkqt1jokj] .dxbl-checkbox-check-element {
    --dxbl-checkbox-switch-width: 3rem;
    --dxbl-checkbox-switch-height: 1.5rem;
    --dxbl-checkbox-switch-element-size: 1.15rem;
    --dxbl-checkbox-switch-element-margin: 0.175rem;
    --dxbl-checkbox-switch-unchecked-bg: #ddd;
    --dxbl-checkbox-switch-unchecked-hover-bg: #ccc;
    --dxbl-checkbox-switch-checked-bg: #5a41b4;
    --dxbl-checkbox-switch-checked-hover-bg: #662d88;
    --dxbl-checkbox-checked-focus-shadow-color: #5a41b4;
    --dxbl-checkbox-unchecked-focus-shadow-color: #ccc;
}
[b-5wkqt1jokj] .form-item input.drill-down-text,
[b-5wkqt1jokj] .form-item .dxbl-text-edit-input.drill-down-text {
    cursor: pointer !important;
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration: none !important;
}

    [b-5wkqt1jokj] .form-item input.drill-down-text:hover,
    [b-5wkqt1jokj] .form-item .dxbl-text-edit-input.drill-down-text:hover {
        color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration: underline !important;
    }
/* _content/NextERP/Components/Controls/DynamicGrid.razor.rz.scp.css */
.grid-validation-warning[b-cjg3d0l7gc] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: red;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    vertical-align: middle;
}

.grid-validation-warning-icon[b-cjg3d0l7gc] {
    -webkit-mask-image: url(/images/validation-warning.svg);
    mask-image: url(/images/validation-warning.svg);
}

[b-cjg3d0l7gc] .dxbl-grid-row-disabled {
    user-select: none !important;
}

[b-cjg3d0l7gc] .dxbl-grid-row-disabled td {
    pointer-events: none !important;
}

[b-cjg3d0l7gc] .dxbl-grid-row-disabled:hover,
[b-cjg3d0l7gc] .dxbl-grid-row-disabled td:hover {
    cursor: not-allowed !important;
}

[b-cjg3d0l7gc] .input-number {
    text-align: right;
}

[b-cjg3d0l7gc] .input-number-up {
    color: #3C782C !important;
    background-image: url('images/arrow-up.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-cjg3d0l7gc] .input-number-up.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-cjg3d0l7gc] .input-number-up.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-cjg3d0l7gc] .input-number-down {
    color: #C33F26 !important;
    background-image: url('images/arrow-down.png');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 14px !important;
}

    [b-cjg3d0l7gc] .input-number-down.focused {
        background-position-x: right 10px;
        padding-right: 24px !important;
    }

    [b-cjg3d0l7gc] .input-number-down.unfocused {
        text-overflow: ellipsis;
        overflow: clip !important;
        overflow-clip-margin: content-box;
    }

[b-cjg3d0l7gc] .dxbl-grid {
    --dxbl-grid-selection-bg: #e0d8fe;
}

.grid-wrapper[b-cjg3d0l7gc] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

[b-cjg3d0l7gc] .dx-grid {
    width: 100%;
    height: 100%;
    border: none;
    --dxbl-grid-focus-frame-color: #5f368d;
    --dxbl-grid-focus-bg: var(--base-background-focused);
    --dxbl-grid-focus-color: #424242;
    --dxbl-grid-selection-focus-bg: var(--base-background-focused);
    --dxbl-grid-selection-focus-color: #424242;
    --dxbl-grid-line-height: 2;
}

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-fixed-cell {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-footer-row > td:not(.dxbl-grid-empty-cell)::before {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before,
    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell).dxbl-grid-fixed-cell {
        background-color: var(--base-background-focused);
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar {
        position: absolute !important;
        right: 0 !important;
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb,
        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
            --dxbl-scroll-viewer-hor-scroll-bar-height: 8px;
            --dxbl-scroll-viewer-hor-scroll-bar-hover-height: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-width: 8px;
            --dxbl-scroll-viewer-vert-scroll-bar-hover-width: 8px;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer {
        --dxbl-grid-bg: var(--base-background);
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar {
            background-color: var(--base-background);
            bottom: 0px !important;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-scroll-viewer-content {
        margin-bottom: 6px;
    }

    [b-cjg3d0l7gc] .dx-grid tr.dxbl-grid-header-row {
        background-color: var(--base-background);
    }

    [b-cjg3d0l7gc] .dx-grid th {
        font-size: 11px !important;
        color: #868686;
        border-left: none !important;
        border-bottom-width: 2px !important;
        align-content: end;
    }

    [b-cjg3d0l7gc] .dx-grid td {
        font-size: 12px !important;
        color: #424242;
        background-color: var(--base-background);
        border-top: none !important;
        border-left: none !important;
        border-bottom: 1px solid #d2d2d2 !important;
        white-space: nowrap;
    }

        [b-cjg3d0l7gc] .dx-grid td:not(.dxbl-grid-expand-button-cell) {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        [b-cjg3d0l7gc] .dx-grid td .dxbl-checkbox {
            vertical-align: middle !important;
        }

        [b-cjg3d0l7gc] .dx-grid td a {
            text-decoration: none;
        }

            [b-cjg3d0l7gc] .dx-grid td a:hover {
                text-decoration: underline;
            }

    [b-cjg3d0l7gc] .dx-grid.dxbl-grid input {
        font-size: 12px;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-new-row .dxbl-grid-empty-cell {
        background-color: var(--base-background) !important;
    }

    [b-cjg3d0l7gc] .dx-grid td:has(.dxbl-grid-colored-cell) {
        padding: 0 10px 0 0 !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-colored-cell {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        margin: 2.75px 0;
        border-radius: 5px;
        align-content: center;
    }

    [b-cjg3d0l7gc] .dx-grid tr[data-virtual-item-index="-1"] td {
        border-bottom: none !important;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-header-content span {
        font-weight: normal;
        color: #a7a7a8;
    }

    [b-cjg3d0l7gc] .dx-grid.dxbl-grid.dxbl-grid-nowrap {
        --dxbl-grid-white-space: break-word;
    }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row {
        height: 30.5px !important;
    }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row td:not(:empty) {
            color: #424242 !important;
            background-color: var(--base-background-focused) !important;
        }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row td:focus-within {
            outline: none !important;
            color: white !important;
            background-color: #947aff !important;
        }

        [b-cjg3d0l7gc] .dx-grid .dxbl-grid-edit-row input {
            color: white !important;
        }

    [b-cjg3d0l7gc] .dx-grid .dxbl-grid-new-row td {
        background-color: #f9d9da !important;
    }

    [b-cjg3d0l7gc] .dx-grid tfoot td {
        font-size: 12px !important;
        background-color: var(--base-background) !important;
        border-top: 2px solid #d2d2d2 !important;
        border-bottom: none !important;
    }

        [b-cjg3d0l7gc] .dx-grid tfoot td > div {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

[b-cjg3d0l7gc] .dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #c0c0c0;
    --dxbl-checkbox-check-element-checked-hover-bg: #947aff;
    --dxbl-checkbox-check-element-unchecked-border-width: 1px;
    --dxbl-checkbox-check-element-unchecked-border-color: #c0c0c0;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: #947aff;
    --dxbl-checkbox-checked-focus-shadow-spread: 0;
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0;
}

.dx-grid .dxbl-grid-cell[b-cjg3d0l7gc] {
    position: relative;
}

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

[b-cjg3d0l7gc] .drill-down-text {
    cursor: pointer;
}

[b-cjg3d0l7gc] .icon-image-preview {
    height: 20px;
    cursor: pointer;
}

.icon-picture-none[b-cjg3d0l7gc] {
    height: 300px;
    padding: 50px;
    margin: auto;
}

.image-preview[b-cjg3d0l7gc] {
    max-width: 80vw;
    max-height: 80vh;
}

[b-cjg3d0l7gc] .dxbl-grid-new-row {
    height: 30.5px !important;
}

[b-cjg3d0l7gc] .dx-grid td:has(input) > * {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

[b-cjg3d0l7gc] .dx-grid td input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5.5px !important;
    padding-bottom: 5.5px !important;
}

    [b-cjg3d0l7gc] .dx-grid td input ~ div {
        margin-right: 5.5px !important;
    }

[b-cjg3d0l7gc] .dx-grid td:has(.lookup-search-host) {
    padding-right: 0 !important;
}

    [b-cjg3d0l7gc] .dx-grid td:has(.lookup-search-host) > * {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

[b-cjg3d0l7gc] .dx-grid td .lookup-search-host input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    [b-cjg3d0l7gc] .dx-grid td .lookup-search-host input ~ div {
        margin-right: 0 !important;
    }

[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within .dxbs-search-box input.dxbs-editor-input,
[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within .dxbl-text-edit input.dxbs-editor-input,
[b-cjg3d0l7gc] .dx-grid td .lookup-search-host:focus-within input.dxbl-text-edit-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

    [b-cjg3d0l7gc] .dxbl-grid-header:hover .dxbl-btn.dxbl-grid-filter-menu-funnel-btn,
    [b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled,
    [b-cjg3d0l7gc] .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-active {
        opacity: 1;
    }

[b-cjg3d0l7gc] .dx-grid.no-wrap th.dxbl-grid-header .dxbl-grid-header-content span {
    text-wrap: nowrap !important;
}

[b-cjg3d0l7gc] .plain-text {
    height: 24px !important;
}

[b-cjg3d0l7gc] .dxbl-checkbox.host {
    position: relative;
}

    [b-cjg3d0l7gc] .dxbl-checkbox.host label.dxbl-text {
        padding: 0;
    }

    [b-cjg3d0l7gc] .dxbl-checkbox.host .overlay {
        position: absolute;
        inset: 0;
        cursor: pointer;
        z-index: 1;
        background: transparent;
    }

    [b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link {
/*    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;*/
    width: 100% !important;
    
    padding: 0 !important;
    margin: 0 !important;
/*    text-decoration: none !important;*/
/*    cursor: pointer;*/
}

        [b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link img.grid-formula-image {
            width: 15px !important;
            height: 15px !important;
            max-width: 15px !important;
            max-height: 15px !important;
            min-width: 15px !important;
            min-height: 15px !important;
            object-fit: contain !important;
            display: block !important;
            cursor: pointer;
        }

[b-cjg3d0l7gc] .dx-grid td a.grid-formula-image-link img.grid-formula-image:hover {
    opacity: 1;
    transform: scale(1.08);
}
/* _content/NextERP/Components/Controls/DynamicSelector.razor.rz.scp.css */
.selector-container[b-f0tehmejux] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
}

.selector-title[b-f0tehmejux] {
    font-size: 12px;
    font-weight: 600;
    color: #212529;
    margin: 0 0 10px 5px;
}

.selector-grid[b-f0tehmejux] {
    overflow: hidden;
}

.selector-footer[b-f0tehmejux] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 15px;
}

    .selector-footer .btn[b-f0tehmejux] {
        font-size: 12px;
    }
/* _content/NextERP/Components/Controls/FileUpload.razor.rz.scp.css */
.title[b-qhsp83nyfi] {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 10px 0;
}

    .title p[b-qhsp83nyfi] {
        font-size: 13px;
        font-weight: 500;
        color: #424242;
        margin: auto 0;
        white-space: nowrap;
    }

.btn-add-file[b-qhsp83nyfi] {
    background: none;
    border: none;
    outline: none;
}

    .btn-add-file svg[b-qhsp83nyfi] {
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

        .btn-add-file svg path[b-qhsp83nyfi] {
            fill: none;
            stroke: #424242;
            stroke-width: 1px;
        }

.btn-selection[b-qhsp83nyfi] {
    margin: auto 0;
}

    .btn-selection button[b-qhsp83nyfi] {
        font-size: 12px;
        font-weight: 500;
        color: #424242;
        padding: 3px 15px;
        margin-left: 5px;
        background: none;
        border: 1px solid var(--base-separator-color);
        border-radius: 15px;
        outline: none;
    }

    .btn-selection svg[b-qhsp83nyfi] {
        width: 10px;
        height: 10px;
        cursor: pointer;
    }

        .btn-selection svg path[b-qhsp83nyfi] {
            fill: none;
            stroke: #888;
            stroke-width: 1px;
        }

.attachment-file-row[b-qhsp83nyfi] {
    margin-left: -15px;
    margin-right: -5px;
    padding: 0 5px;
    cursor: pointer;
    border-bottom: 1px solid var(--base-separator-color);
}

    .attachment-file-row.new-file[b-qhsp83nyfi] {
        background-color: #f9d9da;
    }

    .attachment-file-row .top-row[b-qhsp83nyfi] {
        display: flex;
        justify-content: space-between;
        height: 40px;
    }

        .attachment-file-row .top-row > *[b-qhsp83nyfi] {
            margin-top: auto;
            margin-bottom: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: clip;
        }

    .attachment-file-row .bottom-row[b-qhsp83nyfi] {
        margin: -10px 0 5px 45px;
    }

.file-username[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
}

.file-icon[b-qhsp83nyfi] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.file-name[b-qhsp83nyfi] {
    font-size: 12px;
    font-weight: 500;
    color: #424242;
    width: 120px;
}

.file-size[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
    text-align: right;
    width: 75px;
    margin-right: 5px;
}

.file-date[b-qhsp83nyfi] {
    font-size: 11px;
    color: #888;
    text-align: right;
    width: 80px;
}

[b-qhsp83nyfi] .file-selection {
    width: 15px;
    margin-right: 5px;
    opacity: 0;
}

    [b-qhsp83nyfi] .file-selection:hover,
    [b-qhsp83nyfi] .file-selection:checked {
        opacity: 1 !important;
    }

[b-qhsp83nyfi] .attachment-file-row:hover .file-selection {
    opacity: 0.4;
}

[b-qhsp83nyfi] .dropdown {
    padding: 0;
    border: 0;
    margin-left: -8px;
}

[b-qhsp83nyfi] .icon-dropdown {
    background-image: url('images/dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    width: 22px;
    height: 13px;
    outline: none;
    border: none;
}
/* _content/NextERP/Components/Controls/GroupControl.razor.rz.scp.css */
.group-control[b-a50oud6r13] {
    min-width: 0;
    border: 1px solid #d4d4d4;
    padding: 15px;
    padding-top: 15px;
    background: transparent;
    margin: 20px 0 0 0;
}

.group-control-title[b-a50oud6r13] {
    display: inline-block;
    padding: 0 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    transform: translateY(-140%);
    background: var(--base-background, #fff);
    color: #5d5d5d;
    font-size: 12px;
    font-weight: 400;
    width: auto;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-control-body[b-a50oud6r13] {
    margin-top: -12px;
}
/* _content/NextERP/Components/Controls/ImageUpload.razor.rz.scp.css */
.image-upload-area[b-aexrr5f79h] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 400px;
    margin: 10px 0;
    border-radius: 10px;
    border: 2px dashed #d2d2d2;
    background: #f4f4f4;
    cursor: pointer;
}

.upload-icon[b-aexrr5f79h] {
    width: 64px;
}

.uploaded-image[b-aexrr5f79h] {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}

.profile-upload-area[b-aexrr5f79h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 250px;
    margin: 25px;
    overflow: clip;
    cursor: pointer;
}

.profile-icon[b-aexrr5f79h] {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.uploaded-profile[b-aexrr5f79h] {
    max-width: 100%;
    height: 250px;
    object-fit: contain;
}

.title[b-aexrr5f79h] {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin: 10px 0;
}

    .title p[b-aexrr5f79h] {
        font-size: 13px;
        font-weight: 500;
        color: #424242;
        margin: auto 0;
    }

    .title button[b-aexrr5f79h] {
        background: none;
        border: none;
        outline: none;
        padding: 5px;
    }

        .title button img[b-aexrr5f79h] {
            width: 16px;
        }

    .title .caret[b-aexrr5f79h] {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        cursor: pointer;
    }

        .title .caret path[b-aexrr5f79h] {
            fill: none;
            stroke: #424242;
            stroke-width: 1.5px;
        }
/* _content/NextERP/Components/Controls/ImageUploadCustom.razor.rz.scp.css */
.image-upload-custom-root[b-qb6emqbmqr] {
    position: relative;
    width: 100%;
}

.title[b-qb6emqbmqr] {
    display: none;
}

.image-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 87px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #d4d4d4;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

    .image-upload-area:hover[b-qb6emqbmqr] {
        background: #f1f1f1 !important;
    }

.image-upload-custom-root.has-image:hover .image-upload-area[b-qb6emqbmqr] {
    background: #f1f1f1 !important;
}

.image-upload-custom-root.has-image .delete-btn:hover ~ .image-upload-area[b-qb6emqbmqr],
.image-upload-custom-root.has-image:hover .image-upload-area[b-qb6emqbmqr] {
    background: #f1f1f1 !important;
}

.uploaded-image[b-qb6emqbmqr] {
    position: absolute;
    inset: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
    box-sizing: border-box;
    background: transparent !important;
}

.profile-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 87px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    background: #f1f1f1;
}

.profile-icon[b-qb6emqbmqr],
.uploaded-profile[b-qb6emqbmqr] {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    padding: 6px;
    box-sizing: border-box;
}

.uploaded-profile[b-qb6emqbmqr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.upload-placeholder[b-qb6emqbmqr] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden[b-qb6emqbmqr] {
    display: none !important;
}

.delete-btn[b-qb6emqbmqr] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #ececec;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.97) !important;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
}

    .delete-btn img[b-qb6emqbmqr] {
        width: 14px;
        height: 14px;
        object-fit: contain;
        background: transparent !important;
    }

.image-upload-custom-root.has-image:hover .delete-btn[b-qb6emqbmqr] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.delete-btn:hover[b-qb6emqbmqr] {
    background: #fff !important;
}

.cell-upload-area[b-qb6emqbmqr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
}

.image-upload-custom-root.has-image:has(.cell-upload-area) .delete-btn[b-qb6emqbmqr] {
    top: 0;
    width: 24px;
    height: 24px;
}

.image-upload-custom-root.has-image:has(.cell-upload-area) .uploaded-image[b-qb6emqbmqr] {
    padding: 0;
}
/* _content/NextERP/Components/Controls/LanguageSelector.razor.rz.scp.css */
.lang-select-wrapper[b-k2doddni5g] {
    width: 100%;
    padding: 8px 16px 12px 16px;
}

.lang-select[b-k2doddni5g] {
    width: 100%;
    height: 32px;
    background: #E5E5E5;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 0 5px;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    outline: none;
    transition: 0.15s;
}

    .lang-select:hover[b-k2doddni5g] {
        border-color: #b8b8b8;
    }

    .lang-select:focus[b-k2doddni5g] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 2px rgba(59,130,246,0.15);
    }
/* _content/NextERP/Components/Controls/SearchPanel.razor.rz.scp.css */
.search-container[b-m9q1lo8qs6] {
    display: flex;
}

.search-button[b-m9q1lo8qs6] {
    width: 40px;
    border: solid var(--base-separator-color);
    border-width: 0 0 0 1px;
    background: none;
}

    .search-button:hover[b-m9q1lo8qs6] {
        background: var(--base-background-focused);
    }

    .search-button img[b-m9q1lo8qs6] {
        height: 16px;
    }

.form[b-m9q1lo8qs6] {
    flex: 1;
    margin: 10px;
    column-fill: balance;
    column-count: 3;
    column-gap: 40px;
}

@media (max-width: 1580px) {
    .form[b-m9q1lo8qs6] {
        column-count: 2;
    }
}

@media (max-width: 1200px) {
    .form[b-m9q1lo8qs6] {
        column-count: 1;
    }
}

.form-item[b-m9q1lo8qs6] {
    display: inline-grid;
    position: relative;
    grid-template-columns: auto 1fr minmax(300px, 50%);
    padding: 5px 0;
    width: 100%;
}

    .form-item label[b-m9q1lo8qs6] {
        color: #868686;
        margin: 0.45em 0 auto 0;
        white-space: nowrap;
        font-size: 11px;
        font-weight: 400;
    }

[b-m9q1lo8qs6] .form-item input,
[b-m9q1lo8qs6] .form-item textarea {
    font-size: 12px !important;
    color: #5a5a5a;
}

[b-m9q1lo8qs6] .form-item .combobox-colored input {
    color: inherit !important;
}

[b-m9q1lo8qs6] .form-item .input-noneditor-colored {
    color: inherit !important;
    background-color: inherit !important;
}

[b-m9q1lo8qs6] .input-number {
    text-align: right;
}

.fill-space[b-m9q1lo8qs6] {
    margin: 1.35em 5px auto 5px;
    border-bottom: 2px dotted #ccc;
}

[b-m9q1lo8qs6] .dxbl-edit-btn-dropdown {
    border: none !important;
}

/*.search-groupbox {
    position: relative;
    border: none;
    background-color: transparent;
    padding: 2px 0;
    margin: 4px 0;
    break-inside: avoid;
}

.search-groupbox-title {
    position: absolute;
    top: -8px;
    left: 12px;
    padding: 0 6px;
    background-color: #fff;
    color: #868686;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.search-groupbox-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
}
*/

/* HTML-агуулгатай группын form-item-ийг CSS multi-column-ийн баганын зааг дээр ТАСРАХААС
   сэргийлнэ — эс тэгвээс доторх огноо/цаг карт хоёр баганад хуваагдаж, икон/мөр салж доош буудаг. */
.search-group-item[b-m9q1lo8qs6] {
    break-inside: avoid;
}
/* _content/NextERP/Components/Controls/TreeCombobox.razor.rz.scp.css */
.tree-combobox-body[b-dw9gr2uzft] {
    width: 680px;
    max-width: min(90vw, 680px);
    height: 460px;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
}

.tree-combobox-search[b-dw9gr2uzft] {
    padding: 8px;
    border-bottom: 1px solid #ececf3;
    flex: 0 0 auto;
    background: #fafafe;
}

.tree-combobox-list[b-dw9gr2uzft] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px;
    background: #fff;
}

.tree-combobox-dropdown[b-dw9gr2uzft],
.tree-combobox-dropdown .dxbl-popup-content[b-dw9gr2uzft],
.tree-combobox-dropdown .dxbl-dropdownbody[b-dw9gr2uzft] {
    height: 460px !important;
    max-height: 460px !important;
    overflow: hidden !important;
}

.tree-empty[b-dw9gr2uzft] {
    padding: 16px;
    text-align: center;
    color: #999;
    font-size: 12px;
}

.profession-treeview[b-dw9gr2uzft] {
    font-size: 12px;
    background: #fff !important;
}

    /* reset all tree backgrounds */
    .profession-treeview[b-dw9gr2uzft],
    .profession-treeview *[b-dw9gr2uzft] {
        box-shadow: none !important;
    }

        .profession-treeview .dxbl-treeview[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-node[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-nodes-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item-container[b-dw9gr2uzft],
        .profession-treeview ul[b-dw9gr2uzft],
        .profession-treeview li[b-dw9gr2uzft] {
            background: transparent !important;
            font-size: 12px !important;
        }

            /* no hover/selected background on whole container */
            .profession-treeview .dxbl-treeview-item-container:hover[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-hover[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container[aria-selected="true"][b-dw9gr2uzft] {
                background: transparent !important;
            }

        /* text row look */
        .profession-treeview .dxbl-treeview-item-text-container[b-dw9gr2uzft] {
            background: transparent !important;
            border-radius: 4px;
            color: #1f2937 !important;
            padding: 4px 8px !important;
            transition: background-color .12s ease;
        }

            /* hover only on text row */
            .profession-treeview .dxbl-treeview-item-text-container:hover[b-dw9gr2uzft] {
                background: #f5f7fb !important;
            }

        /* selected only on text row */
        .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected > .dxbl-treeview-item-text-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-item-container[aria-selected="true"] > .dxbl-treeview-item-text-container[b-dw9gr2uzft] {
            background: #6f4aa5 !important;
            color: #fff !important;
        }

            /* selected text color */
            .profession-treeview .dxbl-treeview-item-container.dxbl-state-selected > .dxbl-treeview-item-text-container .dxbl-treeview-item-text[b-dw9gr2uzft],
            .profession-treeview .dxbl-treeview-item-container[aria-selected="true"] > .dxbl-treeview-item-text-container .dxbl-treeview-item-text[b-dw9gr2uzft] {
                color: #fff !important;

            }

        /* expanded child branch stays transparent */
        .profession-treeview .dxbl-treeview-nodes-container[b-dw9gr2uzft],
        .profession-treeview .dxbl-treeview-node[b-dw9gr2uzft] {
            background: transparent !important;
        }
        .profession-treeview .dxbl-treeview-item-text[b-dw9gr2uzft] {
            font-size: 12px !important;
        }
.tree-combobox-body[b-dw9gr2uzft] {
    font-size: 12px;
}

[b-dw9gr2uzft] .tree-combobox-search .dxbl-text-edit-input,
[b-dw9gr2uzft] .tree-combobox-search .dxbl-text-edit,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-text,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-text-container,
[b-dw9gr2uzft] .profession-treeview .dxbl-treeview-item-container,
[b-dw9gr2uzft] .profession-treeview .dxbl-btn {
    font-size: 12px !important;
}
/* _content/NextERP/Components/Controls/WaitIndicator.razor.rz.scp.css */
.wait-container[b-8n05fo0m42] {
    position: absolute;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #17369088;
}

.wait-loader[b-8n05fo0m42] {
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 36px;
    height: 36px;
    border: 5px solid #fff;
    border-bottom-color: #5010b4;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-b-8n05fo0m42 1s linear infinite;
}

@keyframes rotation-b-8n05fo0m42 {
    0% {
        transform: rotate(0deg);
    }

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

.wait-text[b-8n05fo0m42] {
    position: absolute;
    top: calc(50% + 24px);
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    max-width: 300px;
    max-height: 300px;
    text-align: center;
    overflow-y: clip;
    color: #fff;
    font-size: 12px;
}
/* _content/NextERP/Components/Layout/MainLayout.razor.rz.scp.css */
.layout[b-smnpd3e1bg] {
    display: flex;
    height: 100vh;
    overflow: visible;
}

.layout-sidebar[b-smnpd3e1bg] {
    flex: 0 0 auto;
    height: 100vh;
    background: #fafafa;
    overflow-x: visible;
    overflow-y: auto;
    transition: width .25s ease;
    position: relative;
    z-index: 1000;
}

.layout-body[b-smnpd3e1bg] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.layout-toolbar[b-smnpd3e1bg] {
    background: white;
    position: relative;
    border-bottom: 1px solid #eee;
}

.layout-content[b-smnpd3e1bg] {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.tabbed-page[b-smnpd3e1bg] {
    width: 100%;
    height: 100%;
    position: absolute;
}

    .tabbed-page.unselected[b-smnpd3e1bg] {
        opacity: 0;
        pointer-events: none;
    }

@media (max-width: 768px) {

    .layout-sidebar[b-smnpd3e1bg] {
        position: fixed;
        width: 0 !important;
        z-index: 2000;
    }

        .layout-sidebar.collapsed[b-smnpd3e1bg] {
            width: 250px !important;
        }
}
/* _content/NextERP/Components/Layout/Navbar.razor.rz.scp.css */
.nav-container[b-g101nun49g] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fdfdfd;
    background-image: url('images/line_logo.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 85%;
    border-right: 1px solid #eaeaea;
    overflow: hidden;
    transition: none;
}

    .nav-container.collapsed[b-g101nun49g] {
        width: 100%;
    }

.logo-area[b-g101nun49g] {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 15px;
    gap: 10px;
    box-sizing: border-box;
}

.logo-full[b-g101nun49g] {
    margin-left: 5px;
    height: 28px;
    display: block;
}

.logo-icon[b-g101nun49g] {
    width: 28px;
    height: 28px;
    display: none;
}

.logo-toggle[b-g101nun49g] {
    margin-left: auto;
    margin-right: 15px;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.toggle-icon[b-g101nun49g] {
    width: 54px;
    height: 24px;
    object-fit: contain;
}

.nav-container.collapsed .logo-area[b-g101nun49g] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin: 0;
    padding: 0;
}

.nav-container.collapsed .logo-home[b-g101nun49g] {
    display: flex;
    justify-content: center;
    width: 50px;
    cursor: pointer;
}

.nav-container.collapsed .logo-full[b-g101nun49g] {
    display: none;
}

.nav-container.collapsed .logo-icon[b-g101nun49g] {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}

.nav-container.collapsed .logo-toggle[b-g101nun49g] {
    display: none;
}

.ul-outer[b-g101nun49g] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -1px;
}

.nav-container.collapsed .ul-outer[b-g101nun49g] {
    overflow: hidden;
}

ul[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu-outer[b-g101nun49g] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .15s;
}

    .nav-menu-outer:hover[b-g101nun49g] {
        background-color: #D3C7FF;
    }

    .nav-menu-outer img[b-g101nun49g] {
        width: 25px;
        height: 25px;
        margin: 0 10px 0 20px;
        object-fit: scale-down;
    }

.nav-menu-inner[b-g101nun49g] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .15s;
    text-decoration: none !important;
}

    .nav-menu-inner:hover[b-g101nun49g] {
        background-color: #D3C7FF;
    }

    .nav-menu-inner img[b-g101nun49g] {
        width: 25px;
        height: 25px;
        margin: 0 15px 0 45px;
        object-fit: scale-down;
    }

.nav-container.collapsed .nav-menu-outer[b-g101nun49g],
.nav-container.collapsed .nav-menu-inner[b-g101nun49g] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    padding: 0;
    margin: 0;
}

    .nav-container.collapsed .nav-menu-outer img[b-g101nun49g],
    .nav-container.collapsed .nav-menu-inner img[b-g101nun49g] {
        margin-left: auto;
        margin-right: auto;
    }

.menu-text[b-g101nun49g] {
    font-size: 12px;
    color: #777;
    padding-right: 5px;
}

.nav-container.collapsed .menu-text[b-g101nun49g] {
    display: none;
}

.nested[b-g101nun49g] {
    max-height: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition: max-height 0.5s cubic-bezier(.4,0,.2,1), opacity 0.5s ease, transform 0.5s ease;
}

    .nested.active[b-g101nun49g] {
        max-height: 500px;
        overflow: hidden;
        opacity: 1;
        transform: translateY(0);
    }

.caret[b-g101nun49g] {
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    visibility: hidden;
}

    .caret path[b-g101nun49g] {
        fill: none;
        stroke: #777;
        stroke-width: 3;
    }

.nav-container.collapsed .caret[b-g101nun49g] {
    display: none;
}

.caret-down .caret[b-g101nun49g] {
    visibility: visible;
}

.nav-menu-outer:hover:not(.caret-down) .caret[b-g101nun49g],
.nav-menu-inner:hover:not(.caret-down) .caret[b-g101nun49g] {
    visibility: visible;
    opacity: .3;
}

.nav-menu-outer.caret-down[b-g101nun49g] {
    background-color: #E8E3FA;
    position: relative;
}

    .nav-menu-outer.caret-down[b-g101nun49g]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background-color: #321D89;
    }

.popup-menu[b-g101nun49g] {
    position: fixed;
    width: 260px;
    background: #fafafa;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    box-shadow: none;
    padding: 0;
    z-index: 999999;
    border-radius: 0;
    display: none;
}

    .popup-menu.show[b-g101nun49g] {
        display: block;
    }

.popup-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-level-item[b-g101nun49g] {
    position: relative;
}

.popup-item[b-g101nun49g] {
    min-height: 40px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: #777;
    background: #fafafa;
    border-bottom: 1px solid #f1f1f1;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-arrow[b-g101nun49g] {
    margin-left: 16px;
    font-size: 11px;
    color: #777;
}

.popup-item[b-g101nun49g] {
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
    color: #555;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-level-item[b-g101nun49g] {
    position: relative;
}

.popup-item[b-g101nun49g] {
    min-width: 220px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: #555;
    background: #fff;
}

    .popup-item:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.popup-arrow[b-g101nun49g] {
    margin-left: 16px;
    font-size: 11px;
    color: #777;
}

.popup-submenu[b-g101nun49g] {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
    display: none;
    z-index: 1000000;
}

.popup-level-item:hover > .popup-submenu[b-g101nun49g] {
    display: block;
}

.nested-item[b-g101nun49g] {
    position: relative;
}

    .nested-item.has-flyout[b-g101nun49g] {
        position: relative;
    }

.flyout-caret[b-g101nun49g] {
    position: absolute;
    right: 10px;
    transform: rotate(-90deg);
    visibility: visible;
}

.navbar-shell[b-g101nun49g] {
    position: relative;
    display: block;
    height: 100vh;
    width: 300px;
    min-width: 300px;
    overflow: hidden;
    transition: width 0.28s cubic-bezier(.4,0,.2,1), min-width 0.28s cubic-bezier(.4,0,.2,1);
}

    .navbar-shell.collapsed-shell[b-g101nun49g] {
        width: 50px;
        min-width: 50px;
    }

.side-panel-menu[b-g101nun49g] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 300px;
    width: 260px;
    background: #fdfdfd;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5000;
    box-sizing: border-box;
    transition: transform 0.28s cubic-bezier(.4,0,.2,1), opacity 0.28s ease, visibility 0.28s ease;
    pointer-events: none;
}

    .side-panel-menu.open[b-g101nun49g] {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        pointer-events: auto;
    }

    .side-panel-menu.closed[b-g101nun49g] {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-18px);
        pointer-events: none;
    }

    .side-panel-menu.second-level[b-g101nun49g] {
        left: 560px;
        z-index: 5001;
        transform: translateX(-18px);
    }

        .side-panel-menu.second-level.open[b-g101nun49g] {
            transform: translateX(0);
        }

.navbar-shell.collapsed-shell .side-panel-menu[b-g101nun49g] {
    left: 50px;
}

    .navbar-shell.collapsed-shell .side-panel-menu.second-level[b-g101nun49g] {
        left: 310px;
    }

.side-panel-header[b-g101nun49g],
.side-panel-item[b-g101nun49g] {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.side-panel-menu.closed .side-panel-header[b-g101nun49g],
.side-panel-menu.closed .side-panel-item[b-g101nun49g] {
    opacity: 0;
    transform: translateX(-8px);
}

.side-panel-menu.open .side-panel-header[b-g101nun49g],
.side-panel-menu.open .side-panel-item[b-g101nun49g] {
    opacity: 1;
    transform: translateX(0);
}

.side-panel-header[b-g101nun49g] {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    border-bottom: 1px solid #ececec;
    background: #fdfdfd;
    box-sizing: border-box;
    justify-content: space-between;
}

.side-panel-subheader[b-g101nun49g] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 12px;
    background: #fdfdfd;
    height: 40px;
}

    .side-panel-subheader .panel-toggle-btn[b-g101nun49g] {
        margin-left: 0;
        margin-right: 0;
    }

.panel-toggle-btn[b-g101nun49g] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.panel-toggle-icon[b-g101nun49g] {
    width: 25px;
    height: 25px;
    object-fit: contain;
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.panel-toggle-btn:hover .panel-toggle-icon[b-g101nun49g] {
    opacity: 1;
}

.side-panel-list[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-panel-item[b-g101nun49g] {
    position: relative;
}

.side-panel-link[b-g101nun49g] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    color: #777;
    text-decoration: none;
    cursor: pointer;
    background: #fdfdfd;
    box-sizing: border-box;
    font-size: 12px !important;
}

    .side-panel-link:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.side-panel-arrow[b-g101nun49g] {
    font-size: 18px;
    color: #888;
}

.side-panel-list.grouped[b-g101nun49g] {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.side-panel-group[b-g101nun49g] {
    padding: 0 0 6px 0;
}

.side-panel-group-title[b-g101nun49g] {
    font-size: 13px;
    font-weight: 300;
    color: #331D8A;
    padding: 10px 16px 6px 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

    .side-panel-group-title:hover[b-g101nun49g] {
        background: #E8E3FA;
    }

    .side-panel-group-title .group-caret path[b-g101nun49g] {
        stroke: #6b6780;
    }

    .side-panel-group-title.expanded .group-caret path[b-g101nun49g] {
        stroke: #321D89;
    }

.group-caret[b-g101nun49g] {
    position: static;
    visibility: visible;
    flex-shrink: 0;
}

.group-caret-path[b-g101nun49g] {
    fill: none;
    stroke: #6b6780;
    stroke-width: 3;
}

.side-panel-group-title.expanded .group-caret-path[b-g101nun49g] {
    stroke: #321D89;
}

.side-panel-item[b-g101nun49g] {
    list-style: none;
}

.side-panel-link[b-g101nun49g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px 8px 28px;
    font-size: 13px;
    color: #5d5875;
    text-decoration: none;
    cursor: pointer;
}

    .side-panel-link:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.side-panel-menu.second-level .side-panel-list.grouped[b-g101nun49g] {
    padding-top: 40px;
}

.side-panel-group[b-g101nun49g] {
    padding: 0;
}

    .side-panel-group.expanded[b-g101nun49g] {
        padding-bottom: 6px;
    }

    .side-panel-group.collapsed[b-g101nun49g] {
        padding-bottom: 0;
    }

.side-panel-link-row[b-g101nun49g] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 8px;
    padding-right: 8px;
}

.favorite-star-btn[b-g101nun49g] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.favorite-star-menu[b-g101nun49g] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

    .favorite-star-menu.inactive[b-g101nun49g] {
        opacity: 0;
    }

    .favorite-star-menu.active[b-g101nun49g] {
        opacity: 1;
    }

.side-panel-link-row:hover .favorite-star-menu.inactive[b-g101nun49g] {
    opacity: 0.35;
}

.favorite-star-btn:hover .favorite-star-menu.inactive[b-g101nun49g] {
    opacity: 0.6;
}

.favorite-star-btn:hover .favorite-star-menu[b-g101nun49g] {
    transform: scale(1.08);
}

.favorite-star-icon[b-g101nun49g] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

    .favorite-star-icon.inactive[b-g101nun49g] {
        opacity: 0;
    }

    .favorite-star-icon.active[b-g101nun49g] {
        opacity: 1;
    }

.side-panel-link-row:hover .favorite-star-icon.inactive[b-g101nun49g] {
    opacity: 0.35;
}

.favorite-star-btn:hover .favorite-star-icon.inactive[b-g101nun49g] {
    opacity: 0.6;
}

.favorite-star-btn:hover .favorite-star-icon[b-g101nun49g] {
    transform: scale(1.08);
}

.side-panel-link-row .side-panel-link[b-g101nun49g] {
    flex: 1 1 auto;
    padding-left: 8px;
    padding-right: 8px;
}

.nested .side-panel-link-row[b-g101nun49g] {
    display: flex;
    align-items: center;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
}

    .nested .side-panel-link-row .nav-menu-inner[b-g101nun49g] {
        flex: 1 1 auto;
    }

    .nested .side-panel-link-row .favorite-star-btn[b-g101nun49g] {
        margin-left: 8px;
        flex-shrink: 0;
    }

.menu-disabled-gray[b-g101nun49g] {
    background: #f1f1f1 !important;
    opacity: 0.8;
}

    .menu-disabled-gray:hover[b-g101nun49g] {
        background: #f1f1f1 !important;
    }

    .menu-disabled-gray .menu-text[b-g101nun49g] {
        color: #9a9a9a !important;
    }

    .menu-disabled-gray img[b-g101nun49g] {
        filter: grayscale(100%);
        opacity: 0.7;
    }

    .menu-disabled-gray .caret path[b-g101nun49g] {
        stroke: #b5b5b5 !important;
    }

.collapsed-hover-menu[b-g101nun49g] {
    position: fixed;
    width: 220px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    z-index: 1000000;
    padding: 0;
    border-radius: 2px;
}

.collapsed-hover-level[b-g101nun49g] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collapsed-hover-item[b-g101nun49g] {
    position: relative;
}

.collapsed-hover-row[b-g101nun49g] {
    height: 40px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    white-space: nowrap;
    background: #fff;
}

    .collapsed-hover-row:hover[b-g101nun49g] {
        background: #D3C7FF;
    }

.collapsed-hover-arrow[b-g101nun49g] {
    font-size: 18px;
    color: #777;
    margin-left: 12px;
}

.collapsed-hover-submenu[b-g101nun49g] {
    position: absolute;
    top: 0;
    left: 100%;
    width: 220px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    display: none;
    z-index: 1000001;
}

.collapsed-hover-item.has-children:hover > .collapsed-hover-submenu[b-g101nun49g] {
    display: block;
}

@media (max-width: 1024px) {

    .navbar-shell[b-g101nun49g] {
        width: 250px;
        min-width: 250px;
    }

    .nav-container[b-g101nun49g] {
        width: 250px;
        background-size: 80%;
    }

    .side-panel-menu[b-g101nun49g] {
        left: 250px;
    }

        .side-panel-menu.second-level[b-g101nun49g] {
            left: 510px;
        }

    .logo-area[b-g101nun49g] {
        height: 60px;
        padding: 0 10px;
    }

    .logo-full[b-g101nun49g] {
        height: 24px;
        margin-left: 2px;
    }

    .toggle-icon[b-g101nun49g] {
        width: 45px;
        height: 20px;
    }

    .nav-menu-outer img[b-g101nun49g],
    .nav-menu-inner img[b-g101nun49g] {
        width: 22px;
        height: 22px;
        margin: 0 12px;
    }

    .menu-text[b-g101nun49g] {
        font-size: 12px;
    }

    .nav-menu-outer[b-g101nun49g] {
        height: 42px;
    }

    .nav-menu-inner[b-g101nun49g] {
        height: 36px;
    }

    .nested .menu-text[b-g101nun49g] {
        margin-left: 20px !important;
    }

    .has-flyout .nav-menu-inner .menu-text[b-g101nun49g] {
        margin-left: 52px !important;
    }
}

@media (max-width: 768px) {

    .logo-area[b-g101nun49g] {
        height: 58px;
        padding: 0 8px;
    }
}

@media (max-width: 480px) {

    .logo-area[b-g101nun49g] {
        height: 55px;
    }
}
/* _content/NextERP/Components/Layout/TabView.razor.rz.scp.css */
.tab-container[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
}

.tab-headers[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: calc(100% - 85px);
    height: 30px;
    margin-left: -1px;
}

.tab-header[b-2qcq3slw1f] {
    border-left: 1px solid var(--base-separator-color);
    align-content: center;
    cursor: pointer;
    text-wrap: nowrap;
}

    .tab-header.selected span[b-2qcq3slw1f] {
        color: var(--base-foreground-focused);
    }

    .tab-header.selected[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .tab-header.selected .btn-hdr-pin[b-2qcq3slw1f],
        .tab-header.selected .btn-hdr-close[b-2qcq3slw1f],
        .tab-header:hover .btn-hdr-pin[b-2qcq3slw1f],
        .tab-header:hover .btn-hdr-close[b-2qcq3slw1f] {
            visibility: visible;
        }

.btn-caption[b-2qcq3slw1f] {
    display: inline-grid;
    grid-template-columns: 1fr;
    align-content: center;
    height: 30px;
    background: none;
    border: none;
    outline: none;
    color: var(--base-foreground);
}

    .btn-caption span[b-2qcq3slw1f] {
        grid-area: 1 / 1;
        margin: 0 5px 0 10px;
    }

.btn-hdr-pin[b-2qcq3slw1f],
.btn-hdr-close[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    visibility: hidden;
    opacity: 0.7;
    margin: 0;
    padding: 3px;
}

.btn-hdr-close[b-2qcq3slw1f] {
    margin-right: 3px;
}

    .btn-hdr-pin:hover[b-2qcq3slw1f],
    .btn-hdr-close:hover[b-2qcq3slw1f] {
        opacity: 1;
    }

    .btn-hdr-pin img[b-2qcq3slw1f],
    .btn-hdr-close img[b-2qcq3slw1f] {
        height: 12px;
    }

.scroll-controls[b-2qcq3slw1f] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.scroll-btn[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    margin: 2.5px 0;
}

    .scroll-btn:hover[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .scroll-btn:hover path[b-2qcq3slw1f] {
            fill: #777;
        }

    .scroll-btn path[b-2qcq3slw1f] {
        fill: #aeaeae;
    }

.dropdown-body[b-2qcq3slw1f] {
    position: absolute;
    top: 100%;
    right: 0px;
    width: 300px;
    max-height: calc(100vh - 100px);
    min-height: 61px;
    overflow: auto;
    z-index: 999999;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}

    .dropdown-body button[b-2qcq3slw1f] {
        background: none;
        border: none;
        outline: none;
    }

.tab-header-overflown[b-2qcq3slw1f] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

    .tab-header-overflown.selected[b-2qcq3slw1f] {
        background: var(--base-background-focused);
    }

        .tab-header-overflown.selected span[b-2qcq3slw1f] {
            font-weight: bold;
            color: var(--base-foreground-focused);
        }

    .tab-header-overflown:hover .btn-hdr-close-overflown[b-2qcq3slw1f] {
        visibility: visible;
    }

.btn-caption-overflown[b-2qcq3slw1f] {
    text-wrap: nowrap;
    padding: 7px;
    padding-left: 14px;
    margin: 0;
    width: 100%;
    height: unset;
    text-align: left;
    color: var(--base-foreground);
}

.btn-hdr-close-overflown[b-2qcq3slw1f] {
    background: none;
    border: none;
    outline: none;
    visibility: hidden;
}

    .btn-hdr-close-overflown img[b-2qcq3slw1f] {
        height: 12px;
    }

.btn-hdr-pin[b-2qcq3slw1f] {
    display: none;
}
/* _content/NextERP/Components/Layout/Toolbar.razor.rz.scp.css */
.toolbar-container[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 20px;
    gap: 15px;
    background-color: #ffffff;
}

.tabview[b-wk6dd3gjm8] {
    flex: 1;
    overflow: hidden;
    height: calc(100vh - 40px);
    margin-top: 40px;
    margin-bottom: auto;
}

.right-tools[b-wk6dd3gjm8] {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 16px;
}

.searchbox[b-wk6dd3gjm8] {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    background-image: url('images/search.png');
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 16px 16px;
}

    .searchbox input[type=search][b-wk6dd3gjm8] {
        font-size: 12px;
        color: #5d5d5d;
        width: 30px;
        height: 30px;
        border: 1px solid #aeaeae;
        background: transparent;
        outline: none;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        .searchbox input[type=search]:focus[b-wk6dd3gjm8],
        .searchbox input[type=search]:not(:placeholder-shown)[b-wk6dd3gjm8] {
            width: 300px;
            padding: 0 8px 0 37px;
            opacity: 1;
            cursor: auto;
        }

        .searchbox input[type=search][b-wk6dd3gjm8]::-webkit-search-cancel-button {
            -webkit-appearance: none;
            appearance: none;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTIzLjA1cHgiIGhlaWdodD0iMTIzLjA1cHgiIHZpZXdCb3g9IjAgMCAxMjMuMDUgMTIzLjA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjMuMDUgMTIzLjA1OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTIxLjMyNSwxMC45MjVsLTguNS04LjM5OWMtMi4zLTIuMy02LjEtMi4zLTguNSwwbC00Mi40LDQyLjM5OUwxOC43MjYsMS43MjZjLTIuMzAxLTIuMzAxLTYuMTAxLTIuMzAxLTguNSwwbC04LjUsOC41CgkJYy0yLjMwMSwyLjMtMi4zMDEsNi4xLDAsOC41bDQzLjEsNDMuMWwtNDIuMyw0Mi41Yy0yLjMsMi4zLTIuMyw2LjEsMCw4LjVsOC41LDguNWMyLjMsMi4zLDYuMSwyLjMsOC41LDBsNDIuMzk5LTQyLjRsNDIuNCw0Mi40CgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIgZmlsbD0iIzVkNWQ1ZCIvPgo8L2c+Cjwvc3ZnPgo=);
            background-size: 10px 10px;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            cursor: pointer;
        }

.search-area[b-wk6dd3gjm8] {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: white;
    border: 1px solid #eaeaea;
    z-index: 1999;
}

.search-item[b-wk6dd3gjm8] {
    font-size: 11px;
    color: #5d5d5d;
    display: flex;
    gap: 10px;
    margin: 10px 20px;
    cursor: pointer;
}

    .search-item .menu-id[b-wk6dd3gjm8] {
        width: 50px;
    }

    .search-item .caption[b-wk6dd3gjm8] {
        flex: 1;
    }

.tool-item[b-wk6dd3gjm8] {
    align-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.icon-menu-outer[b-wk6dd3gjm8] {
    display: none;
    justify-content: center;
    align-items: center;
}

.icon-menu[b-wk6dd3gjm8] {
    width: 22px;
    height: 22px;
}

.icon-bell[b-wk6dd3gjm8] {
    width: 22px;
    height: 22px;
}

.icon-copilot[b-wk6dd3gjm8] {
    width: 20px;
    height: 17px;
}

.icon-help[b-wk6dd3gjm8] {
    width: 20px;
    height: 20px;
}

.icon-settings[b-wk6dd3gjm8] {
    width: 20px;
    height: 20px;
}

.icon-user[b-wk6dd3gjm8] {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
    border-radius: 50%;
}

.icon-download[b-wk6dd3gjm8] {
    width: 16px;
    height: 18px;
    cursor: pointer;
}

.download-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.download-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 999999;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

.download-menu-header[b-wk6dd3gjm8] {
    margin: 20px 20px 15px 20px;
    border-bottom: solid 1px #5b41b4;
}

    .download-menu-header span[b-wk6dd3gjm8] {
        font-size: 15px;
        font-weight: 500;
        color: #5b41b4;
    }

.download-menu-body[b-wk6dd3gjm8] {
    margin: 0 20px;
}

    .download-menu-body span[b-wk6dd3gjm8] {
        font-size: 13px;
        font-weight: 500;
        color: #5b41b4;
    }

.download-links[b-wk6dd3gjm8] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0 20px 0;
}

    .download-links a[b-wk6dd3gjm8] {
        width: 125px;
        height: 40px;
        background-size: 125px 40px;
        background-repeat: no-repeat;
        background-position: center;
    }

.download-links-windows-store[b-wk6dd3gjm8] {
    background-image: url('images/download_windows_store.png');
}

    .download-links-windows-store:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_windows_store_selected.png');
    }

.download-links-app-store[b-wk6dd3gjm8] {
    background-image: url('images/download_app_store.png');
}

    .download-links-app-store:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_app_store_selected.png');
    }

.download-links-google-play[b-wk6dd3gjm8] {
    background-image: url('images/download_google_play.png');
}

    .download-links-google-play:hover[b-wk6dd3gjm8] {
        background-image: url('images/download_google_play_selected.png');
    }

.download-menu-footer[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    background-color: #F8F8F8;
    padding: 5px 20px;
}

    .download-menu-footer span[b-wk6dd3gjm8] {
        flex: 1;
        font-size: 13px;
        color: #9ca3af;
    }

.download-qrcode[b-wk6dd3gjm8] {
    height: 96px;
}

.user-menu-wrapper[b-wk6dd3gjm8] {
    position: relative;
    display: flex;
    align-items: center;
}

.profile-menu[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 21px);
    right: -20px;
    width: 267px;
    z-index: 999999;
    background: #fff;
    border-radius: 0 0 0 8px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    overflow: visible;
    font-family: 'Roboto', sans-serif;
}

.profile-header[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    height: 77px;
    padding: 0 6px;
    margin: 0 10px 5px 10px;
    background-color: #F8F8F8;
    gap: 12px;
}

.profile-avatar[b-wk6dd3gjm8] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}

    .profile-avatar img[b-wk6dd3gjm8] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.profile-name[b-wk6dd3gjm8] {
    font-size: 14px;
    font-weight: 500;
}

.profile-email[b-wk6dd3gjm8] {
    font-size: 11px;
    color: #6a6a6a;
}

.profile-item[b-wk6dd3gjm8] {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    border: none;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
}

    .profile-item:hover[b-wk6dd3gjm8] {
        background: #f5f5f5;
    }

        .profile-item:hover .item-icon[b-wk6dd3gjm8] {
            opacity: 1;
        }

    .profile-item .item-icon[b-wk6dd3gjm8] {
        width: 18px;
        height: 18px;
        opacity: 0.75;
    }

.profile-company[b-wk6dd3gjm8] {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 16px;
}

.anydesk-item[b-wk6dd3gjm8] {
    text-decoration: none !important;
    color: ButtonText !important;
}

    .anydesk-item .item-icon[b-wk6dd3gjm8] {
        width: 18px;
        height: 13px;
        object-fit: contain;
    }

.logout[b-wk6dd3gjm8] {
    color: #E11D48;
    font-weight: 500;
    border-radius: 0 0 0 8px;
    padding-bottom: 8px;
}

    .logout .item-icon[b-wk6dd3gjm8] {
        width: 15px;
        height: 15px;
    }

.language-collapse[b-wk6dd3gjm8] {
    width: 100%;
    background: #fafafa;
    border-top: 1px solid #eee;
    padding: 10px 16px;
    animation: expandMenu-b-wk6dd3gjm8 0.2s ease-out;
}

@keyframes expandMenu-b-wk6dd3gjm8 {
    from {
        opacity: 0;
        max-height: 0;
        transform: scaleY(0.9);
    }

    to {
        opacity: 1;
        max-height: 200px;
        transform: scaleY(1);
    }
}

.lang-code-box[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #434343;
    margin-right: 1px;
    padding-top: 1px;
}

.period-popup[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    min-width: 220px;
    z-index: 9999;
    overflow: hidden;
    animation: fadeInDown-b-wk6dd3gjm8 0.15s ease;
}

.period-popup-header[b-wk6dd3gjm8] {
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #f3f4f6;
}

.period-popup-item[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.1s;
    font-size: 13px;
    color: #374151;
}

    .period-popup-item:hover[b-wk6dd3gjm8] {
        background: #f9fafb;
    }

    .period-popup-item.active[b-wk6dd3gjm8] {
        background: #eef2ff;
        color: #4f46e5;
        font-weight: 600;
    }

.period-year[b-wk6dd3gjm8] {
    font-weight: 500;
}

.period-num[b-wk6dd3gjm8] {
    color: #6b7280;
    font-size: 12px;
}

.period-popup-item.active .period-num[b-wk6dd3gjm8] {
    color: #818cf8;
}

.period-tag[b-wk6dd3gjm8] {
    margin-left: auto;
    font-size: 10px;
    background: #5B41B4;
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
}

@keyframes fadeInDown-b-wk6dd3gjm8 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.period-badge[b-wk6dd3gjm8] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
    color: #5B41B4;
    white-space: nowrap;
    font-weight: 500;
}

    .period-badge:hover[b-wk6dd3gjm8] {
        background: #f3f0ff;
        border-radius: 6px;
    }

.icon-calendar[b-wk6dd3gjm8] {
    width: 15px;
    height: 17px;
    object-fit: contain;
}

.period-table[b-wk6dd3gjm8] {
    width: 100%;
    border-collapse: collapse;
}

    .period-table thead tr[b-wk6dd3gjm8] {
        border-bottom: 0.5px solid #e5e7eb;
        background: #f9fafb;
    }

    .period-table thead th[b-wk6dd3gjm8] {
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 500;
        color: #9ca3af;
        text-align: left;
    }

    .period-table tbody tr[b-wk6dd3gjm8] {
        border-bottom: 0.5px solid #f3f4f6;
        cursor: pointer;
        transition: background 0.1s;
    }

        .period-table tbody tr:hover[b-wk6dd3gjm8] {
            background: #f9fafb;
        }

        .period-table tbody tr.active[b-wk6dd3gjm8] {
            background: #eef2ff;
            color: #4f46e5;
            font-weight: 600;
        }

    .period-table tbody td[b-wk6dd3gjm8] {
        padding: 9px 12px;
        font-size: 13px;
    }

.td-center[b-wk6dd3gjm8] {
    text-align: center;
}

.toggle[b-wk6dd3gjm8] {
    width: 32px;
    height: 18px;
    border-radius: 9px;
    display: inline-block;
    position: relative;
}

    .toggle.on[b-wk6dd3gjm8] {
        background: #5B41B4;
    }

    .toggle.off[b-wk6dd3gjm8] {
        background: #d1d5db;
    }

    .toggle[b-wk6dd3gjm8]::after {
        content: '';
        position: absolute;
        top: 2px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: white;
    }

    .toggle.on[b-wk6dd3gjm8]::after {
        left: 16px;
    }

    .toggle.off[b-wk6dd3gjm8]::after {
        left: 2px;
    }

.period-tag-active[b-wk6dd3gjm8] {
    background: #5B41B4;
    color: white;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 7px;
}

.period-tag-closed[b-wk6dd3gjm8] {
    background: #e5e7eb;
    color: #6b7280;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 7px;
}

.period-popup-anchor[b-wk6dd3gjm8] {
    position: relative;
}

.period-dropdown-panel[b-wk6dd3gjm8] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: clamp(320px, 42vw, 520px);
    max-width: calc(100vw - 32px);
    min-width: 280px;
    background: transparent;
    z-index: 99999;
    overflow: visible;
}

    .period-dropdown-panel .page-container[b-wk6dd3gjm8],
    .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        box-shadow: 0 10px 24px rgba(0,0,0,0.10);
        border-radius: 8px;
    }

@media (max-width: 1024px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 60px;
        padding: 0 15px;
        gap: 10px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 30px);
        margin-top: 30px;
    }

    .right-tools[b-wk6dd3gjm8] {
        gap: 10px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 26px;
        height: 26px;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        width: min(460px, calc(100vw - 24px));
        right: 0;
    }
}

@media (max-width: 768px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 58px;
        padding: 0 12px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 28px);
        margin-top: 28px;
    }

    .icon-menu-outer[b-wk6dd3gjm8] {
        display: flex;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 26px !important;
        height: 26px !important;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 240px;
        right: -10px;
    }

    .period-popup-anchor[b-wk6dd3gjm8] {
        position: static;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        position: fixed;
        top: 70px;
        right: 12px;
        left: 12px;
        width: auto;
        min-width: 0;
        max-width: none;
    }

        .period-dropdown-panel .page-container[b-wk6dd3gjm8],
        .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
            max-height: calc(100vh - 90px);
            overflow: auto !important;
        }
}

@media (max-width: 480px) {

    .toolbar-container[b-wk6dd3gjm8] {
        height: 55px;
        padding: 0 10px;
    }

    .tabview[b-wk6dd3gjm8] {
        height: calc(100vh - 25px);
        margin-top: 25px;
    }

    .right-tools[b-wk6dd3gjm8] {
        gap: 8px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 24px;
        height: 24px;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 220px;
        right: -30px;
    }

    .profile-header[b-wk6dd3gjm8] {
        height: 70px;
    }

    .profile-item[b-wk6dd3gjm8] {
        height: 32px;
        font-size: 12px;
    }

    .language-collapse[b-wk6dd3gjm8] {
        padding: 6px 14px;
    }

    .period-badge[b-wk6dd3gjm8] {
        font-size: 14px !important;
        gap: 6px !important;
    }

    .icon-calendar[b-wk6dd3gjm8] {
        width: 13px !important;
        height: 15px !important;
    }

    .period-popup[b-wk6dd3gjm8] {
        min-width: 180px;
    }

    .period-dropdown-panel[b-wk6dd3gjm8] {
        top: 62px;
        right: 8px;
        left: 8px;
    }

        .period-dropdown-panel .page-container[b-wk6dd3gjm8],
        .period-dropdown-panel .period-page-container[b-wk6dd3gjm8] {
            padding: 0 6px;
            border-radius: 6px;
        }
}

@media (max-width: 375px) {

    .right-tools[b-wk6dd3gjm8] {
        gap: 6px;
    }

    .icon-user[b-wk6dd3gjm8] {
        width: 22px;
        height: 22px;
    }

    .profile-menu[b-wk6dd3gjm8] {
        width: 200px;
        right: -20px;
    }

    .period-badge[b-wk6dd3gjm8] {
        font-size: 13px !important;
        gap: 4px !important;
    }

    .icon-calendar[b-wk6dd3gjm8] {
        width: 12px !important;
        height: 14px !important;
    }
}
/* _content/NextERP/Components/Pages/Home.razor.rz.scp.css */
/*.outer-menu-container {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    height: 100%;
    padding: 19px;
    align-content: start;
}

.outer-menu {
    display: inline-block;
    margin: 19px;
}

    .outer-menu > div {
        position: relative;
        width: 252px;
        height: 196px;
        border: 1px solid #eaeaea;
        background-color: transparent;
    }

    .outer-menu img {
        position: absolute;
        top: 0;
        right: 0;
        margin: 30px;
        width: 50px;
        object-fit: scale-down;
    }

    .outer-menu p {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0 45px 30px 35px;
        padding: 0;
        font-size: 0.9em;
        font-weight: 600;
        text-align: left;
        color: #777;
    }
*/
/* _content/NextERP/Components/Pages/IN/ExcelImportModal.razor.rz.scp.css */
.import-modal[b-5jkxhzpm61] {
    width: 100%;
    height: 100%;
    padding: 14px 16px 12px 16px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    color: #5d5d5d;
    background: var(--base-background, #fafafe);
    box-sizing: border-box;
}

.import-header[b-5jkxhzpm61] {
    height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--base-separator-color, #ececf3);
    margin-bottom: 12px;
}

.import-title[b-5jkxhzpm61] {
    font-size: 12px;
    font-weight: 600;
    color: #5a41b4;
    line-height: 1.2;
}

.template-link[b-5jkxhzpm61] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 11px;
    color: #5a41b4;
    text-decoration: none;
    cursor: pointer;
}

    .template-link:hover[b-5jkxhzpm61] {
        background: var(--base-background-focused, #f0ecff);
        text-decoration: none;
    }

.import-upload-box[b-5jkxhzpm61] {
    width: 100%;
    min-height: 126px;
    border: 1px dashed #c9bdf0;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 14px;
    box-sizing: border-box;
    transition: all .15s ease-in-out;
}

    .import-upload-box:hover[b-5jkxhzpm61] {
        border-color: #5a41b4;
        background: #fbf9ff;
    }

.import-upload-content[b-5jkxhzpm61] {
    text-align: center;
    color: #7b6ab8;
}

.upload-icon[b-5jkxhzpm61] {
    width: 36px;
    height: 36px;
    margin: 0 auto 8px auto;
    border-radius: 8px;
    background: #f2edff;
    color: #5a41b4;
    font-size: 24px;
    line-height: 36px;
}

.upload-text[b-5jkxhzpm61] {
    font-size: 11px;
    color: #5d5d5d;
}

.selected-file[b-5jkxhzpm61] {
    margin-top: 8px;
    font-size: 11px;
    color: #5a41b4;
    word-break: break-all;
    max-width: 420px;
}

.import-footer[b-5jkxhzpm61] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding-top: 10px;
    border-top: 1px solid var(--base-separator-color, #ececf3);
}

.btn-cancel[b-5jkxhzpm61],
.btn-save[b-5jkxhzpm61] {
    min-width: 78px;
    height: 30px;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    padding: 0 12px;
}

.btn-cancel[b-5jkxhzpm61] {
    background: #fff;
    color: #5d5d5d;
    border: 1px solid #d8d3e8;
}

.btn-save[b-5jkxhzpm61] {
    background: #5a41b4;
    color: #fff;
    border: 1px solid #5a41b4;
}

.btn-cancel:hover[b-5jkxhzpm61] {
    background: #f7f5ff;
}

.btn-save:hover[b-5jkxhzpm61] {
    background: #4d35a5;
    border-color: #4d35a5;
}
/* _content/NextERP/Components/Pages/IN/ItemSiteDynamicPivot.razor.rz.scp.css */
.page-container[b-e45eqh96cf] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0 10px;
    overflow: hidden;
    background-color: var(--base-background);
}

.grid-container[b-e45eqh96cf] {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.grid[b-e45eqh96cf] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    margin: 25px 0 10px 0;
}

.itemsite-pivot-page[b-e45eqh96cf] {
    min-width: 0;
    min-height: 0;
    background-color: var(--base-background);
}

.itemsite-pivot-grid-container[b-e45eqh96cf] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.itemsite-pivot-grid-wrapper[b-e45eqh96cf] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: calc(100vh - 235px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background-color: var(--base-background);
}

.itemsite-pivot-scroll[b-e45eqh96cf] {
    display: block !important;
    flex: 1 1 auto !important;
    width: calc(100vw - 310px) !important;
    max-width: calc(100vw - 310px) !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.itemsite-pivot-inner[b-e45eqh96cf] {
    display: inline-block !important;
    width: fit-content !important;
    min-width: 100% !important;
    max-width: none !important;
    min-height: max-content !important;
    background-color: var(--base-background);
}

.itemsite-pivot-loading[b-e45eqh96cf] {
    height: 180px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-background);
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table table {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table thead,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tfoot {
        background-color: var(--base-background) !important;
    }

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table th {
        height: 30.5px !important;
        min-height: 30.5px !important;
        max-height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-family: Roboto !important;
        font-weight: normal !important;
        color: #a7a7a8 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.itemsite-pivot-page[b-e45eqh96cf]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody tr {
    height: 30.5px !important;
    min-height: 30.5px !important;
    max-height: 30.5px !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody td {
    height: 30.5px !important;
    min-height: 30.5px !important;
    max-height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody td > div,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody td > span,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody td span,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.itemsite-pivot-page[b-e45eqh96cf]  .pivot-value {
    display: block;
    width: 100%;
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

    .itemsite-pivot-page[b-e45eqh96cf]  .pivot-value.money {
        color: #424242 !important;
    }

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody tr:hover td,
.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody tr.pivot-row-hovered td,
.itemsite-pivot-page[b-e45eqh96cf]  .pivot-row-clickable:hover td {
    background-color: var(--base-background-focused) !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table tbody tr:last-child td {
    height: 30.5px !important;
    min-height: 30.5px !important;
    max-height: 30.5px !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 600 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    vertical-align: middle !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table td:first-child,
.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table .dxbl-pivot-table-expand-button {
    font-weight: 400 !important;
    color: #424242 !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table .dxbl-btn,
.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table .dxbl-btn:hover,
    .itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table svg,
.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .pivot-row-toggle-btn,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button button,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button .dxbl-btn,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button svg {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .pivot-row-toggle-cell {
    cursor: pointer !important;
    padding-left: 10px !important;
}

.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:hover,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:focus,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:focus-visible,
.itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:active {
    height: 24px !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button::before,
    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button::after,
    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:hover::before,
    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:hover::after,
    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:focus::before,
    .itemsite-pivot-page[b-e45eqh96cf]  .dxbl-pivot-table-expand-button:focus::after {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table .dxbl-scroll-viewer,
.itemsite-pivot-page[b-e45eqh96cf]  .itemsite-pivot-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}
/* _content/NextERP/Components/Pages/IN/PeriodForm.razor.rz.scp.css */
.period-page-container[b-bze2i8okzc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: visible !important;
    background-color: var(--base-background);
    border: 1px solid #e9e3f7;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.period-page-header[b-bze2i8okzc] {
    flex: 0 0 auto;
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background-color: var(--base-background);
}

.period-page-body[b-bze2i8okzc] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

.period-section-header[b-bze2i8okzc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #5a41b4;
    height: 30px;
    margin-top: 0 !important;
}

    .period-section-header span[b-bze2i8okzc] {
        font-size: 12px;
        font-weight: 500;
        color: #5a41b4;
        margin: auto 0;
    }

.period-header-right[b-bze2i8okzc] {
    color: #b7b0c9 !important;
    font-weight: 400 !important;
}

.period-form[b-bze2i8okzc] {
    margin-top: 10px;
}

.period-form-row[b-bze2i8okzc] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 32px;
    gap: 6px;
}

    .period-form-row label[b-bze2i8okzc] {
        font-size: 12px;
        color: #7a7a7a;
        line-height: 1;
        white-space: nowrap;
        margin: 0;
    }

.period-dots[b-bze2i8okzc] {
    flex: 1 1 auto;
    height: 0;
    border-bottom: 1px dotted #bdbdbd;
    margin: 0 4px 0 2px;
    transform: translateY(1px);
}

.period-year-combo[b-bze2i8okzc] {
    width: 200px;
    min-width: 200px;
}

.period-grid-wrapper[b-bze2i8okzc] {
    margin: 18px 0 0 0 !important;
}

    .period-grid-wrapper .page-header[b-bze2i8okzc],
    .period-grid-wrapper .horizontal-separator[b-bze2i8okzc] {
        display: none !important;
    }

    .period-grid-wrapper .page-container[b-bze2i8okzc] {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    .period-grid-wrapper .page-body[b-bze2i8okzc] {
        display: block !important;
    }

    .period-grid-wrapper .section-main[b-bze2i8okzc],
    .period-grid-wrapper .section-main-only[b-bze2i8okzc] {
        width: 100% !important;
    }

    .period-grid-wrapper .grid[b-bze2i8okzc] {
        margin: 0 !important;
        height: var(--period-grid-height, 260px) !important;
        width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    .period-grid-wrapper tfoot[b-bze2i8okzc],
    .period-grid-wrapper .dxbl-grid-footer-row[b-bze2i8okzc],
    .period-grid-wrapper .dxbl-grid .dxbl-grid-footer-row[b-bze2i8okzc],
    .period-grid-wrapper .dxbl-a11y-status-helper[b-bze2i8okzc],
    .period-grid-wrapper .vertical-separator[b-bze2i8okzc],
    .period-grid-wrapper .section-attachments[b-bze2i8okzc] {
        display: none !important;
    }

.period-actions[b-bze2i8okzc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    margin-top: 14px;
    margin-bottom: 14px;
}

    .period-actions[b-bze2i8okzc]  .dxbl-btn {
        width: 100%;
        justify-content: flex-start;
        font-size: 12px;
        min-height: 30px;
        border-radius: 4px;
        transition: all 0.15s ease;
    }

    .period-actions[b-bze2i8okzc]  .period-action-btn {
        background: #ffffff;
        border: 1px solid #e3e0ef;
        color: #7a7a7a;
    }

        .period-actions[b-bze2i8okzc]  .period-action-btn:hover,
        .period-actions[b-bze2i8okzc]  .period-action-btn:focus,
        .period-actions[b-bze2i8okzc]  .period-action-btn.dx-state-hover,
        .period-actions[b-bze2i8okzc]  .period-action-btn.dx-state-focused {
            background: #efe9ff;
            border-color: #8d6ce3;
            color: #5a41b4;
        }

        .period-actions[b-bze2i8okzc]  .period-action-btn:active,
        .period-actions[b-bze2i8okzc]  .period-action-btn.dx-state-active {
            background: #e4d8ff;
            border-color: #7a57db;
            color: #4f38aa;
        }

        .period-actions[b-bze2i8okzc]  .period-action-btn.primary {
            background: #efe9ff;
            border: 1px solid #8d6ce3;
            color: #5a41b4;
        }

            .period-actions[b-bze2i8okzc]  .period-action-btn.primary:hover,
            .period-actions[b-bze2i8okzc]  .period-action-btn.primary:focus,
            .period-actions[b-bze2i8okzc]  .period-action-btn.primary.dx-state-hover,
            .period-actions[b-bze2i8okzc]  .period-action-btn.primary.dx-state-focused {
                background: #e7dcff;
                border-color: #7f5fe0;
                color: #4f38aa;
            }

.period-form[b-bze2i8okzc] {
    margin-top: 10px;
}

.period-form-row[b-bze2i8okzc] {
    display: grid;
    grid-template-columns: auto 1fr 170px;
    align-items: center;
    column-gap: 8px;
    min-height: 32px;
    width: 100%;
}

    .period-form-row label[b-bze2i8okzc] {
        font-size: 12px;
        color: #8a8a8a;
        line-height: 1;
        white-space: nowrap;
        margin: 0;
    }

.period-dots[b-bze2i8okzc] {
    height: 0;
    border-bottom: 1px dotted #c6c6c6;
    transform: translateY(1px);
}

.period-year-combo[b-bze2i8okzc] {
    width: 170px;
    min-width: 170px;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-text-edit {
    min-height: 26px;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo input,
.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-text-edit-input {
    font-size: 12px !important;
    color: #5f5f5f !important;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-edit-btn-dropdown {
    border-left: 1px solid #ece8f7 !important;
}

.period-form-row[b-bze2i8okzc]  .period-year-combo .dxbl-btn {
    color: #8a72d8 !important;
}
/* _content/NextERP/Components/Pages/Login.razor.rz.scp.css */
.login-page[b-wfa0deg2lt] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("/images/Next_BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.show-company-selection[b-wfa0deg2lt],
.show-login-form[b-wfa0deg2lt] {
    display: flex;
    flex-direction: row;
    width: 400px;
    overflow: clip;
}

    .show-company-selection .login-container[b-wfa0deg2lt] {
        margin-left: -400px;
    }

    .show-company-selection .company-selection[b-wfa0deg2lt] {
        margin-left: 0;
    }

.login-container[b-wfa0deg2lt],
.company-selection[b-wfa0deg2lt] {
    flex-shrink: 0;
    text-align: center;
    background: transparent;
    width: 400px;
    transition: all 0.2s linear;
}

.company-selection[b-wfa0deg2lt] {
    position: relative;
}

.logo[b-wfa0deg2lt] {
    width: 270px;
    margin: auto;
}

h2[b-wfa0deg2lt] {
    color: #333;
    font-weight: 200;
    font-size: 36px;
}

.login-container form[b-wfa0deg2lt] {
    display: flex;
    flex-direction: column;
    margin-top: 37px;
}

.input[b-wfa0deg2lt] {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px !important;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1em;
    outline: none;
    transition: border-color 0.2s ease;
}

    .input:focus[b-wfa0deg2lt] {
        border-color: #8a2be2;
    }

    .input[id="username"][b-wfa0deg2lt] {
        margin-bottom: 16px;
    }

    .input[id="password"][b-wfa0deg2lt] {
        background-image: url("/images/lock.png");
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: 10px center;
        padding-left: 30px;
    }

.password-container[b-wfa0deg2lt] {
    position: relative;
    margin-bottom: 16px;
}

.btn-password-toggle[b-wfa0deg2lt] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: none;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13px 13px;
    width: 21px;
    outline: none;
    border: none;
}

.btn-login[b-wfa0deg2lt] {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg, #7B2FFF, #B34DFF);
    color: white;
    font-weight: 600;
    font-size: 1em;
    cursor: pointer;
    transition: opacity 0.2s ease;
    font-size: 14px;
}

    .btn-login:hover[b-wfa0deg2lt] {
        opacity: 0.9;
    }

.forgot[b-wfa0deg2lt] {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #555;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .forgot[b-wfa0deg2lt]::before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url("/images/unlock.png");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 6px;
        vertical-align: middle;
    }

.register[b-wfa0deg2lt] {
    display: block;
    margin-top: 20px;
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

    .register[b-wfa0deg2lt]::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url("/images/register.png");
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 8px;
        vertical-align: middle;
    }

.register-link[b-wfa0deg2lt] {
    display: block;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s ease;
}

    .register-link:hover[b-wfa0deg2lt] {
        opacity: .9;
    }

.footer[b-wfa0deg2lt] {
    position: absolute;
    margin-inline: auto;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    gap: 15px;
}

    .footer img[b-wfa0deg2lt] {
        width: 20px;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.2s ease;
    }

        .footer img:hover[b-wfa0deg2lt] {
            opacity: 1;
        }

.language-top-right[b-wfa0deg2lt] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

.company-list[b-wfa0deg2lt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 252px;
    margin-top: 37px;
    overflow-x: hidden;
    overflow-y: auto;
}

.company[b-wfa0deg2lt] {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 5px 8px;
    border: 1px solid var(--base-separator-color);
    border-radius: 10px;
    cursor: pointer;
}

    .company:hover[b-wfa0deg2lt] {
        background-color: var(--base-background-focused);
    }

        .company:hover .default-logo[b-wfa0deg2lt] {
            background-image: url('/images/image-preview-outline.png');
        }

        .company:hover span[b-wfa0deg2lt] {
            color: var(--base-foreground-focused);
        }

    .company .default-logo[b-wfa0deg2lt] {
        background-image: url('/images/image-preview-gray.png');
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
    }

    .company img[b-wfa0deg2lt] {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .company span[b-wfa0deg2lt] {
        font-size: 13px;
        color: var(--base-foreground);
        margin-left: 10px;
    }

.btn-return[b-wfa0deg2lt] {
    position: absolute;
    left: 0;
    margin-top: 20px;
    background: var(--base-separator-color);
    border: none;
    border-radius: 5px;
    outline: none;
}

    .btn-return img[b-wfa0deg2lt] {
        height: 30px;
        transform: rotate(90deg);
        margin-left: -5px;
    }

    .btn-return span[b-wfa0deg2lt] {
        font-size: 13px;
        margin-right: 5px;
    }
/* _content/NextERP/Components/Pages/PS/PosAnalyticsReport.razor.rz.scp.css */
/* Аналитик pivot — "Барааны үлдэгдэл → Динамик"-тэй ижил хавтгай загвар (ItemSiteDynamicPivot.razor.css-ээс) */
.psr-an-pivot-page[b-f28uxuf39z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--base-background);
}

.psr-an-scroll[b-f28uxuf39z] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background-color: var(--base-background);
    scrollbar-color: #636363 var(--base-background);
}

.psr-an-inner[b-f28uxuf39z] {
    display: inline-block;
    width: fit-content;
    min-width: 100%;
    max-width: none;
    min-height: max-content;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Roboto;
    color: #424242;
    background-color: var(--base-background) !important;
    --dxbl-grid-bg: var(--base-background);
    --dxbl-pivot-table-bg: var(--base-background);
    --dxbl-pivot-table-border-color: #d2d2d2;
    --dxbl-pivot-table-header-bg: var(--base-background);
    --dxbl-pivot-table-cell-bg: var(--base-background);
    --dxbl-pivot-table-total-bg: var(--base-background);
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table * {
        box-sizing: border-box;
        font-family: Roboto;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table table {
        width: auto !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table thead,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tfoot {
        background-color: var(--base-background) !important;
    }

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table th {
        height: 30.5px !important;
        line-height: normal !important;
        padding: 2.75px 10px !important;
        font-size: 11px !important;
        font-family: Roboto !important;
        font-weight: normal !important;
        color: #a7a7a8 !important;
        background-color: var(--base-background) !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 2px solid #d2d2d2 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td {
    height: 30.5px !important;
    line-height: normal !important;
    padding: 2.75px 10px !important;
    font-size: 12px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: #424242 !important;
    background-color: var(--base-background) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #d2d2d2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td > div,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td > span,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td span,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody td div {
        background-color: transparent !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  .pivot-value {
    display: block;
    width: 100%;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #424242 !important;
    background-color: transparent !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody tr:hover td {
    background-color: var(--base-background-focused) !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table tbody tr:last-child td {
    font-weight: 600 !important;
    border-top: 2px solid #d2d2d2 !important;
    border-bottom: none !important;
    background-color: var(--base-background) !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table td:first-child {
    font-weight: 400 !important;
    color: #424242 !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-btn,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #d8d8de !important;
    background-color: var(--base-background) !important;
    color: #666 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-btn:hover,
    .psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table button:hover {
        background-color: var(--base-background-focused) !important;
        border-color: #c5b7f5 !important;
        color: #5d26ab !important;
    }

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table svg,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table img {
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-scroll-viewer,
.psr-an-pivot-page[b-f28uxuf39z]  .psr-an-table .dxbl-scroll-viewer-content {
    background-color: var(--base-background) !important;
}
/* _content/NextERP/Components/Pages/PS/PosSalesReport.razor.rz.scp.css */
.psr-container[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 10px;
    gap: 10px;
}

.psr-toolbar[b-d8s3b66mhh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 10px;
    background: #f7f7fb;
    border-radius: 8px;
}

.psr-field[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 160px;
}

.psr-field > span[b-d8s3b66mhh] {
    font-size: 12px;
    color: #666;
}

.psr-field :is(.dxbl-datebox, .dxbl-tagbox)[b-d8s3b66mhh] {
    min-width: 160px;
}

/* In-page tab (ПОС-ын үнэ-ийн sp-tabs шиг) */
.psr-page[b-d8s3b66mhh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.psr-tabs-header[b-d8s3b66mhh] {
    flex-shrink: 0;
    background-color: var(--base-background);
    border-bottom: 1px solid var(--base-separator-color);
    padding: 8px 0 0 0;
    z-index: 5;
}

.psr-tabs dxbl-tab-list[b-d8s3b66mhh] {
    background-color: var(--base-background) !important;
    border-bottom: 1px solid var(--base-separator-color) !important;
    padding: 0 !important;
}

.psr-tabs dxbl-tab-item[b-d8s3b66mhh] {
    font-size: 12px !important;
    color: #5d5d5d !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 24px !important;
    min-width: 130px !important;
    justify-content: center !important;
}

.psr-tabs dxbl-tab-item:hover[b-d8s3b66mhh] {
    background-color: var(--base-background-focused) !important;
    color: #5a41b4 !important;
}

.psr-tabs dxbl-tab-item.dxbl-active[b-d8s3b66mhh] {
    background-color: var(--base-background) !important;
    color: #5a41b4 !important;
    border-bottom-color: #5a41b4 !important;
}

.tab-label[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.psr-tab-body[b-d8s3b66mhh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.psr-tab-panel[b-d8s3b66mhh] {
    display: none;
    height: 100%;
    min-height: 0;
}

.psr-tab-panel.active[b-d8s3b66mhh] {
    display: block;
    height: 100%;
    min-height: 0;
}

/* Дэд tab-уудын grid (PosItemDateReport г.м.) — үндсэн grid шиг үлдсэн зайг дүүргэнэ */
.psr-report-panel[b-d8s3b66mhh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-d8s3b66mhh] .psr-sub-wrap {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

[b-d8s3b66mhh] .psr-subgrid {
    height: 100%;
}

.psr-header[b-d8s3b66mhh] {
    width: 100%;
}

.psr-cards[b-d8s3b66mhh] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 8px 10px 4px 10px;
}

/* Картууд — дарж шүүдэг (MASU загвар) */
.psr-card[b-d8s3b66mhh] {
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: box-shadow .15s ease, transform .15s ease;
}

.psr-card:hover[b-d8s3b66mhh] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: scale(0.98);
}

.psr-card.all.active[b-d8s3b66mhh] { border-bottom: 2px solid #19b36b; }
.psr-card.sales.active[b-d8s3b66mhh] { border-bottom: 2px solid #19b36b; }
.psr-card.return.active[b-d8s3b66mhh] { border-bottom: 2px solid #19b36b; }

/* ЭКСПОРТ / ЭКСПОРТ (Sum) / ӨДРИЙН НЭГТГЭЛ текст товчнууд */
.psr-actions-row[b-d8s3b66mhh] {
    display: flex;
    gap: 22px;
    padding: 6px 14px;
}

.psr-text-btn[b-d8s3b66mhh] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #424242;
    text-transform: uppercase;
    padding: 4px 2px;
    border-bottom: 2px solid transparent;
}

.psr-text-btn:hover[b-d8s3b66mhh] { color: #5a41b4; }
.psr-text-btn.active[b-d8s3b66mhh] { color: #5a41b4; border-bottom-color: #5a41b4; }

.psr-card[b-d8s3b66mhh] {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px 16px;
}

/* Толгой: гарчиг зүүн, icon баруун (MASU шиг) */
.psr-card-head[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.psr-card-icon[b-d8s3b66mhh] { width: 18px; height: 18px; flex-shrink: 0; }
.psr-card-icon.all[b-d8s3b66mhh] { color: #2b6cff; }
.psr-card-icon.sales[b-d8s3b66mhh] { color: #19b36b; }
.psr-card-icon.return[b-d8s3b66mhh] { color: #e8443b; }

.psr-card-title[b-d8s3b66mhh] { font-size: 13px; color: #666; }
.psr-card-amount[b-d8s3b66mhh] { font-size: 24px; font-weight: 700; text-align: center; margin-top: 8px; color: #222; }
.psr-card-count[b-d8s3b66mhh] { font-size: 12px; color: #999; text-align: center; margin-top: 2px; }

.psr-actions[b-d8s3b66mhh] {
    display: flex;
    gap: 8px;
}

.psr-btn[b-d8s3b66mhh] {
    border: 1px solid #d0d0d8;
    background: #fff;
    border-radius: 6px;
    padding: 6px 14px;
    cursor: pointer;
    font-size: 13px;
}

.psr-btn:hover[b-d8s3b66mhh] { background: #f0f0f5; }
.psr-btn.active[b-d8s3b66mhh] { background: #2b6cff; color: #fff; border-color: #2b6cff; }

.psr-grid[b-d8s3b66mhh] {
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.psr-dxgrid[b-d8s3b66mhh] {
    height: 100%;
}

/* Дэд tab-ууд жинхэнэ DynamicGrid тул түүний өөрийнх нь styling-ийг (DynamicGrid.razor.css)
   шууд авна — энд .dx-grid-ийг дахин override хийхгүй (өмнө raw DxGrid үед тавьсан #fff толгой
   зэрэг нь base-ийн өнгийг зөрүүлж байсан). */

.psr-link[b-d8s3b66mhh] {
    color: #2b6cff;
    cursor: pointer;
    text-decoration: underline;
}

/* Баруун талын дэлгэрэнгүй панел */
.psr-detail[b-d8s3b66mhh] {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 18px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    z-index: 20;
    animation: psr-slide-in-b-d8s3b66mhh 0.2s ease-out;
}

@keyframes psr-slide-in-b-d8s3b66mhh {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.psr-detail-header[b-d8s3b66mhh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}

.psr-close[b-d8s3b66mhh] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    color: #888;
}

.psr-detail-info[b-d8s3b66mhh] {
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
}

.psr-detail-info > div[b-d8s3b66mhh] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 13px;
}

.psr-detail-info label[b-d8s3b66mhh] {
    color: #888;
}

/* Барааны хүснэгт — wrapper л scroll/flex хийнэ; хүснэгт нь жинхэнэ table тул баганууд эгнэнэ */
.psr-detail-items-wrap[b-d8s3b66mhh] {
    flex: 0 1 auto;        /* цөөн бараа → компакт, олон бараа → энд scroll */
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}

.psr-detail-items[b-d8s3b66mhh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.psr-detail-items th[b-d8s3b66mhh],
.psr-detail-items td[b-d8s3b66mhh] {
    padding: 6px 8px;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Баганын өргөн: Бараа өргөн, бусад нь нарийн баруун */
.psr-detail-items th:nth-child(1)[b-d8s3b66mhh], .psr-detail-items td:nth-child(1)[b-d8s3b66mhh] { width: 46%; }
.psr-detail-items th:nth-child(2)[b-d8s3b66mhh], .psr-detail-items td:nth-child(2)[b-d8s3b66mhh] { width: 14%; }
.psr-detail-items th:nth-child(3)[b-d8s3b66mhh], .psr-detail-items td:nth-child(3)[b-d8s3b66mhh] { width: 20%; }
.psr-detail-items th:nth-child(4)[b-d8s3b66mhh], .psr-detail-items td:nth-child(4)[b-d8s3b66mhh] { width: 20%; }

.psr-detail-items th[b-d8s3b66mhh] {
    position: sticky;
    top: 0;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #222;
}

.psr-arrow[b-d8s3b66mhh] { font-weight: 700; margin-right: 4px; }
.psr-arrow.up[b-d8s3b66mhh] { color: #19b36b; }
.psr-arrow.down[b-d8s3b66mhh] { color: #e8443b; }

.psr-detail-items td.r[b-d8s3b66mhh],
.psr-detail-items th:nth-child(n+2)[b-d8s3b66mhh] {
    text-align: right;
}

.psr-detail-totals[b-d8s3b66mhh] {
    padding: 10px 16px;
    border-top: 1px solid #eee;
    background: #fafafa;
}

.psr-detail-totals > div[b-d8s3b66mhh] {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 13px;
}

.psr-detail-totals .bold[b-d8s3b66mhh] {
    font-weight: 700;
}

.psr-detail-totals label[b-d8s3b66mhh] {
    color: #666;
}
/* === Дэлгэрэнгүй панель — 1-р зурагтай ижил === */
.psr-detail-header[b-d8s3b66mhh] {
    position: relative;
    justify-content: center;
}

.psr-detail-title[b-d8s3b66mhh] {
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.psr-close[b-d8s3b66mhh] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.psr-detail-info .psr-info-row[b-d8s3b66mhh] {
    display: grid;
    grid-template-columns: 140px 12px 1fr;
    align-items: center;
    padding: 5px 0;
    font-size: 13px;
}

.psr-detail-info .psr-info-label[b-d8s3b66mhh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b6b6b;
}

    .psr-detail-info .psr-info-label svg[b-d8s3b66mhh] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        stroke: #9a9a9a;
    }

.psr-detail-info .psr-info-sep[b-d8s3b66mhh] {
    color: #bbb;
}

.psr-detail-info .psr-info-val[b-d8s3b66mhh] {
    color: #222;
}

    .psr-detail-info .psr-info-val.link[b-d8s3b66mhh] {
        color: #2b6cff;
    }

.psr-arrow[b-d8s3b66mhh] {
    display: inline-block;
    width: 14px;
    font-weight: 700;
    margin-right: 4px;
}

    .psr-arrow.up[b-d8s3b66mhh] {
        color: #19b36b;
    }

    .psr-arrow.down[b-d8s3b66mhh] {
        color: #e8453d;
    }

.psr-total-sep[b-d8s3b66mhh] {
    border-top: 1px solid #e5e5e5;
    margin: 6px 0;
    padding: 0 !important;
}
/* _content/NextERP/Components/Pages/Register.razor.rz.scp.css */
.register-page[b-azeu2myjdo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("/images/Next_BG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    min-height: 100svh;
    --dxbl-list-box-font-size: 1.3rem;
}

.register-container[b-azeu2myjdo] {
    text-align: center;
    background: transparent;
    width: min(980px,700px);
}

    .register-container .logo[b-azeu2myjdo] {
        width: 270px;
        margin: 0 auto 30px auto;
    }

    .register-container h2[b-azeu2myjdo] {
        font-family: "Roboto",sans-serif;
        font-weight: 200;
        font-size: 30px;
        color: #000000;
        margin-bottom: 24px;
    }

.register-form[b-azeu2myjdo] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    max-height: calc(100vh - 560px);
    overflow: hidden;
}

.form-scroll[b-azeu2myjdo] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 10px;
    padding-bottom: 16px;
    scrollbar-width: auto;
    scrollbar-color: rgba(0,0,0,0.45) rgba(0,0,0,0.10);
    max-height: calc(100vh - 300px);
    -webkit-overflow-scrolling: touch;
}

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar {
        width: 12px;
    }

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .form-scroll[b-azeu2myjdo]::-webkit-scrollbar-thumb {
        border-radius: 10px;
        border: 2px solid rgba(255,255,255,0.6);
    }

.form-actions[b-azeu2myjdo] {
    bottom: 0;
    padding-top: 0px;
    padding-bottom: 10px;
}

.input[b-azeu2myjdo] {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: rgba(255,255,255,0.95);
    outline: none;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
    font-weight: 400;
    margin: 0 !important;
    color: #000;
}

    .input:focus[b-azeu2myjdo] {
        border-color: #8a2be2;
    }

    .input input[b-azeu2myjdo] {
        width: 100%;
        font-family: "Roboto",sans-serif;
        font-size: 14px;
        padding: 12px 14px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: rgba(255,255,255,0.95);
        outline: none;
        box-sizing: border-box;
        font-weight: 400;
        color: #000;
    }

        .input input:focus[b-azeu2myjdo] {
            border-color: #8a2be2;
        }

        .input[disabled][b-azeu2myjdo],
        .input input:disabled[b-azeu2myjdo] {
            background: rgba(245,245,245,0.95) !important;
            color: #111 !important;
            opacity: 1 !important;
            cursor: not-allowed;
            font-weight: 400 !important;
        }

.invalid[b-azeu2myjdo] {
    border: 1px solid #dc2626 !important;
    outline: none;
}

    .invalid:focus[b-azeu2myjdo] {
        border-color: #dc2626 !important;
        box-shadow: 0 0 0 3px rgba(220,38,38,.15);
    }

.select-ph[b-azeu2myjdo] {
    color: rgba(0,0,0,.55);
}

.btn-register[b-azeu2myjdo] {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    border: none;
    border-radius: 80px;
    background: linear-gradient(90deg,#7B2FFF,#B34DFF);
    color: white;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

    .btn-register:hover[b-azeu2myjdo] {
        opacity: 0.9;
    }

.btn-outline[b-azeu2myjdo] {
    background: transparent !important;
    color: #333 !important;
    border: 1px solid rgba(0,0,0,0.18) !important;
}

.btn-link[b-azeu2myjdo] {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s ease, opacity 0.2s ease;
}

    .btn-link:hover[b-azeu2myjdo] {
        opacity: 0.9;
    }

.text-danger[b-azeu2myjdo] {
    color: #d93025;
    font-size: 12px;
    text-align: left;
    margin: 6px 0 10px 0;
}

.text-success[b-azeu2myjdo] {
    color: #0f7b2f;
    font-size: 12px;
    text-align: left;
    margin: 6px 0 10px 0;
}

.footer[b-azeu2myjdo] {
    position: absolute;
    bottom: 20px;
    display: flex;
    gap: 15px;
}

    .footer img[b-azeu2myjdo] {
        width: 20px;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.2s ease;
    }

        .footer img:hover[b-azeu2myjdo] {
            opacity: 1;
        }

.language-top-right[b-azeu2myjdo] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5000;
}

.form-grid[b-azeu2myjdo] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-rows: minmax(44px,auto);
    grid-auto-flow: row dense;
    align-items: stretch;
}

.col-span-2[b-azeu2myjdo] {
    grid-column: span 2;
}

.period-rows[b-azeu2myjdo] {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
}

.col-span-3[b-azeu2myjdo] {
    grid-column: span 3;
}

.row-span-2[b-azeu2myjdo] {
    grid-row: span 2;
}

.logo-block[b-azeu2myjdo] {
    display: flex;
    flex-direction: column;
}

.logo-uploader[b-azeu2myjdo] {
    border: 2px dashed rgba(120,120,120,.55);
    border-radius: 8px;
    background: rgba(255,255,255,.03);
    position: relative;
    overflow: hidden;
    min-height: 100px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* Лого алдаатай үед хүрээ улаан болно */
.logo-uploader.logo-invalid[b-azeu2myjdo] {
    border-color: #dc3545;
}

/* Логоны алдаа — uploader-ээс гадна, drop zone-ийг шахахгүй */
.logo-err[b-azeu2myjdo] {
    font-size: 12px;
    line-height: 1.25;
    margin-top: 4px;
    text-align: start;
}

/* Регистр дугаарын алдаа — контролын яг доор */
.regno-err[b-azeu2myjdo] {
    font-size: 12px;
    line-height: 1.25;
    margin: 4px 0 0 0;
    text-align: start;
}

.logo-drop[b-azeu2myjdo],
.logo-preview-big[b-azeu2myjdo] {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border-radius: 12px;
}

.logo-drop[b-azeu2myjdo] {
    display: grid;
    place-items: center;
    gap: 6px;
    cursor: pointer;
    transition: .15s;
}

    .logo-drop:hover[b-azeu2myjdo] {
        background: rgba(0,0,0,.03);
    }

.logo-preview-big[b-azeu2myjdo] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(150,150,150,.25);
    background: #fff;
}

    .logo-preview-big img[b-azeu2myjdo] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        background: #fff;
        cursor: pointer;
    }

.logo-actions[b-azeu2myjdo] {
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 1;
}

.logo-delete[b-azeu2myjdo] {
    all: unset;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(239,68,68,.95);
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

    .logo-delete:hover[b-azeu2myjdo] {
        transform: scale(1.05);
    }

.vat-row[b-azeu2myjdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 44px;
    padding: 0 12px;
}

.vat-placeholder[b-azeu2myjdo] {
    font-size: 14px;
    color: rgba(0,0,0,.55);
}

.switch[b-azeu2myjdo] {
    position: relative;
    width: 46px;
    height: 26px;
    flex: 0 0 auto;
    cursor: pointer;
}

    .switch input[b-azeu2myjdo] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-azeu2myjdo] {
    position: absolute;
    inset: 0;
    background: rgba(140,140,140,.45);
    transition: .2s;
    border-radius: 999px;
    border: 1px solid rgba(150,150,150,.35);
    pointer-events: none;
}

    .slider[b-azeu2myjdo]:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        background: white;
        transition: .2s;
        border-radius: 999px;
        box-shadow: 0 2px 10px rgba(0,0,0,.12);
    }

.switch input:checked + .slider[b-azeu2myjdo] {
    background: rgba(34,197,94,.75);
    border-color: rgba(34,197,94,.75);
}

    .switch input:checked + .slider[b-azeu2myjdo]:before {
        transform: translate(20px,-50%);
    }

.password-wrap[b-azeu2myjdo] {
    position: relative;
    width: 100%;
    height: 44px;
}

    .password-wrap > input.input[b-azeu2myjdo] {
        height: 44px;
        padding-right: 44px;
        line-height: 44px !important;
    }

.pw-toggle[b-azeu2myjdo] {
    line-height: 0 !important;
}

    .pw-toggle svg[b-azeu2myjdo] {
        display: block;
    }

.fetch-row[b-azeu2myjdo] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-mini[b-azeu2myjdo] {
    all: unset;
    padding: 10px 12px;
    border-radius: 10px;
    background: #111;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    white-space: nowrap;
}

    .btn-mini[disabled][b-azeu2myjdo] {
        opacity: .55;
        cursor: not-allowed;
    }

.hint[b-azeu2myjdo] {
    font-size: 12px;
    color: rgba(0,0,0,.55);
    margin-top: 6px;
}

.login-hint[b-azeu2myjdo] {
    margin-top: 16px;
    text-align: center;
    font-size: 13px;
    color: #333;
}

.login-link[b-azeu2myjdo] {
    margin-left: 4px;
    font-size: 13px;
    font-weight: 800;
    color: #111;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1.2px;
}

    .login-link:hover[b-azeu2myjdo] {
        opacity: .9;
    }

.nx-select[b-azeu2myjdo] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 44px;
    padding: 12px 12px 12px 12px;
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.95);
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    color: #111;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8l3.5 4 3.5-4' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: right 10px center;
}

    .nx-select:disabled[b-azeu2myjdo] {
        background: rgba(245,245,245,.95);
        color: #111;
        cursor: not-allowed;
        opacity: 1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8l3.5 4 3.5-4' fill='none' stroke='%2399a1ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .nx-select:-moz-focusring[b-azeu2myjdo] {
        color: transparent;
        text-shadow: 0 0 0 #111;
    }

.regno-wrap[b-azeu2myjdo] {
    position: relative;
    display: block;
}

    .regno-wrap .input[b-azeu2myjdo] {
        width: 100%;
        padding-right: 44px;
    }

.pwd-eye[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    background-image: url('images/toggle-password.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    cursor: pointer;
    opacity: .55;
    transition: opacity .12s ease;
    z-index: 2;
}

    .pwd-eye:hover[b-azeu2myjdo] {
        opacity: 1;
    }

    /* Нууц үг харагдаж байгаа үед нүдийг "зураасласан" (eye-off) болгож төлвийг ялгана */
    .pwd-eye.is-shown[b-azeu2myjdo] {
        opacity: 1;
    }

        .pwd-eye.is-shown[b-azeu2myjdo]::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 22px;
            height: 1.6px;
            background: #374151;
            border-radius: 2px;
            transform: translate(-50%, -50%) rotate(-45deg);
        }

/* Нууц үгийн input-ийн focus — бусад талбартай адил subtle (тод ягаан болгохгүй) */
.password-wrap > input.input:focus[b-azeu2myjdo] {
    border-color: #c4b5fd;
    box-shadow: none;
    outline: none;
}

.regno-spinner[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,.18);
    border-top-color: rgba(0,0,0,.55);
    animation: regspin-b-azeu2myjdo .8s linear infinite;
    pointer-events: none;
}

@keyframes regspin-b-azeu2myjdo {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.nx-block[b-azeu2myjdo] {
    width: 100%;
}

.nx-top-label[b-azeu2myjdo] {
    text-align: start;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #5C5B5C;
    margin-bottom: 6px;
    display: block;
    opacity: .75;
    transition: opacity .12s ease, font-weight .12s ease;
}

.form-grid .input[b-azeu2myjdo],
.form-grid .nx-select[b-azeu2myjdo] {
    height: 44px !important;
    box-sizing: border-box;
}

.form-grid .input[b-azeu2myjdo] {
    padding: 0 14px !important;
    line-height: 44px !important;
}

.form-grid .nx-select[b-azeu2myjdo] {
    padding: 0 12px !important;
    line-height: 44px !important;
}

.regno-wrap .input[b-azeu2myjdo] {
    padding-right: 44px !important;
}

.form-grid .input[b-azeu2myjdo],
.form-grid .input[b-azeu2myjdo]::placeholder {
    font-family: "Roboto",sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.form-grid .nx-select[b-azeu2myjdo] {
    font-size: 14px !important;
    color: #000000 !important;
}

    .form-grid .nx-select option[b-azeu2myjdo] {
        font-family: "Roboto",sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

@media (max-width:980px) {
    .form-grid[b-azeu2myjdo] {
        grid-template-columns: 1fr;
    }

    .col-span-2[b-azeu2myjdo], .col-span-3[b-azeu2myjdo] {
        grid-column: span 1;
    }

    .period-rows[b-azeu2myjdo] {
        grid-column: 1;
    }

    .row-span-2[b-azeu2myjdo] {
        grid-row: span 1;
    }

    .logo-uploader[b-azeu2myjdo] {
        height: auto;
        min-height: 120px;
    }
}

@media (max-width:640px) {
    .register-container[b-azeu2myjdo] {
        width: min(94vw,560px);
        text-align: center;
    }

        .register-container .logo[b-azeu2myjdo] {
            width: 200px;
            margin: 0 auto 18px auto;
        }

        .register-container h2[b-azeu2myjdo] {
            font-family: "Roboto",sans-serif;
            font-weight: 200;
            font-size: 30px;
            color: #000000;
            margin-bottom: 24px;
        }

    .register-form[b-azeu2myjdo] {
        max-height: none;
        overflow: visible;
    }

    .form-scroll[b-azeu2myjdo] {
        max-height: none;
        overflow-y: auto;
        padding-right: 6px;
        padding-bottom: 12px;
    }

    .footer[b-azeu2myjdo] {
        position: static;
        margin-top: 14px;
        justify-content: center;
    }

    .input[b-azeu2myjdo] {
        font-size: 15px !important;
        padding: 12px 12px;
        border-radius: 12px;
    }

    .nx-select[b-azeu2myjdo] {
        font-size: 14px;
        border-radius: 12px;
        background-position: right 12px center;
    }

    .btn-register[b-azeu2myjdo] {
        padding: 13px;
        border-radius: 999px;
    }

    .logo-drop[b-azeu2myjdo],
    .logo-preview-big[b-azeu2myjdo] {
        min-height: 120px;
        height: auto;
    }

        .logo-preview-big img[b-azeu2myjdo] {
            max-height: 160px;
        }

    .language-top-right[b-azeu2myjdo] {
        top: 12px;
        right: 12px;
    }
}

@media (max-width:480px) {
    .register-container[b-azeu2myjdo] {
        width: calc(100vw - 24px);
        padding: 14px;
        border-radius: 14px;
    }

        .register-container .logo[b-azeu2myjdo] {
            width: 180px;
        }

        .register-container h2[b-azeu2myjdo] {
            font-size: 22px;
        }
}

.nx-block:focus-within > .nx-top-label[b-azeu2myjdo] {
    font-weight: 600;
    opacity: 1;
}

.nx-block.has-value > .nx-top-label[b-azeu2myjdo] {
    font-weight: 600;
    opacity: 1;
}






.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 44px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
}

.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input{
  font-size: 14px !important;    
  font-weight: 400 !important;
  color: #000 !important;
}


.register-page[b-azeu2myjdo]  .dxbl-text-edit,
.register-page[b-azeu2myjdo]  .dxbl-text-edit-input {
    box-shadow: none !important;
    filter: none !important;
}

    .register-page[b-azeu2myjdo]  .dxbl-text-edit:focus-within,
    .register-page[b-azeu2myjdo]  .dxbl-text-edit-input:focus {
        box-shadow: none !important;
        outline: none !important;
    }


.register-page[b-azeu2myjdo]  .dxbl-text-edit,
.register-page[b-azeu2myjdo]  input.dxbl-text-edit-input {
    border-radius: 10px !important; 
    overflow: hidden; 
}

.register-page[b-azeu2myjdo]  .dxbl-text-edit {
    border-radius: 8px !important;
}

.nx-modal-backdrop[b-azeu2myjdo] {
    position: fixed;
    inset: 0;
    background: rgba(10,10,12,.55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    z-index: 999999;
    padding: 16px;
}

/* Card */
.nx-modal.nx-verify[b-azeu2myjdo] {
    width: min(420px, 100%);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.18);
    position: relative;
    padding: 22px 22px 18px 22px;
}

    /* Close button */
    .nx-modal.nx-verify .nx-close[b-azeu2myjdo] {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        border: 1px solid rgba(0,0,0,.15);
        background: rgba(0,0,0,.08);
        color: rgba(0,0,0,.6);
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
    }

        .nx-modal.nx-verify .nx-close:hover[b-azeu2myjdo] {
            background: rgba(0,0,0,.12);
        }

    /* Title */
    .nx-modal.nx-verify .nx-title[b-azeu2myjdo] {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #111;
        margin-bottom: 16px;
    }

    /* Target box */
    .nx-modal.nx-verify .nx-target-box[b-azeu2myjdo] {
        width: 100%;
        background: #efefef;
        border-radius: 4px;
        padding: 12px 14px;
        font-size: 16px;
        color: #222;
        margin-bottom: 12px;
    }

    /* Description */
    .nx-modal.nx-verify .nx-desc[b-azeu2myjdo] {
        text-align: center;
        font-size: 13px;
        color: rgba(0,0,0,.55);
        margin-bottom: 14px;
    }

    /* Label */
    .nx-modal.nx-verify .nx-label[b-azeu2myjdo] {
        font-size: 13px;
        color: rgba(0,0,0,.55);
        margin-bottom: 8px;
    }

/* ---------- OTP (INPUT + pill inside) ---------- */
.nx-otp-row[b-azeu2myjdo] {
    width: 100%;
}

.nx-otp-wrap[b-azeu2myjdo] {
    position: relative;
    width: 100%;
}

/* Main OTP input */
.nx-modal.nx-verify .nx-otp-input[b-azeu2myjdo] {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    border: 0;
    background: #efefef;
    padding: 0 14px;
    padding-right: 140px; /* pill зай */
    outline: none;
    font-size: 16px;
    letter-spacing: .35em;
    font-weight: 600;
    color: #222;
    box-sizing: border-box;
}

/* pill base */
.nx-otp-pill[b-azeu2myjdo] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    box-sizing: border-box;
}

/* seconds text */
.nx-otp-sec[b-azeu2myjdo] {
    color: rgba(124,58,237,.95);
    background: transparent;
    pointer-events: none;
}

/* resend button pill */
.nx-otp-resend[b-azeu2myjdo] {
    border: 0;
    cursor: pointer;
    background: #8b2cff;
    color: #fff;
}

    .nx-otp-resend:hover[b-azeu2myjdo] {
        filter: brightness(.98);
    }

    .nx-otp-resend:disabled[b-azeu2myjdo] {
        opacity: .55;
        cursor: not-allowed;
        box-shadow: none;
    }

/* Error */
.nx-modal.nx-verify .nx-error[b-azeu2myjdo] {
    margin-top: 10px;
    font-size: 12px;
    color: #dc2626;
    font-weight: 600;
}

/* Confirm button */
.nx-modal.nx-verify .nx-confirm[b-azeu2myjdo] {
    width: 100%;
    height: 48px;
    margin-top: 16px;
    border: 0;
    border-radius: 4px;
    background: #8b2cff;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
}

    .nx-modal.nx-verify .nx-confirm:hover[b-azeu2myjdo] {
        filter: brightness(.98);
    }

    .nx-modal.nx-verify .nx-confirm:disabled[b-azeu2myjdo] {
        opacity: .7;
        cursor: not-allowed;
    }

/* Mobile */
@media (max-width:640px) {
    .nx-modal.nx-verify[b-azeu2myjdo] {
        border-radius: 8px;
        padding: 18px 16px 14px 16px;
    }

        .nx-modal.nx-verify .nx-otp-input[b-azeu2myjdo] {
            padding-right: 120px; /* жижиг дэлгэц дээр pill зай багасгана */
        }

    .nx-otp-pill[b-azeu2myjdo] {
        right: 8px;
        height: 28px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 28px;
    }
    .period-rows[b-azeu2myjdo] {
        grid-column: span 2;
        grid-row : span 1;
    }
}
/* _content/NextERP/Components/Pages/SM/BatchPaymentForm.razor.rz.scp.css */

.batch-payment-page[b-cf6mw5wrb2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 361px;
    gap: 28px 36px;

    align-items: start;
    padding: 0px 40px 28px 0px;
    background: transparent;
}

.batch-section[b-cf6mw5wrb2] {
    min-width: 0;
}

.batch-scroll-area[b-cf6mw5wrb2] {
    min-width: 0;
}

.batch-sidebar[b-cf6mw5wrb2] {
    min-width: 0;
    padding-right: 20px;
}

.batch-sidebar-wrap[b-cf6mw5wrb2] {
    max-height: calc(100vh - 70px);
}

@media (max-width: 1024px) {
    .batch-sidebar-wrap[b-cf6mw5wrb2] {
        max-height: calc(100vh - 60px);
    }
}

@media (max-width: 768px) {
    .batch-sidebar-wrap[b-cf6mw5wrb2] {
        max-height: calc(100vh - 58px);
    }
}

.card[b-cf6mw5wrb2],
.payment-card[b-cf6mw5wrb2] {
    border-radius: 11px !important;
}

.payment-title[b-cf6mw5wrb2],
.user-block[b-cf6mw5wrb2],
.payment-lines .payment-line[b-cf6mw5wrb2],
.payment-total-line[b-cf6mw5wrb2],
.payment-total-line1[b-cf6mw5wrb2],
.total-before-discount[b-cf6mw5wrb2],
.total-highlight[b-cf6mw5wrb2] {
    padding-inline: 10px;
}

.batch-section-title[b-cf6mw5wrb2] {
    margin-bottom: 2px;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #6a4cf6;
    color: #4d3ac5;
    font-size: 13px;
    font-weight: 500;
}

.module-grid[b-cf6mw5wrb2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding: 20px 0 0;
    margin: 0;
    overflow: visible;
}

.module-item[b-cf6mw5wrb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.module-card[b-cf6mw5wrb2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    min-height: 140px;
    min-width: 0;
    padding: 22px 16px 8px;
    border: 1px solid #EBEBF1;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(31, 24, 71, 0.08), 0 6px 10px -4px rgba(31, 24, 71, 0.14);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .module-card:hover[b-cf6mw5wrb2] {
        transform: translateY(-1px);
        box-shadow: 0 1px 5px rgba(31, 24, 71, 0.10), 0 8px 14px -4px rgba(31, 24, 71, 0.18);
    }

    .module-card.selected[b-cf6mw5wrb2] {
        border: 2px solid #7357ff;
        background: linear-gradient(180deg, #f8f5ff 0%, #ffffff 100%);
    }

    .module-card.active-sub[b-cf6mw5wrb2] {
        border: 2px solid #27b44b;
        background: linear-gradient(180deg, #f2fff5 0%, #ffffff 100%);
    }

    .module-card.expired-sub[b-cf6mw5wrb2] {
        border: 1px solid #EBEBF1;
    }

    .module-card.selected-expired[b-cf6mw5wrb2] {
        border: 2px solid #f59e0b;
        background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%);
    }

.module-icon[b-cf6mw5wrb2] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
}

    .module-icon img[b-cf6mw5wrb2] {
        width: 58px;
        height: 58px;
        object-fit: contain;
    }

.module-name[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    width: 100%;
    color: #4b4b4b;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
}

.module-price[b-cf6mw5wrb2] {
    font-size: 12px;
    color: #6b21a8;
    font-weight: 600;
    text-align: center;
    margin-top: 2px;
}

.module-check[b-cf6mw5wrb2] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(39, 180, 75, 0.24);
}

.module-active-badge[b-cf6mw5wrb2] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #27b44b;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(39, 180, 75, 0.24);
    z-index: 1;
}

.module-expired-badge[b-cf6mw5wrb2] {
    position: absolute;
    top: -14px;
    right: -14px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f59e0b;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(245, 158, 11, 0.30);
    z-index: 1;
}


.payment-card[b-cf6mw5wrb2] {
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 20px 25px 16px 25px;
    border: 1px solid #ece7fb;
    border-radius: 11px !important;
    background: #fff;
    box-shadow: 0 1px 1px rgba(18, 18, 23, 0.06);
}

.payment-title[b-cf6mw5wrb2] {
    margin-bottom: 10px;
    color: #494949;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.billing-tabs[b-cf6mw5wrb2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    background: #f1edff;
}

.billing-tab[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 !important;
    margin: 0;
    border: 0;
    background: #F4F1FE;
    font-size: 14px;
    line-height: 1;
    box-sizing: border-box;
}

    .billing-tab.active[b-cf6mw5wrb2] {
        background: #7C5FE4;
        color: #fff;
        border-radius: 4px;
    }

.payment-lines[b-cf6mw5wrb2],
.user-block[b-cf6mw5wrb2],
.grand-total[b-cf6mw5wrb2] {
    display: grid;
    gap: 4px;
}

.payment-lines[b-cf6mw5wrb2] {
    padding-top: 14px;
    padding-bottom: 10px;
    border-top: 1px solid #ece7fb;
    border-bottom: 1px solid #ece7fb;
    max-height: 200px;
    overflow-y: auto;
}

.payment-lines.no-selection[b-cf6mw5wrb2] {
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.payment-line[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #5B41B4;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

    .payment-line > *[b-cf6mw5wrb2] {
        display: block;
    }

.payment-total-line[b-cf6mw5wrb2],
.payment-total-line1[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 8px 0 6px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    padding-inline: 10px;
}

.payment-total-line[b-cf6mw5wrb2] {
    padding-top: 10px;
    border-top: 1px solid #ece7fb;
}

.payment-total-line.with-modules[b-cf6mw5wrb2] {
    padding-top: 0;
    border-top: none;
}

.payment-total-line.no-selection[b-cf6mw5wrb2] {
    display: none;
}

    .payment-total-line > *[b-cf6mw5wrb2],
    .payment-total-line1 > *[b-cf6mw5wrb2] {
        display: block;
        flex: 0 0 auto;
    }

        .payment-total-line > *:first-child[b-cf6mw5wrb2],
        .payment-total-line1 > *:first-child[b-cf6mw5wrb2] {
            margin-right: auto;
        }

.payment-total-line1[b-cf6mw5wrb2] {
    padding-bottom: 0;
    margin-bottom: 4px;
}

.user-title[b-cf6mw5wrb2] {
    margin: 8px 0 4px;
    color: #262626;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.user-block[b-cf6mw5wrb2] {
    padding: 4px 10px 1px;
    border-bottom: 1px solid #ece7fb;
    color: #494949;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.total-before-discount[b-cf6mw5wrb2] {
    margin-top: 12px;
    min-height: 30px;
    align-items: center;
    color: #262626;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.discount-line[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 30px;
    margin-top: 0;
    padding: 8px 10px;
    border-radius: 4px;
    background: #FEF4DE;
    color: #262626;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.35;
    white-space: nowrap;
}

    .discount-line span[b-cf6mw5wrb2] {
        line-height: 1.35;
        white-space: nowrap;
    }

.total-highlight[b-cf6mw5wrb2] {
    margin-top: 0;
    min-height: 30px;
    align-items: center;
    color: #5B41B4;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
}

.pay-button[b-cf6mw5wrb2] {
    width: 100%;
    margin-top: 12px;
    height: 46.6px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #441CCB 0%, #8538FE 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-counter-row[b-cf6mw5wrb2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 4px 10px 14px;
    gap: 8px;
    border-bottom: 1px solid #5B41B4;
}

.user-counter[b-cf6mw5wrb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: #262626;
    font-size: 15px;
}

.counter-label[b-cf6mw5wrb2] {
    color: #454545;
    font-size: 14px;
}

.counter-box[b-cf6mw5wrb2] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e1d9fb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.counter-button[b-cf6mw5wrb2] {
    width: 26px;
    height: 26px;
    border: 0;
    background: #fff;
    color: #3a2ea1;
    font-size: 16px;
}

.counter-input[b-cf6mw5wrb2] {
    width: 38px;
    height: 26px;
    border: 0;
    border-left: 1px solid #e1d9fb;
    border-right: 1px solid #e1d9fb;
    text-align: center;
    color: #323232;
    font-size: 20px;
    font-weight: 600;
    outline: none;
    -moz-appearance: textfield;
}

.counter-input[b-cf6mw5wrb2]::-webkit-outer-spin-button,
.counter-input[b-cf6mw5wrb2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

@media (max-width: 1400px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 24px 28px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}

@media (max-width: 1100px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }

    .batch-sidebar[b-cf6mw5wrb2] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .batch-payment-page[b-cf6mw5wrb2] {
        gap: 20px;
        padding: 16px 0 24px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 16px;
    }

    .module-card[b-cf6mw5wrb2] {
        min-height: 120px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 16px 8px 8px;
    }

    .module-icon[b-cf6mw5wrb2],
    .module-icon img[b-cf6mw5wrb2] {
        width: 44px;
        height: 44px;
        font-size: 26px;
    }

    .module-name[b-cf6mw5wrb2] {
        width: 100%;
        margin-top: 0;
        text-align: center;
        font-size: 11px;
    }

    .payment-card[b-cf6mw5wrb2] {
        padding: 18px 14px 20px;
    }

    .payment-line[b-cf6mw5wrb2],
    .payment-total-line[b-cf6mw5wrb2],
    .payment-total-line1[b-cf6mw5wrb2],
    .discount-line[b-cf6mw5wrb2],
    .total-before-discount[b-cf6mw5wrb2],
    .total-highlight[b-cf6mw5wrb2] {
        font-size: 14px;
    }

    .user-counter[b-cf6mw5wrb2] {
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
    }
}

/* ── Subscriptions grid ── */
.subs-section[b-cf6mw5wrb2] {
    grid-column: 1 / -1;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.subs-section[b-cf6mw5wrb2]  .page-header {
    display: none !important;
}

.subs-section[b-cf6mw5wrb2]  .horizontal-separator {
    display: none !important;
}

.subs-section[b-cf6mw5wrb2]  .page-container {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.subs-section[b-cf6mw5wrb2]  .grid {
    margin: 0 !important;
    height: 400px;
}

.subs-section[b-cf6mw5wrb2]  .popup.popup-body {
    display: none !important;
}


.subs-invoice[b-cf6mw5wrb2] {
    color: #441CCB;
    font-weight: 500;
}

.subs-amount[b-cf6mw5wrb2] {
    color: #441CCB;
    font-weight: 500;
}

.subs-badge[b-cf6mw5wrb2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.subs-active[b-cf6mw5wrb2] {
    background: #ede9fe;
    color: #5b21b6;
}

.subs-inactive[b-cf6mw5wrb2] {
    background: #fce7f3;
    color: #be185d;
}

@media (max-width: 520px) {
    .batch-section-title[b-cf6mw5wrb2] {
        margin-bottom: 14px;
        font-size: 13px;
    }

    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 14px 12px;
    }

    .module-card[b-cf6mw5wrb2] {
        min-height: 138px;
        padding: 16px 10px 12px;
    }

    .module-icon[b-cf6mw5wrb2],
    .module-icon img[b-cf6mw5wrb2] {
        width: 50px;
        height: 50px;
    }

    .module-name[b-cf6mw5wrb2] {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .payment-card[b-cf6mw5wrb2] {
        padding: 16px 12px 18px;
    }

    .billing-tab[b-cf6mw5wrb2] {
        font-size: 13px;
        padding: 10px 0 !important;
    }

    .counter-box[b-cf6mw5wrb2] {
        width: 100%;
        justify-content: space-between;
    }

    .counter-input[b-cf6mw5wrb2] {
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 420px) {
    .module-grid[b-cf6mw5wrb2] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .module-card[b-cf6mw5wrb2] {
        max-width: none;
    }
}

.subs-section[b-cf6mw5wrb2]  tr.row-expired > td {
    background-color: #fffbeb !important;
}
/* _content/NextERP/Components/Pages/SM/CompanyForm.razor.rz.scp.css */
.company-main-layout[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.company-main-column[b-zcj6bkx9xj] {
    min-width: 0;
}

.company-main-column[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.company-email-layout[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.payroll-email-fields[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.order-email-fields[b-zcj6bkx9xj]  .form {
    column-count: 1 !important;
}

.payroll-email-fields[b-zcj6bkx9xj]  .form-item label,
.order-email-fields[b-zcj6bkx9xj]  .form-item label {
    padding-left: 6px;
}

.additional-features-grid[b-zcj6bkx9xj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

[b-zcj6bkx9xj] .form-group-4 > .form {
    display: block !important;
    column-count: 1 !important;
}

.additional-feature-item[b-zcj6bkx9xj] {
    min-width: 0;
}

    .additional-feature-item[b-zcj6bkx9xj]  .form {
        column-count: 1 !important;
    }

    .additional-feature-item[b-zcj6bkx9xj]  .fill-space {
        display: none !important;
    }

.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .form-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: auto !important;
}

    .additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .form-item label {
        white-space: nowrap;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
    }

.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  input[type="checkbox"],
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-checkbox,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-checkbox,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-switch,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-switch,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dx-checkbox-container,
.additional-features-grid .additional-feature-item[b-zcj6bkx9xj]  .dxbl-checkbox-container {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* GroupControl title style */
.custom-group-title[b-zcj6bkx9xj]  legend,
.custom-group-title[b-zcj6bkx9xj]  .group-title,
.custom-group-title[b-zcj6bkx9xj]  .group-control-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: #4A4A4A !important;
}

/* GroupControl border color */
.custom-group-title[b-zcj6bkx9xj]  fieldset,
.custom-group-title[b-zcj6bkx9xj]  .group-control,
.custom-group-title[b-zcj6bkx9xj]  .group-box,
.custom-group-title[b-zcj6bkx9xj]  .card {
    border-color: #EAEAEA !important;
}

@media (max-width: 1100px) {
    .company-main-layout[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .additional-features-grid[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .company-email-layout[b-zcj6bkx9xj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.section-header-form[b-zcj6bkx9xj] {
    margin-top: 0 !important;
}
/* _content/NextERP/Components/Pages/SM/SubscriptionList.razor.rz.scp.css */
/* Styles are applied from BatchPaymentForm.razor.css via .subs-section ::deep */
/* _content/NextERP/Components/Pages/SM/VatRequestForm.razor.rz.scp.css */
.vat-request-header-layout[b-ydprjinkn8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.vat-request-header-column[b-ydprjinkn8] {
    min-width: 0;
}

.vat-request-header-column[b-ydprjinkn8]  .form {
    column-count: 1 !important;
}

@media (max-width: 1200px) {
    .vat-request-header-layout[b-ydprjinkn8] {
        grid-template-columns: 1fr;
    }
}
/* _content/NextERP/Components/Pages/SM/VatRequestList.razor.rz.scp.css */
/*::deep .page-container {
    padding: 0;
}

::deep .page-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #5a41b4;
    height: 30px;
    margin-top: 20px;
}

    ::deep .page-header > div {
        height: 30px;
    }

::deep .page-title {
    font-size: 12px;
    font-weight: 500;
    color: #5a41b4;
    margin: auto 0;
}

::deep .horizontal-separator {
    display: none;
}
*/
/* _content/NextERP/Components/Reports/BaseReport.razor.rz.scp.css */
.drs-root[b-7ahvv4iyg5] {
    height: 100%;
    min-height: 0;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    background: #f8f7fc;
}

.drs-layout[b-7ahvv4iyg5] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    height: 100%;
    min-height: 0;
}

.drs-filter-card[b-7ahvv4iyg5],
.drs-viewer-panel[b-7ahvv4iyg5] {
    /*background: #ffffff;*/
    border: 1px solid #d4d4d4a8;
}

.drs-filter-card[b-7ahvv4iyg5] {
    /*padding: 8px 10px;*/
}

.drs-filter-shell-loading[b-7ahvv4iyg5],
.drs-search-row[b-7ahvv4iyg5] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: stretch;
    min-width: 0;
}

.drs-filter-rail[b-7ahvv4iyg5],
.drs-search-actions[b-7ahvv4iyg5] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    /*padding: 8px 10px 8px 0;*/
    margin-right: 10px;
    border-right: 1px solid #e2e6ee;
}

.drs-filter-rail-buttons[b-7ahvv4iyg5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
}

.drs-rail-mark[b-7ahvv4iyg5] {
    width: 28px;
    height: 28px;
    border: 1px solid #d8ddea;
    border-radius: 6px;
    background: #fafbfe;
    color: #6650bd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.drs-search-field-host[b-7ahvv4iyg5] {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    min-width: 0;
    padding: 8px 10px;
}

.drs-search-fields[b-7ahvv4iyg5] {
    min-width: 0;
    max-height: calc(var(--drs-row-height, 44px) * var(--drs-visible-rows, 4) + 14px);
    overflow: hidden;
    transition: max-height 0.2s ease;
}

.drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
    max-height: 1080px;
    overflow: visible;
}

[b-7ahvv4iyg5] .drs-search-fields .form {
    margin: 0 !important;
    width: 100% !important;
    column-count: 2 !important;
    column-fill: balance !important;
    column-gap: 28px !important;
}

@media (min-width: 1580px) {
    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 3 !important;
    }
}

[b-7ahvv4iyg5] .drs-search-fields .form-item {
    display: inline-grid !important;
    position: relative !important;
    grid-template-columns: auto 1fr auto minmax(300px, 52%) !important;
    width: 100% !important;
    padding: 5px 0 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .form-item label {
    margin: 0.45em 0 auto 0 !important;
    color: #7f8593 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

[b-7ahvv4iyg5] .drs-search-fields .fill-space {
    /*margin: 1.35em 8px auto 8px !important;
    border-bottom: 1px dotted #c8cfdb !important;*/
}

[b-7ahvv4iyg5] .drs-search-fields .required-indicator {
    margin: auto 4px auto 0 !important;
    color: #de4239 !important;
    font-size: 11px !important;
}

[b-7ahvv4iyg5] .drs-search-fields .editor-container,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-text-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-date-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-combobox,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-spin-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-dropdown-edit,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit,
[b-7ahvv4iyg5] .drs-search-fields .combobox-auto-hide-btn,
[b-7ahvv4iyg5] .drs-search-fields .lookup-grid {
    width: 100% !important;
    min-width: 0 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit,
[b-7ahvv4iyg5] .drs-search-fields .input-noneditor {
    min-height: 28px;
    border-color: #dce1ea !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit.dx-state-focused,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-edit:focus-within {
    border-color: #6a53be !important;
    box-shadow: 0 0 0 1px rgba(106, 83, 190, 0.16) !important;
}

[b-7ahvv4iyg5] .drs-search-fields .dxbl-btn.dxbl-edit-btn-dropdown,
[b-7ahvv4iyg5] .drs-search-fields .dxbl-spin-btns .dxbl-btn {
    border-left: 1px solid #e8ecf3 !important;
}

[b-7ahvv4iyg5] .drs-search-fields .input-number {
    text-align: right;
}

.drs-action-btn[b-7ahvv4iyg5] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6650bd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.drs-action-btn:hover[b-7ahvv4iyg5] {
    border-color: #c6cde0;
    background: #E8E3FA;
}

.drs-action-btn:disabled[b-7ahvv4iyg5] {
    border-color: #e0e4ed;
    color: #adb3c0;
    background: #f8f9fc;
    cursor: not-allowed;
}

.drs-action-btn-primary[b-7ahvv4iyg5] {
/*    border-color: #cbc4e8;
    background: #f3f1fb;*/
}
.drs-action-btn-primary:hover[b-7ahvv4iyg5] {
    background: #E0D8FF;
}
.drs-action-btn.drs-action-btn-active[b-7ahvv4iyg5] {
    border-color: #b9afd6;
    background: #ece8fa;
}

.drs-action-btn-icon[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.drs-action-btn-busy .drs-action-btn-icon[b-7ahvv4iyg5] {
    /*animation: drs-rotate 0.85s linear infinite;*/
}

.drs-search-loading[b-7ahvv4iyg5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
    align-content: start;
    min-height: auto;
    padding-top: 4px;
}

.drs-search-loading-overlay[b-7ahvv4iyg5] {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding-top: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.94));
    pointer-events: none;
}

.drs-skeleton-item[b-7ahvv4iyg5],
.drs-skeleton-icon[b-7ahvv4iyg5] {
    border-radius: 4px;
    border: 1px solid #edf0f6;
    background: linear-gradient(90deg, #ffffff 20%, #f2f1f6 40%, #ffffff 65%);
    background-size: 300% 100%;
    animation: drs-shimmer-b-7ahvv4iyg5 1.15s ease-in-out infinite;
}

.drs-skeleton-item[b-7ahvv4iyg5] {
    height: 20px;
}

.drs-skeleton-icon[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
}

.drs-viewer-panel[b-7ahvv4iyg5] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.drs-viewer-loading[b-7ahvv4iyg5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 16px;
    color: #7f8593;
    font-size: 13px;
}

.drs-viewer-loading-spinner[b-7ahvv4iyg5] {
    width: 20px;
    height: 20px;
    border: 2px solid #e2e6ee;
    border-top-color: #6650bd;
    border-radius: 50%;
    animation: drs-rotate-b-7ahvv4iyg5 0.7s linear infinite;
}

.drs-viewer-message[b-7ahvv4iyg5] {
    margin-bottom: 8px;
    flex: 0 0 auto;
}

.drs-viewer-body[b-7ahvv4iyg5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    background: #f8f7fc;
}

.drs-viewer-body-empty[b-7ahvv4iyg5] {
    position: relative;
}

.drs-viewer-body-empty[b-7ahvv4iyg5]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 76px;
    background: linear-gradient(180deg, rgba(245, 246, 250, 0), #f8f7fc 46%, #f8f7fc 100%);
    pointer-events: none;
    z-index: 2;
}

.drs-viewer-shell[b-7ahvv4iyg5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #f8f7fc;
}

[b-7ahvv4iyg5] .drs-inline-viewer {
    height: 100%;
}

[b-7ahvv4iyg5] .dxbrv-wrapper {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}


[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer-content,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-wrapper {
    height: 100%;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-toolbar-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-toolbar,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-preview-toolbar-wrapper {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-tabs,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-right-panel-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer [class*="right-panel"],
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-surface-right-part {
    display: none !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-surface-container {
    width: 100% !important;
}

[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-preview-surface,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-report-preview-holder,
[b-7ahvv4iyg5] .drs-inline-viewer .dxrd-report-preview,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbrv-surface-wrapper,
[b-7ahvv4iyg5] .drs-inline-viewer .dxbl-report-viewer-surface {
    background: #f8f7fc !important;
}

.drs-inline-message[b-7ahvv4iyg5] {
    padding: 10px 12px;
    border: 1px solid #e7d2d2;
    background: #fff8f8;
}

.drs-inline-message-error[b-7ahvv4iyg5] {
    color: #902222;
}

.drs-inline-message-title[b-7ahvv4iyg5] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
}

.drs-inline-message-text[b-7ahvv4iyg5] {
    font-size: 12px;
    line-height: 1.45;
    word-break: break-word;
}

@keyframes drs-rotate-b-7ahvv4iyg5 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes drs-shimmer-b-7ahvv4iyg5 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 1320px) {
    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 2 !important;
        column-gap: 20px !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item {
        grid-template-columns: auto 1fr auto minmax(170px, 52%) !important;
    }
}

@media (max-width: 980px) {
    .drs-search-row[b-7ahvv4iyg5],
    .drs-filter-shell-loading[b-7ahvv4iyg5] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .drs-search-actions[b-7ahvv4iyg5],
    .drs-filter-rail[b-7ahvv4iyg5] {
        grid-column: 1;
        grid-row: auto;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 0 8px;
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #e2e6ee;
    }

    .drs-filter-rail-buttons[b-7ahvv4iyg5] {
        flex-direction: row;
    }

    .drs-search-field-host[b-7ahvv4iyg5] {
        grid-column: 1;
        grid-row: auto;
    }

    .drs-search-fields[b-7ahvv4iyg5] {
        max-height: 220px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
        max-height: 70vh;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}

@media (max-width: 640px) {
    .drs-root[b-7ahvv4iyg5] {
        padding: 4px;
    }

    .drs-filter-card[b-7ahvv4iyg5] {
        /*padding: 8px;*/
    }

    .drs-search-fields[b-7ahvv4iyg5] {
        max-height: 200px;
    }

    .drs-search-fields.drs-expanded[b-7ahvv4iyg5] {
        max-height: 60vh;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .fill-space,
    [b-7ahvv4iyg5] .drs-search-fields .required-indicator {
        display: none !important;
    }

    [b-7ahvv4iyg5] .drs-search-fields .form-item label {
        white-space: normal;
        margin: 0 !important;
    }

    .drs-search-actions[b-7ahvv4iyg5],
    .drs-filter-rail[b-7ahvv4iyg5] {
        padding: 0 0 6px;
    }

    .drs-search-field-host[b-7ahvv4iyg5] {
        padding: 6px 8px;
    }
}