/* _content/BlazorApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-fekawvbbds] {
    --app-top-row-height: 45px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-body[b-fekawvbbds] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

main[b-fekawvbbds] {
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar[b-fekawvbbds] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    overflow: hidden;
    transition: width .18s ease, min-width .18s ease;
}

.sidebar-expanded[b-fekawvbbds] {
    width: 340px;
    min-width: 340px;
}

.sidebar-collapsed[b-fekawvbbds] {
    width: 42px;
    min-width: 42px;
}

.sidebar-menu-scroll[b-fekawvbbds] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.sidebar-collapsed .sidebar-menu-scroll[b-fekawvbbds] {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.top-row[b-fekawvbbds] {
    position: sticky;
    top: 0;
    z-index: 1040;
    min-height: var(--app-top-row-height);
    display: flex;
    align-items: center;
    background: var(--bs-body-bg);
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

.app-top-shell[b-fekawvbbds] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .5rem;
    width: 100%;
    min-width: 0;
}

.app-top-brand[b-fekawvbbds] {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
    flex: 0 1 auto;
}

.app-brand-link[b-fekawvbbds] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
}

.app-brand-text[b-fekawvbbds] {
    display: inline-block;
    min-width: 0;
    max-width: clamp(7rem, 18vw, 18rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.app-top-item[b-fekawvbbds] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 0 auto;
}

.app-top-login[b-fekawvbbds] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 0 auto;
}

.app-top-extras[b-fekawvbbds] {
    display: contents;
}

.app-top-header[b-fekawvbbds] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    margin-left: auto;
}

.app-top-item[b-fekawvbbds]  .dropdown,
.app-top-login[b-fekawvbbds]  .dropdown {
    min-width: 0;
    flex: 0 1 auto;
}

.app-top-item[b-fekawvbbds]  .dropdown > .btn,
.app-top-login[b-fekawvbbds]  .dropdown > .btn,
.app-top-header[b-fekawvbbds]  .dropdown > .btn {
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar[b-fekawvbbds]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    pointer-events: none;
    background-image: linear-gradient(
            180deg,
            color-mix(in srgb, currentColor 50%, transparent 50%) 0%,
            color-mix(in srgb, currentColor 90%, black 10%) 50%,
            color-mix(in srgb, currentColor 50%, transparent 50%) 100%
    );
}

.top-row[b-fekawvbbds]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background-image: linear-gradient(
            90deg,
            color-mix(in srgb, currentColor 50%, transparent 50%) 0%,
            color-mix(in srgb, currentColor 90%, black 10%) 50%,
            color-mix(in srgb, currentColor 50%, transparent 50%) 100%
    );
}

.top-row[b-fekawvbbds]  a,
.top-row[b-fekawvbbds]  .btn-link {
    white-space: nowrap;
    text-decoration: none;
}

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

.sidebar-toggle[b-fekawvbbds] {
    width: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-top-mobile-toggle[b-fekawvbbds] {
    display: none;
    width: 42px;
    min-width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
}

.sidebar-toggle[b-fekawvbbds],
.sidebar-toggle:hover[b-fekawvbbds],
.sidebar-toggle:focus[b-fekawvbbds],
.sidebar-toggle:focus-visible[b-fekawvbbds],
.sidebar-toggle:active[b-fekawvbbds],
.sidebar-toggle:active:focus[b-fekawvbbds],
.app-top-mobile-toggle[b-fekawvbbds],
.app-top-mobile-toggle:hover[b-fekawvbbds],
.app-top-mobile-toggle:focus[b-fekawvbbds],
.app-top-mobile-toggle:focus-visible[b-fekawvbbds],
.app-top-mobile-toggle:active[b-fekawvbbds],
.app-top-mobile-toggle:active:focus[b-fekawvbbds] {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

@media (max-width: 1199.98px) {
    .app-brand-text[b-fekawvbbds] {
        max-width: clamp(7rem, 32vw, 20rem);
    }

    .app-top-item[b-fekawvbbds]  .dropdown > .btn,
    .app-top-login[b-fekawvbbds]  .dropdown > .btn {
        max-width: 9.5rem;
    }
}

@media (max-width: 640.98px) {
    .page[b-fekawvbbds] {
        --app-top-row-height: 45px;
    }

    .top-row[b-fekawvbbds] {
        align-items: center;
        padding-left: 0 !important;
        padding-right: .75rem !important;
        padding-top: .15rem;
        padding-bottom: .15rem;
    }

    .app-top-shell[b-fekawvbbds] {
        align-content: center;
        gap: .25rem .4rem;
    }

    .app-top-brand[b-fekawvbbds] {
        flex: 1 1 100%;
        justify-content: flex-start;
        min-height: calc(var(--app-top-row-height) - .3rem);
    }

    .app-brand-text[b-fekawvbbds] {
        max-width: clamp(4.5rem, 26vw, 12rem);
    }

    .app-brand-link[b-fekawvbbds] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .app-top-login[b-fekawvbbds] {
        flex: 0 1 auto;
        margin-left: auto;
    }

    .app-top-login[b-fekawvbbds]  .nav-item {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .app-top-login[b-fekawvbbds]  .dropdown > .btn {
        max-width: 8.75rem;
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .app-top-mobile-toggle[b-fekawvbbds] {
        display: inline-flex;
        flex: 0 0 42px;
    }

    .app-top-extras[b-fekawvbbds] {
        display: none;
        width: 100%;
        flex: 1 1 100%;
        flex-wrap: wrap;
        align-items: center;
        gap: .25rem .4rem;
        padding-top: .25rem;
        border-top: 1px solid var(--bs-border-color);
    }

    .app-top-extras.show[b-fekawvbbds] {
        display: flex;
    }

    .app-top-lang[b-fekawvbbds],
    .app-top-theme[b-fekawvbbds],
    .app-top-size[b-fekawvbbds] {
        flex: 1 1 calc(33.333% - .3rem);
        justify-content: center;
    }

    .app-top-menu[b-fekawvbbds] {
        flex: 1 1 100%;
        justify-content: center;
        padding-top: .25rem;
        padding-bottom: .25rem;
        border-top: 1px solid var(--bs-border-color);
        border-bottom: 1px solid var(--bs-border-color);
    }

    .app-top-header[b-fekawvbbds] {
        flex: 1 1 100%;
        justify-content: center;
        margin-left: 0;
    }

    .app-top-item[b-fekawvbbds]  .dropdown,
    .app-top-item[b-fekawvbbds]  .dropdown > .btn {
        width: 100%;
    }

    .app-top-item[b-fekawvbbds]  .dropdown > .btn,
    .app-top-header[b-fekawvbbds]  .dropdown > .btn {
        max-width: 100%;
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .app-top-item[b-fekawvbbds]  .dropdown-toggle::after,
    .app-top-header[b-fekawvbbds]  .dropdown-toggle::after {
        margin-left: .15rem;
    }

    .sidebar-expanded[b-fekawvbbds] {
        width: 100% !important;
        min-width: 100% !important;
        max-height: 70vh;
    }

    .sidebar-collapsed[b-fekawvbbds] {
        width: 0 !important;
        min-width: 0 !important;
        border: 0 !important;
        display: none !important;
    }

    .sidebar-collapsed[b-fekawvbbds]::after {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .app-brand-text[b-fekawvbbds] {
        display: none;
    }

    .app-top-login[b-fekawvbbds]  .dropdown > .btn {
        max-width: 7.5rem;
    }
}

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

    .sidebar[b-fekawvbbds] {
        height: calc(100vh - var(--app-top-row-height));
        position: sticky;
        top: var(--app-top-row-height);
    }

    .top-row[b-fekawvbbds] {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
}

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

#blazor-error-ui .dismiss[b-fekawvbbds] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/BlazorApp/Components/Layout/MainPageHeader.razor.rz.scp.css */
@media (max-width: 640.98px) {
    .main-page-header[b-7sdn4wkmle] {
        justify-content: center !important;
        flex-wrap: wrap;
        gap: .25rem .5rem !important;
        margin-right: 0 !important;
        text-align: center;
    }

    .main-page-header-title[b-7sdn4wkmle] {
        text-align: center !important;
        min-width: 0;
        max-width: 100%;
    }

    .main-page-header-actions[b-7sdn4wkmle] {
        display: flex;
        justify-content: center;
    }

    .main-page-header-actions > .btn[b-7sdn4wkmle] {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}
/* _content/BlazorApp/Components/Pages/Admin/MailBulkSend.razor.rz.scp.css */
.mail-bulk-page[b-wjpqijmza2] {
    min-width: 0;
}

.mail-bulk-assign-mode[b-wjpqijmza2] {
    max-width: 6rem;
}

.mail-bulk-template[b-wjpqijmza2] {
    min-height: 7rem;
    resize: vertical;
}

.mail-bulk-insert-tools[b-wjpqijmza2] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.mail-bulk-insert-tool .form-control[b-wjpqijmza2] {
    min-width: 0;
}

.mail-bulk-insert-tool .btn[b-wjpqijmza2] {
    white-space: nowrap;
}

.mail-bulk-import[b-wjpqijmza2] {
    min-height: 5rem;
    resize: vertical;
}

.mail-bulk-table[b-wjpqijmza2] {
    min-width: 1560px;
    table-layout: fixed;
}

.mail-bulk-table th:nth-child(3)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(3)[b-wjpqijmza2] {
    width: 10%;
}

.mail-bulk-table th:nth-child(4)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(4)[b-wjpqijmza2] {
    width: 10%;
}

.mail-bulk-table th:nth-child(5)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(5)[b-wjpqijmza2] {
    width: 10%;
}

.mail-bulk-table th:nth-child(6)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(6)[b-wjpqijmza2] {
    width: 17%;
}

.mail-bulk-table th:nth-child(7)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(7)[b-wjpqijmza2] {
    width: 15%;
}

.mail-bulk-table th:nth-child(8)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(8)[b-wjpqijmza2] {
    width: 28%;
}

.mail-bulk-table th:nth-child(9)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(9)[b-wjpqijmza2] {
    width: 14%;
}

.mail-bulk-table th:nth-child(10)[b-wjpqijmza2],
.mail-bulk-table td:nth-child(10)[b-wjpqijmza2] {
    width: 10%;
}

.mail-bulk-row-body[b-wjpqijmza2] {
    min-height: 4.5rem;
    resize: vertical;
}

.mail-bulk-select-col[b-wjpqijmza2] {
    width: 3.25rem;
}

.mail-bulk-index-col[b-wjpqijmza2],
.mail-bulk-delete-col[b-wjpqijmza2] {
    width: 4rem;
}

.mail-bulk-user-table[b-wjpqijmza2] {
    min-width: 720px;
}
/* _content/BlazorApp/Components/Pages/Home.razor.rz.scp.css */
.home-student-gantt-frame[b-rgllmci9wr] {
    width: min(100%, 1400px);
    max-width: 1400px;
    margin-inline: auto;
}
/* _content/BlazorApp/Components/Pages/School/WorkAttendanceModal.razor.rz.scp.css */
.work-attendance-host[b-3xzsc2d0ka] {
    width: 100%;
}

.work-attendance-screen[b-3xzsc2d0ka] {
    width: 100%;
}

.work-attendance-main[b-3xzsc2d0ka] {
    margin: .5rem 0;
}

.work-attendance-nav[b-3xzsc2d0ka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-body-bg);
}

.work-attendance-nav-select[b-3xzsc2d0ka] {
    flex: 1 1 18rem;
    min-width: 14rem;
}

.work-attendance-nav-actions[b-3xzsc2d0ka] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
}

.work-attendance-question-meta[b-3xzsc2d0ka],
.work-attendance-summary-total[b-3xzsc2d0ka] {
    margin-bottom: .5rem;
    padding: .5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-tertiary-bg);
}

.work-attendance-panel[b-3xzsc2d0ka] {
    padding: .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-body-bg);
}

.work-attendance-panel-answer[b-3xzsc2d0ka] {
    border-color: color-mix(in srgb, var(--bs-warning) 45%, var(--bs-border-color) 55%);
}

.work-attendance-panel-correct[b-3xzsc2d0ka] {
    border-color: color-mix(in srgb, var(--bs-success) 45%, var(--bs-border-color) 55%);
}

.work-attendance-panel-title[b-3xzsc2d0ka] {
    margin-bottom: .5rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
}

.work-attendance-question-scroll[b-3xzsc2d0ka],
.work-attendance-correct-answer-wrap[b-3xzsc2d0ka] {
    max-width: 100%;
}

.work-attendance-body-pre[b-3xzsc2d0ka],
.work-attendance-correct-answer-wrap pre[b-3xzsc2d0ka] {
    white-space: pre-wrap;
    overflow-x: auto;
    tab-size: 4;
}

.work-attendance-question-image[b-3xzsc2d0ka] {
    max-width: 100%;
    max-height: 260px;
    object-fit: contain;
}

.work-attendance-answer-editor[b-3xzsc2d0ka] {
    min-height: 220px;
}

.work-attendance-review-row[b-3xzsc2d0ka] {
    margin-bottom: .5rem;
    padding: .5rem;
    border: 1px solid color-mix(in srgb, var(--bs-danger) 35%, var(--bs-border-color) 65%);
    border-radius: .5rem;
    background: color-mix(in srgb, var(--bs-danger) 6%, var(--bs-body-bg) 94%);
}

.work-attendance-review-row:last-child[b-3xzsc2d0ka] {
    margin-top: .5rem;
    margin-bottom: 0;
}

.work-attendance-fillblank-inline[b-3xzsc2d0ka] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
    max-width: 100%;
    padding: .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-tertiary-bg);
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.work-attendance-fillblank-text[b-3xzsc2d0ka] {
    white-space: pre-wrap;
}

.work-attendance-fillblank-field[b-3xzsc2d0ka] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.work-attendance-fillblank-addon[b-3xzsc2d0ka] {
    flex: 0 0 auto;
    min-width: 1.75rem;
    padding-left: .35rem;
    padding-right: .35rem;
    justify-content: center;
    font-weight: 600;
    color: var(--bs-secondary-color);
}

.work-attendance-fillblank-input[b-3xzsc2d0ka] {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.work-attendance-summary-list[b-3xzsc2d0ka] {
    padding-bottom: .25rem;
}

.work-attendance-summary-item[b-3xzsc2d0ka] {
    display: block;
    width: 100%;
    padding: .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    text-align: left;
}

.work-attendance-summary-item:hover[b-3xzsc2d0ka],
.work-attendance-summary-item:focus-visible[b-3xzsc2d0ka] {
    border-color: var(--bs-primary);
    outline: none;
}

.work-attendance-summary-item.is-missing[b-3xzsc2d0ka] {
    border-color: var(--bs-danger);
    background: color-mix(in srgb, var(--bs-danger) 10%, var(--bs-body-bg) 90%);
}

.work-attendance-summary-answer[b-3xzsc2d0ka] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.work-attendance-summary-review-answers[b-3xzsc2d0ka] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.work-attendance-summary-review-line[b-3xzsc2d0ka] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem;
    align-items: start;
}

.work-attendance-summary-review-label[b-3xzsc2d0ka] {
    font-weight: 600;
    color: var(--bs-secondary-color);
    white-space: nowrap;
}

.work-attendance-summary-review-text[b-3xzsc2d0ka] {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-height: 1.35;
    max-height: 2.7em;
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

@media (max-width: 991.98px) {
    .work-attendance-nav[b-3xzsc2d0ka] {
        align-items: stretch;
        flex-direction: column;
    }

    .work-attendance-nav-select[b-3xzsc2d0ka],
    .work-attendance-nav-actions[b-3xzsc2d0ka] {
        width: 100%;
    }

    .work-attendance-nav-select[b-3xzsc2d0ka] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .work-attendance-nav-actions[b-3xzsc2d0ka] {
        flex: 0 0 auto;
    }

    .work-attendance-nav-actions[b-3xzsc2d0ka] {
        justify-content: space-between;
    }

    .work-attendance-fillblank-field[b-3xzsc2d0ka] {
        width: 100%;
    }
}
/* _content/BlazorApp/Components/Pages/Widgets/Widget_Gantt_StudentActivities.razor.rz.scp.css */
.gantt-student-activities-chart[b-q88r1a79un] {
    width: 100% !important;
    min-height: 700px;
}

.gantt-student-activities-chart canvas[b-q88r1a79un] {
    display: block;
    width: 100% !important;
    max-width: 100%;
}

.gantt-row-no[b-q88r1a79un] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .gantt-student-activities-toolbar[b-q88r1a79un] {
        row-gap: 0.5rem !important;
    }

    .gantt-student-activities-chart[b-q88r1a79un] {
        min-height: 360px;
        margin-top: 0.5rem;
    }

    .gantt-student-activities-chart canvas[b-q88r1a79un] {
        min-height: 360px;
    }
}
/* _content/BlazorApp/Components/XComponents/XButtons/XButton.razor.rz.scp.css */
.xbutton[b-d2oet9a1wi] {
    --xb-muted: var(--bs-secondary-color);
}

.xbutton .xbutton-container[b-d2oet9a1wi] {
    display: flex;
    gap: 0.5rem;
}

.xbutton .xbutton-label[b-d2oet9a1wi] {
    white-space: nowrap;
    align-self: center;
    margin-bottom: 0;
    color: var(--xb-muted);
    border: none !important;
    background: transparent !important;
    line-height: 1.5;
}

.xbutton .xbutton-horizontal[b-d2oet9a1wi] {
    flex-direction: row;
    align-items: center;
}

.xbutton .xbutton-vertical[b-d2oet9a1wi] {
    flex-direction: column;
    align-items: stretch;
}

.xbutton .xbutton-vertical .xbutton-label[b-d2oet9a1wi] {
    align-self: flex-start;
}

.xbutton-icon-only[b-d2oet9a1wi] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 1;
    flex: 0 0 auto;
}

.xbutton-icon-only.ui-size-sm[b-d2oet9a1wi] {
    width: calc(1.5em + 0.5rem + 2px);
    height: calc(1.5em + 0.5rem + 2px);
}

.xbutton-icon-only.ui-size-md[b-d2oet9a1wi] {
    width: calc(1.5em + 0.75rem + 2px);
    height: calc(1.5em + 0.75rem + 2px);
}

.xbutton-icon-only.ui-size-lg[b-d2oet9a1wi] {
    width: calc(1.5em + 1rem + 2px);
    height: calc(1.5em + 1rem + 2px);
}
/* _content/BlazorApp/Components/XComponents/XButtons/XButtonGroup.razor.rz.scp.css */
.xbuttongroup[b-cym5rxjkh9] {
    --xbg-gap-x: .5rem;
    --xbg-gap-y: .5rem;
}

.xbuttongroup.xbg-row[b-cym5rxjkh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: var(--xbg-gap-x);
    row-gap: var(--xbg-gap-y);
}

.xbuttongroup.xbg-column[b-cym5rxjkh9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--xbg-gap-y);
}


.xbuttongroup.xbg-wrap[b-cym5rxjkh9] {
    flex-wrap: wrap;
}

.xbuttongroup.xbg-nowrap[b-cym5rxjkh9] {
    flex-wrap: nowrap;
}

.xbuttongroup.xbg-attached.xbg-row[b-cym5rxjkh9] {
    column-gap: 0;
}

.xbuttongroup.xbg-attached.xbg-row > *:not(:first-child)[b-cym5rxjkh9] {
    margin-left: -1px;
}

.xbuttongroup.xbg-attached.xbg-column[b-cym5rxjkh9] {
    row-gap: 0;
}

.xbuttongroup.xbg-attached.xbg-column > *:not(:first-child)[b-cym5rxjkh9] {
    margin-top: -1px;
}

.xbuttongroup.xbg-attached.xbg-row > *:first-child .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-row > *:first-child .xtoggle-wrap[b-cym5rxjkh9] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.xbuttongroup.xbg-attached.xbg-row > *:not(:first-child):not(:last-child) .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-row > *:not(:first-child):not(:last-child) .xtoggle-wrap[b-cym5rxjkh9] {
    border-radius: 0 !important;
}

.xbuttongroup.xbg-attached.xbg-row > *:last-child .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-row > *:last-child .xtoggle-wrap[b-cym5rxjkh9] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.xbuttongroup.xbg-attached.xbg-column > *:first-child .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-column > *:first-child .xtoggle-wrap[b-cym5rxjkh9] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.xbuttongroup.xbg-attached.xbg-column > *:not(:first-child):not(:last-child) .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-column > *:not(:first-child):not(:last-child) .xtoggle-wrap[b-cym5rxjkh9] {
    border-radius: 0 !important;
}

.xbuttongroup.xbg-attached.xbg-column > *:last-child .btn[b-cym5rxjkh9],
.xbuttongroup.xbg-attached.xbg-column > *:last-child .xtoggle-wrap[b-cym5rxjkh9] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

@media (max-width: 768px) {
    .xbuttongroup.xbg-mobile-stack[b-cym5rxjkh9] {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        row-gap: var(--xbg-gap-y) !important;
        column-gap: 0 !important;
        flex-wrap: nowrap !important;
    }

    .xbuttongroup.xbg-mobile-stack > *[b-cym5rxjkh9] {
        width: 100%;
    }

    .xbuttongroup.xbg-mobile-stack > * .btn[b-cym5rxjkh9],
    .xbuttongroup.xbg-mobile-stack > * .xtoggle-wrap[b-cym5rxjkh9] {
        width: 100%;
    }

    .xbuttongroup.xbg-attached.xbg-mobile-stack > *[b-cym5rxjkh9] {
        margin-left: 0 !important;
        margin-top: -1px;
    }

    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:first-child[b-cym5rxjkh9] {
        margin-top: 0 !important;
    }

    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:first-child .btn[b-cym5rxjkh9],
    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:first-child .xtoggle-wrap[b-cym5rxjkh9] {
        border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0 !important;
    }

    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:not(:first-child):not(:last-child) .btn[b-cym5rxjkh9],
    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:not(:first-child):not(:last-child) .xtoggle-wrap[b-cym5rxjkh9] {
        border-radius: 0 !important;
    }

    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:last-child .btn[b-cym5rxjkh9],
    .xbuttongroup.xbg-attached.xbg-mobile-stack > *:last-child .xtoggle-wrap[b-cym5rxjkh9] {
        border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius) !important;
    }
}
/* _content/BlazorApp/Components/XComponents/XButtons/XToggleButton.razor.rz.scp.css */
.xtoggle[b-dg2qsoweh6] {
    --xtg-border: var(--bs-border-color);
    --xtg-radius: var(--bs-border-radius);
    --xtg-toggle-color: var(--bs-primary);
}

.xtoggle .xtoggle-wrap[b-dg2qsoweh6] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1.5;
}

.xtoggle .xtoggle-label[b-dg2qsoweh6] {
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 1.5;
}

.xtoggle .xtoggle-bordered[b-dg2qsoweh6] {
    border: 1px solid var(--xtg-border);
    border-radius: var(--xtg-radius);
}

.xtoggle .form-check[b-dg2qsoweh6] {
    margin: 0;
    display: flex;
    align-items: center;
}

.xtoggle .form-check.form-switch[b-dg2qsoweh6] {
    margin: 0;
    padding-left: 2.5em;
    min-height: auto;
}

.xtoggle .form-check-input[b-dg2qsoweh6] {
    cursor: pointer;
    margin-top: 0;
}

.xtoggle .form-check-input:checked[b-dg2qsoweh6] {
    background-color: var(--xtg-toggle-color);
    border-color: var(--xtg-toggle-color);
}

.xtoggle .form-check-input:focus[b-dg2qsoweh6] {
    border-color: var(--xtg-toggle-color);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--xtg-toggle-color) 25%, transparent 75%);
}

.xtoggle .form-check-input:disabled[b-dg2qsoweh6] {
    cursor: default;
    opacity: .65;
}

.xtoggle .xtoggle-label-disabled[b-dg2qsoweh6] {
    opacity: .65;
}

.xtoggle .xtoggle-sm[b-dg2qsoweh6] {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
}

.xtoggle .xtoggle-md[b-dg2qsoweh6] {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}

.xtoggle .xtoggle-lg[b-dg2qsoweh6] {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
}
/* _content/BlazorApp/Components/XComponents/XCards/XCard.razor.rz.scp.css */
/* =========================================================
   XCard - Bootstrap 5.3 theme-aware
   Works with data-bs-theme="light|dark"
   ========================================================= */

.x-card[b-8mwml1hla4] {
    --xc-fg: var(--bs-body-color);
    --xc-muted: var(--bs-secondary-color);
    --xc-border: var(--bs-border-color);
    --xc-bg: var(--bs-body-bg);
    --xc-soft-bg: var(--bs-tertiary-bg);

    --xc-accent: var(--bs-emphasis-color);
    --xc-accent-rgb: var(--bs-emphasis-color-rgb);

    --xc-header-bg: var(--xc-soft-bg);
    --xc-footer-bg: var(--xc-soft-bg);
    --xc-body-bg: var(--bs-body-bg);

    color: var(--xc-fg);
    background-color: var(--xc-bg);
}

.x-card.h-100[b-8mwml1hla4] {
    display: flex;
    flex-direction: column;
}

.x-card.h-100 .x-card-collapse.show[b-8mwml1hla4] {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.x-card.h-100 .x-card-body-fill[b-8mwml1hla4] {
    flex: 1 1 auto;
    min-height: 0;
}

.x-card.border[b-8mwml1hla4] {
    border-width: 1px;
    border-style: solid;
}

.card.x-card.border[b-8mwml1hla4] {
    border-color: var(--xc-border) !important;
}


.x-card-header[b-8mwml1hla4] {
    color: var(--xc-fg);
    background-color: var(--xc-header-bg);
    padding: .25rem .25rem;
    font-size: inherit;
    font-weight: 600;
    line-height: 1.25;
}

.x-card-body[b-8mwml1hla4] {
    color: var(--xc-fg);
    background-color: var(--xc-body-bg);
}

.x-card:not(.x-card-footer-outside) > .x-card-collapse > .x-card-body:last-child[b-8mwml1hla4] {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.x-card-footer[b-8mwml1hla4] {
    color: var(--xc-fg);
    background-color: var(--xc-footer-bg);
}

.x-card > .x-card-collapse > .x-card-footer:last-child[b-8mwml1hla4],
.x-card > .x-card-footer:last-child[b-8mwml1hla4] {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.x-card.x-card-collapsed > .x-card-header[b-8mwml1hla4] {
    border-bottom: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.x-card-clickable[b-8mwml1hla4] {
    cursor: pointer;
}

.x-card-title[b-8mwml1hla4] {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.25;
    color: var(--bs-emphasis-color);
}

.x-card-subtitle[b-8mwml1hla4] {
    font-size: .875em;
    color: var(--xc-muted);
    line-height: 1.2;
    margin-top: .15rem;
}

.x-card-widget .x-card-body[b-8mwml1hla4] {
    padding: .75rem;
}

.x-card-loading[b-8mwml1hla4] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--bs-body-bg) 65%, transparent 35%);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.x-card-loading .spinner-border[b-8mwml1hla4] {
    color: var(--xc-accent);
}

.x-card-icon[b-8mwml1hla4] {
    font-size: 1.2rem;
    color: var(--xc-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.x-card-caret-btn[b-8mwml1hla4] {
    color: var(--bs-body-color);
    background: transparent;
    border: 0;
    padding: 0;
    opacity: .85;
    line-height: 1;
}

.x-card-caret-btn:hover[b-8mwml1hla4] {
    color: var(--bs-emphasis-color);
    opacity: 1;
    background: color-mix(in srgb, var(--bs-emphasis-color) 10%, transparent 90%);
    border-radius: .25rem;
}

.x-card-caret-btn:focus-visible[b-8mwml1hla4] {
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--bs-emphasis-color) 25%, transparent 75%);
    border-radius: .25rem;
}

/* ---- Border accent ---- */
.card.x-card.border.x-card-primary[b-8mwml1hla4]   { border-color: color-mix(in srgb, var(--bs-primary)   35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-secondary[b-8mwml1hla4] { border-color: color-mix(in srgb, var(--bs-secondary) 35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-success[b-8mwml1hla4]   { border-color: color-mix(in srgb, var(--bs-success)   35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-danger[b-8mwml1hla4]    { border-color: color-mix(in srgb, var(--bs-danger)    35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-warning[b-8mwml1hla4]   { border-color: color-mix(in srgb, var(--bs-warning)   35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-info[b-8mwml1hla4]      { border-color: color-mix(in srgb, var(--bs-info)      35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-dark[b-8mwml1hla4]      { border-color: color-mix(in srgb, var(--bs-dark)      35%, var(--bs-border-color) 65%) !important; }
.card.x-card.border.x-card-light[b-8mwml1hla4]     { border-color: color-mix(in srgb, var(--bs-light)     55%, var(--bs-border-color) 45%) !important; }

/* ---- Header accent surface ---- */
.x-card-header-primary[b-8mwml1hla4]   { --xc-accent: var(--bs-primary);   --xc-accent-rgb: var(--bs-primary-rgb);   background-color: color-mix(in srgb, var(--bs-primary)   18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-secondary[b-8mwml1hla4] { --xc-accent: var(--bs-secondary); --xc-accent-rgb: var(--bs-secondary-rgb); background-color: color-mix(in srgb, var(--bs-secondary) 18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-success[b-8mwml1hla4]   { --xc-accent: var(--bs-success);   --xc-accent-rgb: var(--bs-success-rgb);   background-color: color-mix(in srgb, var(--bs-success)   18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-danger[b-8mwml1hla4]    { --xc-accent: var(--bs-danger);    --xc-accent-rgb: var(--bs-danger-rgb);    background-color: color-mix(in srgb, var(--bs-danger)    18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-warning[b-8mwml1hla4]   { --xc-accent: var(--bs-warning);   --xc-accent-rgb: var(--bs-warning-rgb);   background-color: color-mix(in srgb, var(--bs-warning)   18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-info[b-8mwml1hla4]      { --xc-accent: var(--bs-info);      --xc-accent-rgb: var(--bs-info-rgb);      background-color: color-mix(in srgb, var(--bs-info)      18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-dark[b-8mwml1hla4]      { --xc-accent: var(--bs-dark);      --xc-accent-rgb: var(--bs-dark-rgb);      background-color: color-mix(in srgb, var(--bs-dark)      18%, var(--bs-tertiary-bg) 82%); }
.x-card-header-light[b-8mwml1hla4]     { --xc-accent: var(--bs-light);     --xc-accent-rgb: var(--bs-light-rgb);     background-color: color-mix(in srgb, var(--bs-light)     24%, var(--bs-tertiary-bg) 76%); }

.x-card-header-primary[b-8mwml1hla4],
.x-card-header-secondary[b-8mwml1hla4],
.x-card-header-success[b-8mwml1hla4],
.x-card-header-danger[b-8mwml1hla4],
.x-card-header-warning[b-8mwml1hla4],
.x-card-header-info[b-8mwml1hla4],
.x-card-header-dark[b-8mwml1hla4],
.x-card-header-light[b-8mwml1hla4] {
    color: var(--bs-emphasis-color);
}

/* ---- Body accent surface ---- */
.x-card-body-primary[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-primary)   4%, transparent 96%); }
.x-card-body-secondary[b-8mwml1hla4] { background-color: color-mix(in srgb, var(--bs-secondary) 4%, transparent 96%); }
.x-card-body-success[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-success)   4%, transparent 96%); }
.x-card-body-danger[b-8mwml1hla4]    { background-color: color-mix(in srgb, var(--bs-danger)    4%, transparent 96%); }
.x-card-body-warning[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-warning)   4%, transparent 96%); }
.x-card-body-info[b-8mwml1hla4]      { background-color: color-mix(in srgb, var(--bs-info)      4%, transparent 96%); }
.x-card-body-dark[b-8mwml1hla4]      { background-color: color-mix(in srgb, var(--bs-dark)      4%, transparent 96%); }
.x-card-body-light[b-8mwml1hla4]     { background-color: color-mix(in srgb, var(--bs-light)     8%, transparent 92%); }

/* ---- Footer accent surface ---- */
.x-card-footer-primary[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-primary)   10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-secondary[b-8mwml1hla4] { background-color: color-mix(in srgb, var(--bs-secondary) 10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-success[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-success)   10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-danger[b-8mwml1hla4]    { background-color: color-mix(in srgb, var(--bs-danger)    10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-warning[b-8mwml1hla4]   { background-color: color-mix(in srgb, var(--bs-warning)   10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-info[b-8mwml1hla4]      { background-color: color-mix(in srgb, var(--bs-info)      10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-dark[b-8mwml1hla4]      { background-color: color-mix(in srgb, var(--bs-dark)      10%, var(--bs-tertiary-bg) 90%); }
.x-card-footer-light[b-8mwml1hla4]     { background-color: color-mix(in srgb, var(--bs-light)     16%, var(--bs-tertiary-bg) 84%); }
/* _content/BlazorApp/Components/XComponents/XGrids/XGrid.razor.rz.scp.css */
.xgrid[b-5om0ylad1h] {
    display: grid;
    width: 100%;

    gap: var(--xgrid-gap, 12px);

    grid-template-rows: var(--xgrid-template-rows, auto);
    grid-template-columns: var(--xgrid-template-cols, auto);

    grid-auto-flow: var(--xgrid-auto-flow, row);
    grid-auto-rows: var(--xgrid-auto-rows, minmax(0, auto));
    grid-auto-columns: var(--xgrid-auto-cols, minmax(0, 1fr));

    align-items: stretch;
    justify-items: stretch;

    min-width: 0;
    min-height: 0;
}

/* FullHeight: topbar düşülmüş 100vh */
.xgrid.xgrid-fullheight[b-5om0ylad1h] {
    height: var(--xgrid-height, 100vh);
    min-height: var(--xgrid-height, 100vh);
}

/* grid item’ların taşma saçmalığını engelle */
.xgrid > *[b-5om0ylad1h] {
    min-width: 0;
    min-height: 0;
}

/* ==============================
   RESPONSIVE (OPTIONAL)
   Stack = tüm hücreleri tek kolona indirir
   ve TableLayout pozisyonunu override eder.
   ============================== */

@media (max-width: 767.98px) {
    .xgrid.xgrid-resp-xs-sm[b-5om0ylad1h] {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        grid-auto-rows: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .xgrid.xgrid-resp-xs-sm[b-5om0ylad1h]  .xgridcell {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 991.98px) {
    .xgrid.xgrid-resp-md[b-5om0ylad1h] {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        grid-auto-rows: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .xgrid.xgrid-resp-md[b-5om0ylad1h]  .xgridcell {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 1199.98px) {
    .xgrid.xgrid-resp-lg[b-5om0ylad1h] {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        grid-auto-rows: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .xgrid.xgrid-resp-lg[b-5om0ylad1h]  .xgridcell {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}
/* _content/BlazorApp/Components/XComponents/XGrids/XGridCell.razor.rz.scp.css */
.xgridcell[b-nmf5mpton7] {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 0;
    
    /* overflow: hidden;  */

    overflow: visible; /* hidden yerine */

    position: relative;
}

.xgridcell-body[b-nmf5mpton7] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;

    overflow-y: auto;   /* dikey gerekiyorsa */
    overflow-x: hidden; /* yatay barı tamamen engelle */

    /*overflow-x: auto;*/

    width: 100%;
    box-sizing: border-box;
}

.xgridcell-body *[b-nmf5mpton7] {
    min-width: 0;
}

.xgridcell-header[b-nmf5mpton7] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    /* header ince */
    padding: .25rem .5rem;
    margin: calc(-1 * var(--xgridcell-padfix, 0px)) calc(-1 * var(--xgridcell-padfix, 0px)) .5rem calc(-1 * var(--xgridcell-padfix, 0px));

    border-bottom: 1px solid rgba(0,0,0,.08);
    opacity: .85;
    user-select: none;
    cursor: pointer;
    font-size: .9rem;
}

/* Collapsible olmayan header'da imleç pointer olmasın */
.xgridcell-header-static[b-nmf5mpton7] {
    cursor: default;
}

/* Title cell'in üst border'ına oturur */
.xgridcell-header-on-border[b-nmf5mpton7] {
    position: absolute;
    top: -0.6rem;
    left: .75rem;

    transform: none;

    margin: 0;
    padding: 0 .5rem;

    background: var(--bs-body-bg);
    border-bottom: none !important;

    z-index: 1;
    width: auto;
    max-width: calc(100% - 1.5rem);
    border-radius: .25rem;

    font-size: 1.05rem;
    font-weight: 600;
}

.xgridcell-title[b-nmf5mpton7] { font-weight: 700; }
.xgridcell-titleright[b-nmf5mpton7] { opacity: .75; }
.xgridcell-chevron[b-nmf5mpton7] { opacity: .8; }
/* _content/BlazorApp/Components/XComponents/XIcon.razor.rz.scp.css */
.x-icon[b-exivu5dp47] {
    display: inline-block;
    vertical-align: middle;
    background-color: currentColor;
    mask-image: var(--x-icon-url);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--x-icon-url);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
/* _content/BlazorApp/Components/XComponents/XInputs/XInput.razor.rz.scp.css */
.xinput[b-6m1ptb1o54] {
    --xi-bg: var(--bs-tertiary-bg);
    --xi-fg: var(--bs-body-color);
    --xi-muted: var(--bs-secondary-color);
    --xi-border: var(--bs-border-color);
    --xi-accent: var(--xi-fg);
    --xi-accent-bg: var(--xi-bg);
    --xi-accent-border: var(--xi-border);
    --xi-focus: color-mix(in srgb, var(--xi-fg) 18%, transparent 82%);
}

.xinput .xinput-container[b-6m1ptb1o54] {
    display: flex;
    gap: 0.5rem;
}

.xinput .xinput-label[b-6m1ptb1o54] {
    white-space: nowrap;
    align-self: center;
    margin-bottom: 0;
    color: var(--xi-muted);
    border: none !important;
    background: transparent !important;
    line-height: 1.5;
}

.xinput .xinput-label-sm[b-6m1ptb1o54] {
    font-size: 0.8rem;
}

.xinput .xinput-label-md[b-6m1ptb1o54] {
    font-size: 1rem;
}

.xinput .xinput-label-lg[b-6m1ptb1o54] {
    font-size: 1.2rem;
}

.xinput .xinput-horizontal[b-6m1ptb1o54] {
    flex-direction: row;
    align-items: center;
}

.xinput .xinput-horizontal .xinput-label[b-6m1ptb1o54] {
    flex-shrink: 0;
}

.xinput .xinput-vertical[b-6m1ptb1o54] {
    flex-direction: column;
    align-items: stretch;
}

.xinput .xinput-vertical .xinput-label[b-6m1ptb1o54] {
    align-self: flex-start;
}

.xinput .xinput-dt-stacked[b-6m1ptb1o54] {
    flex-direction: column;
    gap: 0.25rem;
}

.xinput .xinput-dt-stacked input[b-6m1ptb1o54] {
    width: 100%;
}

.xinput[b-6m1ptb1o54]  .xinput-control {
    background-color: var(--xi-bg);
    color: var(--xi-fg);
    border-color: var(--xi-border);
}

.xinput[b-6m1ptb1o54]  .xinput-control::placeholder {
    color: var(--xi-fg);
    opacity: .75;
}

.xinput[b-6m1ptb1o54]  .xinput-control:hover {
    border-color: var(--xi-accent);
}

.xinput[b-6m1ptb1o54]  .xinput-control:focus {
    border-color: var(--xi-accent-border);
    box-shadow: 0 0 0 .2rem var(--xi-focus);
    background-color: color-mix(in srgb, var(--xi-accent-bg) 45%, var(--xi-bg) 55%);
    color: var(--xi-fg);
}

.xinput[b-6m1ptb1o54]  .xinput-control[readonly] {
    opacity: 0.85;
    background-color: color-mix(in srgb, var(--xi-bg) 85%, transparent 15%);
}

.xinput[b-6m1ptb1o54]  .xinput-accent {
    border-color: var(--xi-accent-border);
    background-color: color-mix(in srgb, var(--xi-accent-bg) 35%, var(--xi-bg) 65%);
}
/* _content/BlazorApp/Components/XComponents/XInputs/XInputGroup.razor.rz.scp.css */
.xinputgroup[b-t4qffuop69] {
    --xig-gap-x: .5rem;
    --xig-gap-y: .5rem;
    display: flex;
    min-width: 0;
}

.xinputgroup.xig-horizontal[b-t4qffuop69] {
    flex-direction: row;
    column-gap: var(--xig-gap-x);
    row-gap: var(--xig-gap-y);
}

.xinputgroup.xig-grid[b-t4qffuop69] {
    display: grid;
    grid-template-columns: var(--xig-columns);
    column-gap: var(--xig-gap-x);
    row-gap: var(--xig-gap-y);
}

.xinputgroup.xig-vertical[b-t4qffuop69] {
    flex-direction: column;
    row-gap: var(--xig-gap-y);
}

.xinputgroup.xig-wrap[b-t4qffuop69] {
    flex-wrap: wrap;
}

.xinputgroup.xig-nowrap[b-t4qffuop69] {
    flex-wrap: nowrap;
}

.xinputgroup > *[b-t4qffuop69] {
    min-width: 0;
}

.xinputgroup.xig-attached[b-t4qffuop69] {
    --xig-radius: var(--bs-border-radius);
}

.xinputgroup.xig-attached.xig-horizontal:not(.xig-grid) > *:not(:first-child)[b-t4qffuop69] {
    margin-left: -1px;
}

.xinputgroup.xig-attached.xig-vertical > *:not(:first-child)[b-t4qffuop69] {
    margin-top: -1px;
}

.xinputgroup.xig-attached[b-t4qffuop69] (.btn),
.xinputgroup.xig-attached[b-t4qffuop69] (.form-control),
.xinputgroup.xig-attached[b-t4qffuop69] (.xselect-display),
.xinputgroup.xig-attached[b-t4qffuop69] (.xselectdb-display) {
    border-radius: 0 !important;
}

.xinputgroup.xig-attached.xig-horizontal > *:first-child[b-t4qffuop69] (.btn),
.xinputgroup.xig-attached.xig-horizontal > *:first-child[b-t4qffuop69] (.form-control),
.xinputgroup.xig-attached.xig-horizontal > *:first-child[b-t4qffuop69] (.xselect-display),
.xinputgroup.xig-attached.xig-horizontal > *:first-child[b-t4qffuop69] (.xselectdb-display),
.xinputgroup.xig-attached.xig-horizontal > .btn:first-child[b-t4qffuop69],
.xinputgroup.xig-attached.xig-horizontal > .form-control:first-child[b-t4qffuop69] {
    border-top-left-radius: var(--xig-radius) !important;
    border-bottom-left-radius: var(--xig-radius) !important;
}

.xinputgroup.xig-attached.xig-horizontal > *:last-child[b-t4qffuop69] (.btn),
.xinputgroup.xig-attached.xig-horizontal > *:last-child[b-t4qffuop69] (.form-control),
.xinputgroup.xig-attached.xig-horizontal > *:last-child[b-t4qffuop69] (.xselect-display),
.xinputgroup.xig-attached.xig-horizontal > *:last-child[b-t4qffuop69] (.xselectdb-display),
.xinputgroup.xig-attached.xig-horizontal > .btn:last-child[b-t4qffuop69],
.xinputgroup.xig-attached.xig-horizontal > .form-control:last-child[b-t4qffuop69] {
    border-top-right-radius: var(--xig-radius) !important;
    border-bottom-right-radius: var(--xig-radius) !important;
}

.xinputgroup.xig-attached.xig-vertical > *:first-child[b-t4qffuop69] (.btn),
.xinputgroup.xig-attached.xig-vertical > *:first-child[b-t4qffuop69] (.form-control),
.xinputgroup.xig-attached.xig-vertical > *:first-child[b-t4qffuop69] (.xselect-display),
.xinputgroup.xig-attached.xig-vertical > *:first-child[b-t4qffuop69] (.xselectdb-display),
.xinputgroup.xig-attached.xig-vertical > .btn:first-child[b-t4qffuop69],
.xinputgroup.xig-attached.xig-vertical > .form-control:first-child[b-t4qffuop69] {
    border-top-left-radius: var(--xig-radius) !important;
    border-top-right-radius: var(--xig-radius) !important;
}

.xinputgroup.xig-attached.xig-vertical > *:last-child[b-t4qffuop69] (.btn),
.xinputgroup.xig-attached.xig-vertical > *:last-child[b-t4qffuop69] (.form-control),
.xinputgroup.xig-attached.xig-vertical > *:last-child[b-t4qffuop69] (.xselect-display),
.xinputgroup.xig-attached.xig-vertical > *:last-child[b-t4qffuop69] (.xselectdb-display),
.xinputgroup.xig-attached.xig-vertical > .btn:last-child[b-t4qffuop69],
.xinputgroup.xig-attached.xig-vertical > .form-control:last-child[b-t4qffuop69] {
    border-bottom-left-radius: var(--xig-radius) !important;
    border-bottom-right-radius: var(--xig-radius) !important;
}

@media (max-width: 768px) {
    .xinputgroup.xig-mobile-stack[b-t4qffuop69] {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        row-gap: var(--xig-gap-y) !important;
        column-gap: 0 !important;
        flex-wrap: nowrap !important;
    }

    .xinputgroup.xig-grid.xig-mobile-stack[b-t4qffuop69] {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .xinputgroup.xig-mobile-stack > *[b-t4qffuop69] {
        width: 100%;
    }
}
/* _content/BlazorApp/Components/XComponents/XListSelects/XListSelect.razor.rz.scp.css */
.xlistselect-toolbar[b-uh03tm4whb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    min-width: 0;
}

.xlistselect-toolbar-left[b-uh03tm4whb],
.xlistselect-toolbar-center[b-uh03tm4whb],
.xlistselect-toolbar-right[b-uh03tm4whb] {
    min-width: 0;
}

.xlistselect-toolbar-center[b-uh03tm4whb] {
    justify-self: center;
    width: min(100%, 48rem);
}

.xlistselect-toolbar-select[b-uh03tm4whb] {
    flex: 1 1 16rem;
    min-width: min(100%, 14rem);
}

.xlistselect-toolbar-select-view[b-uh03tm4whb] {
    max-width: 28rem;
}

.xlistselect-toolbar-select-cards[b-uh03tm4whb] {
    max-width: 22rem;
}

.xlistselect-toolbar-global-actions[b-uh03tm4whb] {
    flex: 0 1 auto;
    max-width: 100%;
    overflow: visible;
    white-space: nowrap;
}

.xlistselect-toolbar-global-actions[b-uh03tm4whb]  .xbuttongroup {
    flex-wrap: nowrap;
}

.xlistselect-toolbar-right[b-uh03tm4whb] {
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
}

.xlistselect-toolbar-right[b-uh03tm4whb]  .btn,
.xlistselect-toolbar-inline-actions .btn[b-uh03tm4whb] {
    white-space: nowrap;
}

.xlistselect-toolbar[b-uh03tm4whb]  .xselect-main,
.xlistselect-toolbar[b-uh03tm4whb]  .xselect-display {
    min-width: 0;
}

.xlistselect-toolbar[b-uh03tm4whb]  .xselect-display {
    overflow: hidden;
}

.xlistselect-toolbar[b-uh03tm4whb]  .xselect-display > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xlistselect-actions[b-uh03tm4whb] {
    position: relative;
}

.xlistselect-action-menu .dropdown-toggle[b-uh03tm4whb]::after {
    display: none;
}

.xlistselect-action-menu .dropdown-menu[b-uh03tm4whb] {
    min-width: 11rem;
}

.xlistselect-action-menu .dropdown-item[b-uh03tm4whb] {
    font-size: inherit;
}


@media (max-width: 767.98px) {
    .xlistselect-toolbar[b-uh03tm4whb] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .xlistselect-toolbar-left[b-uh03tm4whb],
    .xlistselect-toolbar-center[b-uh03tm4whb],
    .xlistselect-toolbar-right[b-uh03tm4whb] {
        width: 100%;
        justify-self: stretch;
    }

    .xlistselect-toolbar-left[b-uh03tm4whb],
    .xlistselect-toolbar-right[b-uh03tm4whb] {
        justify-content: center !important;
    }

    .xlistselect-toolbar-center[b-uh03tm4whb] {
        flex-direction: column;
        align-items: stretch !important;
        width: 100%;
    }

    .xlistselect-toolbar-select[b-uh03tm4whb] {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        width: 100%;
    }

    .xlistselect-toolbar-global-actions[b-uh03tm4whb] {
        width: 100%;
    }

    .xlistselect-toolbar[b-uh03tm4whb]  .xselect .xselect-horizontal {
        flex-direction: column;
        align-items: stretch;
        gap: .25rem;
    }

    .xlistselect-toolbar[b-uh03tm4whb]  .xselect .xselect-horizontal .xselect-label {
        width: 100%;
        flex: 0 0 auto;
        margin-left: 0;
        margin-right: 0;
    }
}
/* _content/BlazorApp/Components/XComponents/XMainWithSidebar.razor.rz.scp.css */
.x-main-with-sidebar[b-39vobppigc] {
    position: relative;
    width: 100%;
}

.x-main-content[b-39vobppigc] {
    transition: margin 0.3s ease;
}

/* Sağ sidebar */
.x-sidebar.right[b-39vobppigc] {
    position: fixed;
    top: var(--app-top-row-height, 60px);
    height: calc(100vh - var(--app-top-row-height, 60px));
    height: calc(100dvh - var(--app-top-row-height, 60px));
    right: 0;
    box-sizing: border-box;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 999;

    background-color: var(--x-sidebar-bg-color, var(--bs-body-bg)) !important;
    color: var(--bs-body-color);

    padding-top: 50px !important;
    padding-bottom: .75rem !important;
    padding-left: 4px !important;

    /*background-image: linear-gradient(*/
    /*        180deg,*/
    /*        color-mix(in srgb, currentColor 90%, black 10%) 0%,*/
    /*        color-mix(in srgb, currentColor 50%, transparent 50%) 100%*/
    /*) !important;*/
}

.x-sidebar.right[b-39vobppigc]  > *:first-child {
    margin-top: 0 !important;
}


.x-sidebar.right[b-39vobppigc]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;
    background-image: linear-gradient(
            180deg,
            color-mix(in srgb, currentColor 50%, transparent 50%) 0%,
            color-mix(in srgb, currentColor 90%, black 10%) 50%,
            color-mix(in srgb, currentColor 50%, transparent 50%) 100%
    );

}


/* Açılınca */
.x-sidebar.right.show[b-39vobppigc] {
    transform: translateX(0);
}

/* Close butonu */
.x-sidebar .closebtn[b-39vobppigc] {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 1.5rem;
    background: none;
    border: none;
}

/* Toggle button */
.toggle-right-btn[b-39vobppigc] {
    position: fixed;
    top: calc(var(--app-top-row-height, 60px) + 4px);
    right: 0;
    z-index: 1050;
    width: 42px;
    height: 42px;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: right 0.3s ease;
}

.toggle-right-btn[b-39vobppigc],
.toggle-right-btn:hover[b-39vobppigc],
.toggle-right-btn:focus[b-39vobppigc],
.toggle-right-btn:focus-visible[b-39vobppigc],
.toggle-right-btn:active[b-39vobppigc],
.toggle-right-btn:active:focus[b-39vobppigc] {
    border: 0 !important;
    --bs-btn-border-width: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.toggle-right-btn.show[b-39vobppigc] {
    right: calc(var(--x-right-sidebar-width, 300px) - 46px);
}

/* Mobile uyum */
@media (max-width: 640px) {
    .x-main-content[b-39vobppigc] {
        margin-right: 0 !important;
    }

    .x-sidebar.right[b-39vobppigc] {
        width: 100vw !important;
        max-width: 100vw !important;
        top: var(--app-top-row-height, 45px);
        height: calc(100dvh - var(--app-top-row-height, 45px));
    }

    .toggle-right-btn[b-39vobppigc],
    .toggle-right-btn.show[b-39vobppigc] {
        right: 4px;
    }
}
/* _content/BlazorApp/Components/XComponents/XMainWithSidebarBoth.razor.rz.scp.css */
.x-main-with-sidebar-both[b-kumz661cp0] {
    position: relative;
    width: 100%;
}

.x-main-content[b-kumz661cp0] {
    transition: margin 0.3s ease;
}

.x-sidebar.sidebar-left[b-kumz661cp0],
.x-sidebar.sidebar-right[b-kumz661cp0] {
    position: fixed;
    top: var(--app-top-row-height, 60px);
    height: calc(100vh - var(--app-top-row-height, 60px));
    height: calc(100dvh - var(--app-top-row-height, 60px));
    box-sizing: border-box;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    transition: transform 0.3s ease;
    z-index: 999;
    color: var(--bs-body-color);
    padding-top: 50px !important;
    padding-bottom: .75rem !important;
}

.x-sidebar.sidebar-left[b-kumz661cp0]  > *:first-child,
.x-sidebar.sidebar-right[b-kumz661cp0]  > *:first-child {
    margin-top: 0 !important;
}

.x-sidebar.sidebar-left[b-kumz661cp0] {
    left: var(--app-sidebar-offset, 0px);
    transform: translateX(calc(-100% - var(--app-sidebar-offset, 0px)));
    background-color: var(--x-left-sidebar-bg-color, var(--bs-body-bg)) !important;
    background-clip: padding-box;
    padding-right: 4px !important;
    border-right: 4px solid transparent;
    border-image-source: linear-gradient(
            180deg,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 50%, transparent 50%) 0%,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 90%, black 10%) 50%,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 50%, transparent 50%) 100%
    );
    border-image-slice: 1;
}

.x-sidebar.sidebar-right[b-kumz661cp0] {
    right: 0;
    transform: translateX(100%);
    background-color: var(--x-right-sidebar-bg-color, var(--bs-body-bg)) !important;
    padding-left: 4px !important;
}

.x-sidebar.sidebar-right[b-kumz661cp0]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background-image: linear-gradient(
            180deg,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 50%, transparent 50%) 0%,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 90%, black 10%) 50%,
            color-mix(in srgb, var(--x-sidebar-edge-color, currentColor) 50%, transparent 50%) 100%
    );
}

.x-sidebar.sidebar-right[b-kumz661cp0]::before {
    left: 0;
}

.x-sidebar.sidebar-left.show[b-kumz661cp0],
.x-sidebar.sidebar-right.show[b-kumz661cp0] {
    transform: translateX(0);
}

.toggle-left-btn[b-kumz661cp0],
.toggle-right-btn[b-kumz661cp0] {
    position: fixed;
    top: calc(var(--app-top-row-height, 60px) + 4px);
    z-index: 1050;
    width: 42px;
    height: 42px;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: left 0.3s ease, right 0.3s ease;
}

.toggle-left-btn[b-kumz661cp0],
.toggle-left-btn:hover[b-kumz661cp0],
.toggle-left-btn:focus[b-kumz661cp0],
.toggle-left-btn:focus-visible[b-kumz661cp0],
.toggle-left-btn:active[b-kumz661cp0],
.toggle-left-btn:active:focus[b-kumz661cp0],
.toggle-right-btn[b-kumz661cp0],
.toggle-right-btn:hover[b-kumz661cp0],
.toggle-right-btn:focus[b-kumz661cp0],
.toggle-right-btn:focus-visible[b-kumz661cp0],
.toggle-right-btn:active[b-kumz661cp0],
.toggle-right-btn:active:focus[b-kumz661cp0] {
    border: 0 !important;
    --bs-btn-border-width: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.toggle-left-btn[b-kumz661cp0] {
    left: calc(var(--app-sidebar-offset, 0px) + 4px);
}

.toggle-left-btn.show[b-kumz661cp0] {
    left: calc(var(--app-sidebar-offset, 0px) + var(--x-left-sidebar-width, 300px) - 46px);
}

.toggle-right-btn[b-kumz661cp0] {
    right: 0;
}

.toggle-right-btn.show[b-kumz661cp0] {
    right: calc(var(--x-right-sidebar-width, 300px) - 46px);
}

@media (max-width: 640px) {
    .x-main-content[b-kumz661cp0] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .x-sidebar.sidebar-left[b-kumz661cp0],
    .x-sidebar.sidebar-right[b-kumz661cp0] {
        width: 100vw !important;
        max-width: 100vw !important;
        top: var(--app-top-row-height, 45px);
        height: calc(100dvh - var(--app-top-row-height, 45px));
    }

    .x-sidebar.sidebar-left[b-kumz661cp0] {
        left: 0;
        transform: translateX(-100%);
    }

    .toggle-left-btn[b-kumz661cp0],
    .toggle-left-btn.show[b-kumz661cp0],
    .toggle-right-btn[b-kumz661cp0],
    .toggle-right-btn.show[b-kumz661cp0] {
        top: calc(var(--app-top-row-height, 60px) + 4px);
    }

    .toggle-left-btn[b-kumz661cp0],
    .toggle-left-btn.show[b-kumz661cp0] {
        left: 4px;
    }

    .toggle-right-btn[b-kumz661cp0],
    .toggle-right-btn.show[b-kumz661cp0] {
        right: 4px;
    }
}
/* _content/BlazorApp/Components/XComponents/XPagination.razor.rz.scp.css */
/* =========================================================
   XPagination (Bootstrap 5.3 theme-aware)
   ========================================================= */

.xpagination[b-tcbiwlsa87] {
    --xp-fg: var(--bs-body-color);
    --xp-muted: var(--bs-secondary-color);
    --xp-bg: var(--bs-tertiary-bg);
    --xp-border: var(--bs-border-color);

    --xp-accent: var(--xp-fg);
    --xp-accent-soft: color-mix(in srgb, var(--xp-fg) 10%, transparent 90%);
    --xp-accent-border: color-mix(in srgb, var(--xp-fg) 25%, var(--xp-border) 75%);
    --xp-accent-strong: color-mix(in srgb, var(--xp-fg) 85%, transparent 15%);
    --xp-active-fg: var(--bs-body-bg);

    --xp-radius: var(--bs-border-radius);

    container-type: inline-size;
    container-name: xpagination;
}

.xpagination-card[b-tcbiwlsa87] {
    width: 100%;
}

/* ===============================
   RANGE BOX
   =============================== */

.xpagination .xp-range[b-tcbiwlsa87] {
    background: var(--xp-bg);
    color: var(--xp-fg);
    border: 1px solid var(--xp-border);
    border-radius: var(--xp-radius);

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    width: 100%;
    text-align: center;
}

/* ===============================
   PAGINATION BASE
   =============================== */

.xpagination .pagination[b-tcbiwlsa87] {
    margin-bottom: 0;
}

.xpagination .pagination .page-item[b-tcbiwlsa87] {
    margin: 0;
}

.xpagination .pagination .page-link[b-tcbiwlsa87] {
    color: var(--xp-fg);
    background: var(--xp-bg);
    border-color: var(--xp-border);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    white-space: nowrap;
}

.xpagination .pagination .page-link:hover[b-tcbiwlsa87] {
    background: color-mix(in srgb, var(--xp-accent) 16%, var(--xp-bg) 84%);
    border-color: var(--xp-accent-border);
    color: var(--xp-fg);
}

.xpagination .pagination .page-link:focus[b-tcbiwlsa87] {
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--xp-accent) 18%, transparent 82%);
}

.xpagination .pagination .page-item.active .page-link[b-tcbiwlsa87] {
    color: var(--xp-active-fg);
    background: var(--xp-accent-strong);
    border-color: var(--xp-accent-strong);
    font-weight: 700;
}

.xpagination .pagination .page-item.disabled .page-link[b-tcbiwlsa87],
.xpagination .pagination .page-link:disabled[b-tcbiwlsa87] {
    color: var(--xp-muted);
    background: color-mix(in srgb, var(--xp-bg) 85%, transparent 15%);
    border-color: var(--xp-border);
    opacity: .7;
}

/* ===============================
   SIZE: SMALL
   =============================== */

.xpagination .pagination.pagination-sm .page-link[b-tcbiwlsa87] {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
}

.xpagination .xp-range.xp-range-sm[b-tcbiwlsa87] {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* ===============================
   SIZE: NORMAL
   =============================== */

.xpagination .pagination:not(.pagination-sm):not(.pagination-lg) .page-link[b-tcbiwlsa87] {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.xpagination .xp-range.xp-range-md[b-tcbiwlsa87] {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

/* ===============================
   SIZE: LARGE
   =============================== */

.xpagination .pagination.pagination-lg .page-link[b-tcbiwlsa87] {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
}

.xpagination .xp-range.xp-range-lg[b-tcbiwlsa87] {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}

/* ===============================
   SPACING
   =============================== */

.xpagination .xp-buttons-box[b-tcbiwlsa87] {
    width: 100%;
}

.xpagination .xp-pagination-list[b-tcbiwlsa87] {
    flex-wrap: nowrap;
}

.xpagination .xp-buttons-wrap[b-tcbiwlsa87],
.xpagination .xp-range-wrap[b-tcbiwlsa87] {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.xpagination .xp-range-wrap[b-tcbiwlsa87] {
    min-width: 9rem;
}

/* ===============================
   NO BORDER (ShowBorder = false)
   =============================== */

.xpagination.xp-no-border .xp-range[b-tcbiwlsa87] {
    border-color: transparent;
    box-shadow: none;
}

.xpagination.xp-no-border .pagination .page-link[b-tcbiwlsa87],
.xpagination.xp-no-border .pagination .page-link:hover[b-tcbiwlsa87],
.xpagination.xp-no-border .pagination .page-link:focus[b-tcbiwlsa87],
.xpagination.xp-no-border .pagination .page-item.active .page-link[b-tcbiwlsa87],
.xpagination.xp-no-border .pagination .page-item.disabled .page-link[b-tcbiwlsa87],
.xpagination.xp-no-border .pagination .page-link:disabled[b-tcbiwlsa87] {
    border-color: transparent;
    box-shadow: none;
}

/* XSelect inline style ile --x-border bastığı için ::deep + doğrudan border-color override gerekiyor.
   Hover/focus/focus-within ve box-shadow tüm state'leri kapsanıyor. */
.xpagination.xp-no-border[b-tcbiwlsa87]  .xselect {
    --x-border: transparent !important;
    --x-accent-border: transparent !important;
}

.xpagination.xp-no-border[b-tcbiwlsa87]  .xselect-display,
.xpagination.xp-no-border[b-tcbiwlsa87]  .xselect-display:hover,
.xpagination.xp-no-border[b-tcbiwlsa87]  .xselect-display:focus,
.xpagination.xp-no-border[b-tcbiwlsa87]  .xselect-display:focus-within {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* ===============================
   NO BG (ShowBg = false)
   Aktif buton rengi (page-item.active) korunur.
   =============================== */

.xpagination.xp-no-bg .xp-range[b-tcbiwlsa87] {
    background: transparent;
}

.xpagination.xp-no-bg .pagination .page-link[b-tcbiwlsa87] {
    background: transparent;
}

.xpagination.xp-no-bg .pagination .page-link:hover[b-tcbiwlsa87] {
    background: color-mix(in srgb, var(--xp-accent) 10%, transparent 90%);
}

.xpagination.xp-no-bg .pagination .page-item.disabled .page-link[b-tcbiwlsa87],
.xpagination.xp-no-bg .pagination .page-link:disabled[b-tcbiwlsa87] {
    background: transparent;
}

/* XSelect inline style override (--x-bg + --x-accent-bg) */
.xpagination.xp-no-bg[b-tcbiwlsa87]  .xselect {
    --x-bg: transparent !important;
    --x-accent-bg: transparent !important;
}

.xpagination.xp-no-bg[b-tcbiwlsa87]  .xselect-display {
    background: transparent !important;
}

/* =========================================================
   CONTAINER QUERY
   Panel daraldığında ekran küçük gibi davransın.
   Orta dar alanda hepsi alt alta dizilmez; satır genişliğine göre wrap olur.
   Görsel sıra: orderby → recordinfo → [pagesize | pagenumber] → buttons
   ========================================================= */

/* Orta dar alan: 480-620 arası */
@container xpagination (max-width: 620px) {
    /* Görsel sırayı CSS order ile kuruyoruz (DOM sırasını değiştirmeden) */
    .xpagination .xp-orderby[b-tcbiwlsa87]      { order: 1; }
    .xpagination .xp-range-wrap[b-tcbiwlsa87]   { order: 2; }
    .xpagination .xp-pagesize[b-tcbiwlsa87]     { order: 3; }
    .xpagination .xp-pagenumber[b-tcbiwlsa87]   { order: 4; }
    .xpagination .xp-buttons-wrap[b-tcbiwlsa87] { order: 5; }

    /* Tek başına satır kaplayanlar */
    .xpagination .xp-orderby[b-tcbiwlsa87],
    .xpagination .xp-range-wrap[b-tcbiwlsa87],
    .xpagination .xp-buttons-wrap[b-tcbiwlsa87] {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    /* pagesize + pagenumber ikisi de görünüyorsa aynı satırda 50/50 */
    .xpagination.xp-has-pagesize.xp-has-pagenumber .xp-pagesize[b-tcbiwlsa87],
    .xpagination.xp-has-pagesize.xp-has-pagenumber .xp-pagenumber[b-tcbiwlsa87] {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }

    /* Yalnızca biri görünüyorsa o tek başına 100% */
    .xpagination:not(.xp-has-pagenumber) .xp-pagesize[b-tcbiwlsa87],
    .xpagination:not(.xp-has-pagesize) .xp-pagenumber[b-tcbiwlsa87] {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .xpagination .xp-buttons-box[b-tcbiwlsa87] {
        justify-content: center !important;
    }
}

/* Daha dar alan (mobil): pagesize + pagenumber de alt alta */
@container xpagination (max-width: 480px) {
    .xpagination.xp-has-pagesize.xp-has-pagenumber .xp-pagesize[b-tcbiwlsa87],
    .xpagination.xp-has-pagesize.xp-has-pagenumber .xp-pagenumber[b-tcbiwlsa87] {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .xpagination .xp-pagination-list[b-tcbiwlsa87] {
        flex-wrap: wrap;
        justify-content: center !important;
        row-gap: 0.35rem;
    }
}

/* Çok dar alan */
@container xpagination (max-width: 420px) {
    .xpagination .pagination .page-link[b-tcbiwlsa87] {
        padding: 0.3rem 0.55rem;
        min-height: calc(1.5em + 0.55rem + 2px);
        font-size: 0.9rem;
    }

    .xpagination .xp-range[b-tcbiwlsa87] {
        white-space: normal;
        word-break: break-word;
    }
}
/* _content/BlazorApp/Components/XComponents/XSelects/XSelect.razor.rz.scp.css */
.xselect[b-035mzhmtjm] {
    --x-bg: var(--bs-tertiary-bg);
    --x-fg: var(--bs-body-color);
    --x-muted: var(--bs-secondary-color);
    --x-border: var(--bs-border-color);
    --x-menu-bg: var(--bs-body-bg);

    --x-accent: var(--x-fg);
    --x-accent-bg: var(--x-bg);
    --x-accent-border: var(--x-border);

    width: 100%;
}

.xselect .xselect-container[b-035mzhmtjm] {
    display: flex;
    gap: .5rem;
    width: 100%;
}

.xselect .xselect-horizontal[b-035mzhmtjm] {
    flex-direction: row;
    align-items: center;
}

.xselect .xselect-vertical[b-035mzhmtjm] {
    flex-direction: column;
    align-items: stretch;
}

.xselect .xselect-label[b-035mzhmtjm] {
    white-space: nowrap;
    margin-bottom: 0;
    border: none !important;
    background: transparent !important;
    display: flex;
    align-items: center;
    color: var(--x-muted);
    line-height: 1.5;
}

.xselect .xselect-label-sm[b-035mzhmtjm] {
    font-size: 0.8rem;
}

.xselect .xselect-label-md[b-035mzhmtjm] {
    font-size: 1rem;
}

.xselect .xselect-label-lg[b-035mzhmtjm] {
    font-size: 1.2rem;
}

.xselect .xselect-label.before[b-035mzhmtjm] {
    margin-right: .25rem;
}

.xselect .xselect-label.after[b-035mzhmtjm] {
    margin-left: .25rem;
}

.xselect .xselect-horizontal .xselect-label[b-035mzhmtjm] {
    width: 25%;
    flex: 0 0 25%;
}

.xselect .xselect-vertical .xselect-label[b-035mzhmtjm] {
    width: 100%;
    flex: 0 0 100%;
}

.xselect .xselect-main[b-035mzhmtjm] {
    flex: 1 1 auto;
    width: 100%;
}

.xselect .xselect-scroll[b-035mzhmtjm] {
    max-height: 260px;
    overflow-y: auto;
}

.xselect .dropdown-item.disabled[b-035mzhmtjm] {
    pointer-events: none;
}

.xselect .xselect-display[b-035mzhmtjm] {
    background: var(--x-bg);
    color: var(--x-fg);
    border: 1px solid var(--x-border);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    user-select: none;
    line-height: 1.5;
    box-sizing: border-box;
}

.xselect .xselect-display-sm[b-035mzhmtjm] {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.xselect .xselect-display-md[b-035mzhmtjm] {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

.xselect .xselect-display-lg[b-035mzhmtjm] {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}

.xselect .xselect-display:hover[b-035mzhmtjm] {
    border-color: var(--x-accent);
}

.xselect .xselect-placeholder[b-035mzhmtjm] {
    color: var(--x-fg);
    opacity: .85;
}

.xselect .xselect-chip[b-035mzhmtjm] {
    background: var(--x-accent-bg);
    color: var(--x-fg);
    border: 1px solid var(--x-accent-border);
    border-radius: 999px;
    padding: 0.01rem 0.4rem;
    line-height: 1.05;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    box-sizing: border-box;
    max-width: 100%;
}

.xselect .xselect-chip-x[b-035mzhmtjm] {
    opacity: .75;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.xselect .xselect-chip-x:hover[b-035mzhmtjm] {
    opacity: 1;
}

.xselect .xselect-clear[b-035mzhmtjm] {
    color: var(--x-fg);
    opacity: .75;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    vertical-align: middle;
}

.xselect .xselect-clear:hover[b-035mzhmtjm] {
    opacity: 1;
    background: transparent;
    color: var(--x-fg);
}

.xselect .xselect-clear:focus[b-035mzhmtjm],
.xselect .xselect-clear:focus-visible[b-035mzhmtjm] {
    outline: none;
    box-shadow: none;
    background: transparent;
}

.xselect .xselect-clear[b-035mzhmtjm]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.xselect .xselect-caret[b-035mzhmtjm] {
    color: var(--x-fg);
}

.xselect .dropdown-menu[b-035mzhmtjm] {
    background: var(--x-menu-bg);
    color: var(--x-fg);
    border-color: var(--x-border);
    border-radius: var(--bs-border-radius-lg);
}

.xselect .dropdown-item[b-035mzhmtjm] {
    color: var(--x-fg);
    border-radius: var(--bs-border-radius);
}

.xselect .dropdown-item:hover[b-035mzhmtjm],
.xselect .dropdown-item:focus[b-035mzhmtjm] {
    background: color-mix(in srgb, var(--x-accent) 10%, transparent 90%);
}

.xselect .xselect-search[b-035mzhmtjm] {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--x-border);
    border-radius: var(--bs-border-radius);
    width: 100%;
    outline: none;
}

.xselect .xselect-search:focus[b-035mzhmtjm] {
    border-color: var(--x-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--x-accent) 15%, transparent 85%);
}
/* _content/BlazorApp/Components/XComponents/XSelects/XSelectDb.razor.rz.scp.css */
.xselectdb[b-llbulwaj9f] {
    --x-bg: var(--bs-tertiary-bg);
    --x-fg: var(--bs-body-color);
    --x-muted: var(--bs-secondary-color);
    --x-border: var(--bs-border-color);
    --x-bg-menu: var(--bs-body-bg);

    --x-accent: var(--x-fg);
    --x-accent-bg: var(--x-bg);
    --x-accent-border: var(--x-border);

    width: 100%;
}

.xselectdb .xselectdb-container[b-llbulwaj9f] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
}

.xselectdb .xselectdb-horizontal[b-llbulwaj9f] {
    flex-direction: row;
    align-items: center;
}

.xselectdb .xselectdb-vertical[b-llbulwaj9f] {
    flex-direction: column;
    align-items: stretch;
}

.xselectdb .xselectdb-label[b-llbulwaj9f] {
    white-space: nowrap;
    align-self: center;
    margin-bottom: 0;
    border: none !important;
    background: transparent !important;
    padding: 0;
    color: var(--x-muted);
    line-height: 1.5;
}

.xselectdb .xselectdb-label-sm[b-llbulwaj9f] {
    font-size: 0.8rem;
}

.xselectdb .xselectdb-label-md[b-llbulwaj9f] {
    font-size: 1rem;
}

.xselectdb .xselectdb-label-lg[b-llbulwaj9f] {
    font-size: 1.2rem;
}

.xselectdb .xselectdb-vertical .xselectdb-label[b-llbulwaj9f] {
    align-self: flex-start;
}

.xselectdb .xselectdb-main[b-llbulwaj9f] {
    width: 100%;
    flex: 1 1 auto;
}

.xselectdb .xselectdb-scroll[b-llbulwaj9f] {
    max-height: 260px;
    overflow-y: auto;
}

.xselectdb .dropdown-item.disabled[b-llbulwaj9f] {
    pointer-events: none;
}

.xselectdb .xselectdb-display[b-llbulwaj9f] {
    background: var(--x-bg);
    color: var(--x-fg);
    border: 1px solid var(--x-border);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    user-select: none;
    line-height: 1.5;
    box-sizing: border-box;
}

.xselectdb .xselectdb-display-sm[b-llbulwaj9f] {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.xselectdb .xselectdb-display-md[b-llbulwaj9f] {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

.xselectdb .xselectdb-display-lg[b-llbulwaj9f] {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}

.xselectdb .xselectdb-display:hover[b-llbulwaj9f] {
    border-color: var(--x-accent);
}

.xselectdb .xselectdb-placeholder[b-llbulwaj9f] {
    color: var(--x-fg);
    opacity: .85;
}

.xselectdb .xselectdb-chip[b-llbulwaj9f] {
    background: var(--x-accent-bg);
    color: var(--x-fg);
    border: 1px solid var(--x-accent-border);
    border-radius: 999px;
    padding: 0.01rem 0.4rem;
    line-height: 1.05;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    box-sizing: border-box;
    max-width: 100%;
}

.xselectdb .xselectdb-chip-x[b-llbulwaj9f] {
    opacity: .7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.xselectdb .xselectdb-chip-x:hover[b-llbulwaj9f] {
    opacity: 1;
}

.xselectdb .xselectdb-clear[b-llbulwaj9f] {
    color: var(--x-fg);
    opacity: .75;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    vertical-align: middle;
}

.xselectdb .xselectdb-clear:hover[b-llbulwaj9f] {
    opacity: 1;
    background: transparent;
    color: var(--x-fg);
}

.xselectdb .xselectdb-clear:focus[b-llbulwaj9f],
.xselectdb .xselectdb-clear:focus-visible[b-llbulwaj9f] {
    outline: none;
    box-shadow: none;
    background: transparent;
}

.xselectdb .xselectdb-clear[b-llbulwaj9f]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.xselectdb .xselectdb-caret[b-llbulwaj9f] {
    color: var(--x-fg);
}

.xselectdb .dropdown-menu[b-llbulwaj9f] {
    background: var(--x-bg-menu);
    color: var(--x-fg);
    border-color: var(--x-border);
    border-radius: var(--bs-border-radius-lg);
}

.xselectdb .dropdown-item[b-llbulwaj9f] {
    color: var(--x-fg);
    border-radius: var(--bs-border-radius);
}

.xselectdb .dropdown-item:hover[b-llbulwaj9f],
.xselectdb .dropdown-item:focus[b-llbulwaj9f] {
    background: color-mix(in srgb, var(--x-accent) 10%, transparent 90%);
}

.xselectdb .xselectdb-search[b-llbulwaj9f] {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--x-border);
    border-radius: var(--bs-border-radius);
    width: 100%;
    outline: none;
}

.xselectdb .xselectdb-search:focus[b-llbulwaj9f] {
    border-color: var(--x-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--x-accent) 15%, transparent 85%);
}

.xselectdb input[type="checkbox"][b-llbulwaj9f] {
    accent-color: var(--x-accent);
}

.xselectdb .xselectdb-loadmore[b-llbulwaj9f] {
    width: 100%;
}
/* _content/BlazorApp/Components/XComponents/XSpinner.razor.rz.scp.css */
.spinner-overlay[b-sdf8gpyhiv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.spinner-border-gradient[b-sdf8gpyhiv] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.4rem solid transparent;
    border-top-color: currentColor;
    border-right-color: currentColor;
    animation: spin-b-sdf8gpyhiv 1s linear infinite, gradient-rotate-b-sdf8gpyhiv 2s linear infinite;
}

@keyframes spin-b-sdf8gpyhiv {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes gradient-rotate-b-sdf8gpyhiv {
    0% {
        border-top-color: currentColor;
        border-right-color: color-mix(in srgb, currentColor 50%, white 50%);
    }
    50% {
        border-top-color: color-mix(in srgb, currentColor 50%, white 50%);
        border-right-color: currentColor;
    }
    100% {
        border-top-color: currentColor;
        border-right-color: color-mix(in srgb, currentColor 50%, white 50%);
    }
}
/* _content/BlazorApp/Components/XComponents/XTabs/XTabControl.razor.rz.scp.css */
.x-tabs[b-5ohcfubbrg] {
    width: 100%;
    min-width: 0;
}

.x-tab-main[b-5ohcfubbrg] {
    min-width: 0;
    min-height: 0;
}

.x-tab-header[b-5ohcfubbrg] {
    min-width: 0;
    flex: 0 0 auto;
}

.x-tab-header-top[b-5ohcfubbrg],
.x-tab-header-bottom[b-5ohcfubbrg] {
    width: 100%;
    flex-wrap: wrap;
}

.x-tab-header-top.x-tab-align-left[b-5ohcfubbrg],
.x-tab-header-bottom.x-tab-align-left[b-5ohcfubbrg] {
    justify-content: flex-start;
}

.x-tab-header-top.x-tab-align-right[b-5ohcfubbrg],
.x-tab-header-bottom.x-tab-align-right[b-5ohcfubbrg] {
    justify-content: flex-end;
}

.x-tabs .nav-link[b-5ohcfubbrg] {
    cursor: pointer;
}

.x-tabs .nav-tabs[b-5ohcfubbrg] {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.x-tabs .nav-tabs .nav-item[b-5ohcfubbrg],
.x-tabs .nav-tabs .nav-link[b-5ohcfubbrg] {
    margin-bottom: 0 !important;
}

.x-tab-panel[b-5ohcfubbrg],
.x-tab-content[b-5ohcfubbrg],
.x-tab-body-wrap[b-5ohcfubbrg],
.x-tab-body[b-5ohcfubbrg] {
    min-width: 0;
}

.x-tab-panel[b-5ohcfubbrg] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
}

.x-tab-content[b-5ohcfubbrg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    border: 0 !important;
}

.x-tab-body-wrap[b-5ohcfubbrg] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
}

.x-tab-body[b-5ohcfubbrg] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 0 !important;
    overflow-x: auto;
    overflow-y: auto;
}

.x-tab-body-wizard[b-5ohcfubbrg] {
    padding: 2rem 2.25rem !important;
}

.x-tab-body > [role="tabpanel"][b-5ohcfubbrg],
.x-tab-body > *[b-5ohcfubbrg],
.x-tab-content > *[b-5ohcfubbrg],
.x-tab-panel > *[b-5ohcfubbrg] {
    min-width: 0;
}

.x-tab-scroll[b-5ohcfubbrg] {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
}

@media (max-width: 768px) {
    .x-tab-scroll[b-5ohcfubbrg] {
        max-height: none;
    }
}

.x-tabs.tabs-left .nav-item[b-5ohcfubbrg],
.x-tabs.tabs-right .nav-item[b-5ohcfubbrg],
.x-tab-header-left .nav-item[b-5ohcfubbrg],
.x-tab-header-right .nav-item[b-5ohcfubbrg] {
    width: 100%;
}

.x-tabs.tabs-left .nav-link[b-5ohcfubbrg],
.x-tabs.tabs-right .nav-link[b-5ohcfubbrg],
.x-tab-header-left .nav-link[b-5ohcfubbrg],
.x-tab-header-right .nav-link[b-5ohcfubbrg] {
    width: 100%;
    display: flex;
    align-items: center;
}

.x-tabs.tabs-top .nav-tabs .nav-link[b-5ohcfubbrg],
.x-tab-header-top.nav-tabs .nav-link[b-5ohcfubbrg] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.x-tabs.tabs-top .nav-tabs .nav-link.active[b-5ohcfubbrg],
.x-tab-header-top.nav-tabs .nav-link.active[b-5ohcfubbrg] {
    margin-bottom: -1px;
}

.x-tabs.tabs-bottom .nav-tabs[b-5ohcfubbrg],
.x-tab-header-bottom.nav-tabs[b-5ohcfubbrg] {
    border-bottom: 0;
    border-top: 1px solid var(--bs-border-color);
}

.x-tabs.tabs-bottom .nav-tabs .nav-link[b-5ohcfubbrg],
.x-tab-header-bottom.nav-tabs .nav-link[b-5ohcfubbrg] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.x-tabs.tabs-bottom .nav-tabs .nav-link.active[b-5ohcfubbrg],
.x-tab-header-bottom.nav-tabs .nav-link.active[b-5ohcfubbrg] {
    border-color: var(--bs-border-color) var(--bs-border-color) transparent;
    margin-top: -1px;
}

.x-tabs.tabs-left .nav-pills .nav-link[b-5ohcfubbrg],
.x-tabs.tabs-left .nav-tabs .nav-link[b-5ohcfubbrg],
.x-tab-header-left.nav-pills .nav-link[b-5ohcfubbrg],
.x-tab-header-left.nav-tabs .nav-link[b-5ohcfubbrg] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    justify-content: flex-end;
    text-align: right;
}

.x-tabs.tabs-left .nav-link.active[b-5ohcfubbrg],
.x-tab-header-left .nav-link.active[b-5ohcfubbrg] {
    margin-right: -1px;
}

.x-tabs.tabs-right .nav-pills .nav-link[b-5ohcfubbrg],
.x-tabs.tabs-right .nav-tabs .nav-link[b-5ohcfubbrg],
.x-tab-header-right.nav-pills .nav-link[b-5ohcfubbrg],
.x-tab-header-right.nav-tabs .nav-link[b-5ohcfubbrg] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: flex-start;
    text-align: left;
}

.x-tabs.tabs-right .nav-link.active[b-5ohcfubbrg],
.x-tab-header-right .nav-link.active[b-5ohcfubbrg] {
    margin-left: -1px;
}

.x-tab-wizard-button[b-5ohcfubbrg] {
    width: 1.55rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: .25rem;
    /*background: var(--bs-tertiary-bg);*/
    /*background: color-mix(in srgb, var(--bs-body-bg) 88%, var(--bs-body-color));*/
    color: var(--bs-body-color);
    box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .08);
    font-size: .95rem;
    line-height: 1;
    opacity: .74;
    z-index: 6;
    transition: opacity .15s ease, transform .15s ease, background-color .15s ease, color .15s ease;
}

.x-tab-wizard-button:hover[b-5ohcfubbrg],
.x-tab-wizard-button:focus-visible[b-5ohcfubbrg] {
    background: var(--bs-secondary-bg);
    background: color-mix(in srgb, var(--bs-body-bg) 80%, currentColor);
    color: currentColor;
    opacity: .95;
}

.x-tab-wizard-button-side[b-5ohcfubbrg] {
    margin-inline: -0.15rem;
}

.x-tab-wizard-button-side:hover[b-5ohcfubbrg],
.x-tab-wizard-button-side:focus-visible[b-5ohcfubbrg] {
    transform: translateY(-50%) scale(1.03);
}

.x-tab-wizard-button-prev[b-5ohcfubbrg] {
    margin-left: -1.50rem;
}

.x-tab-wizard-button-next[b-5ohcfubbrg] {
    margin-right: -1.50rem;
}

.x-tab-wizard-button-corner[b-5ohcfubbrg] {
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
    margin-left: 0.05rem;
    margin-right: 0.05rem;
    width: 1.45rem;
    height: 1.35rem;
    font-size: .85rem;
}

@media (max-width: 768px) {
    .x-tab-body-wizard[b-5ohcfubbrg] {
        padding: 1.75rem 2rem !important;
    }

    .x-tab-wizard-button[b-5ohcfubbrg] {
        width: 1.45rem;
        height: 1.35rem;
    }

    .x-tab-wizard-button-corner[b-5ohcfubbrg] {
        width: 1.35rem;
        height: 1.25rem;
    }
}
/* _content/BlazorApp/Components/XComponents/XTreeViews/XTreeViewDb.razor.rz.scp.css */
.xtree-view[b-f9nmnzm23b] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
}

.xtree-toolbar[b-f9nmnzm23b] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.xtree-search[b-f9nmnzm23b] {
    display: flex;
    align-items: center;
    gap: .35rem;
    max-width: 32rem;
}

.xtree-search .xinput[b-f9nmnzm23b] {
    flex: 1 1 auto;
    min-width: 0;
}

.xtree-name[b-f9nmnzm23b] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem;
    color: var(--bs-emphasis-color);
    font-weight: 600;
    padding: 0 .25rem;
}

.xtree-inline-legend[b-f9nmnzm23b] {
    color: var(--bs-secondary-color);
    font-size: .875em;
    font-weight: 400;
}

.xtree-surface[b-f9nmnzm23b] {
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    overflow: auto;
    background: var(--bs-body-bg);
}

.xtree-row[b-f9nmnzm23b] {
    display: grid;
    align-items: stretch;
    min-height: 2.25rem;
    position: relative;
}

.xtree-row-actions[b-f9nmnzm23b] {
    grid-template-columns: calc(var(--xtree-toggle-width) + (var(--xtree-level, 0) * var(--xtree-indent))) minmax(0, 1fr) minmax(var(--xtree-action-min-width), var(--xtree-action-width));
}

.xtree-row-no-actions[b-f9nmnzm23b] {
    grid-template-columns: calc(var(--xtree-toggle-width) + (var(--xtree-level, 0) * var(--xtree-indent))) minmax(0, 1fr);
}

.xtree-row-actions.xtree-row-no-selection[b-f9nmnzm23b] {
    grid-template-columns: calc(var(--xtree-toggle-width) + (var(--xtree-level, 0) * var(--xtree-indent))) minmax(0, 1fr) minmax(var(--xtree-action-min-width), var(--xtree-action-width));
}

.xtree-row-no-actions.xtree-row-no-selection[b-f9nmnzm23b] {
    grid-template-columns: calc(var(--xtree-toggle-width) + (var(--xtree-level, 0) * var(--xtree-indent))) minmax(0, 1fr);
}

.xtree-header-row[b-f9nmnzm23b] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background: var(--bs-tertiary-bg);
}

.xtree-row-selected[b-f9nmnzm23b] {
    background: rgba(var(--bs-primary-rgb), .08);
}

.xtree-row:not(.xtree-header-row):hover[b-f9nmnzm23b] {
    background: rgba(var(--bs-secondary-rgb), .08);
}

.xtree-toggle-cell[b-f9nmnzm23b],
.xtree-actions-cell[b-f9nmnzm23b],
.xtree-content-cell[b-f9nmnzm23b] {
    display: flex;
    align-items: center;
    min-width: 0;
    position: relative;
}

.xtree-toggle-cell[b-f9nmnzm23b] {
    justify-content: center;
}

.xtree-toggle-cell[b-f9nmnzm23b] {
    justify-content: flex-end;
    padding-right: .375rem;
    position: relative;
}

.xtree-child-row .xtree-toggle-cell[b-f9nmnzm23b]::before,
.xtree-child-row .xtree-toggle-cell[b-f9nmnzm23b]::after,
.xtree-ancestor-line[b-f9nmnzm23b] {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-color: var(--bs-border-color);
}

.xtree-child-row .xtree-toggle-cell[b-f9nmnzm23b]::before {
    top: 0;
    bottom: 0;
    left: calc(.5rem + ((var(--xtree-level, 1) - 1) * var(--xtree-indent)));
    border-left: 1px dashed var(--bs-border-color);
}

.xtree-child-row.xtree-last-child-row .xtree-toggle-cell[b-f9nmnzm23b]::before {
    bottom: 50%;
}

.xtree-child-row .xtree-toggle-cell[b-f9nmnzm23b]::after {
    top: 50%;
    left: calc(.5rem + ((var(--xtree-level, 1) - 1) * var(--xtree-indent)));
    width: var(--xtree-indent);
    border-top: 1px dashed var(--bs-border-color);
}

.xtree-ancestor-line[b-f9nmnzm23b] {
    top: 0;
    bottom: 0;
    left: calc(.5rem + ((var(--xtree-line-level, 1) - 1) * var(--xtree-indent)));
    border-left: 1px dashed var(--bs-border-color);
}

.xtree-content-cell[b-f9nmnzm23b] {
    display: grid;
}

.xtree-node-row .xtree-content-cell[b-f9nmnzm23b] {
    margin-left: calc(-1 * var(--xtree-level, 0) * var(--xtree-indent));
    width: calc(100% + (var(--xtree-level, 0) * var(--xtree-indent)));
}

.xtree-content-cell-inline[b-f9nmnzm23b] {
    align-items: center;
}

.xtree-node-row .xtree-content-cell[b-f9nmnzm23b],
.xtree-node-row .xtree-actions-cell[b-f9nmnzm23b] {
    box-shadow: inset 0 -1px rgba(var(--bs-secondary-rgb), .12);
}

.xtree-row-selected .xtree-content-cell[b-f9nmnzm23b],
.xtree-row-selected .xtree-actions-cell[b-f9nmnzm23b] {
    box-shadow: inset 0 -1px rgba(var(--bs-primary-rgb), .16);
}

.xtree-node-row:last-child .xtree-content-cell[b-f9nmnzm23b],
.xtree-node-row:last-child .xtree-actions-cell[b-f9nmnzm23b] {
    box-shadow: none;
}

.xtree-actions-cell[b-f9nmnzm23b] {
    justify-content: flex-end;
    gap: .05rem;
    padding: .1rem .1rem;
    flex-wrap: wrap;
    border-left: 1px solid var(--bs-border-color-translucent);
}

.xtree-column[b-f9nmnzm23b] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .3rem .5rem;
}

.xtree-cell-content[b-f9nmnzm23b] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}

.xtree-column-with-selection[b-f9nmnzm23b] {
    display: flex;
    align-items: center;
}

.xtree-selection-checkbox[b-f9nmnzm23b] {
    flex: 0 0 auto;
}

.xtree-column-value[b-f9nmnzm23b],
.xtree-header-text[b-f9nmnzm23b],
.xtree-node-text[b-f9nmnzm23b] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xtree-view.xtree-detail-columns-end .xtree-header-content .xtree-column:not(:first-child)[b-f9nmnzm23b],
.xtree-view.xtree-detail-columns-end .xtree-node-row .xtree-content-cell > .xtree-column:not(.xtree-main-column)[b-f9nmnzm23b] {
    text-align: right;
}

.xtree-main-column[b-f9nmnzm23b] {
    padding-left: .5rem;
}

.xtree-node-row .xtree-main-column[b-f9nmnzm23b] {
    padding-left: calc(.5rem + (var(--xtree-level, 0) * var(--xtree-indent)));
}

.xtree-header-column[b-f9nmnzm23b] {
    padding-left: .5rem;
}

.xtree-inline-column[b-f9nmnzm23b] {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
}

.xtree-node-text[b-f9nmnzm23b] {
    overflow-wrap: anywhere;
}

.xtree-inline-values[b-f9nmnzm23b] {
    color: var(--bs-secondary-color);
    font-size: .92em;
    margin-left: .35rem;
}

.xtree-toggle-button[b-f9nmnzm23b] {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-radius: .25rem;
    color: var(--bs-emphasis-color);
    background: var(--bs-body-bg);
    line-height: 1;
    position: relative;
    z-index: 1;
}

.xtree-toggle-button:hover[b-f9nmnzm23b] {
    border-color: var(--xtree-color);
    color: var(--xtree-color);
}

.xtree-action-button[b-f9nmnzm23b] {
    border: 0;
    padding-inline: .35rem;
}

.xtree-empty[b-f9nmnzm23b] {
    padding: .75rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

@media (max-width: 767.98px) {
    .xtree-search[b-f9nmnzm23b] {
        max-width: none;
        width: 100%;
    }

    .xtree-surface[b-f9nmnzm23b] {
        overflow-x: hidden;
    }

    .xtree-row[b-f9nmnzm23b] {
        grid-template-columns: calc(var(--xtree-toggle-width) + (var(--xtree-level, 0) * var(--xtree-indent))) minmax(0, 1fr) !important;
        grid-template-areas:
            "toggle content"
            "toggle actions";
        align-items: stretch;
        min-height: 0;
    }

    .xtree-header-row[b-f9nmnzm23b] {
        display: none;
    }

    .xtree-node-row .xtree-toggle-cell[b-f9nmnzm23b] {
        grid-area: toggle;
        align-items: flex-start;
        padding-top: .45rem;
    }

    .xtree-node-row .xtree-content-cell[b-f9nmnzm23b] {
        grid-area: content;
        display: flex;
        flex-direction: column;
        margin-left: 0;
        width: 100%;
        padding: .25rem 0;
    }

    .xtree-node-row .xtree-actions-cell[b-f9nmnzm23b] {
        grid-area: actions;
        justify-content: flex-start;
        align-items: center;
        gap: .25rem;
        padding: .35rem .5rem;
        border-top: 1px solid var(--bs-border-color-translucent);
        border-left: 0;
    }

    .xtree-node-row .xtree-actions-cell[b-f9nmnzm23b]::before {
        color: var(--bs-secondary-color);
        font-size: .82em;
        font-weight: 600;
        line-height: 1.2;
        min-width: 7rem;
    }

    .xtree-node-row .xtree-actions-cell[b-f9nmnzm23b]::before {
        content: "İşlemler";
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-node-row .xtree-actions-cell[b-f9nmnzm23b]::before {
        display: none;
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-node-row .xtree-actions-cell[b-f9nmnzm23b] {
        border-top: 0;
    }

    .xtree-column[b-f9nmnzm23b] {
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
        line-height: 1.25;
        padding: .28rem .5rem;
    }

    .xtree-column:not(.xtree-inline-column)[b-f9nmnzm23b] {
        display: grid;
        grid-template-columns: minmax(7rem, 40%) minmax(0, 1fr);
        gap: .5rem;
    }

    .xtree-column-with-selection:not(.xtree-inline-column) .xtree-cell-content[b-f9nmnzm23b],
    .xtree-column:not(.xtree-inline-column) .xtree-column-value[b-f9nmnzm23b] {
        grid-column: 2;
    }

    .xtree-column[b-f9nmnzm23b]::before {
        content: attr(data-xtree-label);
        color: var(--bs-secondary-color);
        font-size: .82em;
        font-weight: 600;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .xtree-column[data-xtree-label=""]:not(.xtree-inline-column)[b-f9nmnzm23b] {
        display: block;
    }

    .xtree-column[data-xtree-label=""][b-f9nmnzm23b]::before {
        display: none;
    }

    .xtree-inline-column[b-f9nmnzm23b]::before {
        display: block;
        margin-bottom: .15rem;
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-column[b-f9nmnzm23b]::before,
    .xtree-view.xtree-hide-responsive-labels .xtree-inline-column[b-f9nmnzm23b]::before {
        display: none;
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-column:not(.xtree-inline-column)[b-f9nmnzm23b] {
        display: block;
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-column-with-selection:not(.xtree-inline-column)[b-f9nmnzm23b] {
        display: flex;
    }

    .xtree-view.xtree-hide-responsive-labels .xtree-column-with-selection:not(.xtree-inline-column) .xtree-cell-content[b-f9nmnzm23b],
    .xtree-view.xtree-hide-responsive-labels .xtree-column:not(.xtree-inline-column) .xtree-column-value[b-f9nmnzm23b] {
        grid-column: auto;
    }

    .xtree-main-column[b-f9nmnzm23b],
    .xtree-node-row .xtree-main-column[b-f9nmnzm23b],
    .xtree-header-column[b-f9nmnzm23b] {
        padding-left: .5rem;
    }

    .xtree-inline-values[b-f9nmnzm23b] {
        display: inline;
        margin-left: .25rem;
    }
}