@import '_content/KAB.CkEditor5.Blazor/KAB.CkEditor5.Blazor.3cjphekjfv.bundle.scp.css';

/* _content/KAB.Web/Components/Base/Dialog/KabDialogParagraph.razor.rz.scp.css */
.kab-dialog-p[b-ajyhqarpyq] {
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-lg);
    line-height: var(--kab-typography-line-height-p-lg);
    margin: 0;
}

    .kab-dialog-p[lang^="ko"][b-ajyhqarpyq]{
        word-break: keep-all;
        line-break: strict;
        overflow-wrap: anywhere;
    }
/* _content/KAB.Web/Components/Base/Dialog/KabDialogTitle.razor.rz.scp.css */
.kab-dialog-title[b-w3h37k2n1g] {
    font-weight: var(--kab-typography-font-weight-heading);
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    margin: 0;
}
/* _content/KAB.Web/Components/Base/KabAutoBreakText.razor.rz.scp.css */
/* Korean / Japanese / Chinese: avoid cutting mid-syllable*/
.text-auto-break[lang^="ko"][b-07evovxzgi] {
    word-break: keep-all;
    line-break: strict;
    overflow-wrap: anywhere;
}

.text-auto-break[lang^="en"][b-07evovxzgi] {
    white-space: nowrap;
}
/* _content/KAB.Web/Components/Base/KabAutocomplete.razor.rz.scp.css */
[b-j9i93zghak] .kab-select-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family) !important;
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-j9i93zghak] .kab-select-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-j9i93zghak] .kab-select-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

    [b-j9i93zghak] .kab-select-standard .mud-input .mud-input-adornment .mud-icon-default {
        color: var(--kab-color-neutral-70);
    }

    [b-j9i93zghak] .kab-select-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
        /*display: flex !important;*/
        align-items: center;
    }

    [b-j9i93zghak] .kab-select-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
        border-radius: var(--kab-border-radius-md);
    }

[b-j9i93zghak] .kab-select-standard .mud-popover-cascading-value {
    position: static !important;
}

/* Start focus state */
[b-j9i93zghak] .kab-select-standard .mud-input:focus-within .mud-input-outlined-border {
    border-width: var(--kab-border-width-1);
}

[b-j9i93zghak]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within
.mud-input-outlined-border {
    border-color: var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

[b-j9i93zghak]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
    color: var(--kab-color-neutral-70) !important;
}
/* End focus state */

/* Start disabled state */
[b-j9i93zghak] .kab-select-standard .mud-input.mud-disabled .mud-input-outlined-border {
    border: none;
}

[b-j9i93zghak] .kab-select-standard .mud-input.mud-disabled,
[b-j9i93zghak] .kab-select-standard .mud-input.mud-disabled .mud-icon-default {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

/* End disabled state */

/* Start error state */
[b-j9i93zghak]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-outlined-border {
    border-color: var(--kab-color-red-20) !important;
}

[b-j9i93zghak]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-adornment
.mud-icon-default {
    color: var(--kab-color-red-40) !important;
}

[b-j9i93zghak]
.kab-select-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-j9i93zghak]
.kab-select-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-j9i93zghak] .kab-select-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-j9i93zghak] .kab-select-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-j9i93zghak] .kab-select-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-j9i93zghak] .kab-select-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-j9i93zghak]
    .kab-select-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }
/* _content/KAB.Web/Components/Base/KabButton.razor.rz.scp.css */
.kab-button[b-y5c45uzhco] {
    border: var(--kab-button-border, none);
    background: var(--kab-button-background, transparent);
    color: var(--kab-button-color);
    box-shadow: var(--kab-button-box-shadow, none);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--kab-button-gap, calc(0.5 * var(--kab-spacing-multiplier)));
    padding: var( --kab-button-padding, calc(0.5 * var(--kab-spacing-multiplier)) calc(4 * var(--kab-spacing-multiplier)) );
    height: var(--kab-button-height);
    border-radius: var(--kab-button-border-radius);
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
}

.kab-icon-button[b-y5c45uzhco] {
    --kab-button-padding: calc(2 * var(--kab-spacing-multiplier));
    width: var(--kab-button-height);
}

/* ---------------------------------- Sizes --------------------------------- */
.kab-button-size-lg[b-y5c45uzhco] {
    --kab-button-height: calc(3rem * var(--kab-scale));
    --kab-button-border-radius: calc(0.5rem * var(--kab-scale));
}

.kab-button-size-md[b-y5c45uzhco] {
    --kab-button-height: calc(2.5rem * var(--kab-scale));
    --kab-button-border-radius: calc(0.5rem * var(--kab-scale));
}

.kab-button-size-sm[b-y5c45uzhco] {
    --kab-button-height: calc(1.5rem * var(--kab-scale));
    --kab-button-border-radius: calc(0.25rem * var(--kab-scale));
}

/* ----------------------------- Filled Neutral ----------------------------- */

.kab-button-filled.kab-button-neutral[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-neutral-80);
    --kab-button-color: var(--kab-color-white);
}

    .kab-button-filled.kab-button-neutral:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-60);
    }

    .kab-button-filled.kab-button-neutral:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-70);
    }

    .kab-button-filled.kab-button-neutral:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

/* -------------------------- Filled-Tonal Neutral -------------------------- */

.kab-button-filled-tonal.kab-button-neutral[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-neutral-10);
    --kab-button-color: var(--kab-color-neutral-50);
}

    .kab-button-filled-tonal.kab-button-neutral:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-20);
        --kab-button-color: var(--kab-color-neutral-70);
    }

    .kab-button-filled-tonal.kab-button-neutral:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-20);
        --kab-button-color: var(--kab-color-neutral-70);
    }

    .kab-button-filled-tonal.kab-button-neutral:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
        --kab-button-color: var(--kab-color-neutral-70);
    }

/* ---------------------------- Outlined Neutral ---------------------------- */

.kab-button-outlined.kab-button-neutral[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-white);
    --kab-button-color: var(--kab-color-neutral-70);
    --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
}

    .kab-button-outlined.kab-button-neutral:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-10);
        --kab-button-color: var(--kab-color-neutral-60);
    }

    .kab-button-outlined.kab-button-neutral:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-neutral-20);
        --kab-button-color: var(--kab-color-neutral-80);
    }

    .kab-button-outlined.kab-button-neutral:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
        --kab-button-color: var(--kab-color-neutral-70);
    }

/* ------------------------------ Text Neutral ------------------------------ */

.kab-button-text.kab-button-neutral[b-y5c45uzhco] {
    --kab-button-color: var(--kab-color-neutral-50);
}

    .kab-button-text.kab-button-neutral:hover[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-neutral-60);
    }

    .kab-button-text.kab-button-neutral:active[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-neutral-80);
    }

    .kab-button-text.kab-button-neutral:focus-visible[b-y5c45uzhco] {
        --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-neutral-80);
    }

/* ------------------------------- Filled Blue ------------------------------ */

.kab-button-filled.kab-button-blue[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-blue-50);
    --kab-button-color: var(--kab-color-white);
}

    .kab-button-filled.kab-button-blue:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-60);
    }

    .kab-button-filled.kab-button-blue:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-70);
    }

    .kab-button-filled.kab-button-blue:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

/* -------------------------- Filled-Tonal Blue -------------------------- */

.kab-button-filled-tonal.kab-button-blue[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-blue-10);
    --kab-button-color: var(--kab-color-blue-50);
}

    .kab-button-filled-tonal.kab-button-blue:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-20);
    }

    .kab-button-filled-tonal.kab-button-blue:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-40);
        --kab-button-color: var(--kab-color-white);
    }

    .kab-button-filled-tonal.kab-button-blue:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

/* ---------------------------- Outlined Blue ---------------------------- */

.kab-button-outlined.kab-button-blue[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-white);
    --kab-button-color: var(--kab-color-blue-50);
    --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-blue-50);
}

    .kab-button-outlined.kab-button-blue:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-10);
    }

    .kab-button-outlined.kab-button-blue:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-blue-20);
    }

    .kab-button-outlined.kab-button-blue:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

/* ------------------------------ Text Blue ------------------------------ */

.kab-button-text.kab-button-blue[b-y5c45uzhco] {
    --kab-button-color: var(--kab-color-blue-50);
}

    .kab-button-text.kab-button-blue:hover[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-blue-30);
    }

    .kab-button-text.kab-button-blue:active[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-blue-60);
    }

/* ------------------------------- Filled Red ------------------------------ */

.kab-button-filled.kab-button-red[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-red-40);
    --kab-button-color: var(--kab-color-white);
}

    .kab-button-filled.kab-button-red:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-50);
    }

    .kab-button-filled.kab-button-red:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-60);
    }

    .kab-button-filled.kab-button-red:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
    }

/* -------------------------- Filled-Tonal Red -------------------------- */

.kab-button-filled-tonal.kab-button-red[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-red-10);
    --kab-button-color: var(--kab-color-red-50);
}

    .kab-button-filled-tonal.kab-button-red:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-20);
    }

    .kab-button-filled-tonal.kab-button-red:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-30);
    }

    .kab-button-filled-tonal.kab-button-red:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
    }

/* ---------------------------- Outlined Red ---------------------------- */

.kab-button-outlined.kab-button-red[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-white);
    --kab-button-color: var(--kab-color-red-50);
    --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-red-50);
}

    .kab-button-outlined.kab-button-red:hover[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-10);
    }

    .kab-button-outlined.kab-button-red:active[b-y5c45uzhco] {
        --kab-button-background: var(--kab-color-red-20);
    }

    .kab-button-outlined.kab-button-red:focus-visible[b-y5c45uzhco] {
        --kab-button-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
    }

/* ------------------------------ Text Red ------------------------------ */

.kab-button-text.kab-button-red[b-y5c45uzhco] {
    --kab-button-color: var(--kab-color-red-50);
}

    .kab-button-text.kab-button-red:hover[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-red-30);
    }

    .kab-button-text.kab-button-red:active[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-red-60);
    }

    .kab-button-text.kab-button-red:focus-visible[b-y5c45uzhco] {
        --kab-button-color: var(--kab-color-red-60);
    }

.kab-button[b-y5c45uzhco]  .kab-button-loading-indicator {
    width: var(--kab-typography-font-size-label-md);
    height: var(--kab-typography-font-size-label-md);
    color: inherit;
}

.kab-button:disabled[b-y5c45uzhco] {
    pointer-events: none;
}

.kab-button:where(:disabled, [data-disabled]):not([data-loading])[b-y5c45uzhco] {
    --kab-button-background: var(--kab-color-neutral-20);
    --kab-button-color: var(--kab-color-neutral-40);
}
/* _content/KAB.Web/Components/Base/KabCheckBox.razor.rz.scp.css */
.kab-checkbox[b-1zciq9inkd]  .mud-checkbox {
    gap: calc(2 * var(--kab-spacing-multiplier));
}

.kab-checkbox[b-1zciq9inkd]  .mud-button-root {
    padding: 0;
    border-radius: var( --kab-border-radius-sm)
}

.kab-checkbox[b-1zciq9inkd]  .hover\:mud-primary-hover {
    background-color: transparent !important;
}

.kab-checkbox.kab-checkbox-neutral[b-1zciq9inkd]  .mud-button-root {
    color: var(--kab-color-neutral-20) !important;
}

    .kab-checkbox.kab-checkbox-neutral[b-1zciq9inkd]  .mud-button-root.mud-checkbox-true {
        color: var(--kab-color-neutral-80) !important;
    }

    .kab-checkbox.kab-checkbox-neutral[b-1zciq9inkd]  .mud-button-root.mud-disabled {
        color: var(--kab-color-neutral-60) !important;
    }

        .kab-checkbox.kab-checkbox-neutral[b-1zciq9inkd]  .mud-button-root.mud-disabled:hover * {
            color: var(--kab-color-neutral-60) !important;
        }

        .kab-checkbox.kab-checkbox-neutral[b-1zciq9inkd]  .mud-button-root.mud-disabled .mud-icon-root {
            color: var(--kab-color-neutral-20) !important;
        }

.kab-checkbox.kab-checkbox-blue[b-1zciq9inkd]  .mud-button-root {
    color: var(--kab-color-blue-20) !important;
}

    .kab-checkbox.kab-checkbox-blue[b-1zciq9inkd]  .mud-button-root.mud-checkbox-true {
        color: var(--kab-color-blue-50) !important;
    }

    .kab-checkbox.kab-checkbox-blue[b-1zciq9inkd]  .mud-button-root.mud-disabled {
        color: var(--kab-color-blue-40) !important;
    }

        .kab-checkbox.kab-checkbox-blue[b-1zciq9inkd]  .mud-button-root.mud-disabled:hover * {
            color: var(--kab-color-blue-40) !important;
        }

        .kab-checkbox.kab-checkbox-blue[b-1zciq9inkd]  .mud-button-root.mud-disabled .mud-icon-root {
            color: var(--kab-color-blue-40) !important;
        }


.kab-checkbox[b-1zciq9inkd]  .mud-input-error .mud-button-root .mud-icon-root {
    color: var(--kab-color-red-50) !important;
    fill: var(--kab-color-red-50) !important;
}

.kab-checkbox[b-1zciq9inkd]  .mud-input-error .mud-error-text {
    color: var(--kab-color-red-50) !important;
}

.kab-checkbox[b-1zciq9inkd]  .mud-input-error .mud-input-helper-text {
    color: var(--kab-color-red-50) !important;
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p)
}
/* _content/KAB.Web/Components/Base/KabChip.razor.rz.scp.css */
.kab-chip[b-eu3k9c9p6s] {
    border: var(--kab-chip-border, none);
    background: var(--kab-chip-background, transparent);
    color: var(--kab-chip-color);
    box-shadow: var(--kab-chip-box-shadow, none);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--kab-chip-gap, calc(0.5 * var(--kab-spacing-multiplier)));
    padding: var(--kab-chip-padding);
    height: var(--kab-chip-height);
    border-radius: var(--kab-border-radius-lg);
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-chip-font-size);
    line-height: var(--kab-chip-line-height);
}

/* ---------------------------------- Sizes --------------------------------- */
.kab-chip-size-md[b-eu3k9c9p6s] {
    --kab-chip-height: calc(2rem * var(--kab-scale));
    --kab-chip-font-size: var(--kab-typography-font-size-label-md);
    --kab-chip-line-height: var(--kab-typography-line-height-label-md);
    --kab-chip-padding: calc(0.5 * var(--kab-spacing-multiplier)) calc(4 * var(--kab-spacing-multiplier));
}

.kab-chip-size-sm[b-eu3k9c9p6s] {
    --kab-chip-height: calc(1.5rem * var(--kab-scale));
    --kab-chip-font-size: var(--kab-typography-font-size-label-xs);
    --kab-chip-line-height: var(--kab-typography-line-height-label-xs);
    --kab-chip-padding: calc(0.5 * var(--kab-spacing-multiplier)) calc(2 * var(--kab-spacing-multiplier));
}

/* ----------------------------- Filled Neutral ----------------------------- */

.kab-chip-filled.kab-chip-neutral[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-20);
    --kab-chip-color: var(--kab-color-neutral-80);
}

.kab-chip-filled[data-clickable].kab-chip-neutral:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-30);
}

.kab-chip-filled[data-clickable].kab-chip-neutral:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-30);
}

.kab-chip-filled[data-clickable].kab-chip-neutral:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-neutral-30);
}

/* -------------------------- Filled-Tonal Neutral -------------------------- */

.kab-chip-filled-tonal.kab-chip-neutral[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-10);
    --kab-chip-color: var(--kab-color-neutral-50);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-neutral:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-20);
    --kab-chip-color: var(--kab-color-neutral-70);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-neutral:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-20);
    --kab-chip-color: var(--kab-color-neutral-70);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-neutral:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    --kab-chip-color: var(--kab-color-neutral-70);
}

/* ---------------------------- Outlined Neutral ---------------------------- */

.kab-chip-outlined.kab-chip-neutral[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-white);
    --kab-chip-color: var(--kab-color-neutral-70);
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
}

.kab-chip-outlined[data-clickable].kab-chip-neutral:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-10);
    --kab-chip-color: var(--kab-color-neutral-60);
}

.kab-chip-outlined[data-clickable].kab-chip-neutral:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-neutral-20);
    --kab-chip-color: var(--kab-color-neutral-80);
}

.kab-chip-outlined[data-clickable].kab-chip-neutral:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    --kab-chip-color: var(--kab-color-neutral-70);
}

/* ------------------------------ Text Neutral ------------------------------ */

.kab-chip-text.kab-chip-neutral[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-neutral-50);
}

.kab-chip-text[data-clickable].kab-chip-neutral:hover[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-neutral-60);
}

.kab-chip-text[data-clickable].kab-chip-neutral:active[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-neutral-80);
}

.kab-chip-text[data-clickable].kab-chip-neutral:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-neutral-80);
}

/* ------------------------------- Filled Blue ------------------------------ */

.kab-chip-filled.kab-chip-blue[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-50);
    --kab-chip-color: var(--kab-color-white);
}

.kab-chip-filled[data-clickable].kab-chip-blue:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-60);
}

.kab-chip-filled[data-clickable].kab-chip-blue:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-70);
}

.kab-chip-filled[data-clickable].kab-chip-blue:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

/* -------------------------- Filled-Tonal Blue -------------------------- */

.kab-chip-filled-tonal.kab-chip-blue[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-20);
    --kab-chip-color: var(--kab-color-blue-80);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-blue:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-30);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-blue:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-30);
    --kab-chip-color: var(--kab-color-white);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-blue:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

/* ---------------------------- Outlined Blue ---------------------------- */

.kab-chip-outlined.kab-chip-blue[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-white);
    --kab-chip-color: var(--kab-color-blue-80);
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-blue-80);
}

.kab-chip-outlined[data-clickable].kab-chip-blue:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-20);
}

.kab-chip-outlined[data-clickable].kab-chip-blue:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-blue-20);
}

.kab-chip-outlined[data-clickable].kab-chip-blue:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

/* ------------------------------ Text Blue ------------------------------ */

.kab-chip-text.kab-chip-blue[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-blue-80);
}

.kab-chip-text[data-clickable].kab-chip-blue :hover[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-blue-30);
}

.kab-chip-text[data-clickable].kab-chip-blue :active[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-blue-60);
}

/* ------------------------------- Filled Red ------------------------------ */

.kab-chip-filled.kab-chip-red[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-40);
    --kab-chip-color: var(--kab-color-white);
}

.kab-chip-filled[data-clickable].kab-chip-red:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-50);
}

.kab-chip-filled[data-clickable].kab-chip-red:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-60);
}

.kab-chip-filled[data-clickable].kab-chip-red:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
}

/* -------------------------- Filled-Tonal Red -------------------------- */

.kab-chip-filled-tonal.kab-chip-red[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-10);
    --kab-chip-color: var(--kab-color-red-50);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-red:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-20);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-red:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-30);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-red:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
}

/* ---------------------------- Outlined Red ---------------------------- */

.kab-chip-outlined.kab-chip-red[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-white);
    --kab-chip-color: var(--kab-color-red-50);
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-red-50);
}

.kab-chip-outlined[data-clickable].kab-chip-red:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-10);
}

.kab-chip-outlined[data-clickable].kab-chip-red:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-red-20);
}

.kab-chip-outlined[data-clickable].kab-chip-red:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-red-20);
}

/* ------------------------------ Text Red ------------------------------ */

.kab-chip-text.kab-chip-red[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-red-50);
}

.kab-chip-text[data-clickable].kab-chip-red:hover[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-red-30);
}

.kab-chip-text[data-clickable].kab-chip-red:active[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-red-60);
}

.kab-chip-text[data-clickable].kab-chip-red:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-red-60);
}

/* ------------------------------- Filled Green ------------------------------ */

.kab-chip-filled.kab-chip-green[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-20);
    --kab-chip-color: var(--kab-color-green-80);
}

.kab-chip-filled[data-clickable].kab-chip-green:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-30);
}

.kab-chip-filled[data-clickable].kab-chip-green:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-40);
}

.kab-chip-filled[data-clickable].kab-chip-green:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-green-60);
}

/* -------------------------- Filled-Tonal Green -------------------------- */

.kab-chip-filled-tonal.kab-chip-green[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-10);
    --kab-chip-color: var(--kab-color-green-50);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-green:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-20);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-green:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-40);
    --kab-chip-color: var(--kab-color-green-80);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-green:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-green-20);
}

/* ---------------------------- Outlined Green ---------------------------- */

.kab-chip-outlined.kab-chip-green[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-white);
    --kab-chip-color: var(--kab-color-green-50);
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-green-50);
}

.kab-chip-outlined[data-clickable].kab-chip-green:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-10);
}

.kab-chip-outlined[data-clickable].kab-chip-green:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-green-20);
}

.kab-chip-outlined[data-clickable].kab-chip-green:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-green-20);
}

/* ------------------------------ Text Green ------------------------------ */

.kab-chip-text.kab-chip-green[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-green-50);
}

.kab-chip-text[data-clickable].kab-chip-green:hover[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-green-30);
}

.kab-chip-text[data-clickable].kab-chip-green:active[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-green-60);
}

/* ------------------------------- Filled Yellow ------------------------------ */

.kab-chip-filled.kab-chip-yellow[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-20);
    --kab-chip-color: var(--kab-color-yellow-80);
}

.kab-chip-filled[data-clickable].kab-chip-yellow:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-30);
}

.kab-chip-filled[data-clickable].kab-chip-yellow:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-40);
}

.kab-chip-filled[data-clickable].kab-chip-yellow:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-yellow-60);
}

/* -------------------------- Filled-Tonal Yellow -------------------------- */

.kab-chip-filled-tonal.kab-chip-yellow[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-10);
    --kab-chip-color: var(--kab-color-yellow-50);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-yellow:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-20);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-yellow:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-40);
    --kab-chip-color: var(--kab-color-yellow-80);
}

.kab-chip-filled-tonal[data-clickable].kab-chip-yellow:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-yellow-20);
}

/* ---------------------------- Outlined Yellow ---------------------------- */

.kab-chip-outlined.kab-chip-yellow[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-white);
    --kab-chip-color: var(--kab-color-yellow-50);
    --kab-chip-border: var(--kab-border-width-1) solid var(--kab-color-yellow-50);
}

.kab-chip-outlined[data-clickable].kab-chip-yellow:hover[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-10);
}

.kab-chip-outlined[data-clickable].kab-chip-yellow:active[b-eu3k9c9p6s] {
    --kab-chip-background: var(--kab-color-yellow-20);
}

.kab-chip-outlined[data-clickable].kab-chip-yellow:focus-visible[b-eu3k9c9p6s] {
    --kab-chip-box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-yellow-20);
}

/* ------------------------------ Text Yellow ------------------------------ */

.kab-chip-text.kab-chip-yellow[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-yellow-50);
}

.kab-chip-text[data-clickable].kab-chip-yellow:hover[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-yellow-30);
}

.kab-chip-text[data-clickable].kab-chip-yellow:active[b-eu3k9c9p6s] {
    --kab-chip-color: var(--kab-color-yellow-60);
}

.kab-chip:disabled[b-eu3k9c9p6s] {
    pointer-events: none;
}
/* _content/KAB.Web/Components/Base/KabDateTimePicker.razor.rz.scp.css */
.kab-datetime-container[b-eeacqftn87]  .kab-datetime-picker {
    max-width: 180px;
}

    .kab-datetime-container[b-eeacqftn87]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .kab-datetime-container[b-eeacqftn87]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 8px;
    }

.kab-datetime-container[b-eeacqftn87]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-eeacqftn87] {
    border-color: var(--kab-color-blue-50);
}
/* _content/KAB.Web/Components/Base/KabFileUpload.razor.rz.scp.css */
.kab-file-upload[b-kytyl9thts]

.mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier))
}

    .kab-file-upload[b-kytyl9thts]
    
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }

        .kab-file-upload[b-kytyl9thts]  .mud-input-control-helper-container
        .mud-input-helper-text.mud-input-error {
            color: var(--kab-color-red-40) !important;
        }
/* _content/KAB.Web/Components/Base/KabImage.razor.rz.scp.css */
.kab-Image-container[b-0rboq1v124]  img{
    object-fit:contain !important;
    background: #ffffff;
}
/* _content/KAB.Web/Components/Base/KabMonthPicker.razor.rz.scp.css */
.kab-datetime-container[b-dha89btm6c]  .kab-datetime-picker {
    max-width: 200px;
}

    .kab-datetime-container[b-dha89btm6c]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .kab-datetime-container[b-dha89btm6c]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 8px;
    }

.kab-datetime-container[b-dha89btm6c]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-dha89btm6c] {
    border-color: var(--kab-color-blue-50);
}
/* _content/KAB.Web/Components/Base/KabMonthRangePicker.razor.rz.scp.css */
.kab-month-picker[b-c35ta9bgsm]  .kab-revenue-filter-button {
    text-transform: none;
    box-shadow: none;
    max-width: 96px;
    max-height: 40px;
    font-size: 16px;
    border-radius: 8px;
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-5);
}

.kab-month-picker[b-c35ta9bgsm]  :hover .kab-revenue-filter-button {
    color: var(--kab-color-neutral-60);
}
/* _content/KAB.Web/Components/Base/KabPagination.razor.rz.scp.css */
.kab-pagination[b-7jcephgqpm]  .mud-pagination .mud-pagination-item > * {
    margin: 0;
    height: calc(2.25rem * var(--kab-scale));
}

.kab-pagination[b-7jcephgqpm]  .mud-button-outlined {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-70);
    font-weight: var(--kab-typography-font-weight-p)
}

    .kab-pagination[b-7jcephgqpm]  .mud-button-outlined:hover {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-60)
    }

    .kab-pagination[b-7jcephgqpm]  .mud-button-outlined[disabled] {
        opacity: 0.3
    }

.kab-pagination[b-7jcephgqpm]  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined {
    background-color: var(--kab-color-neutral-80);
    color: var(--kab-color-white);
    font-weight: var(--kab-typography-font-weight-display);
    border-color: var(--kab-color-neutral-60);
}

    .kab-pagination[b-7jcephgqpm]  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined:hover {
        background-color: var(--kab-color-neutral-60);
    }
/* _content/KAB.Web/Components/Base/KabStandardAutoComplate.razor.rz.scp.css */
[b-qhuy8p4mwa] .kab-select-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family) !important;
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-qhuy8p4mwa] .kab-select-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-qhuy8p4mwa] .kab-select-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

    [b-qhuy8p4mwa] .kab-select-standard .mud-input .mud-input-adornment .mud-icon-default {
        color: var(--kab-color-neutral-70);
    }

    [b-qhuy8p4mwa] .kab-select-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
        display: flex !important;
        align-items: center;
    }

    [b-qhuy8p4mwa] .kab-select-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
        border-radius: var(--kab-border-radius-md);
    }

[b-qhuy8p4mwa] .kab-select-standard .mud-popover-cascading-value {
    position: absolute;
}

/* Start focus state */
[b-qhuy8p4mwa] .kab-select-standard .mud-input:focus-within .mud-input-outlined-border {
    border-width: var(--kab-border-width-1);
}

[b-qhuy8p4mwa]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within
.mud-input-outlined-border {
    border-color: var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

[b-qhuy8p4mwa]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
    color: var(--kab-color-neutral-70) !important;
}
/* End focus state */

/* Start disabled state */
[b-qhuy8p4mwa] .kab-select-standard .mud-input.mud-disabled .mud-input-outlined-border {
    border: none;
}

[b-qhuy8p4mwa] .kab-select-standard .mud-input.mud-disabled,
[b-qhuy8p4mwa] .kab-select-standard .mud-input.mud-disabled .mud-icon-default {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

/* End disabled state */

/* Start error state */
[b-qhuy8p4mwa]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-outlined-border {
    border-color: var(--kab-color-red-20) !important;
}

[b-qhuy8p4mwa]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-adornment
.mud-icon-default {
    color: var(--kab-color-red-40) !important;
}

[b-qhuy8p4mwa]
.kab-select-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-qhuy8p4mwa]
.kab-select-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-qhuy8p4mwa] .kab-select-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-qhuy8p4mwa] .kab-select-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-qhuy8p4mwa] .kab-select-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-qhuy8p4mwa] .kab-select-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-qhuy8p4mwa]
    .kab-select-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }
/* _content/KAB.Web/Components/Base/KabStandardNumberField.razor.rz.scp.css */
[b-b846i9xi9x] .kab-number-field-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family);
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-b846i9xi9x] .kab-number-field-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-b846i9xi9x] .kab-number-field-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input
    .mud-input-adornment
    .mud-icon-default {
        color: var(--kab-color-neutral-70);
    }

    [b-b846i9xi9x] .kab-number-field-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
    }

    [b-b846i9xi9x] .kab-number-field-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
        border-radius: var(--kab-border-radius-md);
    }

    /* Start focus state */
    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input:focus-within
    .mud-input-outlined-border {
        border-width: var(--kab-border-width-1);
    }

    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input:not(.mud-input-error):focus-within
    .mud-input-outlined-border {
        border-color: var(--kab-color-blue-50) !important;
        box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
        color: var(--kab-color-neutral-70) !important;
    }
    /* End focus state */

    /* Start disabled state */
    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input.mud-disabled
    .mud-input-outlined-border {
        border: none;
    }

    [b-b846i9xi9x] .kab-number-field-standard .mud-input.mud-disabled,
    [b-b846i9xi9x] .kab-number-field-standard .mud-input.mud-disabled .mud-icon-default {
        color: var(--kab-color-neutral-70);
        background: var(--kab-color-neutral-20);
        border-radius: 8px;
    }

    /* End disabled state */

    /* Start error state */
    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input.mud-input-error
    .mud-input-outlined-border {
        border-color: var(--kab-color-red-20) !important;
    }

    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input.mud-input-error
    .mud-input-adornment
    .mud-icon-default {
        color: var(--kab-color-red-40) !important;
    }

[b-b846i9xi9x]
.kab-number-field-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-b846i9xi9x]
.kab-number-field-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-b846i9xi9x] .kab-number-field-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-b846i9xi9x] .kab-number-field-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-b846i9xi9x] .kab-number-field-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-b846i9xi9x] .kab-number-field-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-b846i9xi9x]
    .kab-number-field-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }

[b-b846i9xi9x] .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-primary);
}
/* _content/KAB.Web/Components/Base/KabStandardSearch.razor.rz.scp.css */
[b-c7yzmlaphl] .kab-textfield-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family);
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-c7yzmlaphl] .kab-textfield-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-c7yzmlaphl] .kab-textfield-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

[b-c7yzmlaphl] .mud-input .mud-input-adornment .mud-input-adornment-icon-button {
    color: #B1B5BA;
}

[b-c7yzmlaphl]
.kab-textfield-standard
.mud-input
.mud-input-adornment
.mud-icon-default {
    color: var(--kab-color-neutral-40);
}

    [b-c7yzmlaphl] .kab-textfield-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
    }

    [b-c7yzmlaphl] .kab-textfield-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
        border-radius: var(--kab-border-radius-md);
    }

    /* Start focus state */
    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input:focus-within
    .mud-input-outlined-border {
        border-width: var(--kab-border-width-1);
    }

    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input:not(.mud-input-error):focus-within
    .mud-input-outlined-border {
        border-color: var(--kab-color-blue-50) !important;
        box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
        color: var(--kab-color-neutral-70) !important;
    }
    /* End focus state */

    /* Start disabled state */
    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input.mud-disabled
    .mud-input-outlined-border {
        border: none;
    }

    [b-c7yzmlaphl] .kab-textfield-standard .mud-input.mud-disabled,
    [b-c7yzmlaphl] .kab-textfield-standard .mud-input.mud-disabled .mud-icon-default {
        color: var(--kab-color-neutral-70);
        background: var(--kab-color-neutral-20);
        border-radius: 8px;
    }

    /* End disabled state */

    /* Start error state */
    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input.mud-input-error
    .mud-input-outlined-border {
        border-color: var(--kab-color-red-20) !important;
    }

    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input.mud-input-error
    .mud-input-adornment
    .mud-icon-default {
        color: var(--kab-color-red-40) !important;
    }

[b-c7yzmlaphl]
.kab-textfield-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-c7yzmlaphl]
.kab-textfield-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-c7yzmlaphl] .kab-textfield-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-c7yzmlaphl] .kab-textfield-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-c7yzmlaphl] .kab-textfield-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-c7yzmlaphl] .kab-textfield-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-c7yzmlaphl]
    .kab-textfield-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }

[b-c7yzmlaphl] .mud-input-adornment svg {
    display: block !important;
    margin-top: 4px !important;
}

[b-c7yzmlaphl] .mud-input-adornment-start {
    margin-right: 0px;
    margin-inline-end: 0px;
}

/*remove background icon button*/
[b-c7yzmlaphl] .kab-textfield-standard .mud-icon-button:hover {
    background-color: transparent;
}
/* _content/KAB.Web/Components/Base/KabStandardSelect.razor.rz.scp.css */
[b-8ywc8yu7mi] .kab-select-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family) !important;
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-8ywc8yu7mi] .kab-select-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-8ywc8yu7mi] .kab-select-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

    [b-8ywc8yu7mi] .kab-select-standard .mud-input .mud-input-adornment .mud-icon-default {
        color: var(--kab-color-neutral-70);
    }

    [b-8ywc8yu7mi] .kab-select-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
        display: flex !important;
        align-items: center;
    }

    [b-8ywc8yu7mi] .kab-select-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
        border-radius: var(--kab-border-radius-md);
    }

[b-8ywc8yu7mi] .kab-select-standard .mud-popover-cascading-value {
    position: absolute;
}

/* Start focus state */
[b-8ywc8yu7mi] .kab-select-standard .mud-input:focus-within .mud-input-outlined-border {
    border-width: var(--kab-border-width-1);
}

[b-8ywc8yu7mi]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within
.mud-input-outlined-border {
    border-color: var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

[b-8ywc8yu7mi]
.kab-select-standard
.mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
    color: var(--kab-color-neutral-70) !important;
}
/* End focus state */

/* Start disabled state */
[b-8ywc8yu7mi] .kab-select-standard .mud-input.mud-disabled .mud-input-outlined-border {
    border: none;
}

[b-8ywc8yu7mi] .kab-select-standard .mud-input.mud-disabled,
[b-8ywc8yu7mi] .kab-select-standard .mud-input.mud-disabled .mud-icon-default {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

/* End disabled state */

/* Start error state */
[b-8ywc8yu7mi]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-outlined-border {
    border-color: var(--kab-color-red-20) !important;
}

[b-8ywc8yu7mi]
.kab-select-standard
.mud-input.mud-input-error
.mud-input-adornment
.mud-icon-default {
    color: var(--kab-color-red-40) !important;
}

[b-8ywc8yu7mi]
.kab-select-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-8ywc8yu7mi]
.kab-select-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-8ywc8yu7mi] .kab-select-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-8ywc8yu7mi] .kab-select-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-8ywc8yu7mi] .kab-select-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-8ywc8yu7mi] .kab-select-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-8ywc8yu7mi]
    .kab-select-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }

[b-8ywc8yu7mi] .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-primary);
}
/* _content/KAB.Web/Components/Base/KabStandardTextField.razor.rz.scp.css */
[b-dxlbmhc063] .kab-textfield-standard.mud-input-control {
    margin: 0;
    font-family: var(--kab-typography-font-family);
    padding-inline: calc(0.125rem * var(--kab-scale));
}

[b-dxlbmhc063] .kab-textfield-standard .mud-input-control-input-container {
    flex-direction: column-reverse;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

[b-dxlbmhc063] .kab-textfield-standard .mud-input {
    color: var(--kab-color-neutral-70);
    padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    gap: calc(1 * var(--kab-spacing-multiplier));
}

    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input
    .mud-input-adornment
    .mud-icon-default {
        color: var(--kab-color-neutral-40);
    }

    [b-dxlbmhc063] .kab-textfield-standard .mud-input .mud-input-root {
        padding-inline: 0 !important;
        padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
        height: calc(3rem * var(--kab-scale));
        box-sizing: border-box;
        font-size: var(--kab-typography-font-size-p-md);
        line-height: var(--kab-typography-line-height-p-md);
    }

    [b-dxlbmhc063] .kab-textfield-standard .mud-input .mud-input-outlined-border {
        border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
        border-radius: var(--kab-border-radius-md);
    }

    /* Start focus state */
    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input:focus-within
    .mud-input-outlined-border {
        border-width: var(--kab-border-width-1);
    }

    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input:not(.mud-input-error):focus-within
    .mud-input-outlined-border {
        border-color: var(--kab-color-blue-50) !important;
        box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input:not(.mud-input-error):focus-within ~ .mud-input-label {
        color: var(--kab-color-neutral-70) !important;
    }
    /* End focus state */

    /* Start disabled state */
    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input.mud-disabled
    .mud-input-outlined-border {
        border: none;
    }

    [b-dxlbmhc063] .kab-textfield-standard .mud-input.mud-disabled,
    [b-dxlbmhc063] .kab-textfield-standard .mud-input.mud-disabled .mud-icon-default {
        color: var(--kab-color-neutral-70);
        background: var(--kab-color-neutral-20);
        border-radius: 8px;
    }

    /* End disabled state */

    /* Start error state */
    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input.mud-input-error
    .mud-input-outlined-border {
        border-color: var(--kab-color-red-20) !important;
    }

    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input.mud-input-error
    .mud-input-adornment
    .mud-icon-default {
        color: var(--kab-color-red-40) !important;
    }

[b-dxlbmhc063]
.kab-textfield-standard
.mud-input-control-helper-container
.mud-input-helper-text.mud-input-error {
    color: var(--kab-color-red-40) !important;
}

[b-dxlbmhc063]
.kab-textfield-standard
.mud-input-control-input-container
.mud-input-label-inputcontrol.mud-input-error {
    color: var(--kab-color-neutral-70) !important;
}

/* End error state */

[b-dxlbmhc063] .kab-textfield-standard .mud-input .mud-input-outlined-border legend {
    display: none !important;
}

[b-dxlbmhc063] .kab-textfield-standard .mud-input-label-inputcontrol {
    position: static;
    transform: none !important;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md) !important;
    font-weight: var(--kab-typography-font-weight-label) !important;
    color: var(--kab-color-neutral-70);
    pointer-events: all !important;
    padding: 0 !important;
}

    [b-dxlbmhc063] .kab-textfield-standard .mud-input-label-inputcontrol::after {
        color: var(--kab-color-red-50);
        margin-left: calc(1 * var(--kab-spacing-multiplier));
    }

[b-dxlbmhc063] .kab-textfield-standard .mud-input-control-helper-container {
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    padding: 0 !important;
}

    [b-dxlbmhc063]
    .kab-textfield-standard
    .mud-input-control-helper-container
    .mud-input-helper-text {
        color: var(--kab-color-neutral-40) !important;
        font-size: var(--kab-typography-font-size-label-sm);
        line-height: var(--kab-typography-line-height-label-sm);
    }

[b-dxlbmhc063] .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-primary);
}

/*remove background icon button*/
[b-dxlbmhc063] .kab-textfield-standard .mud-icon-button:hover {
    background-color: transparent;
}
/* _content/KAB.Web/Components/Base/KabSwitch.razor.rz.scp.css */
/*TODO: Update style*/

.kab-switch[b-p5sp56d8ot] {
}

    .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span {
        padding: 6px;
        border-radius: 6px;
    }

        .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span .mud-switch-track {
            border-radius: 13px;
        }

            .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span .mud-switch-track.mud-primary {
                background-color: #02C953 !important;
                opacity: 1;
            }

        .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span .mud-switch-base {
            color: #fafafa !important;
        }
            .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span .mud-switch-base.mud-switch-disabled + .mud-switch-track {
                opacity: 0.5;
            }
        .kab-switch[b-p5sp56d8ot]  .mud-switch-span-medium.mud-switch-span .mud-switch-base:hover {
            background-color: transparent !important;
        }
/* _content/KAB.Web/Components/Base/KabTable/KabTable.razor.rz.scp.css */
.kab-table[b-lq8m3hy5ju]  .mud-table-root .mud-table-head .mud-table-cell {
    color: var(--kab-color-neutral-80);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var( --kab-typography-line-height-label-md);
    text-align: center;
}

.kab-table[b-lq8m3hy5ju]  .mud-table-root .mud-table-head {
    background: var(--kab-color-neutral-10);
}

    .kab-table[b-lq8m3hy5ju]  .mud-table-root .mud-table-head .mud-table-sort-label .mud-table-sort-label-icon {
        opacity: 0.3;
    }

        .kab-table[b-lq8m3hy5ju]  .mud-table-root .mud-table-head .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc {
            opacity: 1;
        }
        .kab-table[b-lq8m3hy5ju]  .mud-table-root .mud-table-head .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc {
            opacity: 1;
        }

.kab-table[b-lq8m3hy5ju]  .mud-table-cell {
    border-bottom: var(--kab-border-width-1) solid var(--kab-color-neutral-10);
}

.kab-table[b-lq8m3hy5ju]  .mud-table-container {
    overflow: hidden;
    box-shadow: 0px 3px 3px 0px #0000000D;
    border-radius: 8px;
}

    .kab-table[b-lq8m3hy5ju]  .mud-table-container .mud-table-row .mud-table-cell {
        color: var(--kab-color-neutral-60, #676A6D);
        font-size: 14px;
    }

    .kab-table[b-lq8m3hy5ju]  .mud-table-container .mud-table-row th.mud-table-cell {
        font-size: 16px;
    }
/* _content/KAB.Web/Components/Base/KabTabNav/KabTabNavLink.razor.rz.scp.css */
[b-1sbgdessyt] .kab-tab-nav-link {
    border-bottom-style: solid;
    border-bottom-width: var(--kab-border-width-1);
    border-bottom-color: var(--kab-color-neutral-20);
    padding: calc(0.5 * var(--kab-spacing-multiplier)) calc(2 * var(--kab-spacing-multiplier));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(2 * var(--kab-spacing-multiplier));
    height: var(--kab-tab-nav-height, var(--kab-tab-nav-height-md));
    background-color: var(--kab-color-white);
    color: var(--kab-color-neutral-80);
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-typography-font-size-label-md);
    width: 100%;
}


    [b-1sbgdessyt] .kab-tab-nav-link:hover {
        border-bottom-color: var(--kab-color-neutral-30);
    }

    [b-1sbgdessyt] .kab-tab-nav-link.kab-tab-nav-link-active {
        border-bottom-color: var(--kab-color-blue-50);
        color: var(--kab-color-blue-50);
    }
/* _content/KAB.Web/Components/Base/KabTabNav/KabTabNavRoot.razor.rz.scp.css */
.kab-tab-nav[b-l3ul2vputd] {
    --kab-tab-nav-height-sm: calc(1.5rem * var(--kab-scale));
    --kab-tab-nav-height-md: calc(2.5rem * var(--kab-scale));
    --kab-tab-nav-height-lg: calc(3rem * var(--kab-scale));
}

    .kab-tab-nav.kab-tab-nav-sm[b-l3ul2vputd] {
        --kab-tab-nav-height: var(--kab-tab-nav-height-sm);
    }

    .kab-tab-nav.kab-tab-nav-md[b-l3ul2vputd] {
        --kab-tab-nav-height: var(--kab-tab-nav-height-md);
    }

    .kab-tab-nav.kab-tab-nav-lg[b-l3ul2vputd] {
        --kab-tab-nav-height: var(--kab-tab-nav-height-lg);
    }
/* _content/KAB.Web/Components/Base/KabYearPicker.razor.rz.scp.css */
.kab-year-container[b-h6h9rvxeir]  .kab-year-filter {
    max-width: 150px;
}

    .kab-year-container[b-h6h9rvxeir]  .kab-year-filter .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .kab-year-container[b-h6h9rvxeir]  .kab-year-filter .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 8px;
    }

.kab-year-container[b-h6h9rvxeir]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-h6h9rvxeir] {
    border-color: var(--kab-color-blue-50);
}
/* _content/KAB.Web/Components/Base/SideMenu/KabSideMenu.razor.rz.scp.css */
.kab-side-menu[b-k3ri2y8dwe] {
    --kab-side-menu-gap-y: calc(2 * var(--kab-spacing-multiplier));
    --kab-side-menu-item-padding: calc(1 * var(--kab-spacing-multiplier)) calc(2 * var(--kab-spacing-multiplier));
    padding: calc(4 * var(--kab-spacing-multiplier));
    display: flex;
    flex-direction: column;
    gap: var(--kab-side-menu-gap-y);
    background: var(--kab-color-neutral-10);
}

[b-k3ri2y8dwe] .kab-side-menu-content {
    display: flex;
    flex-direction: column;
    gap: var(--kab-side-menu-gap-y);
}

[b-k3ri2y8dwe] .kab-side-menu-link {
    display: flex;
    align-items: center;
    height: calc(2rem * var(--kab-scale));
    padding: var(--kab-side-menu-item-padding);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    color: var(--kab-color-neutral-50);
    border-radius: var(--kab-border-radius-md);
}

    [b-k3ri2y8dwe] .kab-side-menu-link.kab-side-menu-link-active {
        background: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

    [b-k3ri2y8dwe] .kab-side-menu-link:hover {
        background-color: var(--kab-color-neutral-30);
        color: var(--kab-color-neutral-80);
    }
/* _content/KAB.Web/Components/Base/SideMenu/KabSideMenuButton.razor.rz.scp.css */
.kab-side-menu-button[b-ooeib4ndqw] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: calc(2rem * var(--kab-scale));
    padding: var(--kab-side-menu-item-padding);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    color: var(--kab-color-neutral-50);
    border-radius: var(--kab-border-radius-md);
    width: 100%;
}

    .kab-side-menu-button.kab-side-menu-button-active[b-ooeib4ndqw] {
        background: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

    .kab-side-menu-button:hover[b-ooeib4ndqw] {
        background-color: var(--kab-color-neutral-30);
        color: var(--kab-color-neutral-80);
    }
/* _content/KAB.Web/Components/Base/SideMenu/KabSideMenuHeader.razor.rz.scp.css */
.kab-side-menu-header[b-fammp4033t] {
    padding: var(--kab-side-menu-item-padding);
    color: var(--kab-color-neutral-80);
}
/* _content/KAB.Web/Components/Base/SideMenu/KabSideMenuLabel.razor.rz.scp.css */
.kab-side-menu-label[b-2ohuvunhca] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: calc(2rem * var(--kab-scale));
}
/* _content/KAB.Web/Components/Layout/AdminHeader.razor.rz.scp.css */
.header[b-0wztvrlsmb] {
    padding-inline: calc(6 * var(--kab-spacing-multiplier));
    padding-top: calc(3 * var(--kab-spacing-multiplier));
    display: grid;
    gap: calc(2 * var(--kab-spacing-multiplier));

    max-width: var(--kab-container-3);
    width: 100%;
    margin-inline: auto;
}

.search-section[b-0wztvrlsmb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

.logo[b-0wztvrlsmb] {
    height: calc(2.5rem * var(--kab-scale))
}

.user-actions-container[b-0wztvrlsmb] {
    display: flex;
    align-items: center;
    gap: calc(2 * var(--kab-spacing-multiplier));
}

.username[b-0wztvrlsmb] {
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    color: var(--kab-color-neutral-80)
}

.user-menu[b-0wztvrlsmb] {
    display: inline-block;
    min-width: calc(13.5rem * var(--kab-scale))
}


.menu-icon[b-0wztvrlsmb] {
    width: calc(1.25rem * var(--kab-scale));
    margin-right: calc(1 * var(--kab-spacing-multiplier));
}

[b-0wztvrlsmb] .header-navbar {
    margin-top: calc(4 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Layout/AdminMainLayout.razor.rz.scp.css */
.main-section[b-7wpjvv46lj] {
    padding: calc(4 * var(--kab-spacing-multiplier)) calc(8 * var(--kab-spacing-multiplier));
    background: var(--kab-color-neutral-10);
    padding-bottom: calc(16 * var(--kab-spacing-multiplier))
}

.main-section-container[b-7wpjvv46lj] {
    background: var(--kab-color-white);
    padding: calc(4 * var(--kab-spacing-multiplier));
    border-radius: var(--kab-border-radius-lg);
    width: 100%;
    max-width: var(--kab-container-3);
    margin-inline: auto
}
/* _content/KAB.Web/Components/Layout/Auth/AdminAuthLayout.razor.rz.scp.css */
.auth-layout[b-xways52kkf] {
    background-color: var(--kab-color-blue-10);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(16 * var(--kab-spacing-multiplier));
}

.auth-card[b-xways52kkf] {
    width: 100%;
    max-width: calc(35rem * var(--kab-scale));
    background-color: var(--kab-color-white);
    box-shadow: var(--kab-shadow-high);
    padding: calc(16 * var(--kab-spacing-multiplier));
}

.auth-main[b-xways52kkf] {
    margin-top: calc(14 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Layout/Auth/BaseAuthLayout.razor.rz.scp.css */
.page-container[b-jsqnjrm73i] {
    --page-container-padding: 0;
    --auth-container-height: calc(100vh - 2 * var(--page-container-padding));
    --carousel-container-height: calc(100vh - 2 * var(--page-container-padding));
    --auth-container-padding-x: calc(12 * var(--kab-spacing-multiplier));
    --auth-container-padding-y: calc(6 * var(--kab-spacing-multiplier));
    --auth-header-height: calc(3rem * var(--kab-scale));
    --auth-header-mb: calc(6 * var(--kab-spacing-multiplier));
    --auth-content-height: calc( var(--auth-container-height) - calc(2 * var(--auth-container-padding-x)) - var(--auth-header-height) - var(--auth-header-mb) );
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
/*    background: var(--kab-color-neutral-80) !important;*/
}

.auth-container[b-jsqnjrm73i] {
    padding: var(--auth-container-padding-x) var(--auth-container-padding-y);
    height: var(--auth-container-height);
    width: 100%;
    background-color: var(--kab-color-white);
    border-radius: var(--kab-border-radius-md);
}

.auth-header[b-jsqnjrm73i] {
    display: flex;
    justify-content: space-between;
    height: var(--auth-header-height);
    margin-bottom: var(--auth-header-mb);
}

.auth-content[b-jsqnjrm73i] {
    height: var(--auth-content-height);
    /*overflow: auto;*/
}

.carousel-container[b-jsqnjrm73i] {
    width: 100%;
    padding: calc(10 * var(--kab-spacing-multiplier)) calc(16 * var(--kab-spacing-multiplier));
    height: var(--carousel-container-height);
}

@media (min-width: 1280px) {
    .page-container[b-jsqnjrm73i] {
        --page-container-padding: calc(16 * var(--kab-spacing-multiplier));
        --auth-container-padding-x: calc(16 * var(--kab-spacing-multiplier));
        --auth-container-padding-y: calc(16 * var(--kab-spacing-multiplier));
        padding: var(--page-container-padding);
        display: flex;
        gap: calc(16 * var(--kab-spacing-multiplier));
    }

    .auth-container[b-jsqnjrm73i] {
        max-width: 560px;
    }
}

.custom-container[b-jsqnjrm73i] {
/*    background: var(--kab-color-neutral-80) !important;*/
}
/* _content/KAB.Web/Components/Layout/Auth/ProviderAuthLayout.razor.rz.scp.css */
[b-od26fqxy4p] .page-container {
    background: var(--kab-color-neutral-80);
}


[b-od26fqxy4p] .custom-container {
    background: var(--kab-color-neutral-80);
}
/* _content/KAB.Web/Components/Layout/Auth/ProviderBanner.razor.rz.scp.css */
.carousel-child-container[b-n7zz11ui9l] {
    height: 100%;
    padding-bottom: calc(6 * var(--kab-spacing-multiplier));
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-container[b-n7zz11ui9l] {
    flex: 1 1 auto;
    margin-bottom: calc(8 * var(--kab-spacing-multiplier));
    min-height: 0;
}

    .image-container img[b-n7zz11ui9l] {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.banner-content[b-n7zz11ui9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    gap: calc(4 * var(--kab-spacing-multiplier));
}

.banner-badge[b-n7zz11ui9l] {
    background-color: var(--kab-color-neutral-10);
    height: calc(2.5rem * var(--kab-scale));
    padding: calc(2 * var(--kab-spacing-multiplier)) calc(4 * var(--kab-spacing-multiplier));
    display: flex;
    gap: calc(2 * var(--kab-spacing-multiplier));
    color: var(--kab-color-neutral-50);
    border-radius: var(--kab-border-radius-md);
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
}

.banner-badge-text[b-n7zz11ui9l] {
    margin: 0;
}

.image-container img[b-n7zz11ui9l] {
    max-height: 100%;
}

.banner-h2[b-n7zz11ui9l] {
    font-size: var(--kab-typography-font-size-display-2);
    line-height: var(--kab-typography-line-height-display-2);
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    color: var(--kab-color-white);
}

.bullet-item[b-n7zz11ui9l] {
    width: calc(2rem * var(--kab-scale));
    height: calc(0.5rem * var(--kab-scale));
    border-radius: var(--kab-border-radius-sm);
    background-color: var(--kab-color-neutral-70);
    margin-right: calc(1 * var(--kab-spacing-multiplier));
    margin-left: calc(1 * var(--kab-spacing-multiplier));
}

    .bullet-item.selected[b-n7zz11ui9l] {
        background-color: var(--kab-color-neutral-60);
    }
/* _content/KAB.Web/Components/Layout/Auth/UserBanner.razor.rz.scp.css */
.carousel-child-container[b-7dily77705] {
    height: 100%;
    padding-bottom: calc(6 * var(--kab-spacing-multiplier));
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-container[b-7dily77705] {
    flex: 1 1 auto;
    margin-bottom: calc(8 * var(--kab-spacing-multiplier));
    min-height: 0;
}

    .image-container img[b-7dily77705] {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.banner-content[b-7dily77705] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    gap: calc(4 * var(--kab-spacing-multiplier));
}

.banner-badge[b-7dily77705] {
    background-color: var(--kab-color-blue-10);
    height: calc(2.5rem * var(--kab-scale));
    padding: calc(2 * var(--kab-spacing-multiplier)) calc(4 * var(--kab-spacing-multiplier));
    display: flex;
    gap: calc(2 * var(--kab-spacing-multiplier));
    color: var(--kab-color-blue-50);
    border-radius: var(--kab-border-radius-md);
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
}

.banner-badge-text[b-7dily77705] {
    margin: 0;
}

.image-container img[b-7dily77705] {
    max-height: 100%;
}

.banner-h2[b-7dily77705] {
    font-size: var(--kab-typography-font-size-display-2);
    line-height: var(--kab-typography-line-height-display-2);
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}

.bullet-item[b-7dily77705] {
    width: calc(2rem * var(--kab-scale));
    height: calc(0.5rem * var(--kab-scale));
    border-radius: var(--kab-border-radius-sm);
    background-color: var(--kab-color-neutral-20);
    margin-right: calc(1 * var(--kab-spacing-multiplier));
    margin-left: calc(1 * var(--kab-spacing-multiplier));
}

    .bullet-item.selected[b-7dily77705] {
        background-color: var(--kab-color-neutral-40);
    }
/* _content/KAB.Web/Components/Layout/CommunityLayout/CommunityMenuLayout.razor.rz.scp.css */
.community-menu-conatiner[b-6iqs043rkf] {
    display: flex;
    height: 100%;
}

.community-menu[b-6iqs043rkf] {
    height: 100%;
}

[b-6iqs043rkf] .community-menu .kab-side-menu {
    width: 300px;
    height: 100%;
}

    [b-6iqs043rkf] .community-menu .kab-side-menu .mud-divider-fullwidth {
        flex-grow: unset;
    }

[b-6iqs043rkf] .provider-nav-item {
    padding-left: 16px;
    height: 40px;
    gap: 16px;
    color: var(--kab-color-neutral-70) !important;
}

[b-6iqs043rkf] .community-menu-nav-item {
    padding-left: 20px;
    min-height: calc(2rem * var(--kab-scale));
    height: auto;
}

    [b-6iqs043rkf] .community-menu-nav-item:hover {
        cursor: pointer;
    }

.content-container[b-6iqs043rkf] {
    background-color: var(--kab-color-neutral-10);
    width: calc(100% - 300px)
}

.community-page[b-6iqs043rkf] {
    flex: 1;
    border-radius: 16px;
    /*padding: calc(4 * var(--kab-spacing-multiplier));*/
    padding: 15px 0px 5px 15px;
    background-color: var(--kab-color-white);
}

@media (max-width: 960px) {
    .community-menu[b-6iqs043rkf] {
        display: none;
    }

    .community-menu-conatiner[b-6iqs043rkf] {
        flex-direction: column;
    }

    .community-menu-moblie[b-6iqs043rkf]  .mud-expand-panel .mud-expand-panel-header {
        height: 40px;
    }

        .community-menu-moblie[b-6iqs043rkf]  .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text {
            font-size: var(--kab-typography-font-size-h3);
            line-height: var(--kab-typography-line-height-h3);
            font-weight: 600;
        }
}

@media (min-width: 960px) {
    .community-menu-moblie[b-6iqs043rkf] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Layout/EmptyLayout.razor.rz.scp.css */
.page-container[b-yww0ahknba] {
    --page-container-padding: 0;
    --auth-container-height: calc(100vh - 2 * var(--page-container-padding));
    --carousel-container-height: calc(100vh - 2 * var(--page-container-padding));
    --auth-container-padding-x: calc(12 * var(--kab-spacing-multiplier));
    --auth-container-padding-y: calc(6 * var(--kab-spacing-multiplier));
    --auth-header-height: calc(3rem * var(--kab-scale));
    --auth-header-mb: calc(6 * var(--kab-spacing-multiplier));
    --auth-content-height: calc( var(--auth-container-height) - calc(2 * var(--auth-container-padding-x)) - var(--auth-header-height) - var(--auth-header-mb) );
}

@media (min-width: 1280px) {
    .page-container[b-yww0ahknba] {
        --page-container-padding: calc(16 * var(--kab-spacing-multiplier));
        --auth-container-padding-x: calc(16 * var(--kab-spacing-multiplier));
        --auth-container-padding-y: calc(16 * var(--kab-spacing-multiplier));
        padding: var(--page-container-padding);
        display: flex;
        gap: calc(16 * var(--kab-spacing-multiplier));
    }
}
/* _content/KAB.Web/Components/Layout/FooterLayout.razor.rz.scp.css */
.footer-container[b-1mu3xppvc1] {
    padding: calc(8 * var(--kab-spacing-multiplier)) calc(6 * var(--kab-spacing-multiplier));
    border-top: 1px solid var(--kab-color-neutral-30);
    background-color: var(--kab-color-white);
    max-width: var(--kab-container-3);
    width: 100%;
    margin-inline: auto;
}

.footer-content[b-1mu3xppvc1] {
    margin-top: 32px;
}

.web-des[b-1mu3xppvc1] {
    font-size: 20px;
    color: #292B2C;
    font-weight: 700;
}

.PoweredBy-text[b-1mu3xppvc1] {
    font-size: 16px;
    color: #676A6D;
    font-weight: 400;
    margin-bottom: 4px;
}

.version-text[b-1mu3xppvc1] {
    font-size: 16px;
    color: #676A6D;
    font-weight: 400;
    margin-bottom: 8px;
}

.copyright-text[b-1mu3xppvc1] {
    font-size: 16px;
    color: #676A6D;
    font-weight: 400;
}

[b-1mu3xppvc1] .redirect-item {
    font-size: 16px;
    font-weight: 500;
    color: #292B2C;
}

.representative[b-1mu3xppvc1] {
    color: #B1B5BA;
    font-size: 14px;
    font-weight: 400;
}
/* _content/KAB.Web/Components/Layout/HeaderSearchComponent.razor.rz.scp.css */
.search-position[b-6oauv712wg] {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mobile-search-icon[b-6oauv712wg] {
    display: none;
}

.search-input-container[b-6oauv712wg] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

[b-6oauv712wg] .search-input .mud-input {
    height: 48px;
}

[b-6oauv712wg] .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-6oauv712wg] {
    border: 1px solid #E6EAED;
}

.has-result[b-6oauv712wg]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-6oauv712wg] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-result-container[b-6oauv712wg] {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: white;
    border: 1px solid #E6EAED;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
}

.show[b-6oauv712wg] {
    display: block
}

.overlay[b-6oauv712wg] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
}

.block-recent-search-container[b-6oauv712wg] {
    padding: 8px;
    padding-bottom: 0;
    font-size: 16px
}

.recent-search-title[b-6oauv712wg] {
    color: #676A6D;
    font-weight: 500;
}

.recent-search-item[b-6oauv712wg] {
    color: #8E9296;
    height: 32px;
    padding-bottom: 8px;
}

    .recent-search-item:hover[b-6oauv712wg] {
        cursor: pointer;
    }

.block-search-container[b-6oauv712wg] {
    font-size: 16px;
}

    .block-search-container div[b-6oauv712wg] {
        border-bottom: 1px solid #E6EAED;
    }

.search-result-title[b-6oauv712wg] {
    color: #676A6D;
    background-color: #F7F9FC;
    padding-left: 8px;
}

.search-result[b-6oauv712wg] {
    padding-left: 16px;
    color: #8E9296;
}

    .search-result:hover[b-6oauv712wg] {
        cursor: pointer;
    }

.search-item[b-6oauv712wg] {
    height: 36px;
    display: flex;
    align-items: center;
}

.see-all[b-6oauv712wg] {
    font-size: 14px;
    font-weight: 500;
    color: #8E9296;
    padding-left: 16px;
}

    .see-all:hover[b-6oauv712wg] {
        cursor: pointer;
    }

.mobile-search-container[b-6oauv712wg] {
    display: none;
}

    .mobile-search-container.show[b-6oauv712wg]  .kab-textfield-container {
        flex: 1;
    }

@media only screen and (max-width: 768px) {
    .search-input-container[b-6oauv712wg] {
        display: none;
    }

    .mobile-search-icon[b-6oauv712wg] {
        display: block;
    }

    .search-result-container[b-6oauv712wg] {
        position: fixed;
        top: 93px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mobile-search-container.show[b-6oauv712wg] {
        display: flex !important;
        background-color: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 93px;
        z-index: 20;
        align-items: center;
        padding: 32px 16px 0;
    }

    .back-icon[b-6oauv712wg] {
        padding: 4px;
        margin-right: 4px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 599px) {
    .mobile-search-container.show[b-6oauv712wg] {
        height: 140px;
    }

    .search-result-container[b-6oauv712wg] {
        top: 110px;
    }
}
/* _content/KAB.Web/Components/Layout/HomeLayout.razor.rz.scp.css */
.page[b-tawzi1ljzp] {
    position: relative;
    display: flex;
    flex-direction: column;
    /*    min-width: 100vw;*/
    min-height: 100vh;
    /*    min-height: 100vh;*/
    /*width: 100%;*/ /* Occupy the full width of the screen */
    /*max-width: 1440px;*/
    margin: 0 auto; /* Center the container horizontally */
}

main[b-tawzi1ljzp] {
    flex: 1;
}

.content[b-tawzi1ljzp] {
    flex: 1;
}

.sidebar[b-tawzi1ljzp] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-tawzi1ljzp] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tawzi1ljzp]  a,
    .top-row[b-tawzi1ljzp]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

        .top-row[b-tawzi1ljzp]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

[b-tawzi1ljzp] .mud-scroll-to-top.visible {
    right: calc(4 * var(--kab-spacing-multiplier));
    bottom: calc(8 * var(--kab-spacing-multiplier));
}

@media (max-width: 640.98px) {
    .top-row[b-tawzi1ljzp] {
        justify-content: space-between;
    }

        .top-row[b-tawzi1ljzp]  a,
        .top-row[b-tawzi1ljzp]  .btn-link {
            margin-left: 0;
        }
}

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

    .sidebar[b-tawzi1ljzp] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tawzi1ljzp] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-tawzi1ljzp]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    [b-tawzi1ljzp] .mud-scroll-to-top.visible {
        right: calc(6 * var(--kab-spacing-multiplier));
        bottom: calc(16 * var(--kab-spacing-multiplier));
    }
}

#blazor-error-ui[b-tawzi1ljzp] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-tawzi1ljzp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.home-navMenu[b-tawzi1ljzp]{
    max-width: 1440px;
    width: 100%;
    margin: 0px auto;
}

@media (min-width: 1441px) {
    .home-navMenu[b-tawzi1ljzp] {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
/* _content/KAB.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ooazetch6r] {
    position: relative;
    display: flex;
    flex-direction: column;
    /*    min-width: 100vw;*/
    min-height: 100vh;
    /*    min-height: 100vh;*/
    /*width: 100%;*/ /* Occupy the full width of the screen */
    max-width: 1440px;
    margin: 0 auto; /* Center the container horizontally */
}

main[b-ooazetch6r] {
    flex: 1;
}

.content[b-ooazetch6r] {
    flex: 1;
}

.sidebar[b-ooazetch6r] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ooazetch6r] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ooazetch6r]  a,
    .top-row[b-ooazetch6r]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

        .top-row[b-ooazetch6r]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

[b-ooazetch6r] .mud-scroll-to-top.visible {
    right: calc(4 * var(--kab-spacing-multiplier));
    bottom: calc(8 * var(--kab-spacing-multiplier));
}

@media (max-width: 640.98px) {
    .top-row[b-ooazetch6r] {
        justify-content: space-between;
    }

        .top-row[b-ooazetch6r]  a,
        .top-row[b-ooazetch6r]  .btn-link {
            margin-left: 0;
        }
}

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

    .sidebar[b-ooazetch6r] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ooazetch6r] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-ooazetch6r]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    [b-ooazetch6r] .mud-scroll-to-top.visible {
        right: calc(6 * var(--kab-spacing-multiplier));
        bottom: calc(16 * var(--kab-spacing-multiplier));
    }
}

#blazor-error-ui[b-ooazetch6r] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-ooazetch6r] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/KAB.Web/Components/Layout/ModelDetailLayout/ModelDetailLayout.razor.rz.scp.css */
.model-detail-layout[b-8rgw1zzkwe] {
    max-width: 1440px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container-model-detail[b-8rgw1zzkwe] {
    height: 128px;
}

    .container-model-detail[b-8rgw1zzkwe]  .kab-button-subcsribe {
        height: 40px;
        width: 160px;
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        border-radius: 8px;
        box-shadow: none;
    }

    .container-model-detail[b-8rgw1zzkwe]  .unsubscribe-button {
        background-color: var(--kab-color-red-10);
        color: var(--kab-color-red-50);
    }

    .container-model-detail[b-8rgw1zzkwe]  .subscribe-button {
        background-color: var(--kab-color-blue-55);
        color: var(--kab-color-white);
    }

    .container-model-detail[b-8rgw1zzkwe]  .edit-button {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-header {
        height: 100%;
        background-color: var(--kab-color-neutral-5);
        box-shadow: none;
        border-bottom: 1px solid var(--kab-color-neutral-20);
        padding-left: calc(1rem * var(--kab-scale));
        padding-right: calc(1rem * var(--kab-scale));
    }

    .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-breadcrumbs {
        font-size: 18px;
        padding: 0;
    }

        .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-breadcrumbs .mud-breadcrumb-item > a {
            color: var(--kab-color-blue-55);
        }

        .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-breadcrumbs .mud-breadcrumb-separator > span {
            color: var(--kab-color-neutral-60);
            opacity: 1
        }

    .container-model-detail[b-8rgw1zzkwe]  .menu-button {
        max-height: 24px;
        text-transform: none;
        font-size: 16px;
    }

    .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-menu {
        background-color: var(--kab-color-neutral-5);
        box-shadow: none;
        color: var(--kab-color-neutral-50);
    }

    .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-menu-active {
        background-color: var(--kab-color-neutral-20);
        box-shadow: none;
        color: var(--kab-color-neutral-70);
        border-radius: 4px;
    }

    .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-btn {
        background-color: #EDF5FA;
        width: 160px;
        box-shadow: none;
        color: var(--kab-color-blue-55);
        border-radius: 4px;
    }

    /*For the popup register model*/
    .container-model-detail[b-8rgw1zzkwe]  .kab-overlay {
        z-index: 1000;
        backdrop-filter: blur(8px);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-subscribe-popup {
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-subscribe-popup-close {
        position: absolute;
        top: 50px;
        right: 50px;
        max-width: 32px;
        max-height: 32px;
        background-color: var(--kab-color-neutral-5);
        color: var(--kab-color-neutral-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register {
        width: 330px;
        height: 564px;
        border-radius: 8px;
    }

        .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register .kab-popup-register-content {
            height: 100%;
        }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-title {
        font-weight: 600;
        font-size: 24px;
        color: var(--kab-color-neutral-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-text-1 {
        font-weight: 500;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-text-2 {
        font-weight: 700;
        font-size: 40px;
        color: var(--kab-color-blue-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-text-3 {
        font-weight: 400;
        font-size: 16px;
        color: var(--kab-color-neutral-50);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-text-4 {
        font-weight: 500;
        font-size: 16px;
        color: var(--kab-color-neutral-80);
    }

    .container-model-detail[b-8rgw1zzkwe]  .kab-popup-register-desc {
        font-weight: 400;
        font-size: 14px;
        color: var(--kab-color-neutral-60);
    }

.model-detail-layout .container-model-detail[b-8rgw1zzkwe]  .container-model-detail-breadcrumbs .mud-breadcrumb-separator {
    padding: 0 4px;
}

/*For the popup the development feature*/
.container-model-detail[b-8rgw1zzkwe]  .kab-overlay-development {
    z-index: 1000;
    backdrop-filter: blur(8px);
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-button-close {
    position: absolute;
    right: 16px;
    background-color: var(--kab-color-white);
    color: var(--kab-color-neutral-80);
    max-width: 32px;
    max-height: 32px;
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development {
    background-color: var(--kab-color-white);
    width: 600px;
    border-radius: 16px;
    padding: 16px;
    position: relative;
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-content-text {
    max-width: 568px;
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-content {
    text-align: center;
    gap: 32px !important;
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-text-1 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80);
    max-width: 300px;
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-text-2 {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.container-model-detail[b-8rgw1zzkwe]  .kab-popup-development-text-3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80);
}

/*Reponsive*/
@media screen and (max-width: 960px) {
    .container-model-detail[b-8rgw1zzkwe] {
        height: unset;
    }

        .container-model-detail[b-8rgw1zzkwe]  .container-header-nav {
            flex-direction: column-reverse !important;
        }

        .container-model-detail[b-8rgw1zzkwe]  .container-header-nav-menu {
            width: 100%;
            overflow-x: auto
        }

        .container-model-detail[b-8rgw1zzkwe]  .menu-button {
            min-width: 200px;
            white-space: nowrap;
            max-height: none;
            border-radius: 8px;
        }
}
/* _content/KAB.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.header-container[b-qhvkeizz6e] {
    padding-top: calc(3 * var(--kab-spacing-multiplier));
    padding-bottom: calc(4 * var(--kab-spacing-multiplier));
    padding-inline: calc(6 * var(--kab-spacing-multiplier));
    border-bottom: 1px solid var(--kab-color-neutral-30);
}

.desktop-show[b-qhvkeizz6e] {
    display: none !important;
}

.desktop-hidden[b-qhvkeizz6e] {
    display: flex !important;
}

[b-qhvkeizz6e] .top-header-navbar-item {
    font-size: 12px;
    color: #676A6D;
    font-weight: 500;
}

[b-qhvkeizz6e] .top-header-divider {
    border-color: #E6EAED;
    height: 9px;
    border-width: 2px;
    margin: auto 10px;
}

[b-qhvkeizz6e] .bottom-header-navbar-item {
    font-size: 16px;
    font-weight: 500;
}

.user-select-name[b-qhvkeizz6e] {
    color: #292B2C;
    font-size: 16px;
    font-weight: 500;
}

.use-menu-item-container[b-qhvkeizz6e] {
    width: 160px;
    border-radius: 4px;
}

.activator-content:hover[b-qhvkeizz6e] {
    background: #edecec;
}

.menu-activator-content[b-qhvkeizz6e] {
    width: 240px;
}

.user-name[b-qhvkeizz6e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-qhvkeizz6e] .be-provider-button {
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #292B2C;
    text-transform: none;
    border-radius: 8px;
    height: 40px;
    white-space: nowrap
}

    [b-qhvkeizz6e] .be-provider-button:hover {
        background-color: #5c6062;
    }

[b-qhvkeizz6e] .search-input-container {
    border-radius: 8px;
}

[b-qhvkeizz6e] .search-input {
    height: 48px;
}

[b-qhvkeizz6e] .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: 1px solid #E6EAED;
    border-radius: 8px;
}

.header-select-container[b-qhvkeizz6e] {
    width: calc(100vw - 48px);
    min-width: 300px;
    max-width: 450px;
    padding: 12px 16px;
}

    .header-select-container[b-qhvkeizz6e]  .mud-menu-item {
        border-radius: 8px;
    }

        .header-select-container[b-qhvkeizz6e]  .mud-menu-item .mud-menu-item-text {
            margin: 0;
            font-size: 16px;
            font-weight: 500;
        }

            .header-select-container[b-qhvkeizz6e]  .mud-menu-item .mud-menu-item-text:hover {
                color: #40a9ff
            }

.header-select-action[b-qhvkeizz6e] {
    padding-bottom: 0;
}

[b-qhvkeizz6e] .header-select-action .be-provider-button {
    justify-content: center
}

[b-qhvkeizz6e] .header-select-action .login-button {
    background-color: transparent;
    color: #454749;
    margin-bottom: 16px;
    border: 1px solid #B1B5BA;
}

[b-qhvkeizz6e] .language-info-menu-item {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--kab-color-neutral-40);
}

    [b-qhvkeizz6e] .language-info-menu-item svg {
        fill: var(--kab-color-neutral-40) !important;
    }

    [b-qhvkeizz6e] .language-info-menu-item svg {
        fill: var(--kab-color-neutral-40) !important;
    }

    [b-qhvkeizz6e] .language-info-menu-item.mud-nav-link:hover {
        color: var(--kab-color-neutral-80);
        background-color: var(--mud-palette-action-default-hover);
    }

        [b-qhvkeizz6e] .language-info-menu-item.mud-nav-link:hover svg {
            fill: var(--kab-color-neutral-80) !important;
        }

    [b-qhvkeizz6e] .language-info-menu-item.mud-nav-link:focus:not(.mud-nav-link-disabled):not(:hover) {
        background-color: transparent;
    }

    [b-qhvkeizz6e] .language-info-menu-item .mud-nav-link-text {
        width: unset;
        margin: 0;
    }

        [b-qhvkeizz6e] .language-info-menu-item .mud-nav-link-text .menu-activator-content {
            width: unset;
            max-width: 240px;
        }

[b-qhvkeizz6e] .user-info-menu-container {
    border: 1px solid var(--kab-color-neutral-40);
    border-radius: 8px;
}

[b-qhvkeizz6e] .user-info-menu-item {
    display: flex;
    padding: 0;
    height: 40px;
    justify-content: center;
    align-items: center;
}

    [b-qhvkeizz6e] .user-info-menu-item.mud-nav-link:focus:not(.mud-nav-link-disabled):not(:hover) {
        background-color: transparent;
    }

    [b-qhvkeizz6e] .user-info-menu-item.mud-nav-link:hover {
        background-color: var(--mud-palette-action-default-hover);
    }

    [b-qhvkeizz6e] .user-info-menu-item .mud-nav-link-text {
        width: unset;
        margin: 0;
    }

        [b-qhvkeizz6e] .user-info-menu-item .mud-nav-link-text .menu-activator-content {
            width: unset;
            max-width: 240px;
        }

[b-qhvkeizz6e] .use-menu-item .mud-menu-item-text {
    font-weight: 400 !important;
}

    [b-qhvkeizz6e] .use-menu-item:hover {
        color: #40a9ff;
    }

[b-qhvkeizz6e] .user-info-menu-item .mud-nav-link-expand-icon.mud-transform {
    fill: var(--kab-color-neutral-80) !important;
}

[b-qhvkeizz6e] .kab-menu-item:hover {
    color: var(--kab-color-blue-50);
}

@media only screen and (min-width: 1200px) {
    .desktop-show[b-qhvkeizz6e] {
        display: flex !important;
    }

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

@media screen and (max-width: 960px) {
    .header-container[b-qhvkeizz6e] {
        padding-top: calc(12 * var(--kab-spacing-multiplier)) !important;
        padding-bottom: calc(6 * var(--kab-spacing-multiplier)) !important;
        padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
    }
}
/* _content/KAB.Web/Components/Layout/NotificationBellComponent.razor.rz.scp.css */
@media (min-width: 1440px) {
    .notification-bell-component[b-hm0sep63mu]  .notification-popup-container-user {
        margin-left: 100px!important;
    }
}

.notification-bell-component[b-hm0sep63mu]  .notification-popup-container-admin {
    margin-left: -50px !important;
}
/* _content/KAB.Web/Components/Layout/ProviderLayout/MenuLayout.razor.rz.scp.css */
.provider-menu-conatiner[b-noxeyl7c52] {
    display: flex;
    height: 100%;
    max-width: 1440px;
}

.provider-menu[b-noxeyl7c52] {
    height: 100%;
}

[b-noxeyl7c52] .provider-menu .kab-side-menu {
    width: 300px;
    height: 100%;
}

    [b-noxeyl7c52] .provider-menu .kab-side-menu .mud-divider-fullwidth {
        flex-grow: unset;
    }

[b-noxeyl7c52] .provider-nav-item {
    padding-left: 16px;
    height: 40px;
    gap: 16px;
    color: var(--kab-color-neutral-70) !important;
}

[b-noxeyl7c52] .profile-nav-item-parent {
    padding-left: 20px;
}

.content-container[b-noxeyl7c52] {
    background-color: var(--kab-color-neutral-10);
    width: calc(100% - 300px);
    padding: 16px 32px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 960px) {
    .provider-menu[b-noxeyl7c52] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Layout/ProviderLayout/ProviderProfileLayout.razor.rz.scp.css */
.user-menu-conatiner[b-kqj2svuj2g] {
    display: flex;
    height: 100%;
    max-width: 1440px
}

.user-menu[b-kqj2svuj2g] {
    min-height: 60vh;
}

[b-kqj2svuj2g] .user-menu .kab-side-menu {
    width: 320px;
    height: 100%;
}

    [b-kqj2svuj2g] .user-menu .kab-side-menu .mud-divider-fullwidth {
        flex-grow: unset;
    }

[b-kqj2svuj2g] .profile-nav-item {
    padding-left: 16px;
    height: 40px;
    gap: 16px;
}

.profile-content-container[b-kqj2svuj2g] {
    flex: 1;
    padding: calc(4 * var(--kab-spacing-multiplier))
}

@media (max-width: 960px) {
    .user-menu[b-kqj2svuj2g] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Layout/UserProfileLayout/UserProfileLayout.razor.rz.scp.css */
.user-menu-conatiner[b-co0rsnoq8o] {
    display: flex;
    height: 100%;
    max-width: 1440px;
}

.user-menu[b-co0rsnoq8o] {
    height: 100%;
}

[b-co0rsnoq8o] .user-menu .kab-side-menu {
    width: 320px;
    height: 100%;
}

    [b-co0rsnoq8o] .user-menu .kab-side-menu .mud-divider-fullwidth {
        flex-grow: unset;
    }

[b-co0rsnoq8o] .profile-nav-item {
    padding-left: 16px;
    height: 40px;
    gap: 16px;
}

.profile-content-container[b-co0rsnoq8o] {
    flex: 1;
    padding: calc(4 * var(--kab-spacing-multiplier));
    overflow: hidden;
}

@media (max-width: 960px) {
    .user-menu[b-co0rsnoq8o] {
        display: none;
    }
}
/* _content/KAB.Web/Components/NotFound.razor.rz.scp.css */
.not-found-page-container[b-ajo99vk662] {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80PX;
    color: var(--kab-color-neutral-70, #454749);
    text-align: center;
}

.logo-image[b-ajo99vk662] {
    width: 230px;
    height: 64px;
}
/* _content/KAB.Web/Components/Pages/Admin/APIManagement/APIDetailDialog.razor.rz.scp.css */
/* Custom styles to complement Bootstrap */
.api-list-detail[b-fi0yeciooj] {
    font-family: var(--kab-typography-font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card[b-fi0yeciooj] {
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
}

.content-container[b-fi0yeciooj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .content-container[b-fi0yeciooj]  .button-active {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

.title-container[b-fi0yeciooj] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .title-container[b-fi0yeciooj]  .range-picker .mud-input-control-input-container > .mud-input {
        width: 300px;
        padding: 0 14px;
    }

    .title-container[b-fi0yeciooj]  .range-picker .mud-input-slot {
        font-size: 16px;
        line-height: 1.3;
        padding: 10px 0 10px;
    }

    .title-container[b-fi0yeciooj]  .range-picker fieldset.mud-input-outlined-border {
        border-radius: 8px;
        border: 1px solid #E6EAED;
    }

    .title-container[b-fi0yeciooj]  .range-picker button.mud-icon-button {
        padding: 8px;
        margin-right: 6px;
    }


.chart-container[b-fi0yeciooj] {
    width: 100%;
    /*aspect-ratio: 5/3;*/
}

    .chart-container[b-fi0yeciooj]  canvas {
        /*aspect-ratio: 5/3;*/
        height: 229px !important;
    }

/* API Details responsive styles */
@media (max-width: 768px) {
    .card-body .d-flex.align-items-center[b-fi0yeciooj] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .card-body .border-end[b-fi0yeciooj] {
        display: none;
    }

    .btn-close[b-fi0yeciooj] {
        margin-top: 1rem;
    }
}
/* _content/KAB.Web/Components/Pages/Admin/APIManagement/ApiRecordUsage.razor.rz.scp.css */
.ApiRecordUsage[b-oe99yxgzlp]  .kab-record-usage {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-record-usage[b-oe99yxgzlp]  .kab-input-search {
    width: 400px
}

.kab-record-usage[b-oe99yxgzlp]  .ellipsis-cell-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px;
    display: inline-block;
    line-height: 120%;
}

.kab-record-usage[b-oe99yxgzlp]  .ellipsis-cell-modelname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px;
    display: inline-block;
    line-height: 120%;
}

.kab-record-usage[b-oe99yxgzlp]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/ChatbotManagement.razor.rz.scp.css */
.chatbot-management-container[b-xv0nop3zzk] {
    display: flex;
    gap: 16px;
}

    .chatbot-management-container[b-xv0nop3zzk]  .overview-card-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
    }

    .chatbot-management-container[b-xv0nop3zzk]  .kab-admin-provider-search .mud-input {
        height: 40px;
        width: 200px;
    }

.content-container[b-xv0nop3zzk] {
    width: 100%;
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

.chatbot-management-container[b-xv0nop3zzk]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/ChatbotStatistics.razor.rz.scp.css */
.chatbot-container[b-6pyq4htc0d] {
    display: flex;
    gap: 16px;
}

    .chatbot-container[b-6pyq4htc0d]  .chatbot-nav {
        width: 240px;
        background: var(--Grey-5, #FCFCFC);
        border-radius: 8px;
    }

    .chatbot-container[b-6pyq4htc0d]  .donut-inner-text {
        font-weight: 700;
        font-size: 5px;
        fill: #0494FC !important;
    }

    .chatbot-container[b-6pyq4htc0d]  .content-container-text-header {
        font-weight: 600;
        font-size: 18px;
        line-height: 135%;
        color: #292B2C;
    }

    .chatbot-container[b-6pyq4htc0d]  .content-chart-text-header {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        color: #454749;
    }

    .chatbot-container[b-6pyq4htc0d]  .border-chart {
        border-radius: 8px;
        padding: 16px;
        gap: 8px;
        border: 1px solid #E6EAED;
        box-shadow: 0px 3px 3px 0px #0000000D;
    }

.content-container[b-6pyq4htc0d] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

.kab-datetime-container[b-6pyq4htc0d]  .kab-datetime-picker {
    max-width: 180px;
}

    .kab-datetime-container[b-6pyq4htc0d]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .kab-datetime-container[b-6pyq4htc0d]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 8px;
    }

.kab-datetime-container[b-6pyq4htc0d]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-6pyq4htc0d] {
    border-color: var(--kab-color-blue-50);
}

/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/Community.razor.rz.scp.css */
.kab-community-faq[b-n9lsgghksw]  .ellipsis-cell-faq-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 300px !important;
}

.kab-community-faq[b-n9lsgghksw]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-community-faq[b-n9lsgghksw]  .cell-faq-category {
    max-width: 120px;
}

.kab-community-faq[b-n9lsgghksw]  .cell-faq-version {
    max-width: 48px;
}

.kab-community-faq[b-n9lsgghksw]  .text-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--kab-color-neutral-60);
    white-space: nowrap;
}

.kab-community-faq[b-n9lsgghksw]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-faq[b-n9lsgghksw]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-faq[b-n9lsgghksw]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-community-faq[b-n9lsgghksw]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-community-faq[b-n9lsgghksw]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}

.kab-community-faq[b-n9lsgghksw]  .community-text-content {
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/CommunityDocument.razor.rz.scp.css */
.kab-community-document[b-1kw52x302h]  .ellipsis-cell-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 430px;
}

.kab-community-document[b-1kw52x302h]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-document[b-1kw52x302h]  .text-time {
    white-space: nowrap;
}

.kab-community-document[b-1kw52x302h]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-document[b-1kw52x302h]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-community-document[b-1kw52x302h]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-community-document[b-1kw52x302h]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}

.kab-community-document[b-1kw52x302h]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-community-document[b-1kw52x302h]  .cell-faq-version {
    max-width: 48px;
}

.kab-community-document[b-1kw52x302h]  .community-text-content {
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/CommunityNotification.razor.rz.scp.css */
.community-notification-container[b-mzr9wcmo25]  .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.community-notification-container[b-mzr9wcmo25]  .title-column {
    white-space: initial;
    line-height: 1.35;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 600px;
}

.community-notification-container[b-mzr9wcmo25]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.community-notification-container[b-mzr9wcmo25]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.community-notification-container[b-mzr9wcmo25]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.community-notification-container[b-mzr9wcmo25]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.community-notification-container[b-mzr9wcmo25]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/CommunitySupport.razor.rz.scp.css */
.kab-community-management[b-e3rmscm0mu]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-management[b-e3rmscm0mu]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-management[b-e3rmscm0mu]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-community-management[b-e3rmscm0mu]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-community-management[b-e3rmscm0mu]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}

.kab-community-management[b-e3rmscm0mu]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-community-management[b-e3rmscm0mu]  .ellipsis-cell-title {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 500px;
}

.kab-community-management[b-e3rmscm0mu]  .text-time {
    white-space: nowrap;
}

.kab-community-management[b-e3rmscm0mu]  .community-text-content {
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/IntroductionManagement/Introduction.razor.rz.scp.css */
.kab-community-introduction[b-vesx9yfij0]  .ellipsis-cell-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 430px;
}

.kab-community-introduction[b-vesx9yfij0]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-introduction[b-vesx9yfij0]  .text-time {
    white-space: nowrap;
}

.kab-community-introduction[b-vesx9yfij0]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-community-introduction[b-vesx9yfij0]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-community-introduction[b-vesx9yfij0]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-community-introduction[b-vesx9yfij0]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}

.kab-community-introduction[b-vesx9yfij0]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-community-introduction[b-vesx9yfij0]  .cell-faq-version {
    max-width: 48px;
}

.kab-community-introduction[b-vesx9yfij0]  .community-text-content {
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/CommunityManagement/SupportDetailDialog.razor.rz.scp.css */
.kab-support-dialog[b-6yoewi88by]  .chat-textfield-with-file:focus-within,
.chat-textfield-with-file:hover[b-6yoewi88by] {
    border: 1px solid var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20) !important;
}

.kab-support-dialog[b-6yoewi88by]  .chat-textfield-with-file:hover {
    border: 1px solid var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20) !important;
}

.kab-support-dialog[b-6yoewi88by]  .chat-textfield-with-file {
    height: 100%;
    width: 100%;
    border: 1px solid #E6EAED;
    border-radius: 8px;
}

.kab-support-dialog[b-6yoewi88by]  .multi-input-file-attach-wrapper {
    height: 42px;
    background-color: var(--kab-color-white);
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    width: 100%;
}

.kab-support-dialog[b-6yoewi88by]  .chat-container .multi-input-file-attach-wrapper {
    width: auto;
    max-width: 75% !important;
    padding-right: 16px;
    cursor: pointer;
}

    .kab-support-dialog[b-6yoewi88by]  .multi-input-file-attach-wrapper .file-name-ellipsis {
        font-size: 14px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
        white-space: initial;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

.kab-support-dialog[b-6yoewi88by]  .file-extension {
    font-size: 12px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}


.kab-support-dialog[b-6yoewi88by]  .diglog-container-content .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
    background: none;
}

.kab-support-dialog[b-6yoewi88by]  .kab-button-upload .mud-icon-button {
    padding: 4px;
    cursor: pointer;
}

.kab-support-dialog[b-6yoewi88by]  .kab-button-upload {
    cursor: pointer;
}

    .kab-support-dialog[b-6yoewi88by]  .kab-button-upload:hover {
        border-radius: 30%;
        background-color: var(--mud-palette-action-default-hover);
    }

.kab-support-dialog[b-6yoewi88by]  .container-content-input-send {
    cursor: pointer;
    background: none !important;
    border: none;
    box-shadow: none;
}

    .kab-support-dialog[b-6yoewi88by]  .container-content-input-send:hover {
        border-radius: 30%;
        background-color: var(--mud-palette-action-default-hover) !important;
    }

.kab-support-dialog[b-6yoewi88by]  .container-content-input-attach {
    color: #B1B5BA;
}

.kab-support-dialog[b-6yoewi88by]  .rounded-image-chat {
    border-radius: 16px;
}
/* _content/KAB.Web/Components/Pages/Admin/ContentManagement/BannerActionDialog.razor.rz.scp.css */
.add-banner-container[b-zvjekuut7b]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

.add-banner-container[b-zvjekuut7b]  .text-descripsion .mud-input .mud-input-root {
    height: auto !important;
    padding-block: calc(4 * var(--kab-spacing-multiplier)) !important;
    line-height: 120%;
}

.add-banner-container[b-zvjekuut7b]  .kab-select-standard .mud-input .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20) !important;
}

.add-banner-container[b-zvjekuut7b]  .kab-select-standard .mud-input:not(.mud-input-error):hover .mud-input-outlined-border {
    border-color: var(--kab-color-neutral-40) !important;
}

.add-banner-container[b-zvjekuut7b]  .upload-image .mud-input-error {
    font-size: var(--kab-typography-font-size-label-sm);
    line-height: var(--kab-typography-line-height-label-sm);
    color: var(--kab-color-red-40) !important;
}
/* _content/KAB.Web/Components/Pages/Admin/ContentManagement/BannerListScreen.razor.rz.scp.css */
.kab-admin-banner[b-g9wyy4q4yx]  .text-small {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--kab-color-neutral-60, #676A6D);
    line-height: 120%;
}

.kab-admin-banner[b-g9wyy4q4yx]  .button-add .mud-button-label {
    gap: 8px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.action-setting[b-g9wyy4q4yx] {
    font-size: 12px;
    font-weight: 500;
}

.text-md[b-g9wyy4q4yx] {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 120%;
    color: var(--kab-color-neutral-60, #676A6D);
}

.kab-admin-banner[b-g9wyy4q4yx]  .text-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--kab-color-neutral-60);
    white-space: nowrap;
}

.kab-admin-banner[b-g9wyy4q4yx]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .search {
    width: 400px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-admin-banner[b-g9wyy4q4yx]  .cell-bannerName {
    max-width: 109px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .cell-image-name {
    max-width: 130px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .cell-link {
    max-width: 190px;
}

.kab-admin-banner[b-g9wyy4q4yx]  .banner-description {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: var(--kab-color-neutral-60, #676A6D);
}


/* _content/KAB.Web/Components/Pages/Admin/ContentManagement/PostManagement.razor.rz.scp.css */
[b-vufn31a5i1] .mud-input.mud-input-outlined.mud-input-adorned-end.mud-shrink.mud-typography-subtitle1.mud-select-input {
    height: 40px
}

[b-vufn31a5i1] .mud-input-control-input-container {
    height: 40px;
}

[b-vufn31a5i1] .post-title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

p.kab-typography.kab-typography-p.kab-typography-p-md.post-title[b-vufn31a5i1] {
    font-size: 18px;
    font-weight: 500;
    margin: auto;
}

.post-name[b-vufn31a5i1] {
    max-width: 745px !important;
}

.kab-post-management[b-vufn31a5i1]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.size-sm[b-vufn31a5i1] {
    font-size: 14px;
    font-weight: 400;
    color: #676A6D !important;
}
.text-md[b-vufn31a5i1] {
    font-size: 16px !important;
}

.kab-post-management[b-vufn31a5i1]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-post-management[b-vufn31a5i1]  .button-add {
    height: 40px;
    width: 94px;
    border-radius: 8px;
}
/* _content/KAB.Web/Components/Pages/Admin/EventManagement/Dialog/AddEditViewEvent.razor.rz.scp.css */
.event-dialog-container[b-ijxpuuyvkq]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

.event-dialog-container[b-ijxpuuyvkq]  .plan-mud-dialog .mud-dialog-content .outline-error .mud-input-outlined-border {
    border-color: var(--kab-color-red-20);
}

.event-dialog-container[b-ijxpuuyvkq]  .kab-date-time-picker .mud-input-outlined-border {
    max-height: 48px;
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
    border-radius: var(--kab-border-radius-md);
}

.event-dialog-container[b-ijxpuuyvkq]  .kab-date-time-picker .mud-input-root-outlined {
    padding-block: calc(3 * var(--kab-spacing-multiplier)) !important;
    height: calc(3rem * var(--kab-scale));
    box-sizing: border-box;
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-md);
}

.event-dialog-container[b-ijxpuuyvkq]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

    .event-dialog-container[b-ijxpuuyvkq]  .input-item-container .mud-input-control-input-container .mud-input {
        background-color: var(--kab-color-white);
    }

.event-dialog-container[b-ijxpuuyvkq]  .kab-text-error {
    font-size: var(--kab-typography-font-size-label-sm);
    line-height: var(--kab-typography-line-height-label-sm);
    color: var(--kab-color-red-40);
    padding-left: 2px;
    margin-top: calc(2 * var(--kab-spacing-multiplier));
}

.event-dialog-container[b-ijxpuuyvkq]  .kab-radio-button .kab-radio-button-item .mud-icon-button {
    color: var(--kab-color-neutral-70);
}

.event-dialog-container[b-ijxpuuyvkq]  .kab-date-time-picker .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-ijxpuuyvkq] {
    border-color: var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
}

.event-dialog-container[b-ijxpuuyvkq]  .outline-error .mud-input-outlined-border {
    border-color: var(--kab-color-red-20) !important;
}

.event-dialog-container[b-ijxpuuyvkq]  .kab-date-time-picker .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    /*color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;*/
}
/* _content/KAB.Web/Components/Pages/Admin/EventManagement/EventManagement.razor.rz.scp.css */
.kab-event-management[b-hjgnrrez7e]  .mud-table-toolbar {
    margin-bottom: 24px;
    padding: 0px;
}

.kab-event-management[b-hjgnrrez7e]  .ellipsis-cell-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 430px;
}

.kab-event-management[b-hjgnrrez7e]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-event-management[b-hjgnrrez7e]  .text-time {
    white-space: nowrap;
}

.kab-event-management[b-hjgnrrez7e]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-event-management[b-hjgnrrez7e]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-event-management[b-hjgnrrez7e]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-event-management[b-hjgnrrez7e]  .button-add {
    height: 40px;
    border-radius: 8px;
    box-shadow: none;
}

.kab-event-management[b-hjgnrrez7e]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-event-management[b-hjgnrrez7e]  .cell-faq-version {
    max-width: 48px;
}

.kab-event-management[b-hjgnrrez7e]  .community-text-content {
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/Login.razor.rz.scp.css */
.heading[b-7ezzfhzdec] {
    color: var(--kab-color-neutral-80);
    font-weight: var(--kab-typography-font-weight-heading);
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
}

.login-alert[b-7ezzfhzdec] {
    background-color: var(--kab-color-red-10);
    border: var(--kab-border-width-1) solid var(--kab-color-red-20);
    border-radius: var(--kab-border-radius-md);
    padding: calc(2 * var(--kab-spacing-multiplier));
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-md);
    color: var(--kab-color-red-50);
    margin-bottom: calc(4 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Pages/Admin/MemberManagement/EditUserDialog.razor.rz.scp.css */
.kab-userdetail-container[b-a10vfd57ur]  .kab-providerdetail-texttitle {
    font-size: 18px;
    font-weight: 500;
    color: var(--Grey-Grey-70, #454749);
    line-height: 130%;
}

.kab-userdetail-container[b-a10vfd57ur]  .mud-input-label {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--Grey-Grey-70, #454749) !important;
    line-height: 130% !important;
}

.kab-userdetail-container[b-a10vfd57ur]  .kab-editUser-textcontent {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--Grey-Grey-70, #454749) !important;
    line-height: 130% !important;
}

.kab-userdetail-container[b-a10vfd57ur]  .kab-useredit-input-phone .mud-input-outlined-border {
    border-top: var(--kab-border-width-1) solid var(--kab-color-neutral-20) !important;
    border-left: var(--kab-border-width-1) solid var(--kab-color-neutral-20) !important;
    border-bottom: var(--kab-border-width-1) solid var(--kab-color-neutral-20) !important;
}

.form-action[b-a10vfd57ur] {
    margin-top: calc(4 * var(--kab-spacing-multiplier));
    margin-bottom: 8px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

@media (min-width: 960px) {
    [b-a10vfd57ur] .form-action-button {
        width: calc(12.5rem * var(--kab-scale))
    }
}

.kab-userdetail-container[b-a10vfd57ur]  .kab-header-iconbutton {
    max-width: 16px;
    max-height: 16px;
    color: var(--kab-color-neutral-60);
    margin-right: 16px;
}

.kab-userdetail-container[b-a10vfd57ur]  .form-action-button {
    width: 160px;
    height: 40px;
    background-color: var(--kab-color-neutral-80);
}

.kab-userdetail-container[b-a10vfd57ur]  .kab-select-standard .mud-input-control-input-container {
    gap: calc(1 * var(--kab-spacing-multiplier)) !important;
}


/* _content/KAB.Web/Components/Pages/Admin/MemberManagement/ProviderManagement/ProviderDetailDialog.razor.rz.scp.css */
.kab-providerdetail-container[b-ogzsbkb3jc]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    display: inline-block;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-block {
    width: calc(82rem / 3);
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-texttitle {
    width: 100%;
    text-transform: none;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--kab-color-neutral-70);
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-img-frame {
    width: 100%;
    height: 172px;
    border-radius: 8px;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-img {
    width: 100%;
    height: 172px;
    border-radius: 8px;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-textheader {
    height: 21px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--kab-color-neutral-80);
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-textcontent {
    width: 320px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    color: var(--kab-color-neutral-60);
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-footer {
    height: 40px;
    width: 100%;
    text-align: center;
    align-items: center;
}

    .kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-footer svg {
        color: var(--kab-color-neutral-50, #8E9296);
    }

    .kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-footer:hover {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

        .kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-footer:hover p {
            color: var(--kab-color-neutral-80);
        }

        .kab-providerdetail-container[b-ogzsbkb3jc]  .kab-providerdetail-footer:hover svg {
            color: var(--kab-color-neutral-80) !important;
        }

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-button-edit {
    width: 100%;
    border: none;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-providerdetail-container .kab-admin-provider-activitytable[b-ogzsbkb3jc]  .kab-admin-provider-search {
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

    .kab-providerdetail-container .kab-admin-provider-activitytable[b-ogzsbkb3jc]  .kab-admin-provider-search .mud-input {
        height: 40px;
        width: 226px;
        font-size: 16px;
        font-weight: 400;
        white-space: nowrap;
    }

.kab-providerdetail-container[b-ogzsbkb3jc]  .ellipsis-cell-ModelName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    display: inline-block;
    line-height: 120%;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .mw-180 {
    min-width: 180px !important;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .ellipsis-cell-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    display: inline-block;
    line-height: 120%;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .text-edit {
    font-size: 16px;
    color: #8E9296;
    font-weight: 500;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .kab-button-edit:hover .text-edit {
    color: #292B2C;
}

.kab-providerdetail-container[b-ogzsbkb3jc]  .mud-table-toolbar {
    padding-left: 0px;
    padding-right: 0px;
}
/* _content/KAB.Web/Components/Pages/Admin/MemberManagement/ProviderManagement/ProviderManagement.razor.rz.scp.css */
.toolbar-form[b-pu1h8zazin]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-pu1h8zazin]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-admin-provider-search .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-admin-provider-sort .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-admin-provider-selected .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-admin-provider-toolbar-form-button {
    width: 120px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .button {
    cursor: pointer;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-provider-table-w160 {
    width: 144px !important;
}


.kab-admin-provider-container[b-pu1h8zazin]  .status-column span {
    width: 100%;
}

.kab-admin-provider-container[b-pu1h8zazin]  .text-size {
    font-size: 14px;
    line-height: 120%;
}

.kab-admin-provider-container[b-pu1h8zazin]  .text-center-header .column-header {
    justify-content: center;
}

.kab-admin-provider-container[b-pu1h8zazin]  .mud-button-root.mud-disabled .mud-icon-root {
    color: var(--kab-color-neutral-20) !important;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-admin-provider-container[b-pu1h8zazin]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 204px;
    display: inline-block;
    
}

.kab-admin-provider-container[b-pu1h8zazin]  .ellipsis-cell-companyname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 204px;
    display: inline-block;
}

.kab-admin-provider-container[b-pu1h8zazin]  .ellipsis-cell-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 204px;
    display: inline-block;
}
.kab-admin-provider-container[b-pu1h8zazin]  .kab-btn-download {
    min-width: 150px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .mud-table-toolbar {
    margin-bottom: 12px;
}

.kab-admin-provider-container[b-pu1h8zazin]  .kab-checkbox-all .mud-typography-body1 {
    color: var(--kab-color-neutral-70);
}
/* _content/KAB.Web/Components/Pages/Admin/MemberManagement/User/UserDetailDialog.razor.rz.scp.css */
.kab-userdetail-container[b-6mo52l17xq]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 96px;
    display: inline-block;
    line-height: 120%;
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-block {
    width: calc(82rem / 3);
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-texttitle {
    text-transform: none;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--kab-color-neutral-70);
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-img-frame {
    width: 100%;
    height: 172px;
    border-radius: 8px;
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-img {
    width: 100%;
    height: 172px;
    border-radius: 8px;
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-textheader {
    max-width: 250px;
    height: 21px;
    font-size: 16px;
    font-weight: 500;
    color: var(--kab-color-neutral-80);
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-textcontent {
    width: 320px;
    font-size: 16px;
    font-weight: 400;
    color: var(--kab-color-neutral-60);
}

.kab-userdetail-container[b-6mo52l17xq]  .kab-providerdetail-footer {
    display: flex;
    justify-content: center;
    height: 40px;
    margin-bottom: 16px;
}

.kab-userdetail-container[b-6mo52l17xq]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-userdetail-container .kab-admin-provider-activitytable[b-6mo52l17xq]  .kab-admin-provider-search {
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

    .kab-userdetail-container .kab-admin-provider-activitytable[b-6mo52l17xq]  .kab-admin-provider-search .mud-input {
        height: 40px;
        max-width: 200px;
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        white-space: nowrap;
    }

.kab-userdetail-container[b-6mo52l17xq]  .text-name-header {
    font-size: 24px;
    font-weight: 600;
}

.kab-userdetail-container[b-6mo52l17xq]  .mw-180 {
    min-width: 180px !important;
}

.kab-userdetail-container[b-6mo52l17xq]  .ellipsis-cell-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    display: inline-block;
    line-height: 120%;
}

.kab-userdetail-container[b-6mo52l17xq]  .mud-table-toolbar {
    padding-left: 0px;
    padding-right: 0px;
}
/* _content/KAB.Web/Components/Pages/Admin/MemberManagement/User/UserManagement.razor.rz.scp.css */
.kab-admin-user-container[b-tun9trtexo]  .kab-mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.toolbar-form[b-tun9trtexo]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-tun9trtexo]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.kab-admin-user-container[b-tun9trtexo]  .kab-admin-user-search .mud-input-slot {
    height: 40px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-admin-user-sort .mud-input-slot {
    height: 40px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-admin-user-selected .mud-input-slot {
    height: 40px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-admin-user-toolbar-form-button {
    width: 120px;
}

.kab-admin-user-container[b-tun9trtexo]  .button {
    cursor: pointer;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-user-table-w160 {
    width: 160px;
}

.kab-admin-user-container[b-tun9trtexo]  .status-column span {
    width: 100%;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-user-table-w220 {
    width: 220px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-admin-user-container[b-tun9trtexo]  .text-size {
    font-size: 14px;
    color: var(--kab-color-neutral-60) !important;
    font-weight: 400;
    line-height: 120%;
}

.kab-admin-user-container[b-tun9trtexo]  .text-center-header .column-header {
    justify-content: center !important;
}

.kab-admin-user-container[b-tun9trtexo]  .header-table-text {
    font-size: 16px;
    font-weight: 500;
    background-color: var(--kab-color-neutral-5);
    line-height: 130%;
}

.kab-admin-user-container[b-tun9trtexo]  .ellipsis-cell-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 204px;
    display: inline-block;
}

.kab-admin-user-container[b-tun9trtexo]  .ellipsis-cell-email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-btn-download {
    min-width: 150px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-btn-delete {
    min-width: 140px;
}

.kab-admin-user-container[b-tun9trtexo]  .mud-table-toolbar {
    margin-bottom: 12px;
}

.kab-admin-user-container[b-tun9trtexo]  .kab-checkbox-all .mud-typography-body1 {
    color: var(--kab-color-neutral-70);
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/AddOrEditDisplayDialog.razor.rz.scp.css */
.kab-addoredit-container[b-hosl8he0r8]  .text-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--kab-color-neutral-70);
    line-height: 130%;
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/AdminDiscusion.razor.rz.scp.css */
.kab-content-discussion[b-9px19l2hl5]  .cursor-pointer {
    cursor: pointer;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-text-cell {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-text-cell-1 {
    font-weight: 400;
    font-size: 12px;
    color: var(--kab-color-neutral-40);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

/*For the detail*/
.kab-content-discussion[b-9px19l2hl5]  .kab-overlay {
    z-index: 500;
}

    .kab-content-discussion[b-9px19l2hl5]  .kab-overlay .mud-overlay-content {
        background: var(--kab-color-white);
        border-radius: 16px;
        width: 80vw;
        max-height: 90vh;
        overflow-y: auto;
    }

    .kab-content-discussion[b-9px19l2hl5]  .kab-overlay .kab-modal-content .kab-subscribe-popup-close {
        background: none !important;
        color: var(--kab-color-neutral-80) !important;
        padding: 8px;
    }

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80)
}

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-title-1 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70)
}

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-container-info {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    background-color: var(--kab-color-neutral-5);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-info {
    width: 100%;
    padding: 16px;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-title-2 {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-modal-content-title-3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc {
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 8px;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-container {
    max-width: 824px;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--kab-color-neutral-70);
    word-break: break-word;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-text-1 {
    font-size: 16px;
    font-weight: 400;
    color: var(--kab-color-neutral-70);
    max-width: 800px;
    word-wrap: break-word;
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-text-2 {
    font-size: 12px;
    font-weight: 500;
    color: var(--kab-color-neutral-60);
}

.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-icon {
    width: 10px;
    height: 10px;
}

/*Style for kab chip for the waitting status*/
.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-waitting {
    --kab-chip-background: var(--kab-color-yellow-20);
    --kab-chip-color: var(--kab-color-yellow-80);
    font-size: 12px;
    font-weight: 500;
}

    .kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-waitting svg {
        max-height: 15px;
    }

/*Style for kab chip for the unanswered status*/
.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-unanswered {
    --kab-chip-background: var(--kab-color-neutral-20);
    --kab-chip-color: var(--kab-color-neutral-80);
    font-size: 12px;
    font-weight: 500;
}

    .kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-unanswered svg {
        max-height: 15px;
    }

/*Style for kab chip for the resolved status*/
.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-resolved {
    --kab-chip-background: var(--kab-color-blue-20);
    --kab-chip-color: var(--kab-color-blue-80);
    font-size: 12px;
    font-weight: 500;
}

    .kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-resolved svg {
        max-height: 15px;
    }

/*Style for kab chip for the answered status*/
.kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-answered {
    --kab-chip-background: var(--kab-color-green-20);
    --kab-chip-color: var(--kab-color-green-80);
    font-size: 12px;
    font-weight: 500;
}

    .kab-content-discussion[b-9px19l2hl5]  .kab-feedback-content-desc-status-answered svg {
        max-height: 15px;
    }

.kab-content-discussion[b-9px19l2hl5]  .kab-input-search .mud-input-slot {
    height: 40px;
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/AdminFeedback.razor.rz.scp.css */
.kab-cs-content[b-0du49cdjt7]  .kab-text-cell {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-cs-content[b-0du49cdjt7]  .kab-text-cell-1 {
    font-weight: 400;
    font-size: 12px;
    color: var(--kab-color-neutral-40);
}

.kab-cs-content[b-0du49cdjt7]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-cs-content[b-0du49cdjt7]  .kab-overlay {
    z-index: 500;
}

    .kab-cs-content[b-0du49cdjt7]  .kab-overlay .kab-modal-content {
        background: var(--kab-color-white);
        width: 80vw;
        border-radius: 16px;
    }

        .kab-cs-content[b-0du49cdjt7]  .kab-overlay .kab-modal-content .kab-subscribe-popup-close {
            background: none !important;
            color: var(--kab-color-neutral-80) !important;
            padding: 8px;
        }

/*For the detail*/
.kab-cs-content[b-0du49cdjt7]  .mud-overlay-content {
    max-height: 90%;
    height: 90%;
    overflow-y: auto
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80)
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-title-1 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70)
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-container-info {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    background-color: var(--kab-color-neutral-5);
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-info {
    width: 100%;
    padding: 16px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-title-2 {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-cs-content[b-0du49cdjt7]  .kab-modal-content-title-3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary {
    width: 100%;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-username {
    font-size: 16px;
    font-weight: 400;
    color: var(--kab-color-neutral-60);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
    width: 20%
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
    width: 80%
}

    .kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail {
        width: 100%
    }

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-bar-container {
    background-color: var(--kab-color-neutral-10);
    border-radius: 8px;
    height: 8px;
    width: 100%;
}

.kab-cs-content[b-0du49cdjt7]  .kab-rate-bar {
    height: 100%;
    background-color: var(--kab-color-blue-55);
    border-radius: 8px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-number {
    font-size: 64px;
    font-weight: 700;
    color: var(--kab-color-neutral-70);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-content-desc-text-3 {
    font-size: 12px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-3 {
    width: 10px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-1 {
    width: 100%;
    max-width: 60px;
    text-align: right;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-star-icon-color {
    color: var(--kab-color-blue-55);
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-star-icon-small {
    width: 20px;
    height: 20px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-star-icon-medium {
    width: 56px;
    height: 56px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rating .mud-rating-item.mud-disabled * {
    color: var(--kab-color-blue-55);
    max-height: 20px;
}

.kab-cs-content[b-0du49cdjt7]  .kab-feedback-rate-container {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
}

.kab-cs-content[b-0du49cdjt7]  .kab-text-status {
    font-weight: 500;
    font-size: 12px;
    color: var(--kab-color-neutral-50);
}

/*Style for kab chip for action approve status*/
.kab-cs-content[b-0du49cdjt7]  .kab-button-approve {
    --kab-chip-background: var(--kab-color-blue-20) !important;
    --kab-chip-color: var(--kab-color-blue-80) !important;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

/*Style for kab chip for action reject status*/
.kab-cs-content[b-0du49cdjt7]  .kab-button-reject {
    --kab-chip-background: var(--kab-color-red-10) !important;
    --kab-chip-color: var(--kab-color-red-50) !important;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.kab-cs-content[b-0du49cdjt7]  .kab-input-search .mud-input-slot {
    height: 40px;
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/Display.razor.rz.scp.css */
.kab-admin-display[b-ix2vn8sg3b]  .text-align-left {
    text-align: left !important;
}

.kab-admin-display[b-ix2vn8sg3b]  .text-align-right {
    text-align: right !important;
}

.kab-admin-display[b-ix2vn8sg3b]  .mud-table-cell {
    padding: 10px 12px;
}

.kab-admin-display[b-ix2vn8sg3b]  .w-120 {
    width: 120px;
}

.kab-admin-display[b-ix2vn8sg3b]  .w-140 {
    width: 140px;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-admin-display[b-ix2vn8sg3b]  .display-card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-70);
}

.kab-admin-display[b-ix2vn8sg3b]  .table-text-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: var(--kab-color-neutral-70);
}

.kab-admin-display[b-ix2vn8sg3b]  .table-text-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--kab-color-neutral-60, #676A6D);
}

/*overlay detail*/
.kab-admin-display[b-ix2vn8sg3b]  .kab-overlay {
    z-index: 500;
}

    .kab-admin-display[b-ix2vn8sg3b]  .kab-overlay .mud-overlay-content {
        background: var(--kab-color-white);
        border-radius: 16px;
        width: 68.33vw;
        overflow-y: auto;
    }

    .kab-admin-display[b-ix2vn8sg3b]  .kab-overlay .kab-modal-content .kab-subscribe-popup-close {
        background: none !important;
        color: var(--kab-color-neutral-80) !important;
        padding: 8px;
    }

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80)
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-title-1 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70)
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-container-info {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    background-color: var(--kab-color-neutral-5);
    gap: 0 !important;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-info {
    width: 100%;
    padding: 16px;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-title-2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--kab-color-neutral-60);
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-modal-content-title-3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc {
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 8px;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc-container {
    max-width: 824px;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--kab-color-neutral-70);
    word-break: break-word;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc-text-1 {
    font-size: 16px;
    font-weight: 400;
    color: var(--kab-color-neutral-70);
    max-width: 800px;
    word-wrap: break-word;
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc-text-2 {
    font-size: 12px;
    font-weight: 500;
    color: var(--kab-color-neutral-60);
}

.kab-admin-display[b-ix2vn8sg3b]  .kab-feedback-content-desc-icon {
    width: 10px;
    height: 10px;
}

.kab-admin-display[b-ix2vn8sg3b]  .w-350 {
    width: 350px;
}

.kab-admin-display[b-ix2vn8sg3b]  .ellipsis-cell-modelname {
    max-width: 284px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/Model.razor.rz.scp.css */
.toolbar-form[b-lkyix0jkjn]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-lkyix0jkjn]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.kab-model-management[b-lkyix0jkjn]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}
/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/Request.razor.rz.scp.css */
.kab-request-model-content .kab-chip-filled-tonal .kab-chip-yellow[b-5du9nupqgc]  {
    --kab-chip-background: red;
}

.kab-request-model-content[b-5du9nupqgc]  .status-waiting {
    --kab-chip-background: var(--kab-color-yellow-20);
    --kab-chip-color: var(--kab-color-yellow-80);
}

.kab-request-model-content[b-5du9nupqgc]  .status-approved {
    --kab-chip-background: var(--kab-color-green-20);
    --kab-chip-color: var(--kab-color-green-80);
}

.kab-request-model-content[b-5du9nupqgc]  .status-rejected {
    --kab-chip-background: var(--kab-color-red-10);
}

.kab-request-model-content[b-5du9nupqgc]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-request-model-content[b-5du9nupqgc]  .model-column p {
    white-space: nowrap; /* Keep text on one line */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    max-width: 200px;
}

.kab-request-model-content[b-5du9nupqgc]  .kab-input-search .mud-input-slot {
    height: 40px;
}

.kab-request-model-content[b-5du9nupqgc]  .kab-select .mud-input-slot {
    height: 40px;
}

/* _content/KAB.Web/Components/Pages/Admin/ModelManagement/UsageAnalytics.razor.rz.scp.css */
.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    width: 100% !important;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .range-picker .mud-input-control-input-container > .mud-input {
    width: 100%;
    padding: 0;
    padding-left: 14px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mud-input-slot {
    height: 40px !important;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .range-picker {
    max-width: 270px !important;
}

    .kab-provider-usageanalytics-container[b-vscyg6asnf]  .range-picker .mud-input-slot {
        line-height: 1.2;
        padding: 0;
    }

    .kab-provider-usageanalytics-container[b-vscyg6asnf]  .range-picker fieldset.mud-input-outlined-border {
        border-radius: 8px;
        border: 1px solid #E6EAED;
    }

    .kab-provider-usageanalytics-container[b-vscyg6asnf]  .range-picker button.mud-icon-button {
        padding: 4px;
        margin-right: 0;
    }

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-provider-usageanalytics-header .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    border-radius: var(--kab-border-radius-md);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-provider-usageanalytics-header .mud-input-control {
    max-width: 140px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-admin-provider-search {
    width: 252px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mud-table-cell {
    padding: 8px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-provider-time-button {
    width: 96px;
    height: 40px;
    border-radius: 8px;
    white-space: nowrap;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-provider-button-hover {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-70);
}

.kab-provider-usageanalytics-container .kab-provider-usageanalytics-header[b-vscyg6asnf]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .overview-card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-70, #454749);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-toolbar-table {
    height: 40px;
    display: flex;
    justify-content: flex-end;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-admin-provider-search .mud-input {
    height: 40px;
    width: 252px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-admin-provider-sort {
    max-width: 180px;
}

    .kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-admin-provider-sort .mud-input {
        height: 40px;
        width: 180px;
    }

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-table-searchtime .mud-input {
    height: 40px;
    width: 140px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .kab-table-searchtime .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    border-radius: var(--kab-border-radius-md);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .table-text-header {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-60, #676A6D) !important;
    background-color: var(--Grey-5, #FCFCFC);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .table-text-content {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-60, #676A6D) !important;
    background-color: var(--kab-color-white);
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .table-text-unit {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-40, #B1B5BA) !important;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .text-align-left {
    text-align: left !important;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .text-align-right {
    text-align: right !important;
}

.chart-container[b-vscyg6asnf] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background-color: white;
    width: 100%;
    height: 269px;
    padding: 20px;
    box-sizing: border-box;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .text-while-space p {
    white-space: nowrap; /* Keep text on one line */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mw-300 p {
    max-width: 300px;
}

.kab-provider-usageanalytics-container[b-vscyg6asnf]  .mw-150 p {
    max-width: 150px;
}
/* _content/KAB.Web/Components/Pages/Admin/PaymentManagement/PaymentManagement.razor.rz.scp.css */
.toolbar-form[b-mvej99rsxy]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

[b-mvej99rsxy] .range-picker .mud-input-control-input-container > .mud-input {
    width: 170px;
    padding: 0 14px;
}

[b-mvej99rsxy] .range-picker .mud-input-slot {
    font-size: 16px;
    line-height: 1.3;
    padding: 10px 0 10px;
}

[b-mvej99rsxy] .range-picker fieldset.mud-input-outlined-border {
    border-radius: 8px;
    border: 1px solid var(--Grey-Grey-40, #B1B5BA);
}

[b-mvej99rsxy] .range-picker button.mud-icon-button {
    padding: 8px;
    margin-right: 6px;
}

[b-mvej99rsxy] .mud-picker-inline {
    flex: none!important;
}

.toolbar-form[b-mvej99rsxy]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.kab-admin-provider-container[b-mvej99rsxy]  .mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    width: 100% !important;
}

.kab-admin-provider-container[b-mvej99rsxy]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}

.kab-admin-provider-container[b-mvej99rsxy]  .mud-table-cell {
    padding: 8px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-admin-provider-search {
    width: 300px;
    float: right;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-admin-provider-search .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-admin-provider-sort .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-admin-provider-selected .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-admin-provider-toolbar-form-button {
    width: 120px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .button {
    cursor: pointer;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-provider-table-w160 {
    width: 144px !important;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-provider-table-text-header {
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
}

.kab-admin-provider-container[b-mvej99rsxy]  .status-column span {
    width: 100%;
}

.kab-admin-provider-container[b-mvej99rsxy]  .kab-provider-table-w200 {
    width: 358px !important;
}

.kab-admin-provider-container[b-mvej99rsxy]  .text-size {
    font-size: 14px;
}

.kab-admin-provider-container[b-mvej99rsxy]  .text-center-header .column-header {
    justify-content: center;
}

.kab-admin-provider-container[b-mvej99rsxy]  .mud-button-root.mud-disabled .mud-icon-root {
    color: var(--kab-color-neutral-20) !important;
}

.kab-admin-provider-container[b-mvej99rsxy]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    display: inline-block;
}

.kab-admin-provider-container[b-mvej99rsxy]  .ellipsis-cell-companyname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    display: inline-block;
}

.kab-admin-provider-container[b-mvej99rsxy]  .ellipsis-cell-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block;
}

.kab-admin-provider-container[b-mvej99rsxy]  .model-column p {
    white-space: nowrap; /* Keep text on one line */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    max-width: 200px;
}
/* _content/KAB.Web/Components/Pages/Admin/PaymentManagement/TransactionHistoryManagement.razor.rz.scp.css */
.toolbar-form[b-7oqdjxgwyy]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

[b-7oqdjxgwyy] .range-picker .mud-input-control-input-container > .mud-input {
    width: 200px;
    padding: 0 14px;
}

[b-7oqdjxgwyy] .range-picker .mud-input-slot {
    font-size: 16px;
    line-height: 1.3;
    padding: 10px 0 10px;
}

[b-7oqdjxgwyy] .range-picker fieldset.mud-input-outlined-border {
    border-radius: 8px;
    border: 1px solid var(--Grey-Grey-40, #B1B5BA);
}

[b-7oqdjxgwyy] .range-picker button.mud-icon-button {
    padding: 8px;
    margin-right: 6px;
}

[b-7oqdjxgwyy] .mud-picker-inline {
    flex: none !important;
}

.toolbar-form[b-7oqdjxgwyy]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    width: 100% !important;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .mud-table-cell {
    padding: 8px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-admin-provider-search .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-admin-provider-sort .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-admin-provider-selected .mud-input-slot {
    height: 40px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-admin-provider-toolbar-form-button {
    width: 120px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .button {
    cursor: pointer;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-provider-table-w160 {
    width: 144px !important;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-provider-table-text-header {
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .status-column span {
    width: 100%;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-provider-table-w200 {
    width: 358px !important;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .text-size {
    font-size: 14px;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .text-center-header .column-header {
    justify-content: center;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .mud-button-root.mud-disabled .mud-icon-root {
    color: var(--kab-color-neutral-20) !important;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    display: inline-block;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .ellipsis-cell-companyname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    display: inline-block;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .ellipsis-cell-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block;
}

.kab-admin-provider-container[b-7oqdjxgwyy]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

[b-7oqdjxgwyy] .status-success {
    color: var(--Green-Green-70, #04A655);
}

[b-7oqdjxgwyy] .status-failed {
    color: var(--Red-Red-70, #A60422);
}
/* _content/KAB.Web/Components/Pages/Admin/PlanManagement/PlanManagement.razor.rz.scp.css */
.kab-plan-management[b-n38i502p1i]  .ellipsis-cell-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 430px;
}

.kab-plan-management[b-n38i502p1i]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-plan-management[b-n38i502p1i]  .text-time {
    white-space: nowrap;
}

.kab-plan-management[b-n38i502p1i]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-plan-management[b-n38i502p1i]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-plan-management[b-n38i502p1i]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-plan-management[b-n38i502p1i]  .button-add {
    height: 40px;
    border-radius: 8px;
    box-shadow: none;
}

.kab-plan-management[b-n38i502p1i]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-plan-management[b-n38i502p1i]  .cell-faq-version {
    max-width: 48px;
}

.kab-plan-management[b-n38i502p1i]  .community-text-content {
    line-height: 120%;
}

/*css for view detail*/
.kab-plan-management[b-n38i502p1i]  .kab-plan-detail-info .kab-plan-detail-info-title-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 135%;
}

.kab-plan-management[b-n38i502p1i]  .kab-plan-detail-info .kab-wrapper-info-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--kab-color-neutral-50);
}

.kab-plan-management[b-n38i502p1i]  .kab-plan-detail-info .kab-wrapper-info-content {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-70);
}

.kab-plan-management[b-n38i502p1i]  .kab-table-view-detail .mud-table-toolbar {
    padding: 0px;
}

.kab-plan-management[b-n38i502p1i]  .button-history {
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-40);
    background-color: var(--kab-color-white);
    box-shadow: none;
    color: var(--kab-color-neutral-70);
}

@media(hover: hover)and (pointer: fine) {
    .kab-plan-management[b-n38i502p1i]  .button-history:hover {
        background-color: var(--kab-color-neutral-10);
    }
}
/* _content/KAB.Web/Components/Pages/Admin/PlanManagement/PlanUsageManagement.razor.rz.scp.css */
.kab-plan-management[b-etwnwk9t81]  .ellipsis-cell-name {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 430px;
}

.kab-plan-management[b-etwnwk9t81]  .filter-select .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-plan-management[b-etwnwk9t81]  .text-time {
    white-space: nowrap;
}

.kab-plan-management[b-etwnwk9t81]  .search .mud-input-adornment svg {
    display: block;
    margin-top: 4px;
}

.kab-plan-management[b-etwnwk9t81]  .mud-input.mud-input-outlined.mud-input-adorned-start {
    height: 40px;
}

.kab-plan-management[b-etwnwk9t81]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-plan-management[b-etwnwk9t81]  .button-add {
    height: 40px;
    border-radius: 8px;
    box-shadow: none;
}

.kab-plan-management[b-etwnwk9t81]  .ellipsis-cell {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.kab-plan-management[b-etwnwk9t81]  .cell-faq-version {
    max-width: 48px;
}

.kab-plan-management[b-etwnwk9t81]  .community-text-content {
    line-height: 120%;
}

/*css for view detail*/
.kab-plan-management[b-etwnwk9t81]  .kab-plan-detail-info .kab-plan-detail-info-title-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 135%;
}

.kab-plan-management[b-etwnwk9t81]  .kab-plan-detail-info .kab-wrapper-info-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--kab-color-neutral-50);
}

.kab-plan-management[b-etwnwk9t81]  .kab-plan-detail-info .kab-wrapper-info-content {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-70);
}

.kab-plan-management[b-etwnwk9t81]  .kab-table-view-detail .mud-table-toolbar {
    padding: 0px;
}

.kab-plan-management[b-etwnwk9t81]  .button-history {
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-40);
    background-color: var(--kab-color-white);
    box-shadow: none;
    color: var(--kab-color-neutral-70);
}

@media(hover: hover)and (pointer: fine) {
    .kab-plan-management[b-etwnwk9t81]  .button-history:hover {
        background-color: var(--kab-color-neutral-10);
    }
}
/* _content/KAB.Web/Components/Pages/Admin/ResourceManagement/Resource.razor.rz.scp.css */
.kab-admin-resource[b-h43n26vkt1]  .header-table .mud-input-control-input-container .mud-input-slot.mud-input-root.mud-input-root-outlined.mud-select-input {
    height: 40px;
}

.kab-admin-resource[b-h43n26vkt1]  .header-table .range-picker .mud-input-control-input-container > .mud-input {
    width: 160px;
    padding: 0 14px;
}

.kab-admin-resource[b-h43n26vkt1]  .header-table .range-picker .mud-input-slot {
    font-size: 16px;
    line-height: 1.3;
    padding: 10px 0 10px;
}

.kab-admin-resource[b-h43n26vkt1]  .header-table .range-picker fieldset.mud-input-outlined-border {
    border-radius: 8px;
    border: 1px solid var(--Grey-Grey-40, #B1B5BA);
}

.kab-admin-resource[b-h43n26vkt1]  .header-table .range-picker button.mud-icon-button {
    padding: 8px;
    margin-right: 6px;
}

.kab-admin-resource[b-h43n26vkt1]  .mud-table-cell {
    padding: 12px 16px;
}

[b-h43n26vkt1] .select-input.null-value .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-h43n26vkt1] .select-input .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}

.kab-admin-resource[b-h43n26vkt1]  .kab-provider-time-button {
    width: 96px;
    height: 40px;
    border-radius: 8px;
    white-space: nowrap;
}

.kab-admin-resource[b-h43n26vkt1]  .resource-card-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 135%;
    color: var(--kab-color-neutral-70, #454749);
}

.kab-admin-resource[b-h43n26vkt1]  .resource-card-title-version {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--kab-color-neutral-50, #8E9296);
}

.kab-admin-resource[b-h43n26vkt1]  .table-text-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--kab-color-neutral-60, #676A6D);
}

.kab-admin-resource[b-h43n26vkt1]  .table-text-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: var(--kab-color-neutral-60, #676A6D);
}

.kab-admin-resource[b-h43n26vkt1]  .kab-admin-resource-header .mud-input-control {
    /*max-width: 280px;*/
}

.kab-admin-resource[b-h43n26vkt1]  .kab-admin-resource-header .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    border-radius: var(--kab-border-radius-md);
}

.kab-admin-resource[b-h43n26vkt1]  .kab-admin-resource-header {
    display: flex;
    justify-content: end;
    align-items: center;
}

.kab-admin-resource[b-h43n26vkt1]  .kab-provider-button-hover {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-70);
}

.kab-admin-resource[b-h43n26vkt1]  .kab-admin-provider-sort .mud-input {
    height: 40px;
    width: 200px;
}

.kab-admin-resource[b-h43n26vkt1]  .text-align-left {
    text-align: left !important;
}

.kab-admin-resource[b-h43n26vkt1]  .text-align-right {
    text-align: right !important;
}

.kab-admin-resource[b-h43n26vkt1]  .ellipsis-cell-providername {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    display: inline-block;
}

.kab-admin-resource[b-h43n26vkt1]  .ellipsis-cell-modelname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    display: inline-block;
}

.kab-admin-resource[b-h43n26vkt1]  .model-object-img {
    object-fit: contain !important;
}
/* _content/KAB.Web/Components/Pages/Admin/RevenueManagement/RevenueOverview.razor.rz.scp.css */
.kab-revenue-container[b-9mwtd3rv0m]  .kab-mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.kab-revenue-container[b-9mwtd3rv0m]  .kab-revenue-container-title {
    font-weight: 500;
    font-size: 18px;
    color: var(--kab-color-neutral-70);
}

.kab-mud-table-container[b-9mwtd3rv0m]  .kab-revenue-container-filter {
    max-width: 150px;
}

.kab-revenue-container[b-9mwtd3rv0m]  .kab-revenue-container-filter-button {
    text-transform: none;
    box-shadow: none;
    max-width: 96px;
    max-height: 40px;
    font-size: 16px;
    border-radius: 8px;
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-5);
}

.kab-revenue-container[b-9mwtd3rv0m]  :hover .kab-revenue-container-filter-button {
    color: var(--kab-color-neutral-60);
}

.kab-revenue-container[b-9mwtd3rv0m]  .mud-table-root .mud-table-body .mud-table-cell {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-revenue-container[b-9mwtd3rv0m]  .mud-data-grid .mud-table-cell .column-header {
    display: revert;
}

.kab-revenue-container[b-9mwtd3rv0m]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    font-size: 16px;
    color: var(--kab-color-neutral-60);
}

.kab-revenue-container[b-9mwtd3rv0m]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-revenue-container[b-9mwtd3rv0m]  .kab-no-record-found {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}
/* _content/KAB.Web/Components/Pages/Admin/RevenueManagement/RevenueProvider.razor.rz.scp.css */
.kab-revenue-container[b-qn37s7n0yl]  .kab-mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-revenue-container-title {
    font-weight: 500;
    font-size: 18px;
    color: var(--kab-color-neutral-70);
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-revenue-container-filter-button {
    text-transform: none;
    box-shadow: none;
    max-width: 96px;
    max-height: 40px;
    font-size: 16px;
    border-radius: 8px;
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-5);
}

.kab-revenue-container[b-qn37s7n0yl]  :hover .kab-revenue-container-filter-button {
    color: var(--kab-color-neutral-60);
}

.kab-revenue-container[b-qn37s7n0yl]  .mud-table-root .mud-table-body .mud-table-cell {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-revenue-container[b-qn37s7n0yl]  .mud-data-grid .mud-table-cell .column-header {
    display: revert;
}

.kab-revenue-container[b-qn37s7n0yl]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    font-size: 16px;
    color: var(--kab-color-neutral-60);
    overflow: hidden;
}

.kab-revenue-container[b-qn37s7n0yl]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-no-record-found {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-revenue-container-chart-header .kab-revenue-container-filter .mud-input-outlined-border {
    max-height: 40px;
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-revenue-container-chart-header .kab-revenue-container-filter .kab-select-standard .mud-input {
    max-height: 40px;
}

.kab-revenue-container[b-qn37s7n0yl]  .kab-select-item .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

.kab-revenue-container[b-qn37s7n0yl]  .ellipsis-cell-modelname {
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 145px;
    line-height: 120%;
}
/* _content/KAB.Web/Components/Pages/Admin/RevenueManagement/RevenueSetting.razor.rz.scp.css */
.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70)
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-title-des {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-50)
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-title-1 {
    font-weight: 500;
    font-size: 18px;
    color: var(--kab-color-neutral-70)
}

.kab-revenue-container[b-e4w5ni6uqj]  .table-group-collapse {
    position: relative;
    max-height: 40px;
    height: 40px;
}


.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-table table {
    table-layout: fixed;
}

.kab-revenue-container[b-e4w5ni6uqj]  .collapse-title {
    position: absolute;
    width: 100%;
    /* 16px is cell padding, 48px is width of collapse icon*/
    top: 16px;
    left: 48px;
    width: calc(100% - 16px - 16px - 48px);
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-text-table-group {
    font-weight: 500;
    color: var(--kab-color-neutral-60)
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-revenue-title-2 {
    font-weight: 500;
    font-size: 16px;
    color: var(--kab-color-neutral-70)
}


.kab-revenue-container[b-e4w5ni6uqj]  .mud-table-root .mud-table-body .mud-table-cell {
    font-weight: 400;
    font-size: 14px;
}

.kab-revenue-container[b-e4w5ni6uqj]  .mud-data-grid .mud-table-cell .column-header {
    display: revert;
}

.kab-revenue-container[b-e4w5ni6uqj]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    font-size: 16px;
    color: var(--kab-color-neutral-60);
    max-height: 40px;
    height: 40px;
    padding: 12px 8px 10px 8px;
}

.kab-revenue-container[b-e4w5ni6uqj]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}


.kab-revenue-container[b-e4w5ni6uqj]  .mud-table-container {
    box-shadow: 0px 3px 3px 0px #0000000D;
    border-radius: 8px;
}

.kab-revenue-button-delete[b-e4w5ni6uqj] {
    position: absolute;
    width: calc(100% - 48px - 16px); /* "- 16px" cause include pa-4 for the GroupClass*/
    top: 16px;
    left: 48px;
}

/*For the popup*/

.kab-revenue-container[b-e4w5ni6uqj]  .kab-overlay {
    z-index: 500;
}

    .kab-revenue-container[b-e4w5ni6uqj]  .kab-overlay .mud-overlay-content {
        background: var(--kab-color-white);
        border-radius: 16px;
        width: 80vw;
        overflow-y: auto;
        max-width: 1312px;
    }

.kab-revenue-container[b-e4w5ni6uqj]  .kab-popup-close {
    background: none !important;
    color: var(--kab-color-neutral-80) !important;
    padding: 8px;
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-modal-content-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80);
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-text-label {
    font-weight: 500;
    font-size: 16px;
    color: var(--kab-color-neutral-70);
}

.kab-modal-content-formula[b-e4w5ni6uqj] {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
}
/*For the select*/
.kab-revenue-container[b-e4w5ni6uqj]  .kab-select-standard.mud-input-control {
    margin-top: 8px;
    margin-bottom: 4px;
}
/*For the select*/

/*For the datetime picker*/
.kab-revenue-container[b-e4w5ni6uqj]  .kab-datetime-picker {
    width: 100%;
}

    .kab-revenue-container[b-e4w5ni6uqj]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 48px;
    }

    .kab-revenue-container[b-e4w5ni6uqj]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 8px;
    }

.kab-revenue-container[b-e4w5ni6uqj]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-e4w5ni6uqj] {
    border-color: var(--kab-color-blue-50);
}
/*For the datetime picker*/

/*For the popup history*/
.kab-revenue-container[b-e4w5ni6uqj]  .kab-overlay-history-table-content {
    overflow-y: auto;
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-overlay-history-content {
    background-color: var(--kab-color-white);
    border-radius: 16px;
    width: 800px;
    max-height: 600px;
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-overview-content-text-1 {
    font-weight: 400;
    font-size: 16px;
    color: var(--kab-color-neutral-50);
    margin-top: 3px;
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-overview-content-text-2 {
    font-weight: 500;
    font-size: 18px;
    color: var(--kab-color-neutral-70);
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-description-delete {
    color: var(--kab-color-blue-80) !important;
    background-color: var(--kab-color-blue-20) !important;
}

.kab-revenue-container[b-e4w5ni6uqj]  .kab-text-error {
    font-size: var(--kab-typography-font-size-label-sm);
    line-height: var(--kab-typography-line-height-label-sm);
    color: var(--kab-color-red-40);
    padding-left: 2px;
    margin-top: calc(2 * var(--kab-spacing-multiplier));
}

.kab-revenue-container[b-e4w5ni6uqj]  .outline-error .mud-input-outlined-border {
    border-color: var(--kab-color-red-20);
}
/* _content/KAB.Web/Components/Pages/Community/CommunityDetail.razor.rz.scp.css */
.community-faq-detail-container[b-mdxazg4h14] {
    max-width: 1440px;
    margin: 0px auto;
}

.faq-category-container[b-mdxazg4h14] {
    margin: 10px auto;
}

[b-mdxazg4h14] .mud-list-item-gutters {
    padding-left: 0px !important;
}

.community-faq-detail-container[b-mdxazg4h14]  img {
    width: 100% !important;
    height:auto !important;
    object-fit: contain !important;
}
.community-faq-detail-container[b-mdxazg4h14]  .kab-button-download {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-50);
    gap: 0;
}

.community-faq-detail-container[b-mdxazg4h14]  .faq-file-attacted {
    color: var(--kab-color-neutral-50);
}

.community-faq-detail-container[b-mdxazg4h14]  .community-download-file {
    color: var(--kab-color-neutral-50);
}

.community-faq-detail-container[b-mdxazg4h14]  .faq-file-attacted .mud-list-item-icon {
    color: var(--kab-color-neutral-50);
}

.community-faq-detail-container[b-mdxazg4h14]  .faq-attachment-item {
    padding-right: 12px;
}

@media only screen and (max-width: 1440px) {
    .community-faq-detail-container[b-mdxazg4h14] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .support-image[b-mdxazg4h14] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Pages/Community/CommunityDetail_Provider.razor.rz.scp.css */
.faq-category-container[b-ububg8jvzw]{
    margin: 10px auto;
}

[b-ububg8jvzw] .mud-list-item-gutters {
    padding-left: 0px!important;
}

@media only screen and (max-width: 1440px) {
    .community-faq-detail-container[b-ububg8jvzw] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .support-image[b-ububg8jvzw] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Pages/Community/CommunityDetail_User.razor.rz.scp.css */
.faq-category-container[b-ni7raxxys5]{
    margin: 10px auto;
}

[b-ni7raxxys5] .mud-list-item-gutters {
    padding-left: 0px!important;
}

@media only screen and (max-width: 1440px) {
    .community-faq-detail-container[b-ni7raxxys5] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .support-image[b-ni7raxxys5] {
        display: none;
    }
}
/* _content/KAB.Web/Components/Pages/Community/CommunityManagement.razor.rz.scp.css */
[b-jny1wxdg30] button.mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-medium.mud-ripple .view-model {
    height: 24px;
    width: 24px;
    border-radius: 16px;
    background-color: #E6EAED;
}

[b-jny1wxdg30] .mud-button-root.view-model {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    background-color: #E6EAED;
}

[b-jny1wxdg30] .search .mud-input-adornment .mud-icon-button {
    padding: 8px 0px 8px 8px;
}

[b-jny1wxdg30] .mud-input-control-input-container {
    width: 188px;
}

[b-jny1wxdg30] .custom-select {
    width: 24px !important;
    height: 24px !important;
}

[b-jny1wxdg30] .mud-input-control.mud-select.custom-select {
    width: 100px !important;
}

[b-jny1wxdg30] .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

[b-jny1wxdg30] .mud-tooltip-root.mud-tooltip-inline {
    width: 50% !important;
}

[b-jny1wxdg30] .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

[b-jny1wxdg30] .mud-tooltip-root.mud-tooltip-inline {
    width: 100% !important;
    color: #454749 !important;
}

[b-jny1wxdg30] .mud-tab.mud-tab-active.mud-ripple {
    width: 100%;
}

[b-jny1wxdg30] .mud-tooltip-root.mud-tooltip-inline {
    width: 100% !important
}

.paging[b-jny1wxdg30] {
    margin-top: auto !important;
    margin-bottom: 16px;
    padding-top: 32px;
}

[b-jny1wxdg30] .select-paging {
    margin-top: 15px;
    border: solid 1px #E6EAED !important;
    height: 36px;
    width: 57px;
}

[b-jny1wxdg30] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
    background-color: #292B2C !important;
}

[b-jny1wxdg30] .mud-input.mud-input-underline::before {
    border-bottom: unset !important;
}

[b-jny1wxdg30] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
    padding-left: 12px;
}

[b-jny1wxdg30] .mud-select {
    margin-left: 6px;
}

[b-jny1wxdg30] .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
    width: unset !important;
}

[b-jny1wxdg30] .total-count {
    padding-left: 12px !important;
}

[b-jny1wxdg30] .search-input {
    height: 40px;
}

[b-jny1wxdg30] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
    height: 40px !important;
}

[b-jny1wxdg30] .mud-input.mud-input-outlined.mud-input-adorned-end.mud-typography-subtitle1.mud-select-input {
    height: 40px !important;
}

.toolbar-form[b-jny1wxdg30]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-jny1wxdg30]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.view[b-jny1wxdg30] {
    width: 24px !important;
}

button.mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-small.mud-ripple.view :first-child[b-jny1wxdg30] {
    width: 24px !important
}

.mud-chip.mud-chip-size-medium :first-child[b-jny1wxdg30] {
    height: 24px;
}

[b-jny1wxdg30] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
    height: 40px;
}

[b-jny1wxdg30] .add-model {
    height: 40px !important;
}

[b-jny1wxdg30] .mud-input.mud-input-outlined.mud-input-adorned-end.mud-shrink.mud-typography-subtitle1.mud-select-input {
    height: 40px !important;
}

.search-input[b-jny1wxdg30] {
    height: 40px !important;
    width: 400px !important;
}

.toolbar-form[b-jny1wxdg30]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-jny1wxdg30]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

[b-jny1wxdg30] p.mud-typography.mud-typography-body1.title-model {
    font-size: 24px;
    font-weight: 600;
    color: #454749;
}

[b-jny1wxdg30] .mud-input-control-input-container {
    width: unset !important;
}

.community-container[b-jny1wxdg30] {
    max-width: 1440px;
    margin: 0px auto;
}

community-content-container[b-jny1wxdg30] {
    max-width: 1440px;
    margin: 0px auto;
}

.community-slide-container[b-jny1wxdg30] {
    height: 50vh; /* Adjust height as needed */
    min-height: 300px; /* Minimum height */
    background-image: url("/images/Community/CommunitySlide.jfif"); /* Replace with your actual image URL */
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
    text-align: center;
    padding: 20px;
    position: relative; /* Needed for potential overlays if desired */
    margin-bottom: 50px;
}

    .community-slide-container h1[b-jny1wxdg30] {
        color: var(--kab-color-neutral-60, #676A6D);
        font-size: 3.5rem; /* Large font size */
        font-weight: bold;
        margin-bottom: 10px;
    }

.community-container[b-jny1wxdg30]  .search input.mud-input-slot::placeholder {
    color: #676A6D !important;
    opacity: 1;
}

.community-container[b-jny1wxdg30]  .search .mud-input .mud-input-adornment .mud-input-adornment-icon-button {
    color: #676A6D !important;
}

.community-menu-container[b-jny1wxdg30] {
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
}

.community-slide-content[b-jny1wxdg30] {
    max-width: 600px; /* Limit width of content */
    width: 90%;
}

.content-container[b-jny1wxdg30] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-jny1wxdg30] {
    display: flex;
    align-items: center;
}

    .title-container[b-jny1wxdg30]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-jny1wxdg30] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

/* Notification Box */
.notification-box[b-jny1wxdg30] {
    background-color: var(--Brand-Brand-5, #F4FAFF); /* Light blue background */
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 15px; /* Space above the notification */
    margin-top: -15px;
}

.notification-header[b-jny1wxdg30] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #0056b3; /* Darker blue for header text/icon */
    background-color: var(--Brand-Brand-10, #EDF5FA);
    font-weight: 500;
    gap: 5px;
    padding: 2px 10px;
}

.notification-button-image[b-jny1wxdg30] {
    width: 20px;
    height: 20px;
}

/* Support */
.support-banner-container[b-jny1wxdg30] {
    margin: 20px 0px 50px 0px;
}

.support-banner[b-jny1wxdg30] {
    background-color: var(--Grey-Grey-10, #F7F9FC);
    border-radius: 8px; /* Rounded corners */
    padding: 30px 30px; /* Internal spacing */
    position: relative;
    /* overflow: visible; */
    display: flex; /* Use flexbox for basic layout */
    align-items: center; /* Vertically align items */
    min-height: 150px; /* Ensure minimum height */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* Subtle shadow */
}

.support-text[b-jny1wxdg30] {
    flex: 1; /* Take up available space */
    padding-right: 100px; /* Add padding to prevent text from going under the absolute image */
    /* Adjust this value based on image width/position */
    min-width: 0; /* Prevent flex overflow */
    z-index: 1; /* Ensure text stays above background but potentially below image if needed */
}

    .support-text h2[b-jny1wxdg30] {
        font-size: 1.8rem;
        font-weight: 600;
        color: #343a40;
        margin-bottom: 8px;
        line-height: 1.3;
    }

    .support-text p[b-jny1wxdg30] {
        font-size: 1rem;
        color: #6c757d;
        margin-bottom: 20px;
    }

.chat-button[b-jny1wxdg30] {
    background-color: var(--Brand-Brand, #0494FC);
    color: #ffffff;
    border: none;
    padding: 7px 30px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .chat-button:hover[b-jny1wxdg30] {
        background-color: #0056b3;
    }

.support-image[b-jny1wxdg30] {
    position: absolute;
    right: 40px;
}

    .support-image img[b-jny1wxdg30] {
        display: block;
        max-width: 100%;
        height: 340px;
        width: 340px;
    }

.tabs-content-container[b-jny1wxdg30] {
    width: 100%;
}

[b-jny1wxdg30] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-jny1wxdg30] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-jny1wxdg30] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-jny1wxdg30] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-jny1wxdg30] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-jny1wxdg30] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-jny1wxdg30] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}

[b-jny1wxdg30] .d-flex.flex-row.align-center.gap-1.ai-model-name {
    max-width: 150px;
    overflow: hidden;
}

[b-jny1wxdg30] p.kab-typography.kab-typography-p.kab-typography-p-sm.ai-model-name-detail {
    width: 110px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-jny1wxdg30] p.kab-typography.kab-typography-p.kab-typography-p-xs.version {
    font-size: 12px !important;
    color: #676A6D;
}

[b-jny1wxdg30] button.kab-chip.kab-chip-size-sm.kab-chip-filled-tonal.kab-chip-neutral {
    width: 24px;
    border-radius: 50%;
    background-color: #E6EAED;
}

[b-jny1wxdg30] p.kab-typography.kab-typography-p.kab-typography-p-sm.category {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}

[b-jny1wxdg30] p.kab-typography.kab-typography-p.kab-typography-p-sm.revenue {
    color: #676A6D;
}

.community-container[b-jny1wxdg30]  .kab-icon-size-small {
    width: 24px;
    height: 24px;
}

.community-container[b-jny1wxdg30]  .cursor-pointer {
    cursor: pointer;
}

.community-container[b-jny1wxdg30]  .community-title-detail {
    font-size: 18px;
    font-weight: 500;
    color: var(--kab-color-neutral-70);
}

.community-container[b-jny1wxdg30]  .kab-content-border {
    border-bottom: 1px solid var(--kab-color-neutral-20);
    margin-top: 8px;
}

@media only screen and (max-width: 768px) {
    .search-input-container[b-jny1wxdg30] {
        display: none;
    }

    .support-image[b-jny1wxdg30] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .community-content-container[b-jny1wxdg30] {
        padding-left: 75px;
        padding-right: 75px;
    }
}

@media only screen and (max-width: 960px) {
    .community-content-container[b-jny1wxdg30] {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media only screen and (max-width: 441px) {
    .community-slide-container[b-jny1wxdg30] {
        height: 150px !important;
        min-height: 150px;
    }

    .community-slide-container h1[b-jny1wxdg30] {
        font-size: 35px !important;
    }

    [b-jny1wxdg30] .faq-detail-content {
        flex-direction: column-reverse !important;
        gap: 8px !important;
    }

    [b-jny1wxdg30] .faq-content {
        width: 100% !important;
    }

        [b-jny1wxdg30] .faq-content img {
            width: 100%;
            height: auto;
        }
}

[b-jny1wxdg30] .faq-content {
    width: 50vw;
}

[b-jny1wxdg30] .kab-button-download {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-50);
}

    [b-jny1wxdg30] .kab-button-download > p {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
    }

    [b-jny1wxdg30] .kab-button-download > svg {
        font-size: 20px;
    }

[b-jny1wxdg30] .faq-attachment {
    color: var(--kab-color-neutral-50);
}
/* _content/KAB.Web/Components/Pages/Community/SupportClientDetailDialog.razor.rz.scp.css */
.kab-support-dialog[b-olg98c1j6w]  .chat-textfield-with-file:focus-within,
.chat-textfield-with-file:hover[b-olg98c1j6w] {
    border: 1px solid var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20) !important;
}

.kab-support-dialog[b-olg98c1j6w]  .chat-textfield-with-file:hover {
    border: 1px solid var(--kab-color-blue-50) !important;
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20) !important;
}

.kab-support-dialog[b-olg98c1j6w]  .chat-textfield-with-file {
    height: 100%;
    width: 100%;
    border: 1px solid #E6EAED;
    border-radius: 8px;
}

.kab-support-dialog[b-olg98c1j6w]  .multi-input-file-attach-wrapper {
    height: 42px;
    background-color: var(--kab-color-white);
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    width: 100%;
}

.kab-support-dialog[b-olg98c1j6w]  .chat-container .multi-input-file-attach-wrapper {
    width: auto;
    max-width: 75% !important;
    padding-right: 16px;
    cursor: pointer;
}

    .kab-support-dialog[b-olg98c1j6w]  .multi-input-file-attach-wrapper .file-name-ellipsis {
        font-size: 14px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
        white-space: initial;
        overflow: hidden;
        text-align: left;
        text-decoration: none;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

.kab-support-dialog[b-olg98c1j6w]  .file-extension {
    font-size: 12px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}


.kab-support-dialog[b-olg98c1j6w]  .diglog-container-content .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
    background: none;
}

.kab-support-dialog[b-olg98c1j6w]  .kab-button-upload .mud-icon-button {
    padding: 4px;
    cursor: pointer;
}

.kab-support-dialog[b-olg98c1j6w]  .kab-button-upload {
    cursor: pointer;
}

    .kab-support-dialog[b-olg98c1j6w]  .kab-button-upload:hover {
        border-radius: 30%;
        background-color: var(--mud-palette-action-default-hover);
    }

.kab-support-dialog[b-olg98c1j6w]  .container-content-input-send {
    cursor: pointer;
    background: none !important;
    border: none;
    box-shadow: none;
}

    .kab-support-dialog[b-olg98c1j6w]  .container-content-input-send:hover {
        border-radius: 30%;
        background-color: var(--mud-palette-action-default-hover) !important;
    }

.kab-support-dialog[b-olg98c1j6w]  .container-content-input-attach {
    color: #B1B5BA;
}

.kab-support-dialog[b-olg98c1j6w]  .rounded-image-chat {
    border-radius: 16px;
}

@media only screen and (max-width: 460px) {
    .kab-support-dialog[b-olg98c1j6w]  .chat-multi-image {
        flex-direction:column !important;
    }
}
/* _content/KAB.Web/Components/Pages/Community/SupportNewDialog.razor.rz.scp.css */
.new-support-dialog[b-6jrku34pg7]  .multi-input-file-attach-wrapper {
    height: 42px;
    background-color: var(--kab-color-white);
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    width: 100%;
}

.new-support-dialog[b-6jrku34pg7]  .multi-input-file-attach-wrapper .file-name-ellipsis {
    font-size: 14px;
    font-weight: 500;
    color: var(--kab-color-neutral-70);
    white-space: initial;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.new-support-dialog[b-6jrku34pg7]  .file-extension {
    font-size: 12px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}

.new-support-dialog[b-6jrku34pg7]  .kab-button-upload {
    width: 45%;
}
/* _content/KAB.Web/Components/Pages/ForgotPassword/UserForgotPassword.razor.rz.scp.css */
.header[b-36c0311ubw] {
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 0 auto;
}

    .header[role="alert"][b-36c0311ubw] {
        margin-bottom: calc(6 * var(--kab-spacing-multiplier));
    }

.header-h1[b-36c0311ubw] {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
}

.header-p[b-36c0311ubw] {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 0;
}

[b-36c0311ubw] .form-submit-btn {
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}


.cooldown[b-36c0311ubw] {
    margin-left: calc(2 * var(--kab-spacing-multiplier));
    color: var(--kab-color-neutral-50)
}
/* _content/KAB.Web/Components/Pages/ForgotPassword/UserVerifyForgotPasswordEmail.razor.rz.scp.css */
.header[b-cm5znv6nm4] {
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 0 auto;
}

    .header[role="alert"][b-cm5znv6nm4] {
        margin-bottom: calc(6 * var(--kab-spacing-multiplier));
    }

.header-h1[b-cm5znv6nm4] {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
}

.header-p[b-cm5znv6nm4] {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 0;
}

.field-container[b-cm5znv6nm4] {
    display: flex;
    flex-direction: column;
    gap: calc(3 * var(--kab-spacing-multiplier));
}

[b-cm5znv6nm4] .form-submit-btn {
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}

.button-group[b-cm5znv6nm4] {
    display: flex;
    gap: calc(2 * var(--kab-spacing-multiplier));
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Pages/Home.razor.rz.scp.css */
.arrow-r[b-hg85ys4srl] {
    background-image: url("/images/home/arrow-right.svg");
    color: white;
}

.left[b-hg85ys4srl] {
    float: left;
    /* Add styles for the left div here (optional) */
}

.right[b-hg85ys4srl] {
    float: right;
    margin-left: 32px;
    left: 0;
    top: 0;
    /* Add styles for the right div here (optional) */
}

.btn-custom[b-hg85ys4srl] {
    background-color: #EDF5FA; /* Purple */
    color: #0562A4; /* White */
    border-color: #EDF5FA;
    padding: 10px;
    width: calc(38vw);
    height: calc(7vw);
    border-radius: 5px;
    font-size: 24px;
}


    .btn-custom:hover[b-hg85ys4srl] {
        background-color: #e3f3fc; /* Darker Purple on hover */
        border-color: #e3f3fc;
        color: #0562A4;
        padding: 10px;
        width: calc(38vw);
        height: 103px;
        border-radius: 5px;
        font-size: 24px;
    }

.aicon-landing[b-hg85ys4srl] {
    font-family: var(--kab-typography-font-family);
}

.left-content[b-hg85ys4srl] {
    padding: 50px;
}

.brand .title[b-hg85ys4srl] {
    color: #007bff; /* AICON color */
    font-size: 3em;
    font-weight: bold;
}

.solutions[b-hg85ys4srl] {
    color: #007bff;
    font-size: 1.2em;
}

.subtitle[b-hg85ys4srl] {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
}

.description[b-hg85ys4srl] {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 30px;
}

.explore-button[b-hg85ys4srl] {
    background-color: #343a40; /* Dark background */
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* Smooth transition */
}

    .explore-button:hover[b-hg85ys4srl] {
        background-color: #23272b; /* Darker background on hover */
    }

    .explore-button i[b-hg85ys4srl] {
        margin-left: 5px;
    }

.right-content[b-hg85ys4srl] {
    padding: 20px;
}

.content-b[b-hg85ys4srl] {
    padding-top: 11%;
    background-color: #F7F9FC;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.n-card-body[b-hg85ys4srl] {
    justify-content: space-between;
    align-items: center;
}

h1[b-hg85ys4srl], h2[b-hg85ys4srl], h3[b-hg85ys4srl] {
    font-weight: bold;
    color: #333; /* Dark gray color for headings */
}

/* Top Section: Logo and Buttons */
.row.justify-content-between[b-hg85ys4srl] {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.btn-outline-primary[b-hg85ys4srl] {
    color: #007bff;
    border-color: #007bff;
}

    .btn-outline-primary:hover[b-hg85ys4srl] {
        background-color: #007bff;
        color: #fff;
    }


/* General Styles for all sections */
/* Add the other CSS to the components */
@*@, FeaturedAiSection.razor.css, OurSolutionsSection.razor.css, ReviewsSection.razor.css. Remember you have to use this to scope your CSS and enable the feature In components You will find all CSS code above. To use it in your CSS for this section, add everything below this "/* CSS Isolation for Index.razor */"*@
/* Footer Styling */
.footer {
    background-color: #f8f9fa; /* Light gray background for the footer */
    padding: 1rem 0;
}

.footer p[b-hg85ys4srl] {
    margin-bottom: 0;
    font-size: 0.8rem;
}

/* Responsive Adjustments (Example) */
@media (max-width: 768px) {
    .btn-outline-primary[b-hg85ys4srl] {
        font-size: 0.75rem; /* Smaller font size on small screens */
    }
}

.container[b-hg85ys4srl] {
    position: relative; /* Establish stacking context */
}

.box[b-hg85ys4srl] {
    width: 200px;
    height: 100px;
    background-color: #eee;
    border: 1px solid #ccc;
}

.box2[b-hg85ys4srl] {
    position: relative; /* Creates stacking context for the Box 2 */
    margin-top: -30px; /* Pull Box 2 up to overlap Box 1 */
    z-index: -1000; /* Ensure Box 2 is on top */
    background-color: lightcoral;
}

.card-2[b-hg85ys4srl] {
    border-radius: 0;
    border: none;
    background-color: transparent;
}
/* _content/KAB.Web/Components/Pages/Model/Model.razor.rz.scp.css */

[b-xm5k7d672a] .model-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #292B2C;
    font-size: 64px;
}

[b-xm5k7d672a] .custom-button {
    background-color: #FFFFFF !important;
    text-transform: none !important;
}

[b-xm5k7d672a] .custom-button-selected {
    background-color: #E6EAED !important;
    text-transform: none !important;
}

.featured-container[b-xm5k7d672a] {
    width: 100%;
    padding: 24px 24px;
    margin: 0;
}

.model-img-container[b-xm5k7d672a] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
    max-height: 250px;
}

.model-hover-info[b-xm5k7d672a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #0000000D;
    backdrop-filter: blur(40px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 0 8px;
    color: #ffffff;
    text-align: center;
    gap: 8px;
}

.hover-model-name[b-xm5k7d672a] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
}

.hover-model-des[b-xm5k7d672a] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

[b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-9.user-model-content-filter{
    display:none
}
.model-img-container:hover .model-hover-info[b-xm5k7d672a] {
    opacity: 1;
}

.card-img-top[b-xm5k7d672a] {
    aspect-ratio: 4/3;
    object-fit: cover;
}

[b-xm5k7d672a] .featured-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #292B2C;
}

[b-xm5k7d672a] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
    overflow: hidden;
}

.checkout-ai-container[b-xm5k7d672a] {
    width: 100%;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
    align-items: center;
}

.open-menu[b-xm5k7d672a] {
    width: 180px;
}

[b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
    display: none;
}

.search-model-mobile[b-xm5k7d672a] {
    display: none !important;
}

[b-xm5k7d672a] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
    display: none !important;
}

.model-name[b-xm5k7d672a] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #292B2C;
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.provider-name[b-xm5k7d672a] {
    font-size: 16px;
    color: #292B2C;
    margin-left: 0;
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.favorite-count[b-xm5k7d672a] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C
}

.hover-model-name[b-xm5k7d672a] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.all-filter[b-xm5k7d672a] {
    width: calc(100% - 24px)
}

@media (min-width: 601px) and (max-width: 1279px) {
    .model-img-container[b-xm5k7d672a] {
        max-width: unset !important;
    }

    .featured-container[b-xm5k7d672a] {
        padding-top: 120px;
    }

    .checkout-ai-container[b-xm5k7d672a] {
        padding: 80px 0;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: none !important;
    }
}

@media (min-width: 1280px) {


    .checkout-ai-container[b-xm5k7d672a] {
        padding: 120px 0;
    }
}

[b-xm5k7d672a] .custom-button {
    background-color: #FFFFFF !important;
    text-transform: none !important;
}

[b-xm5k7d672a] .custom-button-selected {
    background-color: #E6EAED !important;
    text-transform: none !important;
}

.model-list[b-xm5k7d672a] {
    text-transform: none !important;
}

[b-xm5k7d672a] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-default.mud-button-filled-size-medium.mud-ripple.custom-button-selected.mb-2.w-100.text-transform-none {
    text-transform: none !important;
}

[b-xm5k7d672a] span.mud-button-label {
    text-transform: none !important;
}

[b-xm5k7d672a] h6.mud-typography.mud-typography-h6.w-70 {
    width: calc(100% - 24px) !important;
}

.not-found[b-xm5k7d672a] {
    height: 100%;
    width: 100%;
}

.not-found-img[b-xm5k7d672a] {
    width: 100%;
    height: 70%;
    display: grid;
    place-content: center;
    margin: auto
}

    .not-found-img img[b-xm5k7d672a] {
        width: 256px;
        height: 256px;
        margin-top: 50%;
    }


.button-filter-mobile[b-xm5k7d672a] {
    display: none !important;
}

@media(max-width: 960px) {
    [b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-9.user-model-content-filter {
        display: block;
    }
    .web-pagination[b-xm5k7d672a] {
        display: none;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: block !important;
        width: 93%;
        margin: 20px 0 0 20px;
    }

    .featured-container[b-xm5k7d672a] {
        padding: 0 30px 0 50px !important;
    }

    .model-img-container[b-xm5k7d672a] {
        max-width: unset !important;
    }

    [b-xm5k7d672a] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-xm5k7d672a] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
        margin: auto;
    }

    .model-img-container[b-xm5k7d672a] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-xm5k7d672a] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-xm5k7d672a] {
        align-items: unset !important;
    }

        .favorite-count img[b-xm5k7d672a] {
            height: 20px;
            width: 20px;
        }

    [b-xm5k7d672a] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-xm5k7d672a] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-xm5k7d672a] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-xm5k7d672a] {
        width: 92%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
        margin-top: 50px;
    }

        .button-filter-mobile img[b-xm5k7d672a] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-xm5k7d672a] {
        display: none !important;
    }

    .button-filter-mobile-search[b-xm5k7d672a] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-xm5k7d672a] {
        width: 340px !important;
    }

    .mobile-search[b-xm5k7d672a] {
        box-shadow: none;
    }

    [b-xm5k7d672a] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }



    [b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 95%;
    }

    [b-xm5k7d672a] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-xm5k7d672a] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-xm5k7d672a] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        width: 80% !important;
    }

    .model-img-container[b-xm5k7d672a] {
        aspect-ratio: unset !important;
    }

    .featured-container[b-xm5k7d672a] {
        padding: 0 20px 0 40px !important;
    }


    .d-flex.justify-content-between.m-2.gap-2.user-model-detail-title[b-xm5k7d672a] {
        width: calc(100% - 80px)
    }
}

@media(max-width:853px) {
    .web-pagination[b-xm5k7d672a] {
        display: none;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: block !important;
        width: 93%;
        margin: 20px 0 0 20px;
    }

    [b-xm5k7d672a] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-xm5k7d672a] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
        margin: auto;
    }

    .model-img-container[b-xm5k7d672a] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-xm5k7d672a] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-xm5k7d672a] {
        align-items: unset !important;
    }

        .favorite-count img[b-xm5k7d672a] {
            height: 20px;
            width: 20px;
        }

    [b-xm5k7d672a] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-xm5k7d672a] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-xm5k7d672a] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-xm5k7d672a] {
        width: 92%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-xm5k7d672a] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-xm5k7d672a] {
        display: none !important;
    }

    .button-filter-mobile-search[b-xm5k7d672a] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-xm5k7d672a] {
        width: 340px !important;
    }

    .mobile-search[b-xm5k7d672a] {
        box-shadow: none;
    }

    [b-xm5k7d672a] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }



    [b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 95%;
    }

    [b-xm5k7d672a] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-xm5k7d672a] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-xm5k7d672a] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        width: 80% !important;
    }

    .model-img-container[b-xm5k7d672a] {
        aspect-ratio: unset !important;
    }

    .featured-container[b-xm5k7d672a] {
        padding: 0 20px 0 40px !important;
    }
}

@media(max-width:660px) {
    .web-pagination[b-xm5k7d672a] {
        display: none;
    }

    [b-xm5k7d672a] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-xm5k7d672a] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
    }

    .model-img-container[b-xm5k7d672a] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-xm5k7d672a] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-xm5k7d672a] {
        align-items: unset !important;
    }

        .favorite-count img[b-xm5k7d672a] {
            height: 20px;
            width: 20px;
        }

    [b-xm5k7d672a] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-xm5k7d672a] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-xm5k7d672a] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-xm5k7d672a] {
        width: 95%;
        margin: 20px 20px 0px 20px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-xm5k7d672a] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-xm5k7d672a] {
        display: none !important;
    }

    .button-filter-mobile-search[b-xm5k7d672a] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-xm5k7d672a] {
        width: 340px !important;
    }

    .mobile-search[b-xm5k7d672a] {
        box-shadow: none;
    }

    [b-xm5k7d672a] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 10px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
        padding-right: 7px !important;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: block !important;
        width: 95%;
    }

    [b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
    }

    [b-xm5k7d672a] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-xm5k7d672a] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-xm5k7d672a] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
    }

    .model-img-container[b-xm5k7d672a] {
        aspect-ratio: unset !important;
    }

    .header-user-model[b-xm5k7d672a] {
        flex-direction: column !important;
    }
}

@media(max-width:430px) {
    .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search[b-xm5k7d672a] {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: block !important;
        width: 95%;
    }

    .web-pagination[b-xm5k7d672a] {
        display: none;
    }

    .header-user-model[b-xm5k7d672a] {
        flex-direction: column !important;
    }
}

@media(max-width:375px) {
    .web-pagination[b-xm5k7d672a] {
        display: none;
    }

    [b-xm5k7d672a] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-xm5k7d672a] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
    }

    .model-img-container[b-xm5k7d672a] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-xm5k7d672a] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-xm5k7d672a] {
        align-items: unset !important;
    }

        .favorite-count img[b-xm5k7d672a] {
            height: 20px;
            width: 20px;
        }

    [b-xm5k7d672a] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-xm5k7d672a] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-xm5k7d672a] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-xm5k7d672a] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-xm5k7d672a] {
        width: 100%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-xm5k7d672a] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-xm5k7d672a] {
        display: none !important;
    }

    .button-filter-mobile-search[b-xm5k7d672a] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-xm5k7d672a] {
        width: 340px !important;
    }

    .mobile-search[b-xm5k7d672a] {
        box-shadow: none;
    }

    [b-xm5k7d672a] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .search-model-mobile[b-xm5k7d672a] {
        display: block !important;
        width: 100%;
    }

    [b-xm5k7d672a] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 100%;
    }

    [b-xm5k7d672a] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-xm5k7d672a] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-xm5k7d672a] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        max-width: 100px;
    }

    .model-img-container[b-xm5k7d672a] {
        aspect-ratio: unset !important;
    }
}

.model-list[b-xm5k7d672a] {
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.user-model-body[b-xm5k7d672a] {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
[b-xm5k7d672a] .custom-button-selected {
    background-color: #E6EAED !important;
    text-transform: none !important;
}
/* _content/KAB.Web/Components/Pages/Model/ModelComponent.razor.rz.scp.css */

[b-stsbwrf95q] .not-found-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
    color: var(--kab-color-neutral-70, #454749);
}

[b-stsbwrf95q] .not-found-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: var(--kab-color-neutral-70, #454749);
}

[b-stsbwrf95q] .model-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #292B2C;
    font-size: 64px;
}

[b-stsbwrf95q] .custom-button {
    background-color: #FFFFFF !important;
    text-transform: none !important;
}

[b-stsbwrf95q] .custom-button-selected {
    background-color: #292B2C !important;
    color: #FFFFFF;
    text-transform: none !important;
}

    [b-stsbwrf95q] .custom-button-selected:disabled {
        background-color: #292B2C !important;
        color: #FFFFFF !important;
    }

.featured-container[b-stsbwrf95q] {
    width: 100%;
    padding: 24px 24px;
    margin: 0;
}

.model-img-container[b-stsbwrf95q] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
    max-height: 250px;
}

.model-hover-info[b-stsbwrf95q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #0000000D;
    backdrop-filter: blur(40px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 0 8px;
    color: #ffffff;
    text-align: center;
    gap: 8px;
}

.hover-model-name[b-stsbwrf95q] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
}

.hover-model-des[b-stsbwrf95q] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

[b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-9.user-model-content-filter {
    display: none
}

.model-img-container:hover .model-hover-info[b-stsbwrf95q] {
    opacity: 1;
}

.card-img-top[b-stsbwrf95q] {
    aspect-ratio: 4/3;
    object-fit: contain;
}

[b-stsbwrf95q] .featured-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    color: #292B2C;
}

[b-stsbwrf95q] .featured-title-header {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 140% !important;
    color: #292B2C !important;
}

[b-stsbwrf95q] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
    overflow: hidden;
}

.checkout-ai-container[b-stsbwrf95q] {
    width: 100%;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
    align-items: center;
}

.open-menu[b-stsbwrf95q] {
    width: 180px;
}

[b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
    display: none;
}

.search-model-mobile[b-stsbwrf95q] {
    display: none !important;
}

[b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
    display: none !important;
}

.model-name[b-stsbwrf95q] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #292B2C;
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.provider-name[b-stsbwrf95q] {
    font-size: 16px;
    color: #292B2C;
    margin-left: 0;
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.favorite-count[b-stsbwrf95q] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C
}

.hover-model-name[b-stsbwrf95q] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.all-filter[b-stsbwrf95q] {
    width: calc(100% - 24px)
}

.mw-250[b-stsbwrf95q] {
    max-width: 250px;
}

.user-model-body[b-stsbwrf95q]  .kab-filter-container {
    border-style: solid;
    border-width: 1px 1px 1px 0px; /* top right bottom left */
    border-color: var(--kab-color-neutral-20);
    background-color: var(--kab-color-white);
    box-shadow: none;
    height: 100%;
    border-radius: 0;
}

.user-model-body[b-stsbwrf95q]  .kab-divider {
    opacity: 1;
    border-color: var(--kab-color-neutral-20);
}

.user-model-body[b-stsbwrf95q]  .kab-filter-action-container {
    gap: 10px !important;
}

    .user-model-body[b-stsbwrf95q]  .kab-filter-action-container .kab-model-text {
        font-weight: 600;
        font-size: 18px;
        line-height: 135%;
        color: var(--kab-color-neutral-80);
    }

    .user-model-body[b-stsbwrf95q]  .kab-filter-action-container .kab-model-text-1 {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: var(--kab-color-neutral-40);
    }

    .user-model-body[b-stsbwrf95q]  .kab-filter-action-container .kab-button-blue {
        height: 40px;
        border-radius: 8px;
        border: none;
        background-color: var(--kab-color-blue-55);
        color: var(--kab-color-white);
    }

    .user-model-body[b-stsbwrf95q]  .kab-filter-action-container .kab-button-white {
        height: 40px;
        border-radius: 8px;
        border: none;
        background-color: var(--kab-color-neutral-5);
        color: var(--kab-color-neutral-50);
    }

@media (min-width: 601px) and (max-width: 1279px) {
    .model-img-container[b-stsbwrf95q] {
        max-width: unset !important;
    }

    .featured-container[b-stsbwrf95q] {
        padding-top: 120px;
    }

    .checkout-ai-container[b-stsbwrf95q] {
        padding: 80px 0;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: none !important;
    }
}

@media (min-width: 1280px) {


    .checkout-ai-container[b-stsbwrf95q] {
        padding: 120px 0;
    }
}

[b-stsbwrf95q] .custom-button {
    background-color: #FFFFFF !important;
    text-transform: none !important;
}

.model-list[b-stsbwrf95q] {
    text-transform: none !important;
}

[b-stsbwrf95q] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-default.mud-button-filled-size-medium.mud-ripple.custom-button-selected.mb-2.w-100.text-transform-none {
    text-transform: none !important;
}

[b-stsbwrf95q] span.mud-button-label {
    text-transform: none !important;
}

[b-stsbwrf95q] h6.mud-typography.mud-typography-h6.w-70 {
    width: calc(100% - 24px) !important;
}

.not-found[b-stsbwrf95q] {
    height: 100%;
    width: 100%;
}

.not-found-img[b-stsbwrf95q] {
    width: 100%;
    height: 70%;
    display: grid;
    place-content: center;
    margin: auto
}

    .not-found-img img[b-stsbwrf95q] {
        width: 256px;
        height: 256px;
        margin-top: 50%;
    }


.button-filter-mobile[b-stsbwrf95q] {
    display: none !important;
}

@media(max-width: 960px) {
    .user-model-body[b-stsbwrf95q] {
        display: flex;
        justify-content: center;
    }

    [b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-9.user-model-content-filter {
        display: block;
    }

    .web-pagination[b-stsbwrf95q] {
        display: none;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: block !important;
        width: 93%;
        margin: 20px 0 0 20px;
    }

    .featured-container[b-stsbwrf95q] {
        padding: 0 30px 0 50px !important;
    }

    .model-img-container[b-stsbwrf95q] {
        max-width: unset !important;
    }

    [b-stsbwrf95q] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-stsbwrf95q] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
        margin: auto;
    }

    .model-img-container[b-stsbwrf95q] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-stsbwrf95q] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-stsbwrf95q] {
        align-items: unset !important;
    }

        .favorite-count img[b-stsbwrf95q] {
            height: 20px;
            width: 20px;
        }

    [b-stsbwrf95q] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-stsbwrf95q] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-stsbwrf95q] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-stsbwrf95q] {
        width: 92%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
        margin-top: 50px;
    }

        .button-filter-mobile img[b-stsbwrf95q] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-stsbwrf95q] {
        display: none !important;
    }

    .button-filter-mobile-search[b-stsbwrf95q] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-stsbwrf95q] {
        width: 340px !important;
    }

    .mobile-search[b-stsbwrf95q] {
        box-shadow: none;
    }

    [b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }



    [b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 95%;
    }

    [b-stsbwrf95q] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-stsbwrf95q] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-stsbwrf95q] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        width: 80% !important;
        white-space: initial;
        text-align: left;
        text-decoration: none;
        word-break: break-all;
    }

    .model-img-container[b-stsbwrf95q] {
        aspect-ratio: unset !important;
    }

    .featured-container[b-stsbwrf95q] {
        padding: 20px 20px 0 40px !important;
    }


    .d-flex.justify-content-between.m-2.gap-2.user-model-detail-title[b-stsbwrf95q] {
        width: calc(100% - 80px)
    }
}

@media(max-width:853px) {
    .user-model-body[b-stsbwrf95q] {
        display: flex;
        justify-content: center;
    }

    .web-pagination[b-stsbwrf95q] {
        display: none;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: block !important;
        width: 93%;
        margin: 20px 0 0 20px;
    }

    [b-stsbwrf95q] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-stsbwrf95q] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
        margin: auto;
    }

    .model-img-container[b-stsbwrf95q] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-stsbwrf95q] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-stsbwrf95q] {
        align-items: unset !important;
    }

        .favorite-count img[b-stsbwrf95q] {
            height: 20px;
            width: 20px;
        }

    [b-stsbwrf95q] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-stsbwrf95q] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-stsbwrf95q] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-stsbwrf95q] {
        width: 92%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-stsbwrf95q] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-stsbwrf95q] {
        display: none !important;
    }

    .button-filter-mobile-search[b-stsbwrf95q] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-stsbwrf95q] {
        width: 340px !important;
    }

    .mobile-search[b-stsbwrf95q] {
        box-shadow: none;
    }

    [b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }



    [b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 95%;
    }

    [b-stsbwrf95q] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-stsbwrf95q] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-stsbwrf95q] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        width: 80% !important;
        white-space: initial;
        text-align: left;
        text-decoration: none;
        word-break: break-all;
    }

    .model-img-container[b-stsbwrf95q] {
        aspect-ratio: unset !important;
    }

    .featured-container[b-stsbwrf95q] {
        padding: 20px 20px 0 40px !important;
    }
}

@media(max-width:660px) {
    .user-model-body[b-stsbwrf95q] {
        display: flex;
        justify-content: center;
    }

        .user-model-body[b-stsbwrf95q]  .mud-paper {
            box-shadow: none !important;
        }

    .web-pagination[b-stsbwrf95q] {
        display: none;
    }

    [b-stsbwrf95q] .responsive-form {
        margin-bottom: 32px;
    }

    [b-stsbwrf95q] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-stsbwrf95q] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
    }

    .model-img-container[b-stsbwrf95q] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-stsbwrf95q] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-stsbwrf95q] {
        align-items: unset !important;
    }

        .favorite-count img[b-stsbwrf95q] {
            height: 20px;
            width: 20px;
        }

    [b-stsbwrf95q] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-stsbwrf95q] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-stsbwrf95q] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-stsbwrf95q] {
        width: 95%;
        margin: 20px 20px 0px 20px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-stsbwrf95q] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-stsbwrf95q] {
        display: none !important;
    }

    .button-filter-mobile-search[b-stsbwrf95q] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-stsbwrf95q] {
        width: 340px !important;
    }

    .mobile-search[b-stsbwrf95q] {
        box-shadow: none;
    }

    [b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 10px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: block !important;
        width: 95%;
    }

    [b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
    }

    [b-stsbwrf95q] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-stsbwrf95q] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-stsbwrf95q] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        white-space: initial;
        text-align: left;
        text-decoration: none;
        word-break: break-all;
    }

    .model-img-container[b-stsbwrf95q] {
        aspect-ratio: unset !important;
    }

    .header-user-model[b-stsbwrf95q] {
        flex-direction: column !important;
    }
}

@media(max-width:430px) {
    .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search[b-stsbwrf95q] {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: block !important;
        width: 95%;
    }

    .web-pagination[b-stsbwrf95q] {
        display: none;
    }

    .header-user-model[b-stsbwrf95q] {
        flex-direction: column !important;
    }
}

@media(max-width:375px) {
    .web-pagination[b-stsbwrf95q] {
        display: none;
    }

    [b-stsbwrf95q] .model-trending {
        margin-top: 0 !important;
    }

    .user-model-detail[b-stsbwrf95q] {
        display: flex;
        height: 80px;
        background-color: #E6EAED;
        border-radius: 8px;
    }

    .model-img-container[b-stsbwrf95q] {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }

    .card-img-top[b-stsbwrf95q] {
        aspect-ratio: unset;
        height: 80px;
        width: 80px
    }

    .favorite-count[b-stsbwrf95q] {
        align-items: unset !important;
    }

        .favorite-count img[b-stsbwrf95q] {
            height: 20px;
            width: 20px;
        }

    [b-stsbwrf95q] img.mud-image.object-fill.object-center.user-model-img {
        padding: 20px;
    }

    [b-stsbwrf95q] h2.mud-typography.mud-typography-h2.font-bold.model-title.mt-10 {
        margin: 0 !important;
        font-weight: 600;
    }

    [b-stsbwrf95q] p.mud-typography.mud-typography-body1.mud-dark-text.user-model-discover {
        font-size: 16px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] .featured-title {
        font-weight: 600 !important;
        font-size: 18px;
        color: #292B2C !important;
    }

    [b-stsbwrf95q] h3.mud-typography.mud-typography-h3.featured-title {
        font-weight: 600;
    }

    .button-filter-mobile[b-stsbwrf95q] {
        width: 100%;
        margin: 20px 20px 0px 40px;
        border: solid 1px #B1B5BA;
        border-radius: 8px;
        height: 48px;
        display: flex !important;
        justify-content: center !important;
        justify-items: center !important;
    }

        .button-filter-mobile img[b-stsbwrf95q] {
            height: 24px;
            width: 24px;
            margin: auto 0;
        }

    .open-menu[b-stsbwrf95q] {
        display: none !important;
    }

    .button-filter-mobile-search[b-stsbwrf95q] {
        display: block;
        width: 100%;
        margin: 40px 20px 20px 40px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .mobile-search-container[b-stsbwrf95q] {
        width: 340px !important;
    }

    .mobile-search[b-stsbwrf95q] {
        box-shadow: none;
    }

    [b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        box-shadow: none !important;
        display: block !important;
        width: 100%;
        margin: 40px 10px 15px 30px;
        height: 48px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }

    .search-model-mobile[b-stsbwrf95q] {
        display: block !important;
        width: 100%;
    }

    [b-stsbwrf95q] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-md-3.search-model-mobile {
        display: block !important;
        width: 100%;
    }

    [b-stsbwrf95q] .kab-textfield-container.search {
        width: 100% !important;
    }

    .model-hover-info[b-stsbwrf95q] {
        display: none !important;
    }

    .p-0.m-0.w-100.model-name[b-stsbwrf95q] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        max-width: 100px;
        white-space: initial;
        text-align: left;
        text-decoration: none;
        word-break: break-all;
    }

    .model-img-container[b-stsbwrf95q] {
        aspect-ratio: unset !important;
    }
}

.model-list[b-stsbwrf95q] {
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.user-model-body[b-stsbwrf95q] {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}

[b-stsbwrf95q] .search-result-title {
    font-size: 24px;
    font-weight: 500;
}

.user-model-body[b-stsbwrf95q]  .kab-pagination-wrapper {
    display: block;
}

.user-model-body[b-stsbwrf95q]  .kab-pagination-wrapper-mobile {
    display: none;
}

@media screen and (max-width: 960px) {
    .user-model-body[b-stsbwrf95q]  .kab-pagination-wrapper {
        display: none;
    }

    .user-model-body[b-stsbwrf95q]  .kab-pagination-wrapper-mobile {
        display: block;
        margin-bottom: 32px;
    }

        .user-model-body[b-stsbwrf95q]  .kab-pagination-wrapper-mobile .kab-pagination ul {
            padding: 0 !important;
        }
}

.user-model-body .header-user-model[b-stsbwrf95q]  .kab-view-payment-plan {
    max-width: 200px;
}

@media screen and (min-width: 441px) {
    .header-user-model-mobile[b-stsbwrf95q] {
        display: none !important;
    }
}

@media screen and (max-width: 441px) {
    .header-user-model-desktop[b-stsbwrf95q] {
        display: none !important;
    }

    [b-stsbwrf95q] .mud-paper.mud-elevation-1.pl-3.pt-5.pr-5.mobile-search {
        margin: 0px 10px 15px 10px;
        padding-top: 0px !important;
    }

    .header-user-model.header-user-model-mobile[b-stsbwrf95q] {
        margin-left: 24px !important;
    }

    .search-model-mobile.user-model-content[b-stsbwrf95q] {
        margin-top: 0px !important;
    }

    .user-model-body[b-stsbwrf95q]  .user-model-content-filter {
        padding-top: 0px !important;
    }

    .header-user-model-mobile[b-stsbwrf95q]  .header-user-model-title {
        padding: 16px 16px 0px 16px;
    }
}
/* _content/KAB.Web/Components/Pages/News/NewsDetail.razor.rz.scp.css */
.kab-newsdetail-container[b-99dt6hmnnx] {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}

.newsdetail-list[b-99dt6hmnnx] {
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.newsdetail-list[b-99dt6hmnnx] {
    text-transform: none !important;
}

.kab-newsdetail-container[b-99dt6hmnnx]  .kab-newsdetail-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 60px 0px;
}

.kab-newsdetail-container[b-99dt6hmnnx]  .newsdetail-header-title {
    font-size: 64px;
    font-weight: 700;
    line-height: 140%;
    color: var(--kab-color-neutral-90);
    text-align: center;
    max-width: 1391px;
}

.kab-newsdetail-container[b-99dt6hmnnx]  .newsdetail-header-text-datetime {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: var(--kab-color-neutral-90);
}

.kab-newsdetail-container[b-99dt6hmnnx]  img {
    max-width: 1440px;
    width: 100%;
    height: auto;
    display: block;
}

[b-99dt6hmnnx] .attachment-list-container {
    display: flex;
    align-items: center;
    gap: 16px;
}

[b-99dt6hmnnx] .download-all-button {
    background: #E6EAED;
    box-shadow: none;
}

[b-99dt6hmnnx] .attachment-list {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

[b-99dt6hmnnx] .attachment-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.file-attached[b-99dt6hmnnx] {
    display: flex;
    gap: 4px;
    align-items: center;
    max-width: 200px;
    height: 40px;
    border-radius: 4px;
    padding: 4px;
    flex-shrink: 0;
}

[b-99dt6hmnnx] .file-name {
    max-width: calc(100% - 40px - 8px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-attached:hover[b-99dt6hmnnx] {
    cursor: pointer;
    background: #ededed;
}

@media (max-width: 1440px) {
    .kab-newsdetail-container[b-99dt6hmnnx]  .content {
        padding: 0 14px 0 44px;
        margin: 0 !important;
    }

    .kab-newsdetail-container[b-99dt6hmnnx]  p.mud-typography.mud-typography-body1.content {
        margin-top: 0;
        margin: 0;
    }
}

@media(max-width: 480px) {
    .kab-newsdetail-container[b-99dt6hmnnx]  .newsdetail-header-title {
        font-size: 42px;
    }
}

@media(max-width: 441px) {
    .kab-newsdetail-container[b-99dt6hmnnx]  .newsdetail-header-title {
        padding: 0px 8px 0 32px;
    }
}
/* _content/KAB.Web/Components/Pages/Notification/NotificationListComponent.razor.rz.scp.css */

/* _content/KAB.Web/Components/Pages/Privacy/Privacy.razor.rz.scp.css */

.policy.d-flex.justify-content-center.m-auto[b-q20rc7j0en] {
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.introduction[b-q20rc7j0en] {
    margin: auto;
    margin-top: 64px;
    font-size: 16px;
    font-weight: 400;
    width: 1440px;
}

.title[b-q20rc7j0en] {
    font-weight: 700;
    font-size: 64px;
}

.create-time[b-q20rc7j0en] {
    font-size: 16px;
    font-weight: 400;
}

.short-content[b-q20rc7j0en] {
    margin-top: 239px;
}

[b-q20rc7j0en] p.mud-typography.mud-typography-body1.content {
    margin-top: 64px;
    font-size: 16px;
    font-weight: 400;
    max-width: 1440px;
    margin: 64px auto 0 auto;
    margin-top: 239px !important;
}

.content[b-q20rc7j0en] {
    max-width: 1440px;
    margin-top: 239px !important;
}

.privacy-title[b-q20rc7j0en] {
    margin: 64px 0;
}

[b-q20rc7j0en] img.mud-image.object-fill.object-center.logo.w-100 {
    aspect-ratio: 4/1;
}

@media (max-width: 1440px) {
    .privacy[b-q20rc7j0en] {
        padding: 24px;
        margin: 0 !important;
    }

    [b-q20rc7j0en] p.mud-typography.mud-typography-body1.content {
        margin-top: 0;
        margin: 0;
    }
}
@media(max-width: 480px){
    .title[b-q20rc7j0en]{
        font-size:42px;
    }
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/BusinessInformation.razor.rz.scp.css */
.header[b-k0o98ydp0i] {
    margin-bottom: calc(4 * var(--kab-spacing-multiplier));
}

.business-info-title-container[b-k0o98ydp0i] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.business-info-title[b-k0o98ydp0i] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.businessinfomation-editform[b-k0o98ydp0i]  .kab-select-standard .mud-input .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
}

.upload-btn-desc[b-k0o98ydp0i] {
    color: var(--kab-color-neutral-80);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(2* var(--kab-spacing-multiplier));
}

.required[b-k0o98ydp0i]::after {
    content: " *";
    color: red;
    font-weight: bold;
}

.form-action[b-k0o98ydp0i] {
    margin-top: calc(6 * var(--kab-spacing-multiplier));
    justify-content: flex-end;
    display: flex;
}

.form-group[b-k0o98ydp0i] {
    display: flex;
    flex-direction: column;
}

.form-group-label[b-k0o98ydp0i] {
    color: var(--kab-color-neutral-70);
    font-size: var(--kab-typography-font-size-label-lg);
    line-height: var(--kab-typography-line-height-label-lg);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(6 * var(--kab-spacing-multiplier));
}

.businessinfomation-editform[b-k0o98ydp0i]  .kab-input-searchtime .mud-input {
    height: 48px;
}

.businessinfomation-editform[b-k0o98ydp0i]  .kab-input-searchtime .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
    border-radius: var(--kab-border-radius-md);
}

.businessinfomation-editform[b-k0o98ydp0i]  .kab-file-preview-md {
    height: 48px;
}

.businessinfomation-editform[b-k0o98ydp0i]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-k0o98ydp0i] {
    border-color: var(--kab-color-blue-50);
    box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    border-width: var(--kab-border-width-1);
}

@media (min-width: 960px) {
    [b-k0o98ydp0i] .form-action-button {
        width: calc(12.5rem * var(--kab-scale))
    }
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/Invoice.razor.rz.scp.css */
.invoice-content[b-db5gm9jnin] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.invoice-content .invoice-content-title[b-db5gm9jnin] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.invoice-content[b-db5gm9jnin]  .kab-title {
    font-weight: 600;
    font-size: 18px;
    color: var(--kab-color-neutral-80);
    height: 40px;
    display: flex;
    align-items: center;
}

.invoice-content .invoice-content-table[b-db5gm9jnin] {
    padding-top: 16px;
}

.invoice-content[b-db5gm9jnin]  .kab-select .mud-input.mud-input-outlined.mud-input-adorned-end {
    max-height: 40px;
}

.invoice-content[b-db5gm9jnin]  .color-text-successful {
    color: var(--kab-color-green-70);
}

.invoice-content[b-db5gm9jnin]  .color-text-failed {
    color: var(--kab-color-red-70)
}

/*For datetime picker*/
.invoice-content[b-db5gm9jnin]  .kab-datetime-picker {
    max-width: 160px;
}

.invoice-content[b-db5gm9jnin]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
    max-height: 40px;
}

.invoice-content[b-db5gm9jnin]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
}

.invoice-content[b-db5gm9jnin]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-db5gm9jnin] {
    border-color: var(--kab-color-blue-50);
}
/*For datetime picker*/

.invoice-content[b-db5gm9jnin]  .kab-date {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.invoice-content[b-db5gm9jnin]  .kab-time {
    font-weight: 400;
    font-size: 12px;
    color: var(--kab-color-neutral-40);
}

.invoice-content[b-db5gm9jnin]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/MyAccount.razor.rz.scp.css */
.my-account-container[b-e7vrlu625b] {
    width: 100%
}

.my-account-content[b-e7vrlu625b] {
    width: 100%;
    max-width: 1008px;
}

.my-account-title-container[b-e7vrlu625b] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.my-account-title[b-e7vrlu625b] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.user-name-container[b-e7vrlu625b] {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding: 16px;
    background-color: #F7F9FC;
    border-radius: 8px;
    gap: 8px;
}

.user-name[b-e7vrlu625b] {
    font-size: 16px;
    font-weight: 500;
    color: #292B2C;
    margin-bottom: 0;
}

.user-email-container[b-e7vrlu625b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding: 16px 0;
}

.user-email-title[b-e7vrlu625b] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    color: #292B2C;
}

.user-email-value[b-e7vrlu625b] {
    font-size: 16px;
    margin-bottom: 0;
    color: #B1B5BA;
}

.user-social-container[b-e7vrlu625b] {
    margin-top: 8px;
}

.user-social-title[b-e7vrlu625b] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #292B2C;
}

.social-action-container[b-e7vrlu625b] {
    display: flex;
}

.link-button[b-e7vrlu625b] {
    font-size: 18px;
    font-weight: 500;
    color: #454749;
}

.fixed-button[b-e7vrlu625b] {
}

[b-e7vrlu625b] .social-button {
    margin-right: 8px;
    height: 56px;
    padding: 0 60px;
    min-width: 330px;
    width: auto;
    position: relative;
}

.remove-container[b-e7vrlu625b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    border-radius: 8px;
}

[b-e7vrlu625b] .social-button:hover .remove-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f9fc;
}

.button-content[b-e7vrlu625b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.signin-content[b-e7vrlu625b] {
    display: flex;
    flex-direction: column;
}

.email-social-value[b-e7vrlu625b] {
    font-size: 14px;
    color: #B1B5BA;
    margin: auto;
}

.avatar-container[b-e7vrlu625b] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.avatar-overlay[b-e7vrlu625b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #13141480;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.delete-user-container[b-e7vrlu625b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

.avatar-container:hover .avatar-overlay[b-e7vrlu625b] {
    opacity: 1;
}

.avatar-icon[b-e7vrlu625b] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.avatar-container:hover .avatar-icon[b-e7vrlu625b] {
    opacity: 1;
}


@media (max-width: 600px) {
    .social-action-container[b-e7vrlu625b] {
        flex-direction: column;
        gap: 8px;
    }
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/Notification.razor.rz.scp.css */
.noti-container[b-hxguuwxd34] {
    width: 100%
}

.noti-content[b-hxguuwxd34] {
    width: 100%;
    max-width: 1008px;
}

.noti-title-container[b-hxguuwxd34] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.noti-title[b-hxguuwxd34] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.noti-form-container[b-hxguuwxd34] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.stop-noti-container[b-hxguuwxd34] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 0.5px solid #E6EAED;
}

    .stop-noti-container h3[b-hxguuwxd34] {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
        margin-bottom: 0;
    }

.form-item-title[b-hxguuwxd34] {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #454749;
}

.form-item-content[b-hxguuwxd34] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-item[b-hxguuwxd34] {
    padding: 16px 0;
    border-bottom: 0.5px solid #E6EAED;
}

.form-action[b-hxguuwxd34] {
    display: flex;
    justify-content: end;
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}


@media (min-width: 960px) {
    .form-action[b-hxguuwxd34] {
        flex-direction: row;
        justify-content: flex-end
    }

    [b-hxguuwxd34] .form-action-button {
        width: calc(12.5rem * var(--kab-scale))
    }
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/ProviderPayment.razor.rz.scp.css */
.payment-content[b-3lcbx1tpzq] {
    max-width: 1008px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .payment-content .payment-content-title[b-3lcbx1tpzq] {
        padding-bottom: 8px;
        border-bottom: 0.5px solid #E6EAED;
    }

    .payment-content[b-3lcbx1tpzq]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

    .payment-content .payment-content-action[b-3lcbx1tpzq] {
        padding-top: 16px;
    }

    .payment-content[b-3lcbx1tpzq]  .payment-content-action-button {
        gap: 100px !important;
    }

    .payment-content[b-3lcbx1tpzq]  .kab-button-register-tosspay {
        height: 56px;
        min-width: 320px;
        font-size: 18px;
        font-weight: 500;
        --kab-button-color: var(--kab-color-neutral-40);
        --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    }

    .payment-content[b-3lcbx1tpzq]  .kab-icon-tosspay {
        max-height: 24px;
    }

    .payment-content[b-3lcbx1tpzq]  .kab-title-1 {
        font-weight: 500;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
    }
/* _content/KAB.Web/Components/Pages/ProviderProfiles/ProviderProfile.razor.rz.scp.css */
.provider-profile-container[b-sb9t0zwx3b] {
}
/* _content/KAB.Web/Components/Pages/ProviderProfiles/TransactionHistory.razor.rz.scp.css */
.transaction-content[b-vak3slt4i0] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .transaction-content .transaction-content-title[b-vak3slt4i0] {
        padding-bottom: 8px;
        border-bottom: 0.5px solid #E6EAED;
    }

    .transaction-content[b-vak3slt4i0]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

    .transaction-content .transaction-content-table[b-vak3slt4i0] {
        padding-top: 16px;
    }

    .transaction-content[b-vak3slt4i0]  .kab-select .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .transaction-content[b-vak3slt4i0]  .color-text-successful {
        color: var(--kab-color-green-70);
    }

    .transaction-content[b-vak3slt4i0]  .color-text-failed {
        color: var(--kab-color-red-70)
    }

    /*For datetime picker*/
    .transaction-content[b-vak3slt4i0]  .kab-datetime-picker {
        max-width: 170px;
    }

        .transaction-content[b-vak3slt4i0]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
            max-height: 40px;
        }

        .transaction-content[b-vak3slt4i0]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
            border-radius: 8px;
        }

    .transaction-content[b-vak3slt4i0]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-vak3slt4i0] {
        border-color: var(--kab-color-blue-50);
    }
    /*For datetime picker*/

    .transaction-content[b-vak3slt4i0]  .kab-date {
        font-weight: 400;
        font-size: 14px;
        color: var(--kab-color-neutral-60);
    }

    .transaction-content[b-vak3slt4i0]  .kab-time {
        font-weight: 400;
        font-size: 12px;
        color: var(--kab-color-neutral-40);
    }
    .transaction-content[b-vak3slt4i0]  .kab-button-detail {
        max-width: calc(1.5rem * var(--kab-scale));
    }
/* _content/KAB.Web/Components/Pages/ProviderProfiles/VerifyEmail.razor.rz.scp.css */
.title[b-ul50l9bf3j] {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
    margin-bottom: 1rem;
}

.content[b-ul50l9bf3j] {
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 4rem;
}
.button[b-ul50l9bf3j] {
    display: inline-block;
    width: 200px;
    height: 48px;
    background-color: #292B2C;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    border-radius: 8px;
}

    .button:hover[b-ul50l9bf3j] {
        background-color: #5c6062;
    }
/* _content/KAB.Web/Components/Pages/Providers/Discuss/Discuss.razor.rz.scp.css */
.container-content[b-zrdx6igvcd] {
    width: 100%;
}

.model-container[b-zrdx6igvcd]{
    border-radius: 8px;
    background-color: white;
}

.container-content[b-zrdx6igvcd]  .container-content-detail {
    padding-top: 16px;
    padding-bottom: 16px;
}

    /*nav menu on the left*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu {
        background-color: var(--kab-color-neutral-5);
        border-radius: 8px;
        min-width: 280px;
    }

    .container-content[b-zrdx6igvcd]  .cursor-pointer {
        cursor: pointer;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu .kab-feedback-menu-name {
        color: var(--kab-color-neutral-80);
        font-weight: 500;
        font-size: 16px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu .kab-nav-menu-button {
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
        box-shadow: none;
        max-height: 29px;
        width: 100%;
        justify-content: left;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu .menu {
        background-color: var(--kab-color-neutral-5);
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu .menu-active {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content {
        width: 100%;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-textfield-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-select-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-header-title {
            font-size: 24px;
            font-weight: 600;
            color: var(--kab-color-neutral-70);
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc {
            border: 1px solid var(--kab-color-neutral-20);
            border-radius: 8px;
        }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content-desc-icon {
        width: 10px;
        height: 10px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-container {
        max-width: 824px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-modelname {
        font-size: 18px;
        font-weight: 700;
        color: var(--kab-color-neutral-70);
        word-break: break-word;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-title {
        font-size: 18px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
        word-break: break-word;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-1 {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-70);
        max-width: 800px;
        word-wrap: break-word;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-2 {
        font-size: 12px;
        font-weight: 500;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-star-icon-color {
        color: var(--kab-color-blue-55);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-star-icon-small {
        width: 20px;
        height: 20px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-star-icon-medium {
        width: 56px;
        height: 56px;
    }

    /*Style for kab chip for the waitting status*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting {
        --kab-chip-background: var(--kab-color-yellow-20);
        --kab-chip-color: var(--kab-color-yellow-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting svg {
            max-height: 15px;
        }

    /*Style for kab chip for the unanswered status*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered {
        --kab-chip-background: var(--kab-color-neutral-20);
        --kab-chip-color: var(--kab-color-neutral-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the resolved status*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved {
        --kab-chip-background: var(--kab-color-blue-20);
        --kab-chip-color: var(--kab-color-blue-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved svg {
            max-height: 15px;
        }

    /*Style for kab chip for the answered status*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered {
        --kab-chip-background: var(--kab-color-green-20);
        --kab-chip-color: var(--kab-color-green-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the Rejected status*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected {
        --kab-chip-background: var(--kab-color-red-10);
        --kab-chip-color: var(--kab-color-red-50);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected svg {
            max-height: 15px;
        }

    /*For the screen Rate*/
    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary {
        width: 100%;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-username {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
        width: 20%
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
        width: 80%
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail {
            width: 100%
        }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-bar-container {
        background-color: var(--kab-color-neutral-10);
        border-radius: 8px;
        height: 8px;
        width: 100%;
    }

    .container-content[b-zrdx6igvcd]  .kab-rate-bar {
        height: 100%;
        background-color: var(--kab-color-blue-55);
        border-radius: 8px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-number {
        font-size: 64px;
        font-weight: 700;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
        font-size: 18px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-content-desc-text-3 {
        font-size: 12px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-3 {
        width: 10px;
    }

    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-1 {
        width: 100%;
        max-width: 60px;
        text-align: right;
    }

/* Start css for select box*/
.mobile-navbar-container[b-zrdx6igvcd] {
    display: none;
    width: 100%;
    padding: 20px;
    position: relative;
}

    .mobile-navbar-container[b-zrdx6igvcd]  .kab-button-outlined {
        border: 1px solid #454749;
    }

        .mobile-navbar-container[b-zrdx6igvcd]  .kab-button-outlined.menu-expanded {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

.mobile-menu[b-zrdx6igvcd] {
    position: absolute;
    width: 100%;
    top: calc(100% - 20px);
    left: 0;
    padding: 0 20px;
    z-index: 1;
}

.menu-cotainer[b-zrdx6igvcd] {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #B1B5BA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .menu-cotainer[b-zrdx6igvcd]  .kab-side-menu-button {
        padding: 4px 8px;
    }


.container-content[b-zrdx6igvcd]  .kab-feedback-rating .mud-rating-item.mud-disabled * {
    color: var(--kab-color-blue-55);
    max-height: 20px;
}

/*Reponsive*/
@media screen and (max-width: 960px) {
    .container-content[b-zrdx6igvcd] {
        height: 100%;
    }

        .container-content[b-zrdx6igvcd]  .container-content-detail {
            padding-top: 0;
            padding-bottom: 0;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-nav-menu {
            display: none !important;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content-header .kab-feedback-content-header-title {
            width: 100%;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content-header .kab-select-container {
            width: 100% !important;
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-content-header-filter {
            width: 100%;
            gap: 8px !important;
        }

    .kab-feedback-content[b-zrdx6igvcd]  .kab-feedback-content-header {
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

        .kab-feedback-content[b-zrdx6igvcd]  .kab-feedback-content-header .kab-feedback-content-header-filter {
            flex-direction: column !important;
        }


    .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary {
        gap: 1px !important;
    }

        .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
            width: 40%
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
            width: 70%
        }

        .container-content[b-zrdx6igvcd]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
            font-size: 14px;
            font-weight: 400;
            color: var(--kab-color-neutral-50);
        }

    .mobile-navbar-container[b-zrdx6igvcd] {
        display: flex;
    }
}
/* _content/KAB.Web/Components/Pages/Providers/Infrastructure/Infrastructure.razor.rz.scp.css */
.model-container[b-sscj0dnsdz] {
    background-color: var(--kab-color-white);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content-container[b-sscj0dnsdz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.title-container[b-sscj0dnsdz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-container[b-sscj0dnsdz]  .mud-input-control-input-container .mud-input-slot.mud-input-root.mud-input-root-outlined.mud-select-input {
        height: 40px;
    }

    .title-container[b-sscj0dnsdz]  .range-picker .mud-input-control-input-container > .mud-input {
        width: 160px;
        padding: 0 14px;
    }

    .title-container[b-sscj0dnsdz]  .range-picker .mud-input-slot {
        font-size: 16px;
        line-height: 1.3;
        padding: 10px 0 10px;
    }

    .title-container[b-sscj0dnsdz]  .range-picker fieldset.mud-input-outlined-border {
        border-radius: 8px;
        border: 1px solid #E6EAED;
    }

    .title-container[b-sscj0dnsdz]  .range-picker button.mud-icon-button {
        padding: 8px;
        margin-right: 6px;
    }

[b-sscj0dnsdz] .select-input.null-value .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-sscj0dnsdz] .select-input .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}

.overview-card-item[b-sscj0dnsdz] {
    background: #ffffff;
    border: 1px solid var(--kab-color-neutral-20, #E6EAED);
    box-shadow: 0px 3px 3px 0px #0000000D;
    border-radius: 8px;
    padding: 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    height: 100%;
}

.overview-status-icon-container[b-sscj0dnsdz] {
    border-radius: 50%;
    background: #04A6551A;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .overview-status-icon-container.error[b-sscj0dnsdz] {
        background: #A604221A;
    }

    .heatmap-container[b-sscj0dnsdz] {
        display: flex;
        width: 100%;
        gap: 6px;
    }

.heat-map-row-container[b-sscj0dnsdz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.heat-map-cells[b-sscj0dnsdz] {
    display: flex;
}

.heat-map-cell div[b-sscj0dnsdz] {
    min-width: 22px;
    aspect-ratio: 1/1;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center
}

.overview-server-item[b-sscj0dnsdz] {
    width: 100%;
    height: 100%;
    border: 1px solid var(--kab-color-neutral-40, #B1B5BA);
    border-radius: 8px;
    height: 96px;
    display: flex;
    align-items: center;
    padding: 0 2px;
}

.system-info-item[b-sscj0dnsdz] {
    display: flex;
    padding: 4px 0;
    border-bottom: 1px solid var(--kab-color-neutral-20, #E6EAED);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--kab-color-neutral-70, #454749);
}

.system-info-title[b-sscj0dnsdz] {
    width: 80px;
}

.system-info-value[b-sscj0dnsdz] {
    flex: 1;
}

.chart-container[b-sscj0dnsdz] {
    width: 100%;
    aspect-ratio: 5/3;
}

    .chart-container[b-sscj0dnsdz]  canvas {
        aspect-ratio: 5/3;
        height: unset !important;
    }
/* _content/KAB.Web/Components/Pages/Providers/Infrastructure/ModelInfra.razor.rz.scp.css */
.content-container[b-y6nm7g5uw5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .content-container[b-y6nm7g5uw5]  .mud-input .mud-input-root {
        height: calc(2.5rem * var(--kab-scale));
    }

    .content-container[b-y6nm7g5uw5]  table {
    }

    .content-container[b-y6nm7g5uw5]  .title-column p {
        white-space: nowrap; /* Keep text on one line */
        overflow: hidden; /* Hide overflow */
        text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    }

    .content-container[b-y6nm7g5uw5]  .title-column .ai-model-detail {
        width: calc(100% - 28px - 4px);
    }

    .content-container[b-y6nm7g5uw5]  tbody tr td.mud-table-cell {
        color: var(--kab-color-neutral-60);
    }

[b-y6nm7g5uw5] .search .mud-button-root.mud-icon-button.mud-icon-button-edge-start.mud-input-adornment-icon-button {
    padding: 6px 6px;
}
/* _content/KAB.Web/Components/Pages/Providers/ModelManagement/ModelManagement.razor.rz.scp.css */
.provider-page[b-r5tkisxp6j] {
    background-color: var(--kab-color-white);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-r5tkisxp6j] button.mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-medium.mud-ripple .view-model {
    height: 24px;
    width: 24px;
    border-radius: 16px;
    background-color: #E6EAED;
}

[b-r5tkisxp6j] .mud-button-root.view-model {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    background-color: #E6EAED;
}

[b-r5tkisxp6j] .search .mud-input-adornment .mud-icon-button {
    padding: 8px 0px 8px 8px;
}

[b-r5tkisxp6j] .mud-input-control-input-container {
    width: 188px;
}

[b-r5tkisxp6j] .custom-select {
    width: 24px !important;
    height: 24px !important;
}

[b-r5tkisxp6j] .mud-input-control.mud-select.custom-select {
    width: 100px !important;
}

[b-r5tkisxp6j] .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

[b-r5tkisxp6j] .mud-tooltip-root.mud-tooltip-inline {
    width: 50% !important;
}

[b-r5tkisxp6j] .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

[b-r5tkisxp6j] .mud-tooltip-root.mud-tooltip-inline {
    width: 100% !important;
    color: #454749 !important;
}

[b-r5tkisxp6j] .mud-tab.mud-tab-active.mud-ripple {
    width: 100%;
}

[b-r5tkisxp6j] .mud-tooltip-root.mud-tooltip-inline {
    width: 100% !important
}

.paging[b-r5tkisxp6j] {
    margin-top: auto !important;
    margin-bottom: 16px;
    padding-top: 32px;
}

[b-r5tkisxp6j] .select-paging {
    margin-top: 15px;
    border: solid 1px #E6EAED !important;
    height: 36px;
    width: 57px;
}

[b-r5tkisxp6j] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
    background-color: #292B2C !important;
}

[b-r5tkisxp6j] .mud-input.mud-input-underline::before {
    border-bottom: unset !important;
}

[b-r5tkisxp6j] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
    padding-left: 12px;
}

[b-r5tkisxp6j] .mud-select {
    margin-left: 6px;
}

[b-r5tkisxp6j] .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
    width: unset !important;
}

[b-r5tkisxp6j] .total-count {
    padding-left: 12px !important;
}

[b-r5tkisxp6j] .search-input {
    height: 40px;
}

[b-r5tkisxp6j] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
    height: 40px !important;
}

[b-r5tkisxp6j] .mud-input.mud-input-outlined.mud-input-adorned-end.mud-typography-subtitle1.mud-select-input {
    height: 40px !important;
}

.toolbar-form[b-r5tkisxp6j]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-r5tkisxp6j]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

.view[b-r5tkisxp6j] {
    width: 24px !important;
}

button.mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-small.mud-ripple.view :first-child[b-r5tkisxp6j] {
    width: 24px !important
}

.mud-chip.mud-chip-size-medium :first-child[b-r5tkisxp6j] {
    height: 24px;
}

[b-r5tkisxp6j] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
    height: 40px;
}

[b-r5tkisxp6j] .add-model {
    height: 40px !important;
}

[b-r5tkisxp6j] .mud-input.mud-input-outlined.mud-input-adorned-end.mud-shrink.mud-typography-subtitle1.mud-select-input {
    height: 40px !important;
}

.search-input[b-r5tkisxp6j] {
    height: 40px !important;
    width: 400px !important;
}

.toolbar-form[b-r5tkisxp6j]  :where(.kab-textfield-standard, .kab-select-standard) .mud-input .mud-input-root {
    height: calc(2.5rem * var(--kab-scale));
}

.toolbar-form[b-r5tkisxp6j]  .search {
    width: 100%;
    max-width: calc(25rem * var(--kab-scale));
}

[b-r5tkisxp6j] p.mud-typography.mud-typography-body1.title-model {
    font-size: 24px;
    font-weight: 600;
    color: #454749;
}

[b-r5tkisxp6j] .mud-input-control-input-container {
    width: unset !important;
}

.content-container[b-r5tkisxp6j] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.title-container[b-r5tkisxp6j] {
    display: flex;
    align-items: center;
}

    .title-container[b-r5tkisxp6j]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-r5tkisxp6j] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-r5tkisxp6j] {
    width: 100%;
}

    .tabs-content-container[b-r5tkisxp6j]  .table-model .mud-table-root {
    }

    .tabs-content-container[b-r5tkisxp6j]  .kab-table .mud-table-root .mud-table-head .mud-table-cell {
        height: 40px;
    }

    .tabs-content-container[b-r5tkisxp6j]  .title-column p {
        white-space: nowrap; /* Keep text on one line */
        overflow: hidden; /* Hide overflow */
        text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    }

    .tabs-content-container[b-r5tkisxp6j]  .title-column .ai-model-name-detail {
        width: calc(100% - 28px - 4px);
    }

[b-r5tkisxp6j] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-r5tkisxp6j] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-r5tkisxp6j] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-r5tkisxp6j] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-r5tkisxp6j] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-r5tkisxp6j] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-r5tkisxp6j] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}

[b-r5tkisxp6j] .d-flex.flex-row.align-center.gap-1.ai-model-name {
    max-width: 250px;
    overflow: hidden;
}

[b-r5tkisxp6j] p.kab-typography.kab-typography-p.kab-typography-p-sm.ai-model-name-detail {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-r5tkisxp6j] p.kab-typography.kab-typography-p.kab-typography-p-xs.version {
    font-size: 12px !important;
    color: #676A6D;
}

[b-r5tkisxp6j] button.kab-chip.kab-chip-size-sm.kab-chip-filled-tonal.kab-chip-neutral {
    width: 24px;
    border-radius: 50%;
    background-color: #E6EAED;
}

[b-r5tkisxp6j] p.kab-typography.kab-typography-p.kab-typography-p-sm.category {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}

[b-r5tkisxp6j] p.kab-typography.kab-typography-p.kab-typography-p-sm.revenue {
    color: #676A6D;
}

[b-r5tkisxp6j] .search .mud-button-root.mud-icon-button.mud-icon-button-edge-start.mud-input-adornment-icon-button {
    padding: 6px 6px;
}

[b-r5tkisxp6j] .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

[b-r5tkisxp6j] .kab-button-delete {
    max-width: 28px;
    max-height: 20px;
}

[b-r5tkisxp6j] .table-model .kab-badge-lock .mud-badge.mud-badge-default {
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-20);
}

[b-r5tkisxp6j] .table-model .kab-badge-active .mud-badge.mud-badge-default {
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-20);
}

[b-r5tkisxp6j] .table-model .kab-badge-lock .mud-badge.mud-badge-icon .mud-icon-badge {
    font-size: 14px;
}

[b-r5tkisxp6j] .table-model .kab-badge-active .mud-badge.mud-badge-icon .mud-icon-badge {
    font-size: 14px;
}
/* _content/KAB.Web/Components/Pages/Providers/ModelManagement/Overview.razor.rz.scp.css */
.provider-page[b-udefkxusmm] {
    background-color: var(--kab-color-white);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .provider-page[b-udefkxusmm]  .mud-table {
        border-radius: 8px;
    }

.kab-overview-content[b-udefkxusmm]  .mud-table-toolbar {
    left: 0;
    position: sticky;
    padding-left: 5px !important;
    padding-top: 5px;
    padding-right: 8px;
    padding-inline-start: 16px;
    padding-inline-end: 8px;
    max-height: 23px;
}

.kab-overview-content[b-udefkxusmm]  .mud-table {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.kab-overview-content[b-udefkxusmm]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-overview-content[b-udefkxusmm]  .mud-data-grid .mud-table-cell .column-header {
    display: revert;
    align-items: center;
    justify-content: space-between;
    color: var(--kab-color-neutral-60);
    font-size: 16px;
}

.kab-overview-content[b-udefkxusmm]  .mud-table-root .mud-table-body .mud-table-cell {
    color: var(--kab-color-neutral-60);
    padding: 10px
}

.kab-overview-content[b-udefkxusmm]  .mud-table-root .mud-table-head .mud-table-cell {
    padding: 10px 10px 10px 10px;
    background-color: var(--kab-color-neutral-10);
}

.kab-overview-content[b-udefkxusmm]  .no-record {
    height: 62.88px;
}

.kab-overview-content[b-udefkxusmm]  .ellipsis-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    display: inline-block;
}

.kab-overview-content[b-udefkxusmm]  .ellipsis-cell {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
}

.kab-overview-content[b-udefkxusmm]  .text-18-neutral-70 {
    font-size: 18px;
    color: var(--kab-color-neutral-70);
}

.kab-overview-content[b-udefkxusmm]  .text-12-neutral-70 {
    font-size: 12px;
    color: var(--kab-color-neutral-70);
}

.kab-overview-content[b-udefkxusmm]  .text-16-neutral-60 {
    font-size: 16px;
    color: var(--kab-color-neutral-60);
}
/* _content/KAB.Web/Components/Pages/Providers/ModelManagement/RateDetailDialog.razor.rz.scp.css */
.container-content[b-25vyapjaj8] {
    width: 100%;
}

    .container-content[b-25vyapjaj8]  .container-content-detail {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .container-content[b-25vyapjaj8]  .cursor-pointer {
        cursor: pointer;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-nav-menu .kab-feedback-menu-name {
        color: var(--kab-color-neutral-80);
        font-weight: 500;
        font-size: 16px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-nav-menu .menu {
        background-color: var(--kab-color-neutral-5);
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-nav-menu .menu-active {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content {
        width: 100%;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-textfield-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-select-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-header-title {
            font-size: 24px;
            font-weight: 600;
            color: var(--kab-color-neutral-70);
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc {
            border: 1px solid var(--kab-color-neutral-20);
            border-radius: 8px;
            margin-bottom: 15px;
        }

    .container-content[b-25vyapjaj8]  .kab-feedback-content-desc-icon {
        width: 10px;
        height: 10px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-container {
        max-width: 824px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-title {
        font-size: 18px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
        word-break: break-word;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-1 {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-70);
        max-width: 800px;
        word-wrap: break-word;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-2 {
        font-size: 12px;
        font-weight: 500;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-star-icon-color {
        color: var(--kab-color-blue-55);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-star-icon-small {
        width: 20px;
        height: 20px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-star-icon-medium {
        width: 56px;
        height: 56px;
    }

    /*Style for kab chip for the waitting status*/
    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting {
        --kab-chip-background: var(--kab-color-yellow-20);
        --kab-chip-color: var(--kab-color-yellow-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting svg {
            max-height: 15px;
        }

    /*Style for kab chip for the unanswered status*/
    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered {
        --kab-chip-background: var(--kab-color-neutral-20);
        --kab-chip-color: var(--kab-color-neutral-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the resolved status*/
    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved {
        --kab-chip-background: var(--kab-color-blue-20);
        --kab-chip-color: var(--kab-color-blue-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved svg {
            max-height: 15px;
        }

    /*Style for kab chip for the answered status*/
    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered {
        --kab-chip-background: var(--kab-color-green-20);
        --kab-chip-color: var(--kab-color-green-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the Rejected status*/
    .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected {
        --kab-chip-background: var(--kab-color-red-10);
        --kab-chip-color: var(--kab-color-red-50);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected svg {
            max-height: 15px;
        }

    /*For the screen Rate*/
    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary {
        width: 100%;
        margin-bottom: 15px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-username {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
        width: 20%
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
        width: 80%
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail {
            width: 100%
        }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-bar-container {
        background-color: var(--kab-color-neutral-10);
        border-radius: 8px;
        height: 8px;
        width: 100%;
    }

    .container-content[b-25vyapjaj8]  .kab-rate-bar {
        height: 100%;
        background-color: var(--kab-color-blue-55);
        border-radius: 8px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-number {
        font-size: 64px;
        font-weight: 700;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
        font-size: 18px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-content-desc-text-3 {
        font-size: 12px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-3 {
        width: 10px;
    }

    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-1 {
        width: 100%;
        max-width: 60px;
        text-align: right;
    }

/* Start css for select box*/
.mobile-navbar-container[b-25vyapjaj8] {
    display: none;
    width: 100%;
    padding: 20px;
    position: relative;
}

    .mobile-navbar-container[b-25vyapjaj8]  .kab-button-outlined {
        border: 1px solid #454749;
    }

        .mobile-navbar-container[b-25vyapjaj8]  .kab-button-outlined.menu-expanded {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

.mobile-menu[b-25vyapjaj8] {
    position: absolute;
    width: 100%;
    top: calc(100% - 20px);
    left: 0;
    padding: 0 20px;
    z-index: 1;
}

.menu-cotainer[b-25vyapjaj8] {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #B1B5BA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .menu-cotainer[b-25vyapjaj8]  .kab-side-menu-button {
        padding: 4px 8px;
    }


.container-content[b-25vyapjaj8]  .kab-feedback-rating .mud-rating-item.mud-disabled * {
    color: var(--kab-color-blue-55);
    max-height: 20px;
}

/*Reponsive*/
@media screen and (max-width: 960px) {
    .container-content[b-25vyapjaj8] {
        height: 100%;
    }

        .container-content[b-25vyapjaj8]  .container-content-detail {
            padding-top: 0;
            padding-bottom: 0;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-nav-menu {
            display: none !important;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content-header .kab-feedback-content-header-title {
            width: 100%;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content-header .kab-select-container {
            width: 100% !important;
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-content-header-filter {
            width: 100%;
            gap: 8px !important;
        }

    .kab-feedback-content[b-25vyapjaj8]  .kab-feedback-content-header {
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

        .kab-feedback-content[b-25vyapjaj8]  .kab-feedback-content-header .kab-feedback-content-header-filter {
            flex-direction: column !important;
        }


    .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary {
        gap: 1px !important;
    }

        .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
            width: 40%
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
            width: 70%
        }

        .container-content[b-25vyapjaj8]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
            font-size: 14px;
            font-weight: 400;
            color: var(--kab-color-neutral-50);
        }

    .mobile-navbar-container[b-25vyapjaj8] {
        display: flex;
    }
}
/* _content/KAB.Web/Components/Pages/Providers/Revenue/Revenue.razor.rz.scp.css */
.kab-provider-revenue[b-2nqed5c7lk] {
    background: var(--kab-color-white);
    border-radius: 16px;
}

.kab-provider-revenue-content .kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-chart {
    gap: 16px !important;
}


.kab-provider-revenue[b-2nqed5c7lk]  .kab-provder-revenue-card {
    min-height: 128px;
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-title-1 {
    font-weight: 500;
    font-size: 18px;
    color: var(--kab-color-neutral-70);
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-title-2 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 180px;
    overflow: hidden;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-provider-revenue-title-3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80);
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-unit {
    font-weight: 400;
    font-size: 18px;
    color: var(--kab-color-neutral-50);
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provder-revenue-card {
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mud-data-grid .mud-table-cell .column-header {
    display: revert;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    font-size: 16px;
    color: var(--kab-color-neutral-60);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mud-table-cell {
    border-bottom: 1px solid var(--kab-color-neutral-10);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-overlay .kab-table-pagination {
    margin-top: 0px !important;
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-text-1 {
    font-weight: 400;
    font-size: 14px;
    color: var(--kab-color-neutral-60);
}

.kab-provider-revenue[b-2nqed5c7lk]  .kab-provider-revenue-text-2 {
    font-weight: 400;
    font-size: 12px;
    color: var(--kab-color-neutral-40);
}

.kab-provider-revenue[b-2nqed5c7lk]  .status-active {
    --kab-chip-background: var(--kab-color-green-20);
    --kab-chip-color: var(--kab-color-green-80);
}

.kab-provider-revenue[b-2nqed5c7lk]  .status-inactive {
    --kab-chip-background: var(--kab-color-red-10);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-overlay {
    z-index: 500;
}

    .kab-provider-revenue-content[b-2nqed5c7lk]  .kab-overlay .kab-modal-content {
        background: var(--kab-color-white);
        width: 80vw;
        border-radius: 16px;
    }

        .kab-provider-revenue-content[b-2nqed5c7lk]  .kab-overlay .kab-modal-content .kab-subscribe-popup-close {
            background: none !important;
            color: var(--kab-color-neutral-80) !important;
            padding: 8px;
        }

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-revenue-filter-button {
    text-transform: none;
    box-shadow: none;
    max-width: 96px;
    max-height: 40px;
    font-size: 16px;
    border-radius: 8px;
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-5);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  :hover .kab-revenue-filter-button {
    color: var(--kab-color-neutral-60);
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-textfield-standard .mud-input .mud-input-outlined-border {
    max-height: 40px;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-textfield-standard .mud-input .mud-input-root {
    max-height: 40px;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    max-height: 40px;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .kab-textfield-standard .mud-input .mud-input-root {
    max-height: 40px;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .text-while-space p{
    white-space: nowrap; /* Keep text on one line */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mw-300 p {
    max-width: 300px;
}

.kab-provider-revenue-content[b-2nqed5c7lk]  .mw-150 p {
    max-width: 150px;
}
/* _content/KAB.Web/Components/Pages/Providers/UsageAnalytics/UsageAnalytics.razor.rz.scp.css */
.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mud-table-container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.kab-provider-usageanalytics-box[b-rzbdi7uwzo] {
    background: var(--kab-color-white);
    border-radius: 16px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .range-picker .mud-input-control-input-container > .mud-input {
    width: 100%;
    padding: 0;
    padding-left: 14px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mud-input-slot {
    height: 40px !important;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .range-picker {
    max-width: 270px !important;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .range-picker .mud-input-slot {
    line-height: 1.2;
    padding: 0;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .range-picker fieldset.mud-input-outlined-border {
    border-radius: 8px;
    border: 1px solid #E6EAED;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .range-picker button.mud-icon-button {
    padding: 4px;
    margin-right: 0;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-provider-usageanalytics-header .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    border-radius: var(--kab-border-radius-md);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-provider-usageanalytics-header .mud-input-control {
    max-width: 140px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-admin-provider-search {
    width: 252px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mud-table-cell {
    border-top: 1px solid var(--kab-color-neutral-10);
    border-bottom: 1px solid var(--kab-color-neutral-10);
    border-left: none;
    border-right: none;
    padding: 8px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-provider-time-button {
    width: 96px;
    height: 40px;
    border-radius: 8px;
    white-space: nowrap;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-provider-button-hover {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-70);
}

.kab-provider-usageanalytics-container .kab-provider-usageanalytics-header[b-rzbdi7uwzo]  .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 40px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .overview-card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-70, #454749);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-toolbar-table {
    height: 40px;
    display: flex;
    justify-content: flex-end;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-admin-provider-search .mud-input {
    height: 40px;
    width: 252px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-admin-provider-sort {
    max-width: 180px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-admin-provider-sort .mud-input {
    height: 40px;
    width: 180px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-table-searchtime .mud-input {
    height: 40px;
    width: 140px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .kab-table-searchtime .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    border-radius: var(--kab-border-radius-md);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .table-text-header {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-60, #676A6D) !important;
    background-color: var(--Grey-5, #FCFCFC);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .table-text-content {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-60, #676A6D) !important;
    background-color: var(--kab-color-white);
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .table-text-unit {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: var(--Grey-Grey-40, #B1B5BA) !important;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .text-align-left {
    text-align: left !important;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .text-align-right {
    text-align: right !important;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .text-while-space p {
    white-space: nowrap; /* Keep text on one line */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mw-300 p {
    max-width: 300px;
}

.kab-provider-usageanalytics-container[b-rzbdi7uwzo]  .mw-150 p {
    max-width: 150px;
}
/* _content/KAB.Web/Components/Pages/SearchResult/SearchProviderResult.razor.rz.scp.css */
.user-model-body[b-42xnurxl9m] {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
}

/* ProviderList.razor.css */
[b-42xnurxl9m] .provider-item-paper {
    background-color: var(--kab-color-neutral-10);
    border-radius: 8px;
}

[b-42xnurxl9m].provider-avatar .mud-icon-root {
    font-size: 24px;
}

[b-42xnurxl9m] .provider-name {
    font-weight: 500;
    color: #333;
}

[b-42xnurxl9m] .provider-link-icon {
    color: #5f6368;
}

[b-42xnurxl9m] .provider-website {
    color: #5f6368;
}

[b-42xnurxl9m] .search-result-title {
    font-size: 18px;
    font-weight: 500;
}

/*css*/
.provider-info-container[b-42xnurxl9m] {
    max-width: 1440px !important;
    width: 100%;
    margin: 0 auto;
}

    .provider-info-container[b-42xnurxl9m]  .search-result-content {
        max-width: 1440px !important;
        width: 100%;
    }

    .provider-info-container[b-42xnurxl9m]  .search-result-content-item {
        cursor: pointer;
        padding: 12px 8px 0px 8px;
    }

    .provider-info-container[b-42xnurxl9m]  .kab-content-container .kab-content-description {
        max-width: 500px;
    }

@media(max-width: 1440px) {
    .user-model-body[b-42xnurxl9m] {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* _content/KAB.Web/Components/Pages/Signup/UserSignup.razor.rz.scp.css */
.signup-container[b-bjer84cv3r] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-bjer84cv3r] .header {
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 0 auto;
}

    [b-bjer84cv3r] .header[role="alert"] {
        margin-bottom: calc(6 * var(--kab-spacing-multiplier));
    }

[b-bjer84cv3r] .header-h1 {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
}

[b-bjer84cv3r] .header-p {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 0;
}

[b-bjer84cv3r] .header-link {
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
    color: var(--kab-color-blue-50);
}

[b-bjer84cv3r] .signup-form {
    display: flex;
    flex-direction: column;
    gap: calc(6 * var(--kab-spacing-multiplier));
    flex: 1 1 auto;
    /*overflow: auto;*/
}

[b-bjer84cv3r] .form-field-container {
    display: flex;
    flex-direction: column;
    gap: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 1 auto;
    overflow: auto;
}

[b-bjer84cv3r] .form-group {
    display: flex;
    flex-direction: column;
    gap: calc(4 * var(--kab-spacing-multiplier));
}

[b-bjer84cv3r] .form-group-label {
    color: var(--kab-color-neutral-70);
    font-size: var(--kab-typography-font-size-label-lg);
    line-height: var(--kab-typography-line-height-label-lg);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(6 * var(--kab-spacing-multiplier));
}

[b-bjer84cv3r] .upload-btn-desc {
    color: var(--kab-color-neutral-80);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(2* var(--kab-spacing-multiplier));
}

[b-bjer84cv3r] .mud-file-upload .mud-input-error {
    color: var(--kab-color-red-40) !important;
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
}

[b-bjer84cv3r] .form-submit-btn {
    flex: 0 0 auto;
}

.cooldown[b-bjer84cv3r] {
    margin-left: calc(2 * var(--kab-spacing-multiplier));
    color: var(--kab-color-neutral-50)
}
/* _content/KAB.Web/Components/Pages/Signup/UserVerifyEmail.razor.rz.scp.css */
.header[b-imuosnepty] {
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 0 auto;
}

.header-h1[b-imuosnepty] {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
}

.header-p[b-imuosnepty] {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 0;
}

.button-group[b-imuosnepty] {
    display: flex;
    gap: calc(2 * var(--kab-spacing-multiplier));
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Pages/Term/Term.razor.rz.scp.css */

.policy.d-flex.justify-content-center.m-auto[b-wyuhdq1jod] {
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.introduction[b-wyuhdq1jod] {
    margin: auto;
    margin-top: 64px;
    font-size: 16px;
    font-weight: 400;
    width: 1440px;
}

.title[b-wyuhdq1jod] {
    font-weight: 700;
    font-size: 64px;
}

.create-time[b-wyuhdq1jod] {
    font-size: 16px;
    font-weight: 400;
}

.privacy-title[b-wyuhdq1jod] {
    margin: 64px 0;
}

[b-wyuhdq1jod] p.mud-typography.mud-typography-body1.short-content {
    margin-top: 64px;
    font-size: 16px;
    font-weight: 400;
    max-width: 1440px;
    margin: 64px auto 0 auto;
}

[b-wyuhdq1jod] p.mud-typography.mud-typography-body1.content {
    margin-top: 64px;
    font-size: 16px;
    font-weight: 400;
    max-width: 1440px;
    margin: 64px auto 0 auto;
    margin-top: 239px !important;
}

.content[b-wyuhdq1jod] {
    max-width: 1440px;
    margin-top: 239px !important;
}

[b-wyuhdq1jod] img.mud-image.object-fill.object-center.logo.w-100 {
    aspect-ratio: 4/1;
}

@media (max-width: 1440px) {
    .privacy[b-wyuhdq1jod] {
        padding: 24px;
        margin: 0 !important;
    }

    [b-wyuhdq1jod] p.mud-typography.mud-typography-body1.content {
        margin-top: 0;
        margin: 0;
    }
}

@media(max-width: 480px) {
    .title[b-wyuhdq1jod] {
        font-size: 42px;
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/ActivityLog.razor.rz.scp.css */
.activity-log-container[b-yi31q7ii2p] {
    width: 100%;
}

    .activity-log-container[b-yi31q7ii2p]  .range-picker .mud-input-control-input-container > .mud-input {
        width: 100%;
        padding: 0;
        padding-left: 14px;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-input-slot {
        height: 40px !important;
    }

    .activity-log-container[b-yi31q7ii2p]  .range-picker .mud-input-slot {
        line-height: 1.2;
        padding: 0;
    }

    .activity-log-container[b-yi31q7ii2p]  .range-picker fieldset.mud-input-outlined-border {
        border-radius: 8px;
        border: 1px solid #E6EAED;
    }

    .activity-log-container[b-yi31q7ii2p]  .range-picker button.mud-icon-button {
        padding: 4px;
        margin-right: 0;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-toolbar {
        height: unset;
        padding: 0;
        padding-bottom: 12px;
        border-bottom: 0.5px solid var(--kab-color-neutral-20, #E6EAED);
        margin-bottom: 16px;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-table-container {
        overflow-x: auto;
    }

    .activity-log-container[b-yi31q7ii2p]  table {
        table-layout: fixed;
        overflow-x: auto;
        width: unset;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-table-root .mud-table-head {
        display: table-header-group !important;
    }

    .activity-log-container[b-yi31q7ii2p]  .model-column {
        max-width: 180px;
    }

        .activity-log-container[b-yi31q7ii2p]  .model-column p {
            white-space: nowrap; /* Keep text on one line */
            overflow: hidden; /* Hide overflow */
            text-overflow: ellipsis; /* Add ellipsis for overflowing text */
        }

    .activity-log-container[b-yi31q7ii2p]  .ai-model-detail {
        width: calc(100% - 28px - 4px);
    }

    .activity-log-container[b-yi31q7ii2p]  tbody tr td.mud-table-cell {
        color: var(--kab-color-neutral-60);
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-table-cell {
        display: table-cell !important;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-xs-table .mud-table-row .mud-table-cell:last-child {
        border-bottom: var(--kab-border-width-1) solid var(--kab-color-neutral-10) !important;
    }

    .activity-log-container[b-yi31q7ii2p]  .mud-table-smalldevices-sortselect {
        display: none;
    }

    .mobile-pagination[b-yi31q7ii2p] {
        display: none
    }

@media screen and (max-width: 599px) {
    .activity-log-container[b-yi31q7ii2p]  .padding-mobile {
        padding-left: 0;
        width: 100%;
        max-width: unset !important;
    }

    .toolbar-action[b-yi31q7ii2p] {
        flex-direction: column;
    }

        .toolbar-action[b-yi31q7ii2p]  .download-button {
            margin-left: -4px;
        }
}

@media screen and (max-width: 1199px) {
    .mobile-pagination[b-yi31q7ii2p] {
        display: block;
    }

    .desktop-pagination[b-yi31q7ii2p] {
        display: none
    }

    .activity-log-container[b-yi31q7ii2p]  .kab-pagination > ul {
        padding-left: 0px;
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/BusinessInformation.razor.rz.scp.css */
.header[b-i54bl75qyj] {
    margin-bottom: calc(4 * var(--kab-spacing-multiplier));
}

.header-h1[b-i54bl75qyj] {
    color: var(--kab-color-neutral-80);
    font-weight: var(--kab-typography-font-weight-heading);
    font-size: var(--kab-typography-font-size-h3);
    line-height: var(--kab-typography-font-size-h3);
    margin-bottom: 0;
}

.businessinfomation-editform[b-i54bl75qyj]  .kab-select-standard .mud-input .mud-input-outlined-border {
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-20);
} 

.upload-btn-desc[b-i54bl75qyj] {
    color: var(--kab-color-neutral-80);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(2* var(--kab-spacing-multiplier));
}

.form-action[b-i54bl75qyj] {
    margin-top: calc(6 * var(--kab-spacing-multiplier));
    justify-content: flex-end;
    display: flex;
}

.form-group[b-i54bl75qyj] {
    display: flex;
    flex-direction: column;
}

.form-group-label[b-i54bl75qyj] {
    color: var(--kab-color-neutral-70);
    font-size: var(--kab-typography-font-size-label-lg);
    line-height: var(--kab-typography-line-height-label-lg);
    font-weight: var(--kab-typography-font-weight-label);
    margin-bottom: calc(6 * var(--kab-spacing-multiplier));
}

@media (min-width: 960px) {
    [b-i54bl75qyj] .form-action-button {
        width: calc(12.5rem * var(--kab-scale))
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/FavoriteModel.razor.rz.scp.css */
$color_1: #676A6D;
$color_2: #8E9296;
$background-color_1: white;
$background-color_2: transparent;
$background-color_3: #F7F9FC;
$background-color_4: #ffffff;

.body-my-model[b-2dq15zixni] {
    height: 100%;
    width: 100%;
    font-family: var(--kab-typography-font-family);
}

.position-relative[b-2dq15zixni] {
    width: 100%;
    height: 48px;
    margin-right: 20px;
    margin-top: 16px;
}

.search-position[b-2dq15zixni] {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mobile-search-icon[b-2dq15zixni] {
    display: none;
}

.search-input-container[b-2dq15zixni] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.list-mode[b-2dq15zixni] {
    border-radius: 16px;
    border: 0.5px solid #E6EAED;
    width: 86px;
    padding: 2px;
}

.search-result-container[b-2dq15zixni] {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: $background-color_1;
    border: 1px solid #E6EAED;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
}

.show[b-2dq15zixni] {
    display: block;
}

.overlay[b-2dq15zixni] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: $background-color_2;
}

.block-recent-search-container[b-2dq15zixni] {
    padding: 8px;
    padding-bottom: 0;
    font-size: 16px;
}

.recent-search-title[b-2dq15zixni] {
    color: $color_1;
    font-weight: 500;
}

.recent-search-item[b-2dq15zixni] {
    color: $color_2;
    height: 32px;
    padding-bottom: 8px;
}

.block-search-container[b-2dq15zixni] {
    font-size: 16px;
}

.search-result-title[b-2dq15zixni] {
    color: $color_1;
    background-color: $background-color_3;
    padding-left: 8px;
}

.search-result[b-2dq15zixni] {
    padding-left: 16px;
    color: $color_2;
}

.search-item[b-2dq15zixni] {
    height: 36px;
    display: flex;
    align-items: center;
}

.see-all[b-2dq15zixni] {
    font-size: 14px;
    font-weight: 500;
    color: $color_2;
    padding-left: 16px;
}

.mobile-search-container[b-2dq15zixni] {
    display: none;
}

.my-model-mode[b-2dq15zixni] {
    margin-top: 24px;
    width: 100%;
    height: 28px;
}

.header[b-2dq15zixni] {
    margin-right: 4px;
    margin-left: 0;
    border-bottom: 1px solid #E6EAED;
    padding-bottom: 8px;
}

p.fs-5.fw-semibold.m-0[b-2dq15zixni] {
    height: 40px;
}

button.btn-list[b-2dq15zixni] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

button.btn-grid[b-2dq15zixni] {
    width: 30px;
}

.my-model-body[b-2dq15zixni] {
    height: 80px;
    display: flex;
}

.my-model-item[b-2dq15zixni] {
    display: flex;
    height: 80px;
    margin-right: 16px;
}

.my-model-item-image[b-2dq15zixni] {
    width: 80px;
}

    .my-model-item-image img[b-2dq15zixni] {
        height: 80px;
        width: 80px;
        border-radius: 8px 0 0 8px;
    }


.my-model-item-desc[b-2dq15zixni] {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.my-model-item-desc-name[b-2dq15zixni] {
    width: 100%;
    display: flex;
}

.my-model-provider[b-2dq15zixni] {
    font-size: 16px;
    font-weight: 400;
    color: #292B2C;
    width: 50%;
}

.update-time[b-2dq15zixni] {
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #676A6D;
    font-weight: 400;
    font-size: 14px;
}

.my-model-item-desc[b-2dq15zixni] {
    background: #F7F9FC;
    border-radius: 8px;
}

.my-model-item-desc-name.d-flex[b-2dq15zixni] {
    font-size: 20px;
    font-weight: 600;
}

button.btn-sort[b-2dq15zixni] {
    font-size: 20px;
}

button.btn-list[b-2dq15zixni] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

button.btn-sort[b-2dq15zixni] {
    font-size: 16px;
    color: #8E9296;
    font-weight: 500 !important;
}

button.btn-list[b-2dq15zixni] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

.aimode-name[b-2dq15zixni] {
    width: 100%;
    font-size: 18px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my-model-provider[b-2dq15zixni] {
    width: 137px;
    color: #292B2C;
    font-weight: 400;
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

[b-2dq15zixni] .provider-name-container .mud-tooltip-inline {
    width: 100%;
}

.favorite-count[b-2dq15zixni] {
    min-width: 65px;
    display: flex;
    justify-content: center;
}


.not-found[b-2dq15zixni] {
    height: 100%;
    width: 100%;
}

.not-found-img[b-2dq15zixni] {
    width: 100%;
    height: 70%;
    display: grid;
    place-content: center;
    margin: auto
}

    .not-found-img img[b-2dq15zixni] {
        width: 256px;
        height: 256px;
        margin-top: 50%;
    }

.paging[b-2dq15zixni] {
    margin-top: auto !important;
    margin-bottom: 16px;
}

[b-2dq15zixni] svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    color: #B1B5BA !important;
}

.mud-icon-button-label[b-2dq15zixni] {
    color: #B1B5BA;
}

[b-2dq15zixni] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
    padding-left: 12px;
}

[b-2dq15zixni] .select-paging {
    margin-top: 15px;
    border: solid 1px #E6EAED !important;
    height: 36px;
    width: 65px;
}

[b-2dq15zixni] .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
    text-align: center;
}

[b-2dq15zixni] .mud-grid-item {
    padding-left: 8px !important;
}

[b-2dq15zixni] .mud-input.mud-input-underline:before {
    border-bottom: unset !important;
}

[b-2dq15zixni] .my-model-item {
    margin-left: 12px;
}

@media screen and (max-width: 1024px) {
    .my-model-item-desc-name.d-flex[b-2dq15zixni] {
        -ms-text-overflow: inherit;
        -o-text-overflow: inherit;
        text-overflow: inherit;
        font-size: 16px;
    }

    .my-model-filter[b-2dq15zixni] {
        padding-right: 32px !important;
    }

    .my-model-body[b-2dq15zixni] {
        width: 50%;
    }

    .my-model-list[b-2dq15zixni] {
        padding: 0;
        width: 79%;
    }

    .my-model-filter[b-2dq15zixni] {
        padding: 0;
        padding-right: 20px;
    }

    .header[b-2dq15zixni] {
        margin-left: 0;
    }

    .position-relative[b-2dq15zixni] {
        margin-left: 0;
    }

    .my-model-mode[b-2dq15zixni] {
        margin-left: 16px;
    }
}

@media screen and (max-width: 820px) {
    .my-model-item-desc-name.d-flex[b-2dq15zixni] {
        -ms-text-overflow: inherit;
        -o-text-overflow: inherit;
        text-overflow: inherit;
        font-size: 16px;
    }

    .my-model-body[b-2dq15zixni] {
        width: 50%;
    }

    .my-model-list[b-2dq15zixni] {
        padding: 0;
        width: 64%;
    }

    .my-model-filter[b-2dq15zixni] {
        padding: 0;
        padding-right: 10px;
    }

    .header[b-2dq15zixni] {
        margin-left: 0;
    }

    .position-relative[b-2dq15zixni] {
        margin-left: 0;
    }

    .my-model-mode[b-2dq15zixni] {
        margin-left: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .search-input-container[b-2dq15zixni] {
        display: block;
    }

    .mobile-search-icon[b-2dq15zixni] {
        display: block;
    }

    .body-model[b-2dq15zixni] {
        padding-left: 16px;
    }

    .header[b-2dq15zixni] {
        margin: 16px;
        margin-left: 0;
    }

    .my-model-body[b-2dq15zixni] {
        height: 80px;
        display: flex;
        padding: 0;
        width: auto;
    }

    .mode-mode[b-2dq15zixni] {
        border-radius: 16px;
        border: 0.5px solid #E6EAED;
        width: 86px;
        height: 28px;
    }

    [b-2dq15zixni] result-per-page {
        display: none;
    }

    .search-result-container[b-2dq15zixni] {
        position: fixed;
        top: 93px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mobile-search-container.show[b-2dq15zixni] {
        display: flex !important;
        background-color: $background-color_4;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 93px;
        z-index: 20;
        align-items: center;
        padding: 32px 16px 0;
    }

    .back-icon[b-2dq15zixni] {
        padding: 4px;
        margin-right: 4px;
        cursor: pointer;
    }

    .my-model-mode[b-2dq15zixni] {
        margin-left: 16px;
    }

    [b-2dq15zixni] .result-per-page {
        display: none
    }

    .paging[b-2dq15zixni] {
        justify-content: center;
    }
}


@media (min-width: 600px) {
    .mud-grid-item-sm-12[b-2dq15zixni] {
        padding-left: 0 !important;
    }

    [b-2dq15zixni] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
        padding-left: 0 !important;
    }

    [b-2dq15zixni] result-per-page {
        display: none;
    }

    .paging[b-2dq15zixni] {
        justify-content: center;
    }
}

@media(max-width: 430px) {
    [b-2dq15zixni] .mud-grid-spacing-xs-6 > .mud-grid-item {
        padding: 0 !important;
    }

    .body-model[b-2dq15zixni] {
        padding-left: 0;
        margin-top: 12px;
    }

    .my-model-body[b-2dq15zixni] {
        width: 100%;
        margin-top: 20px;
        padding-left: 16px;
    }

    .my-model-filter[b-2dq15zixni] {
        width: 100%
    }

    [b-2dq15zixni] .my-model-body:nth-child(n+1) {
        margin-top: 20px;
    }

    [b-2dq15zixni] .my-model-item-image {
        width: 80px;
    }

    [b-2dq15zixni] .my-model-item-desc {
        width: calc(100% - 80px);
    }

    [b-2dq15zixni] .my-model-item-desc-name {
        font-size: 18px !important;
    }

        [b-2dq15zixni] .my-model-item-desc-name.d-flex {
            font-size: 18px !important;
        }

    .my-model-list[b-2dq15zixni] {
        padding-left: 0;
    }

    button.btn-list[b-2dq15zixni] {
        height: 40px;
        width: 100%;
        border-radius: 8px;
        text-align: center;
        margin: 2px;
    }

    .my-model-mode[b-2dq15zixni] {
        height: auto;
        margin-left: 13px;
        margin-top: 6px !important;
    }

    .my-model-list[b-2dq15zixni] {
        display: none;
    }

    [b-2dq15zixni] .button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
        background-color: #292B2C !important;
    }

    .search-input-container[b-2dq15zixni] {
        display: block;
        width: 100%;
    }

    [b-2dq15zixni] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
        width: 100%;
        height: 40px;
    }

        [b-2dq15zixni] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 input {
            width: 90%;
        }

    .header[b-2dq15zixni] {
        margin-left: 0;
        margin-right: 0;
    }

    .position-relative[b-2dq15zixni] {
        margin-left: 0;
    }

    [b-2dq15zixni] .my-model-filter {
        height: 40px;
        width: 94%;
        border-radius: 8px;
        background: #FFFFFF;
        color: #454749;
        text-align: center;
        border: solid 1px #B1B5BA;
        font-size: 16px;
        font-weight: 500;
    }

        [b-2dq15zixni] .my-model-filter button.btn-sort {
            height: 100%;
            font-size: 16px !important;
            margin: 0 auto;
        }

    .paging[b-2dq15zixni] {
        margin-bottom: unset;
        margin-top: unset;
        justify-content: center;
    }

    .my-model-item[b-2dq15zixni] {
        margin-right: 0;
    }

    .position-relative[b-2dq15zixni] {
        margin-top: 0;
    }

    [b-2dq15zixni] result-per-page {
        display: none;
    }
}

[b-2dq15zixni] .search-input-container {
    border-radius: 16px;
}

[b-2dq15zixni] .my-model-filter {
    padding-right: 16px;
}

.body-favorite-model[b-2dq15zixni] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: var(--kab-typography-font-family);
}

[b-2dq15zixni] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
    background-color: #292B2C !important;
}
/* _content/KAB.Web/Components/Pages/UserProfiles/Invoice.razor.rz.scp.css */
.invoice-content[b-1fm7zu5rcx] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .invoice-content .invoice-content-title[b-1fm7zu5rcx] {
        padding-bottom: 8px;
        border-bottom: 0.5px solid #E6EAED;
    }

    .invoice-content[b-1fm7zu5rcx]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

    .invoice-content .invoice-content-table[b-1fm7zu5rcx] {
        padding-top: 16px;
    }

    .invoice-content[b-1fm7zu5rcx]  .kab-select .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .invoice-content[b-1fm7zu5rcx]  .color-text-successful {
        color: var(--kab-color-green-70);
    }

    .invoice-content[b-1fm7zu5rcx]  .color-text-failed {
        color: var(--kab-color-red-70)
    }

    /*For datetime picker*/
    .invoice-content[b-1fm7zu5rcx]  .kab-datetime-picker {
        max-width: 160px;
    }

        .invoice-content[b-1fm7zu5rcx]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
            max-height: 40px;
        }

        .invoice-content[b-1fm7zu5rcx]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
            border-radius: 8px;
        }

    .invoice-content[b-1fm7zu5rcx]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-1fm7zu5rcx] {
        border-color: var(--kab-color-blue-50);
    }
    /*For datetime picker*/

    .invoice-content[b-1fm7zu5rcx]  .kab-date {
        font-weight: 400;
        font-size: 14px;
        color: var(--kab-color-neutral-60);
    }

    .invoice-content[b-1fm7zu5rcx]  .kab-time {
        font-weight: 400;
        font-size: 12px;
        color: var(--kab-color-neutral-40);
    }

    .invoice-content[b-1fm7zu5rcx]  .kab-button-detail {
        max-width: calc(1.5rem * var(--kab-scale));
    }

    .invoice-content[b-1fm7zu5rcx]  .kab-settlement-button {
        background-color: var(--kab-color-neutral-80);
        color: var(--kab-color-white);
    }
/* _content/KAB.Web/Components/Pages/UserProfiles/LoginActivity.razor.rz.scp.css */
.login-activity-container[b-nyls94rwzi] {
    width: 100%;
    height: 100%;
}

.login-activity-group[b-nyls94rwzi] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.login-activity-content[b-nyls94rwzi] {
    width: 100%;
    max-width: 1008px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.login-activity-title-container[b-nyls94rwzi] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.login-activity-title[b-nyls94rwzi] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.login-activity-list-container[b-nyls94rwzi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    flex-grow: 1;
}

.login-activity-item[b-nyls94rwzi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: #F7F9FC;
    border-radius: 8px;
}

    .login-activity-item p[b-nyls94rwzi] {
        margin-bottom: 0;
    }


.ip-address[b-nyls94rwzi] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
}

.login-tag-container[b-nyls94rwzi] {
    display: flex;
    align-items: center;
    background: #ABFFD5;
    padding: 0 8px;
    border-radius: 16px;
}

.login-tag[b-nyls94rwzi] {
    color: #017D3F;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

.login-time[b-nyls94rwzi] {
    font-size: 14px;
    line-height: 1.3;
    color: #676A6D;
}

@media screen and (max-width: 1199px) {
    .mobile-pagination[b-nyls94rwzi] {
        display: block;
    }

    .desktop-pagination[b-nyls94rwzi] {
        display: none;
    }

    .login-activity-container[b-nyls94rwzi]  .kab-pagination > ul {
        padding-left: 0px;
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/MyAccount.razor.rz.scp.css */
.my-account-container[b-pi17x1uu48] {
    width: 100%
}

.my-account-content[b-pi17x1uu48] {
    width: 100%;
    max-width: 1008px;
}

.my-account-title-container[b-pi17x1uu48] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.my-account-title[b-pi17x1uu48] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.user-name-container[b-pi17x1uu48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding: 16px;
    background-color: #F7F9FC;
    border-radius: 8px;
    gap: 8px;
}

.user-name[b-pi17x1uu48] {
    font-size: 16px;
    font-weight: 500;
    color: #292B2C;
    margin-bottom: 0;
}

.user-email-container[b-pi17x1uu48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding: 16px 0;
}

.user-email-title[b-pi17x1uu48] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    color: #292B2C;
}

.user-email-value[b-pi17x1uu48] {
    font-size: 16px;
    margin-bottom: 0;
    color: #B1B5BA;
}

.user-social-container[b-pi17x1uu48] {
    margin-top: 8px;
}

.user-social-title[b-pi17x1uu48] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #292B2C;
}

.social-action-container[b-pi17x1uu48] {
    display: flex;
}

.link-button[b-pi17x1uu48] {
    font-size: 18px;
    font-weight: 500;
    color: #454749;
}

.fixed-button[b-pi17x1uu48] {
}

[b-pi17x1uu48] .social-button {
    margin-right: 8px;
    height: 56px;
    padding: 0 60px;
    min-width: 330px;
    width: auto;
    position: relative;
}

.remove-container[b-pi17x1uu48] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    border-radius: 8px;
}

[b-pi17x1uu48] .social-button:hover .remove-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f9fc;
}

.button-content[b-pi17x1uu48] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.signin-content[b-pi17x1uu48] {
    display: flex;
    flex-direction: column;
}

.email-social-value[b-pi17x1uu48] {
    font-size: 14px;
    color: #B1B5BA;
    margin: auto;
}

.avatar-container[b-pi17x1uu48] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.avatar-overlay[b-pi17x1uu48] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #13141480;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.avatar-container:hover .avatar-overlay[b-pi17x1uu48] {
    opacity: 1;
}

.avatar-icon[b-pi17x1uu48] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.delete-user-container[b-pi17x1uu48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

.avatar-container:hover .avatar-icon[b-pi17x1uu48] {
    opacity: 1;
}


@media (max-width: 600px) {
    .social-action-container[b-pi17x1uu48] {
        flex-direction: column;
        gap: 8px;
    }
}


@media (max-width: 959px) {
    [b-pi17x1uu48] .padding-mobile {
        padding-top: 0 !important;
    }

        [b-pi17x1uu48] .padding-mobile .user-email-container {
            margin-top: 0;
            padding: 0;
        }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/MyModel.razor.rz.scp.css */
$color_1: #676A6D;
$color_2: #8E9296;
$background-color_1: white;
$background-color_2: transparent;
$background-color_3: #F7F9FC;
$background-color_4: #ffffff;

.body-my-model[b-vt4m86o61e] {
    height: 100%;
    width: 100%;
    font-family: var(--kab-typography-font-family);
}

.position-relative[b-vt4m86o61e] {
    width: 100%;
    height: 48px;
    margin-right: 20px;
    margin-top: 16px;
}

.search-position[b-vt4m86o61e] {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mobile-search-icon[b-vt4m86o61e] {
    display: none;
}

.search-input-container[b-vt4m86o61e] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.list-mode[b-vt4m86o61e] {
    border-radius: 16px;
    border: 0.5px solid #E6EAED;
    width: 86px;
    padding: 2px;
}

.search-result-container[b-vt4m86o61e] {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: $background-color_1;
    border: 1px solid #E6EAED;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
}

.show[b-vt4m86o61e] {
    display: block;
}

.overlay[b-vt4m86o61e] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: $background-color_2;
}

.block-recent-search-container[b-vt4m86o61e] {
    padding: 8px;
    padding-bottom: 0;
    font-size: 16px;
}

.recent-search-title[b-vt4m86o61e] {
    color: $color_1;
    font-weight: 500;
}

.recent-search-item[b-vt4m86o61e] {
    color: $color_2;
    height: 32px;
    padding-bottom: 8px;
}

.block-search-container[b-vt4m86o61e] {
    font-size: 16px;
}

.search-result-title[b-vt4m86o61e] {
    color: $color_1;
    background-color: $background-color_3;
    padding-left: 8px;
}

.search-result[b-vt4m86o61e] {
    padding-left: 16px;
    color: $color_2;
}

.search-item[b-vt4m86o61e] {
    height: 36px;
    display: flex;
    align-items: center;
}

.see-all[b-vt4m86o61e] {
    font-size: 14px;
    font-weight: 500;
    color: $color_2;
    padding-left: 16px;
}

.mobile-search-container[b-vt4m86o61e] {
    display: none;
}

.my-model-mode[b-vt4m86o61e] {
    margin-top: 24px;
    width: 100%;
    height: 28px;
}

.header[b-vt4m86o61e] {
    margin-right: 4px;
    margin-left: 0;
    border-bottom: 1px solid #E6EAED;
    padding-bottom: 8px;
}

p.fs-5.fw-semibold.m-0[b-vt4m86o61e] {
    height: 40px;
}

button.btn-list[b-vt4m86o61e] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

button.btn-grid[b-vt4m86o61e] {
    width: 30px;
}

.my-model-body[b-vt4m86o61e] {
    height: 80px;
    display: flex;
}

.my-model-item[b-vt4m86o61e] {
    display: flex;
    height: 80px;
    margin-right: 16px;
}

.my-model-item-image[b-vt4m86o61e] {
    width: 80px;
}

    .my-model-item-image img[b-vt4m86o61e] {
        height: 80px;
        width: 80px;
        border-radius: 8px 0 0 8px;
    }


.my-model-item-desc[b-vt4m86o61e] {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.my-model-item-desc-name[b-vt4m86o61e] {
    width: 100%;
    display: flex;
}

.my-model-provider[b-vt4m86o61e] {
    font-size: 16px;
    font-weight: 400;
    color: #292B2C;
    width: 50%;
}

.update-time[b-vt4m86o61e] {
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #676A6D;
    font-weight: 400;
    font-size: 14px;
}

.my-model-item-desc[b-vt4m86o61e] {
    background: #F7F9FC;
    border-radius: 8px;
}

.my-model-item-desc-name.d-flex[b-vt4m86o61e] {
    font-size: 20px;
    font-weight: 600;
}

button.btn-sort[b-vt4m86o61e] {
    font-size: 20px;
}

button.btn-list[b-vt4m86o61e] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

button.btn-sort[b-vt4m86o61e] {
    font-size: 16px;
    color: #8E9296;
    font-weight: 500 !important;
}

button.btn-list[b-vt4m86o61e] {
    height: 24px;
    width: 40px;
    border-radius: 12px;
    text-align: center;
    background-color: #454749;
}

.aimode-name[b-vt4m86o61e] {
    width: 100%;
    font-size: 18px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my-model-provider[b-vt4m86o61e] {
    width: 137px;
    color: #292B2C;
    font-weight: 400;
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

[b-vt4m86o61e] .provider-name-container .mud-tooltip-inline {
    width: 100%;
}

.favorite-count[b-vt4m86o61e] {
    min-width: 65px;
    display: flex;
    justify-content: center;
}


.not-found[b-vt4m86o61e] {
    height: 100%;
    width: 100%;
}

.not-found-img[b-vt4m86o61e] {
    width: 100%;
    height: 70%;
    display: grid;
    place-content: center;
    margin: auto
}

    .not-found-img img[b-vt4m86o61e] {
        width: 256px;
        height: 256px;
        margin-top: 50%;
    }

.paging[b-vt4m86o61e] {
    margin-top: auto !important;
    margin-bottom: 16px;
}

[b-vt4m86o61e] svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    color: #B1B5BA !important;
}

.mud-icon-button-label[b-vt4m86o61e] {
    color: #B1B5BA;
}

[b-vt4m86o61e] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
    padding-left: 12px;
}

[b-vt4m86o61e] .select-paging {
    margin-top: 15px;
    border: solid 1px #E6EAED !important;
    height: 36px;
    width: 65px;
}

[b-vt4m86o61e] .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
    text-align: center;
}

[b-vt4m86o61e] .mud-grid-item {
    padding-left: 8px !important;
}

[b-vt4m86o61e] .mud-input.mud-input-underline:before {
    border-bottom: unset !important;
}

[b-vt4m86o61e] .my-model-item {
    margin-left: 12px;
}

@media screen and (max-width: 1024px) {
    .my-model-item-desc-name.d-flex[b-vt4m86o61e] {
        -ms-text-overflow: inherit;
        -o-text-overflow: inherit;
        text-overflow: inherit;
        font-size: 16px;
    }

    .my-model-filter[b-vt4m86o61e] {
        padding-right: 32px !important;
    }

    .my-model-body[b-vt4m86o61e] {
        width: 50%;
    }

    .my-model-list[b-vt4m86o61e] {
        padding: 0;
        width: 79%;
    }

    .my-model-filter[b-vt4m86o61e] {
        padding: 0;
        padding-right: 20px;
    }

    .header[b-vt4m86o61e] {
        margin-left: 0;
    }

    .position-relative[b-vt4m86o61e] {
        margin-left: 0;
    }

    .my-model-mode[b-vt4m86o61e] {
        margin-left: 16px;
    }
}

@media screen and (max-width: 820px) {
    .my-model-item-desc-name.d-flex[b-vt4m86o61e] {
        -ms-text-overflow: inherit;
        -o-text-overflow: inherit;
        text-overflow: inherit;
        font-size: 16px;
    }

    .my-model-body[b-vt4m86o61e] {
        width: 50%;
    }

    .my-model-list[b-vt4m86o61e] {
        padding: 0;
        width: 64%;
    }

    .my-model-filter[b-vt4m86o61e] {
        padding: 0;
        padding-right: 10px;
    }

    .header[b-vt4m86o61e] {
        margin-left: 0;
    }

    .position-relative[b-vt4m86o61e] {
        margin-left: 0;
    }

    .my-model-mode[b-vt4m86o61e] {
        margin-left: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .search-input-container[b-vt4m86o61e] {
        display: block;
    }

    .mobile-search-icon[b-vt4m86o61e] {
        display: block;
    }

    .body-model[b-vt4m86o61e] {
        padding-left: 16px;
    }

    .header[b-vt4m86o61e] {
        margin: 16px;
        margin-left: 0;
    }

    .my-model-body[b-vt4m86o61e] {
        height: 80px;
        display: flex;
        padding: 0;
        width: auto;
    }

    .mode-mode[b-vt4m86o61e] {
        border-radius: 16px;
        border: 0.5px solid #E6EAED;
        width: 86px;
        height: 28px;
    }

    [b-vt4m86o61e] result-per-page {
        display: none;
    }

    .search-result-container[b-vt4m86o61e] {
        position: fixed;
        top: 93px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mobile-search-container.show[b-vt4m86o61e] {
        display: flex !important;
        background-color: $background-color_4;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 93px;
        z-index: 20;
        align-items: center;
        padding: 32px 16px 0;
    }

    .back-icon[b-vt4m86o61e] {
        padding: 4px;
        margin-right: 4px;
        cursor: pointer;
    }

    .my-model-mode[b-vt4m86o61e] {
        margin-left: 16px;
    }

    [b-vt4m86o61e] .result-per-page {
        display: none
    }

    .paging[b-vt4m86o61e] {
        justify-content: center;
    }
}


@media (min-width: 600px) {
    .mud-grid-item-sm-12[b-vt4m86o61e] {
        padding-left: 0 !important;
    }

    [b-vt4m86o61e] .mud-grid-item.mud-grid-item-xs-12.mud-grid-item-sm-12.mud-grid-item-md-6.mud-grid-item-lg-4.mud-grid-item-xl-4 {
        padding-left: 0 !important;
    }

    [b-vt4m86o61e] result-per-page {
        display: none;
    }

    .paging[b-vt4m86o61e] {
        justify-content: center;
    }
}

@media(max-width: 430px) {
    [b-vt4m86o61e] .mud-grid-spacing-xs-6 > .mud-grid-item {
        padding: 0 !important;
    }

    .body-model[b-vt4m86o61e] {
        padding-left: 0;
        margin-top: 12px;
    }

    .my-model-body[b-vt4m86o61e] {
        width: 100%;
        margin-top: 20px;
        padding-left: 16px;
    }

    .my-model-filter[b-vt4m86o61e] {
        width: 100%
    }

    [b-vt4m86o61e] .my-model-body:nth-child(n+1) {
        margin-top: 20px;
    }

    [b-vt4m86o61e] .my-model-item-image {
        width: 80px;
    }

    [b-vt4m86o61e] .my-model-item-desc {
        width: calc(100% - 80px);
    }

    [b-vt4m86o61e] .my-model-item-desc-name {
        font-size: 18px !important;
    }

        [b-vt4m86o61e] .my-model-item-desc-name.d-flex {
            font-size: 18px !important;
        }

    .my-model-list[b-vt4m86o61e] {
        padding-left: 0;
    }

    button.btn-list[b-vt4m86o61e] {
        height: 40px;
        width: 100%;
        border-radius: 8px;
        text-align: center;
        margin: 2px;
    }

    .my-model-mode[b-vt4m86o61e] {
        height: auto;
        margin-left: 13px;
        margin-top: 6px !important;
    }

    .my-model-list[b-vt4m86o61e] {
        display: none;
    }

    [b-vt4m86o61e] .button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
        background-color: #292B2C !important;
    }

    .search-input-container[b-vt4m86o61e] {
        display: block;
        width: 100%;
    }

    [b-vt4m86o61e] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 {
        width: 100%;
        height: 40px;
    }

        [b-vt4m86o61e] .mud-input.mud-input-outlined.mud-input-adorned-start.mud-shrink.mud-typography-subtitle1 input {
            width: 90%;
        }

    .header[b-vt4m86o61e] {
        margin-left: 0;
        margin-right: 0;
    }

    .position-relative[b-vt4m86o61e] {
        margin-left: 0;
    }

    [b-vt4m86o61e] .my-model-filter {
        height: 40px;
        width: 94%;
        border-radius: 8px;
        background: #FFFFFF;
        color: #454749;
        text-align: center;
        border: solid 1px #B1B5BA;
        font-size: 16px;
        font-weight: 500;
    }

        [b-vt4m86o61e] .my-model-filter button.btn-sort {
            height: 100%;
            font-size: 16px !important;
            margin: 0 auto;
        }

    .paging[b-vt4m86o61e] {
        margin-bottom: unset;
        margin-top: unset;
        justify-content: center;
    }

    .my-model-item[b-vt4m86o61e] {
        margin-right: 0;
    }

    .position-relative[b-vt4m86o61e] {
        margin-top: 0;
    }

    [b-vt4m86o61e] result-per-page {
        display: none;
    }
}

[b-vt4m86o61e] .search-input-container {
    border-radius: 16px;
}

[b-vt4m86o61e] .my-model-filter {
    padding-right: 16px;
}

.body-favorite-model[b-vt4m86o61e] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: var(--kab-typography-font-family);
}

[b-vt4m86o61e] button.mud-button-root.mud-button.mud-button-filled.mud-button-filled-primary.mud-button-filled-size-medium {
    background-color: #292B2C !important;
}
/* _content/KAB.Web/Components/Pages/UserProfiles/PlanUsageHistory.razor.rz.scp.css */
.plan-usage-content[b-1jh1rah6g5] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .plan-usage-content[b-1jh1rah6g5]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

.plan-usage-content[b-1jh1rah6g5] {
    padding-top: 16px;
}

    .plan-usage-content[b-1jh1rah6g5]  .kab-select .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .plan-usage-content[b-1jh1rah6g5]  .kab-plan-usage-status-1 {
        color: var(--kab-color-green-70);
    }

    .plan-usage-content[b-1jh1rah6g5]  .kab-plan-usage-status-3 {
        color: var(--kab-color-red-70);
    }

    .plan-usage-content[b-1jh1rah6g5]  .mud-toolbar {
        height: unset;
        padding: 0;
        padding-bottom: 12px;
        border-bottom: 0.5px solid var(--kab-color-neutral-20, #E6EAED);
        margin-bottom: 16px;
    }

    .plan-usage-content[b-1jh1rah6g5]  .mud-table-container {
        overflow-x: auto;
    }

    .plan-usage-content[b-1jh1rah6g5]  .mud-table-root .mud-table-head {
        display: table-header-group !important;
    }

    .plan-usage-content[b-1jh1rah6g5]  .mud-table-smalldevices-sortselect {
        display: none;
    }

    .plan-usage-content[b-1jh1rah6g5]  .mud-table-cell {
        display: table-cell !important;
    }

.mobile-pagination[b-1jh1rah6g5] {
    display: none
}

@media screen and (max-width: 599px) {
    .plan-usage-content[b-1jh1rah6g5]  .kab-tool-bar-mobile {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .toolbar-action[b-1jh1rah6g5]  {
        flex-direction: column;
    }
}

@media screen and (max-width: 1199px) {
    .mobile-pagination[b-1jh1rah6g5] {
        display: block;
    }

    .desktop-pagination[b-1jh1rah6g5] {
        display: none;
    }

    .plan-usage-content[b-1jh1rah6g5]  .kab-pagination > ul {
        padding-left: 0px;
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/TransactionHistory.razor.rz.scp.css */
.transaction-content[b-jz3lfl1q25] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .transaction-content .transaction-content-title[b-jz3lfl1q25] {
        padding-bottom: 8px;
        border-bottom: 0.5px solid #E6EAED;
    }

    .transaction-content[b-jz3lfl1q25]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

.transaction-content[b-jz3lfl1q25] {
    padding-top: 16px;
}

    .transaction-content[b-jz3lfl1q25]  .mud-toolbar {
        height: unset;
        padding: 0;
        padding-bottom: 12px;
        border-bottom: 0.5px solid var(--kab-color-neutral-20, #E6EAED);
        margin-bottom: 16px;
    }

    .transaction-content[b-jz3lfl1q25]  .mud-table-container {
        overflow-x: auto;
    }

    .transaction-content[b-jz3lfl1q25]  .mud-table-root .mud-table-head {
        display: table-header-group !important;
    }

    .transaction-content[b-jz3lfl1q25]  .mud-table-smalldevices-sortselect {
        display: none;
    }

    .transaction-content[b-jz3lfl1q25]  .mud-table-cell {
        display: table-cell !important;
    }

    .transaction-content[b-jz3lfl1q25]  .mud-xs-table .mud-table-row .mud-table-cell:last-child {
        border-bottom: var(--kab-border-width-1) solid var(--kab-color-neutral-10) !important;
    }

    .transaction-content[b-jz3lfl1q25]  .kab-select .mud-input.mud-input-outlined.mud-input-adorned-end {
        max-height: 40px;
    }

    .transaction-content[b-jz3lfl1q25]  .color-text-successful {
        color: var(--kab-color-green-70);
    }

    .transaction-content[b-jz3lfl1q25]  .color-text-failed {
        color: var(--kab-color-red-70)
    }

    /*For datetime picker*/
    .transaction-content[b-jz3lfl1q25]  .kab-datetime-picker {
        max-width: 160px;
    }

        .transaction-content[b-jz3lfl1q25]  .kab-datetime-picker .mud-input.mud-input-outlined.mud-input-adorned-end {
            max-height: 40px;
        }

        .transaction-content[b-jz3lfl1q25]  .kab-datetime-picker .mud-input.mud-input-outlined .mud-input-outlined-border {
            border-radius: 8px;
        }

    .transaction-content[b-jz3lfl1q25]  .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border, .mud-input.mud-input-outlined:focus-within .mud-shrink > .mud-input-outlined-border[b-jz3lfl1q25] {
        border-color: var(--kab-color-blue-50);
    }
    /*For datetime picker*/

    .transaction-content[b-jz3lfl1q25]  .kab-date {
        font-weight: 400;
        font-size: 14px;
        color: var(--kab-color-neutral-60);
    }

    .transaction-content[b-jz3lfl1q25]  .kab-time {
        font-weight: 400;
        font-size: 12px;
        color: var(--kab-color-neutral-40);
    }

    .transaction-content[b-jz3lfl1q25]  .kab-button-detail {
        max-width: calc(1.5rem * var(--kab-scale));
    }

.mobile-pagination[b-jz3lfl1q25] {
    display: none
}

@media screen and (max-width: 599px) {
    .transaction-content[b-jz3lfl1q25]  .kab-tool-bar-mobile {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .toolbar-action[b-jz3lfl1q25]  {
        flex-direction: column;
    }

    .transaction-content[b-jz3lfl1q25]  .kab-datetime-picker {
        max-width: none;
    }
}

@media screen and (max-width: 1199px) {
    .mobile-pagination[b-jz3lfl1q25] {
        display: block;
    }

    .desktop-pagination[b-jz3lfl1q25] {
        display: none;
    }

    .transaction-content[b-jz3lfl1q25]  .kab-pagination > ul {
        padding-left: 0px;
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/UserModelComponent.razor.rz.scp.css */
[b-xby53891i7] .not-found-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 135%;
    color: var(--kab-color-neutral-70, #454749);
}

[b-xby53891i7] .not-found-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: var(--kab-color-neutral-70, #454749);
}

.model-list-container[b-xby53891i7] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 1024px) {
    .model-list-container[b-xby53891i7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1366px) {
    .model-list-container[b-xby53891i7] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.not-found[b-xby53891i7] {
    height: 100%;
    width: 100%;
}

.not-found-img[b-xby53891i7] {
    width: 100%;
    height: 70%;
    display: grid;
    place-content: center;
    margin: auto
}

    .not-found-img img[b-xby53891i7] {
        width: 256px;
        height: 256px;
    }

.paging[b-xby53891i7] {
    margin-top: auto !important;
    margin-bottom: 16px;
}

[b-xby53891i7] svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    color: #B1B5BA !important;
}

.mud-icon-button-label[b-xby53891i7] {
    color: #B1B5BA;
}

[b-xby53891i7] .select-paging {
    margin-top: 15px;
    border: solid 1px #E6EAED !important;
    height: 36px;
    width: 65px;
}

[b-xby53891i7] .mud-grid-item {
    padding-left: 8px !important;
}

[b-xby53891i7] .mud-input.mud-input-underline:before {
    border-bottom: unset !important;
}

@media only screen and (max-width: 768px) {
    [b-xby53891i7] .result-per-page {
        display: none
    }

    .paging[b-xby53891i7] {
        justify-content: center;
    }
}


@media (min-width: 600px) {
    [b-xby53891i7] result-per-page {
        display: none;
    }

    .paging[b-xby53891i7] {
        justify-content: center;
    }
}

@media(max-width: 430px) {
    .paging[b-xby53891i7] {
        margin-bottom: unset;
        margin-top: unset;
        justify-content: center;
    }

    .position-relative[b-xby53891i7] {
        margin-top: 0;
    }

    [b-xby53891i7] result-per-page {
        display: none;
    }
}

/*For the paging*/
.kab-pagination-wrapper[b-xby53891i7] {
    display: block;
}

.kab-pagination-wrapper-mobile[b-xby53891i7] {
    display: none;
}

/*For the paging*/

@media screen and (max-width: 960px) {
    /*For the paging*/
    .kab-pagination-wrapper[b-xby53891i7] {
        display: none;
    }

    .kab-pagination-wrapper-mobile[b-xby53891i7] {
        display: block;
    }

    /*For the paging*/
}


/* _content/KAB.Web/Components/Pages/UserProfiles/UserNotification.razor.rz.scp.css */
.noti-container[b-gyj18vsaw2] {
    width: 100%
}

.noti-content[b-gyj18vsaw2] {
    width: 100%;
    max-width: 1008px;
}

.noti-title-container[b-gyj18vsaw2] {
    padding-bottom: 8px;
    border-bottom: 0.5px solid #E6EAED;
}

.noti-title[b-gyj18vsaw2] {
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #292B2C;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.noti-form-container[b-gyj18vsaw2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.stop-noti-container[b-gyj18vsaw2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 0.5px solid #E6EAED;
}

    .stop-noti-container h3[b-gyj18vsaw2] {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
        margin-bottom: 0;
    }

.form-item-title[b-gyj18vsaw2] {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #454749;
}

.form-item-content[b-gyj18vsaw2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-item[b-gyj18vsaw2] {
    padding: 16px 0;
    border-bottom: 0.5px solid #E6EAED;
}

.form-action[b-gyj18vsaw2] {
    display: flex;
    justify-content: end;
    margin-top: calc(6 * var(--kab-spacing-multiplier));
}


@media (min-width: 960px) {
    .form-action[b-gyj18vsaw2] {
        flex-direction: row;
        justify-content: flex-end
    }

    [b-gyj18vsaw2] .form-action-button {
        width: calc(12.5rem * var(--kab-scale))
    }
}
/* _content/KAB.Web/Components/Pages/UserProfiles/UserPayment.razor.rz.scp.css */
.payment-content[b-t5pt4f04aa] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .payment-content .payment-content-title[b-t5pt4f04aa] {
        padding-bottom: 8px;
        border-bottom: 0.5px solid #E6EAED;
    }

    .payment-content[b-t5pt4f04aa]  .kab-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 40px;
        display: flex;
        align-items: center;
    }

    .payment-content .payment-content-action[b-t5pt4f04aa] {
        padding-top: 16px;
    }

    .payment-content[b-t5pt4f04aa]  .payment-content-action-button {
        gap: 100px !important;
    }

    .payment-content[b-t5pt4f04aa]  .kab-title-1 {
        font-weight: 500;
        font-size: 18px;
        color: var(--kab-color-neutral-80);
        height: 23px;
        display: flex;
        align-items: center;
    }

    .payment-content[b-t5pt4f04aa]  .kab-button-register-tosspay {
        height: 56px;
        min-width: 320px;
        font-size: 18px;
        font-weight: 500;
        --kab-button-color: var(--kab-color-neutral-40);
        --kab-button-border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    }

    .payment-content[b-t5pt4f04aa]  .kab-icon-tosspay {
        max-height: 24px;
    }
/* _content/KAB.Web/Components/Pages/UserProfiles/UserProfiles.razor.rz.scp.css */
.user-profile-container[b-lj2n34avlx] {
}
/* _content/KAB.Web/Components/Pages/UserProfiles/VerifyEmail.razor.rz.scp.css */
.title[b-cjv4y4a2gx] {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
    margin-bottom: 1rem;
}

.content[b-cjv4y4a2gx] {
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 4rem;
}
.button[b-cjv4y4a2gx] {
    display: inline-block;
    width: 200px;
    height: 48px;
    background-color: #292B2C;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    border-radius: 8px;
}

    .button:hover[b-cjv4y4a2gx] {
        background-color: #5c6062;
    }
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/Feedback.razor.rz.scp.css */
.container-content[b-f3brkddgjp] {
    width: 100%;
}

    .container-content[b-f3brkddgjp]  .container-content-detail {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    /*nav menu on the left*/
    .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu {
        background-color: var(--kab-color-neutral-5);
        border-radius: 8px;
        min-width: 280px;
    }

    .container-content[b-f3brkddgjp]  .cursor-pointer {
        cursor: pointer;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-filter {
        margin: 12px 0px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-filter .search {
        width:100%;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-my-rate {
        min-width: 120px;
        border: 1px solid var(--Grey-Grey-40, #B1B5BA);
        white-space: nowrap;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-my-rate:hover {
            border: 1px solid var(--Grey-Grey-70, #454749);
        }

    .container-content[b-f3brkddgjp]  .bg-grey {
        background: var(--kab-color-neutral-20, #E6EAED);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu .kab-feedback-menu-name {
        color: var(--kab-color-neutral-80);
        font-weight: 500;
        font-size: 16px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu .kab-nav-menu-button {
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
        box-shadow: none;
        max-height: 29px;
        width: 100%;
        justify-content: left;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu .menu {
        background-color: var(--kab-color-neutral-5);
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu .menu-active {
        background-color: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content {
        width: 100%;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-textfield-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-select-standard .mud-input {
            max-height: 40px;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-header-title {
            font-size: 24px;
            font-weight: 600;
            color: var(--kab-color-neutral-70);
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc {
            border: 1px solid var(--kab-color-neutral-20);
            border-radius: 8px;
        }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-desc-icon {
        width: 10px;
        height: 10px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-container {
        max-width: 824px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-title {
        font-size: 18px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
        word-break: break-word;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-1 {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-70);
        max-width: 800px;
        word-wrap: break-word;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-text-2 {
        font-size: 12px;
        font-weight: 500;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-star-icon-color {
        color: var(--kab-color-blue-55);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-star-icon-small {
        width: 20px;
        height: 20px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-star-icon-medium {
        width: 56px;
        height: 56px;
    }

    /*Style for kab chip for the waitting status*/
    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting {
        --kab-chip-background: var(--kab-color-yellow-20);
        --kab-chip-color: var(--kab-color-yellow-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-waitting svg {
            max-height: 15px;
        }

    /*Style for kab chip for the unanswered status*/
    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered {
        --kab-chip-background: var(--kab-color-neutral-20);
        --kab-chip-color: var(--kab-color-neutral-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-unanswered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the resolved status*/
    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved {
        --kab-chip-background: var(--kab-color-blue-20);
        --kab-chip-color: var(--kab-color-blue-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-resolved svg {
            max-height: 15px;
        }

    /*Style for kab chip for the answered status*/
    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered {
        --kab-chip-background: var(--kab-color-green-20);
        --kab-chip-color: var(--kab-color-green-80);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-answered svg {
            max-height: 15px;
        }

    /*Style for kab chip for the Rejected status*/
    .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected {
        --kab-chip-background: var(--kab-color-red-10);
        --kab-chip-color: var(--kab-color-red-50);
        font-size: 12px;
        font-weight: 500;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-content .kab-feedback-content-desc .kab-feedback-content-desc-status-rejected svg {
            max-height: 15px;
        }

    /*For the screen Rate*/
    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary {
        width: 100%;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-username {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-60);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
        width: 20%
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
        width: 80%
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail {
            width: 100%
        }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-bar-container {
        background-color: var(--kab-color-neutral-10);
        border-radius: 8px;
        height: 8px;
        width: 100%;
    }

    .container-content[b-f3brkddgjp]  .kab-rate-bar {
        height: 100%;
        background-color: var(--kab-color-blue-55);
        border-radius: 8px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-number {
        font-size: 64px;
        font-weight: 700;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
        font-size: 18px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-desc-text-3 {
        font-size: 12px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-3 {
        width: 10px;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary-star .kab-feedback-rate-summary-star-detail .kab-feedback-content-desc-text-1 {
        width: 100%;
        max-width: 60px;
        text-align: right;
    }

/* Start css for select box*/
.mobile-navbar-container[b-f3brkddgjp] {
    display: none;
    width: 100%;
    padding: 20px;
    position: relative;
}

    .mobile-navbar-container[b-f3brkddgjp]  .kab-button-outlined {
        border: 1px solid #454749;
    }

        .mobile-navbar-container[b-f3brkddgjp]  .kab-button-outlined.menu-expanded {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

.mobile-menu[b-f3brkddgjp] {
    position: absolute;
    width: 100%;
    top: calc(100% - 20px);
    left: 0;
    padding: 0 20px;
    z-index: 1;
}

.menu-cotainer[b-f3brkddgjp] {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #B1B5BA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .menu-cotainer[b-f3brkddgjp]  .kab-side-menu-button {
        padding: 4px 8px;
    }


.container-content[b-f3brkddgjp]  .kab-feedback-rating .mud-rating-item.mud-disabled * {
    color: var(--kab-color-blue-55);
    max-height: 20px;
}

/*Paging*/
.container-content[b-f3brkddgjp]  .kab-pagination-wrapper {
    display: block;
}

.container-content[b-f3brkddgjp]  .kab-pagination-wrapper-mobile {
    display: none;
}
/*Paging*/

/*Reponsive*/
@media screen and (max-width: 960px) {
    .container-content[b-f3brkddgjp]  .kab-feedback-header-button {
        flex-direction: row !important;
        gap: 0.25rem !important;
    }

    .container-content[b-f3brkddgjp] {
        height: 100%;
    }

        .container-content[b-f3brkddgjp]  .container-content-detail {
            padding-top: 0;
            padding-bottom: 0;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-nav-menu {
            display: none !important;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content-header .kab-feedback-content-header-title {
            width: 100%;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content-header .kab-select-container {
            width: 100% !important;
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-content-header-filter {
            width: 100%;
            gap: 8px !important;
        }

    .kab-feedback-content[b-f3brkddgjp]  .kab-feedback-content-header {
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

        .kab-feedback-content[b-f3brkddgjp]  .kab-feedback-content-header .kab-feedback-content-header-filter {
            flex-direction: column !important;
        }


    .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary {
        gap: 1px !important;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total {
            width: 40%
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-star {
            width: 70%
        }

        .container-content[b-f3brkddgjp]  .kab-feedback-rate-summary .kab-feedback-rate-summary-total .kab-feedback-rate-summary-total-text {
            font-size: 14px;
            font-weight: 400;
            color: var(--kab-color-neutral-50);
        }

    .mobile-navbar-container[b-f3brkddgjp] {
        display: flex;
    }

    /*Paging*/
    .container-content[b-f3brkddgjp]  .kab-pagination-wrapper {
        display: none;
    }

    .container-content[b-f3brkddgjp]  .kab-pagination-wrapper-mobile {
        display: block;
    }

        .container-content[b-f3brkddgjp]  .kab-pagination-wrapper-mobile .kab-pagination > ul {
            padding: 0;
        }
    /*Paging*/
}

@media screen and (max-width: 440px) {
    .container-content[b-f3brkddgjp]  .kab-feedback-content-filter button {
        width: 100% !important;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-header button {
        width: 100% !important;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-filter {
        flex-direction: column !important;
    }

    .container-content[b-f3brkddgjp]  .kab-feedback-header-button {
        flex-direction: column !important;
    }

        .container-content[b-f3brkddgjp]  .kab-feedback-header-button button {
            width: 100% !important;
        }

    .container-content[b-f3brkddgjp]  .kab-feedback-content-header-filter {
        flex-direction: column !important;
    }

    .container-content[b-f3brkddgjp]  .kab-select-container {
        width: 100% !important;
    }
}
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/Microsite.razor.rz.scp.css */
.container-content[b-oottbnzmn9] {
    width: 100%;
    max-width: 960px;
}

    .container-content[b-oottbnzmn9]  .container-content-title-model {
        font-size: 24px;
        font-weight: 600;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-oottbnzmn9]  .container-content-desc-model {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-oottbnzmn9]  .container-content-token {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-oottbnzmn9]  .container-content-token-value {
        font-size: 18px;
        font-weight: 500;
        color: var(--kab-color-neutral-50);
    }

    .container-content[b-oottbnzmn9]  .container-content-label {
        font-size: 18px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-oottbnzmn9]  .container-content-multi-input .container-content-multi-input-text-field {
        border-radius: 8px;
        background-color: var(--kab-color-white);
        border: 1px solid var(--kab-color-neutral-20);
    }

    /*.container-content ::deep .mud-icon-root.mud-svg-icon {
        min-width: 64px;
        min-height: 64px
    }*/

    .container-content[b-oottbnzmn9]  .container-content-chat {
        height: 400px;
        overflow-y: auto;
        box-shadow: none;
    }

    .container-content[b-oottbnzmn9]  .container-chat-hello {
        height: 100%;
        transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out;
    }

    .container-content[b-oottbnzmn9]  .fade-out {
        opacity: 0;
    }

    .container-content[b-oottbnzmn9]  .mud-button-filled.mud-button-filled-primary {
        color: var(--kab-color-white);
        --mud-ripple-color: var(--kab-color-white);
        background-color: var(--kab-color-neutral-80);
    }

    .container-content[b-oottbnzmn9]  .hljs {
        background: var(--kab-color-neutral-10);
    }

    .container-content[b-oottbnzmn9]  .container-content-label-output,
    .container-content[b-oottbnzmn9]  .mud-chat-bubble .mud-markdown-body p {
        font-size: 16px;
        font-weight: 400;
        color: var(--kab-color-neutral-70);
    }

    .container-content[b-oottbnzmn9]  .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: none;
    }

    .container-content[b-oottbnzmn9]  .kab-textfield-standard
    .mud-input:not(.mud-input-error):focus-within
    .mud-input-outlined-border {
        box-shadow: none;
    }

    .container-content[b-oottbnzmn9]  .container-content-input-has-height {
        border: 1px solid var(--kab-color-neutral-20);
        border-radius: 8px;
        height: 48px;
    }

    .container-content[b-oottbnzmn9]  .container-content-input {
        border: 1px solid var(--kab-color-neutral-20);
        border-radius: 8px;
    }

        .container-content[b-oottbnzmn9]  .container-content-input:focus-within {
            border-color: var(--kab-color-blue-50) !important;
            box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
        }

    .container-content[b-oottbnzmn9]  .mud-chat-text-primary {
        color: var(--kab-color-neutral-70);
        background-color: var(--kab-color-neutral-10);
        --mud-ripple-color: var(--kab-color-neutral-70);
    }

    .container-content[b-oottbnzmn9]  .mud-chat-text-secondary {
        color: var(--kab-color-neutral-70);
        background-color: var(--kab-color-white);
        --mud-ripple-color: var(--kab-color-neutral-70);
    }

    .container-content[b-oottbnzmn9]  .container-content-input-attach {
        color: var(--kab-color-neutral-50)
    }

    .container-content[b-oottbnzmn9]  .container-content-input-send {
        background-color: var(--kab-color-neutral-80);
        color: var(--kab-color-white);
    }

    .container-content[b-oottbnzmn9]  .container-content-input-file-attach {
        padding-inline: calc(4 * var(--kab-spacing-multiplier)) !important;
        padding-top: calc(3 * var(--kab-spacing-multiplier)) !important;
    }

    .container-content[b-oottbnzmn9]  .file-attach-image {
        object-fit: cover !important;
        border-radius: 8px;
    }

.file-attach-image-wrapper[b-oottbnzmn9] {
    position: relative;
    width: 64px;
    height: 64px;
}

.file-attach-image[b-oottbnzmn9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.file-attach-image-overlay[b-oottbnzmn9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-content[b-oottbnzmn9]  .delete-icon {
    color: var(--kab-color-neutral-50);
    background-color: var(--kab-color-neutral-5);
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
    max-width: 24px;
    max-height: 24px;
}

.file-attach-image-wrapper:hover .file-attach-image-overlay[b-oottbnzmn9] {
    opacity: 1;
}

.container-content[b-oottbnzmn9]  .file-attach-wrapper {
    height: 64px;
    background-color: var(--kab-color-neutral-20);
    border-radius: 8px;
}

    .container-content[b-oottbnzmn9]  .file-attach-wrapper .file-name-ellipsis {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
    }

.container-content[b-oottbnzmn9]  .file-extension {
    font-size: 12px;
    font-weight: 400;
    color: var(--kab-color-neutral-50);
}

.container-content[b-oottbnzmn9]  .multi-input-file-attach-wrapper {
    height: 64px;
    background-color: var(--kab-color-white);
    border-radius: 8px;
    border: 1px solid var(--kab-color-neutral-20);
}

    .container-content[b-oottbnzmn9]  .multi-input-file-attach-wrapper .file-name-ellipsis {
        font-size: 14px;
        font-weight: 500;
        color: var(--kab-color-neutral-70);
    }

.container-content[b-oottbnzmn9]  .container-content-multi-input {
    background-color: var(--kab-color-neutral-10);
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 16px;
    box-shadow: none;
}

.container-content[b-oottbnzmn9]  .container-content-multi-input-chat-output {
    background-color: var(--kab-color-white);
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 16px;
    box-shadow: none;
}

.container-content[b-oottbnzmn9]  .container-content-multi-input .kab-button-filled.kab-button-neutral {
    --kab-button-background: var(--kab-color-white);
    --kab-button-color: var(--kab-color-neutral-70);
    border: 1px solid var(--kab-color-neutral-40);
}

.container-content[b-oottbnzmn9]  .container-file-border {
    border-color: var(--kab-color-blue-50) !important;
}

.container-content[b-oottbnzmn9]  .dot {
    animation: blink-b-oottbnzmn9 1.5s infinite;
    font-size: 16px;
}

    .container-content[b-oottbnzmn9]  .dot:nth-child(2) {
        animation-delay: 0.3s;
    }

    .container-content[b-oottbnzmn9]  .dot:nth-child(3) {
        animation-delay: 0.6s;
    }

    .container-content[b-oottbnzmn9]  .dot:nth-child(4) {
        animation-delay: 0.9s;
    }

    .container-content[b-oottbnzmn9]  .dot:nth-child(5) {
        animation-delay: 1.2s;
    }

    .container-content[b-oottbnzmn9]  .dot:nth-child(6) {
        animation-delay: 1.5s;
    }

.container-content[b-oottbnzmn9]  .kab-expanded-chat {
    transition: grid-template-rows 1000ms ease-in-out;
}

@keyframes blink-b-oottbnzmn9 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.container-content[b-oottbnzmn9]  .kab-button-download-image {
    color: var(--kab-color-neutral-60);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
    text-transform: none;
}
.container-content[b-oottbnzmn9]  .kab-button-download-image :hover {
    background-color: none;
}

.container-content[b-oottbnzmn9]  .kab-text-error {
    font-size: var(--kab-typography-font-size-label-sm);
    line-height: var(--kab-typography-line-height-label-sm);
    color: var(--kab-color-red-40);
    padding-left: 2px;
    margin-top: calc(2 * var(--kab-spacing-multiplier));
}
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/ModelCard.razor.rz.scp.css */
.model-card-container[b-cj8nhlt6gg] {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

.model-card-content[b-cj8nhlt6gg] {
    width: 100%;
}

.model-detail-container[b-cj8nhlt6gg] {
    width: 100%;
    height: 100%;
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: var(--kab-border-radius-md);
}

.model-detail-header[b-cj8nhlt6gg] {
    padding: 16px;
    border-bottom: 1px solid var(--kab-color-neutral-20);
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}

    .model-detail-header[b-cj8nhlt6gg]  button {
        flex-shrink: 0 !important;
    }

    .model-detail-header[b-cj8nhlt6gg]  .menu-button {
        max-height: 24px;
        text-transform: none;
        font-size: 16px;
    }

    .model-detail-header[b-cj8nhlt6gg]  .container-model-detail-menu {
        background-color: var(--kab-color-neutral-5);
        box-shadow: none;
        color: var(--kab-color-neutral-50);
    }

    .model-detail-header[b-cj8nhlt6gg]  .container-model-detail-menu-active {
        background-color: var(--kab-color-neutral-20);
        box-shadow: none;
        color: var(--kab-color-neutral-70);
        border-radius: 4px;
    }

.provider-info-container[b-cj8nhlt6gg]  .provider-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 260px;
}

.provider-info-container[b-cj8nhlt6gg]  .provider-web-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #676A6D;
}

.provider-use-container[b-cj8nhlt6gg] {
    width: 100%;
    padding: 10px 0;
    display: flex;
    gap: 10px;
}

    .provider-use-container[b-cj8nhlt6gg]  .provider-use-label {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        color: #676A6D;
    }

    .provider-use-container[b-cj8nhlt6gg]  .provider-use-number {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #292B2C;
    }

.provider-use-chart-container[b-cj8nhlt6gg] {
    max-height: 120px;
}

    .provider-use-chart-container[b-cj8nhlt6gg]  .mud-chart-legend {
        display: none;
    }

    .provider-use-chart-container[b-cj8nhlt6gg]  .mud-charts-yaxis {
        display: none;
    }

.related-model-container[b-cj8nhlt6gg]  .related-model-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
}

.download-model-detail[b-cj8nhlt6gg] {
    width: 100%;
    justify-content: center
}

    .download-model-detail[b-cj8nhlt6gg]  .download-detail-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.3;
        color: var(--kab-color-neutral-80, #292B2C);
    }

    .download-model-detail .download-detail-number[b-cj8nhlt6gg] {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: var(--kab-color-neutral-50, #8E9296);
        align-items: center;
    }

.download-file-container[b-cj8nhlt6gg] {
    display: flex;
    width: 100%;
    border: 1px solid var(--kab-color-neutral-20, #E6EAED);
    border-radius: 8px;
}

    .download-file-container:hover[b-cj8nhlt6gg] {
        cursor: pointer;
    }

.icon-container[b-cj8nhlt6gg] {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-name[b-cj8nhlt6gg] {
    width: calc(100% - 56px);
    padding: 0 10px;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    line-height: 1.3;
}

    .file-name[b-cj8nhlt6gg]  p {
        font-weight: 500;
        color: var(--kab-color-neutral-70, #454749);
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.change-history-container[b-cj8nhlt6gg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 56px;
    background-color: var(--Grey-Grey-10, #F7F9FC);
    padding: 0 16px;
    border-radius: 8px;
}

.change-history-version[b-cj8nhlt6gg] {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-80, #292B2C);
}

.change-history-time[b-cj8nhlt6gg] {
    min-width: 92px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--kab-color-neutral-60, #676A6D);
}

.model-card-container[b-cj8nhlt6gg]  .kab-button-share-link {
    background-color: var(--kab-color-blue-10);
    box-shadow: none;
    color: var(--kab-color-blue-55);
    border-radius: 4px;
    text-transform: none;
    max-width: 86px;
    max-height: 24px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

@media screen and (max-width: 960px) {
    .provider-info-container[b-cj8nhlt6gg]  .provider-name {
        max-width: 90px;
    }
}

@media screen and (max-width: 440px) {
    .provider-info-container[b-cj8nhlt6gg]  .provider-name {
        max-width: 228px;
    }
}
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/Pricing.razor.rz.scp.css */
.pricing-container[b-lf23c2gyfg] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px 0;
}

.pricing-content-container[b-lf23c2gyfg] {
    flex: 1;
    display: flex;
    gap: 8px;
    height: 100%
}

    .pricing-content-container .content-container[b-lf23c2gyfg] {
        flex: 1;
    }
/* Start css for select box*/
.mobile-navbar-container[b-lf23c2gyfg] {
    display: none;
    width: 100%;
    padding: 20px;
    position: relative;
}

    .mobile-navbar-container[b-lf23c2gyfg]  .kab-button-outlined {
        border: 1px solid #454749;
    }

        .mobile-navbar-container[b-lf23c2gyfg]  .kab-button-outlined.menu-expanded {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

.mobile-menu[b-lf23c2gyfg] {
    position: absolute;
    width: 100%;
    top: calc(100% - 20px);
    left: 0;
    padding: 0 20px;
}

.menu-cotainer[b-lf23c2gyfg] {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #B1B5BA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .menu-cotainer[b-lf23c2gyfg]  .kab-side-menu-button {
        padding: 4px 8px;
    }

@media (max-width: 960px) {
    .mobile-navbar-container[b-lf23c2gyfg] {
        display: flex;
    }
}
/* End css for select box*/


.navbar-container[b-lf23c2gyfg] {
    width: 300px;
    border-radius: 8px;
    height: 100%;
}

    .navbar-container[b-lf23c2gyfg]  .kab-side-menu {
        height: 100%;
        border-radius: 8px;
        background-color: var(--kab-color-neutral-5);
    }

    .navbar-container[b-lf23c2gyfg]  .label-button {
        padding: 0;
        background-color: transparent;
    }

@media (max-width: 1439px) {
    .pricing-content-container[b-lf23c2gyfg] {
        padding: 0px 20px;
    }
}

@media (max-width: 960px) {
    .navbar-container[b-lf23c2gyfg] {
        display: none;
    }

    .mobile-navbar-container[b-lf23c2gyfg] {
        display: flex;
    }
}
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/ProviderInfo.razor.rz.scp.css */
.provider-information-container[b-bbtko5vdos] {
    width: 100%;
    margin: 0px auto;
    max-width: 1440px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.provider-information-content[b-bbtko5vdos] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.provider-information-container[b-bbtko5vdos]  .provider-information {
    min-width: 280px;
    height: 100%;
    background-color: var(--kab-color-neutral-5);
    border-radius: 8px;
}

.provider-information-container[b-bbtko5vdos]  .model-card {
    width: 100%;
    max-width: 960px;
}

.provider-information-container[b-bbtko5vdos]  .provider-information-avatar {
    width: 200px;
    height: 200px;
    color: #ffffff;
}

.provider-information-container[b-bbtko5vdos]  .provider-information-name {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-80);
}

.provider-information-container[b-bbtko5vdos]  .provider-information-bussine-tile {
    font-weight: 500;
    font-size: 16px;
    color: var(--kab-color-neutral-80);
}

.provider-information-container[b-bbtko5vdos]  .provider-information-bussine-name {
    font-weight: 400;
    font-size: 16px;
    color: var(--kab-color-neutral-60);
}

.provider-information-container[b-bbtko5vdos]  .provder-information-desc {
    font-weight: 400;
    font-size: 16px;
    color: var(--kab-color-neutral-60);
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.provider-information-container[b-bbtko5vdos]  .provider-information-model {
    font-weight: 600;
    font-size: 18px;
    color: var(--kab-color-neutral-80);
}

.provider-information-container[b-bbtko5vdos]  .kab-content-container .kab-content-description {
    max-width: 500px;
}

/*For the paging*/
.provider-information-container[b-bbtko5vdos]  .kab-pagination-wrapper {
    display: block;
}

.provider-information-container[b-bbtko5vdos]  .kab-pagination-wrapper-mobile {
    display: none;
}
/*For the paging*/

.provider-information-container[b-bbtko5vdos]  .provider-information-support-contact {
    border-top: 0.5px solid var(--kab-color-neutral-20);
}


/*For reponsive*/
@media screen and (max-width: 960px) {
    .provider-information-container[b-bbtko5vdos] {
        margin-top: 16px;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .provider-information-content[b-bbtko5vdos] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    /*For the paging*/
    .provider-information-container[b-bbtko5vdos]  .kab-pagination-wrapper {
        display: none;
    }

    .provider-information-container[b-bbtko5vdos]  .kab-pagination-wrapper-mobile {
        display: block;
    }

        .provider-information-container[b-bbtko5vdos]  .kab-pagination-wrapper-mobile .kab-pagination > ul {
            padding: 0;
        }
    /*For the paging*/

    .provider-information-container[b-bbtko5vdos]  .provder-information-desc {
        font-weight: 400;
        font-size: 16px;
        color: var(--kab-color-neutral-60);
        max-width: 480px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* _content/KAB.Web/Components/Pages/Users/ModelDetail/ReadmeTab.razor.rz.scp.css */
.readme-tab-container[b-tawc1drii6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.readme-tab-container[b-tawc1drii6]  .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

.readme-tab-container[b-tawc1drii6]  .btn-seemore {
    background-color: var(--kab-color-neutral-20);
    color: var(--kab-color-neutral-80);
}

.readme-tab-container[b-tawc1drii6]  .btn-seemore:hover {
    background-color: var(--kab-color-neutral-30);
}

@media screen and (min-width: 441px) {
    .model-introduction-content-mobile[b-tawc1drii6] {
        display: none;
    }

    .readme-content-mobile[b-tawc1drii6] {
        display: none;
    }
}

.model-introduction-d-none[b-tawc1drii6] {
    display: none !important;
}

@media screen and (max-width: 441px) {
    .readme-content-desktop[b-tawc1drii6] {
        display: none;
    }

    .model-introduction-content-desktop[b-tawc1drii6] {
        display: none;
    }

    [b-tawc1drii6] .content-container {
        position: relative;
        max-height: 250px;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

        [b-tawc1drii6] .content-container.expanded {
            max-height: 3000px;
        }

    [b-tawc1drii6] .fade-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    }
}
/* _content/KAB.Web/Components/Shared/Admin/AdminCreateEditModel/AdminApiTab.razor.rz.scp.css */
[b-42gr3skfqw] .api-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

[b-42gr3skfqw] .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
}

[b-42gr3skfqw] .title-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminCreateEditModel/AdminCreateEditModel.razor.rz.scp.css */
.model-container[b-3m14lsomri] {
    width: 100%;
    height: 100%;
    padding: 16px 32px;
    background: #F7F9FC;
}

.content-container[b-3m14lsomri] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-3m14lsomri] {
    display: flex;
    align-items: center;
}

    .title-container[b-3m14lsomri]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-3m14lsomri] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-3m14lsomri] {
    width: 100%;
}

[b-3m14lsomri] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-3m14lsomri] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-3m14lsomri] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-3m14lsomri] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-3m14lsomri] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-3m14lsomri] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-3m14lsomri] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminCreateEditModel/AdminGuidelineTab.razor.rz.scp.css */
.guideline-container[b-3w2z12cqxo] {
    display: flex;
    gap: 16px;
}

.content-container[b-3w2z12cqxo] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-3w2z12cqxo] .title-model {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
.title-model[b-3w2z12cqxo] {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminCreateEditModel/AdminInformationTab.razor.rz.scp.css */
.infromation-container[b-2masqmkr7l] {
    display: flex;
    gap: 16px;
}


.content-container[b-2masqmkr7l] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-2masqmkr7l] .text-area-field .mud-input-control-input-container {
    border: 1px solid #E6EAED;
    border-radius: 8px;
    padding: 8px;
}

[b-2masqmkr7l] .text-area-field .mud-input:before {
    border-bottom: none !important;
}

[b-2masqmkr7l] .text-area-field .mud-input:after {
    border-bottom: none !important;
}

[b-2masqmkr7l] .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

[b-2masqmkr7l] .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

[b-2masqmkr7l] .select-category .mud-input {
    height: 48px;
}

[b-2masqmkr7l] .select-category.null-category .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-2masqmkr7l] .select-category .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}

[b-2masqmkr7l] .fs-18 {
    font-size: 18px !important;
}

[b-2masqmkr7l] .change-history-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 56px;
    background-color: var(--Grey-Grey-10, #F7F9FC);
    padding: 0 16px;
    border-radius: 8px;
}

.infromation-container[b-2masqmkr7l]  .change-history-version {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-80, #292B2C);
}

.infromation-container[b-2masqmkr7l]  .change-history-time {
    min-width: 92px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--kab-color-neutral-60, #676A6D);
}
/* _content/KAB.Web/Components/Shared/Admin/AdminCreateEditModel/AdminMicrositeTab.razor.rz.scp.css */
.multi-type-container[b-ombeqa690v]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

.multi-type-container[b-ombeqa690v]  .mud-input {
    background: #ffffff;
}

.copy-input-container[b-ombeqa690v]  .mud-text-field-copy .mud-input {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

.chatting-type-container[b-ombeqa690v]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

.source-code-container[b-ombeqa690v]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

    .copy-input-container[b-ombeqa690v]  .mud-text-field-copy .mud-input .mud-input-outlined-border {
        border: none;
    }

.copy-input-container[b-ombeqa690v]  .mud-input:not(.mud-input-error):focus-within .mud-input-outlined-border {
    box-shadow: none;
}

.multi-input-item-container[b-ombeqa690v] {
    display: flex;
    width: 100%;
    gap: 8px;
}

.multi-input-subitem-container[b-ombeqa690v] {
    flex: 1;
    transition: all 0.3s ease-in-out;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminRequestDetailModel/AdminApiRequestTab.razor.rz.scp.css */
[b-t1n3eraupq] .api-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

[b-t1n3eraupq] .title-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminRequestDetailModel/AdminGuidelineRequestTab.razor.rz.scp.css */
.guideline-container[b-hkqhzeychw] {
    display: flex;
    gap: 16px;
}

.content-container[b-hkqhzeychw] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-hkqhzeychw] .title-model {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
.title-model[b-hkqhzeychw] {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminRequestDetailModel/AdminInformationRequestTab.razor.rz.scp.css */
.infromation-container[b-lwr1ektqd6] {
    display: flex;
    gap: 16px;
}


.content-container[b-lwr1ektqd6] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-lwr1ektqd6] .text-area-field .mud-input-control-input-container {
    border: 1px solid #E6EAED;
    border-radius: 8px;
    padding: 8px;
}

[b-lwr1ektqd6] .text-area-field .mud-input:before {
    border-bottom: none !important;
}

[b-lwr1ektqd6] .text-area-field .mud-input:after {
    border-bottom: none !important;
}

[b-lwr1ektqd6] .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

[b-lwr1ektqd6] .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

[b-lwr1ektqd6] .select-category .mud-input {
    height: 48px;
}

[b-lwr1ektqd6] .select-category.null-category .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-lwr1ektqd6] .select-category .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}

[b-lwr1ektqd6] .fs-18 {
    font-size: 18px !important;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminRequestDetailModel/AdminMicrositeRequestTab.razor.rz.scp.css */
.multi-type-container[b-pvwortqqwq]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

.multi-type-container[b-pvwortqqwq]  .mud-input {
    background: #ffffff;
}

.copy-input-container[b-pvwortqqwq]  .mud-text-field-copy .mud-input {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

    .copy-input-container[b-pvwortqqwq]  .mud-text-field-copy .mud-input .mud-input-outlined-border {
        border: none;
    }

.copy-input-container[b-pvwortqqwq]  .mud-input:not(.mud-input-error):focus-within .mud-input-outlined-border {
    box-shadow: none;
}

.multi-input-item-container[b-pvwortqqwq] {
    display: flex;
    width: 100%;
    gap: 8px;
}

.multi-input-subitem-container[b-pvwortqqwq] {
    flex: 1;
    transition: all 0.3s ease-in-out;
}
/* _content/KAB.Web/Components/Shared/Admin/AdminRequestDetailModel/AdminRequestDetailModel.razor.rz.scp.css */
.model-container[b-ar05nnoeom] {
    width: 100%;
    height: 100%;
    padding: 16px 32px;
    background: #F7F9FC;
}

.content-container[b-ar05nnoeom] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-ar05nnoeom] {
    display: flex;
    align-items: center;
}

    .title-container[b-ar05nnoeom]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-ar05nnoeom] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-ar05nnoeom] {
    width: 100%;
}

[b-ar05nnoeom] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-ar05nnoeom] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-ar05nnoeom] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-ar05nnoeom] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-ar05nnoeom] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-ar05nnoeom] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-ar05nnoeom] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}
/* _content/KAB.Web/Components/Shared/AppPagination.razor.rz.scp.css */
.kab-table-pagination[b-4ihldr8nik] {
    display: flex;
    justify-content: space-between;
    gap: calc(2 * var(--kab-spacing-multiplier));
    flex-wrap: wrap;
}

    .kab-table-pagination[b-4ihldr8nik]  .kab-select-standard .mud-input .mud-input-root {
        height: calc(2.25rem * var(--kab-scale));
    }

    .kab-table-pagination[b-4ihldr8nik]  .kab-select-standard .mud-input .mud-input-outlined-border {
        border-radius: var(--kab-border-radius-sm);
    }

.pagination-text[b-4ihldr8nik] {
    margin: 0;
    color: var(--kab-color-neutral-50);
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
}

/*::deep svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 16px !important
}*/

/* _content/KAB.Web/Components/Shared/ChatBotComponent.razor.rz.scp.css */

/*For the button chat bot*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-button-close-wrapper {
    padding: 16px;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-button-close-wrapper .kab-overlay-chat-bot-title-detail {
        font-weight: 600;
        font-size: 24px;
        line-height: 135%;
        color: var(--kab-color-neutral-80);
    }

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-chat-bot-button {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    position: fixed;
    z-index: 4;
    background-color: var(--kab-color-blue-55) !important;
    right: calc(12 * var(--kab-spacing-multiplier));
    bottom: calc(20 * var(--kab-spacing-multiplier));
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-chat-bot-button .kab-chat-bot-button-icon {
        width: 36px;
        height: 36px;
        cursor: pointer;
    }

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot-container-divider {
    display: none;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-detail {
    padding: 0 16px 8px 16px;
    display: revert;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-detail .kab-overlay-chat-bot-divider {
        opacity: 0.5;
        color: var(--kab-color-neutral-20);
    }

/*For the button chat bot*/

/*For the detail*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-detail-info {
    padding-inline: 64px;
    padding-bottom: 16px;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-detail-info .kab-modal-detail-user-chat {
        font-weight: 800;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0;
        color: var(--kab-color-neutral-80);
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-detail-info .kab-modal-detail-up-time {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        color: var(--kab-color-neutral-80);
    }

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .kab-modal-content-content-rate {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: var(--kab-color-neutral-80);
    text-align: start;
    margin-top: 8px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-detail {
    padding-inline: 64px;
}
/*For the detail*/

/*For the model*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot {
    z-index: 500;
    backdrop-filter: blur(40px);
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .mud-chat {
    column-gap: 0;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot .kab-modal-content {
    max-height: 720px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot .mud-overlay-content {
    background-color: var(--kab-color-white);
    position: relative;
    width: 90vw;
    height: 80vh;
    max-width: 1120px;
    max-height: 720px;
    display: flex;
    flex-direction: column;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot .kab-modal-button-close {
    background-color: var(--kab-color-neutral-10);
    color: var(--kab-color-neutral-80);
    max-width: 32px;
    max-height: 32px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat {
    padding: 0 64px 64px 64px;
    height: 100%;
    max-height: 656px;
    overflow-y: auto;
}

/*For the welcome chat*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-welcome-icon {
    max-width: 115px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-text-welcome-chat {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: var(--kab-color-neutral-50);
    margin-top: 48px;
    margin-bottom: 128px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-welcome-chat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 64px;
    margin-top: 113px;
}

.kab-chat-bot-container[b-6ba7gy5mhg] .kab-modal-content-chat-footer-button {
    padding-right: 16px;
    max-width: 90%;
    width: 90%;
    padding-left: 48px;
    margin-left: 0px;
    opacity: 1;
}

/*Paper question*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-grid {
    justify-content: center !important;
    display: flex;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-grid-mobile {
    display: none;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-paper {
    max-width: 320px;
    height: 60px;
    background-color: var(--kab-color-blue-10);
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-welcome-chat .mud-grid-spacing-xs-6 {
    width: calc(100% + 16px);
    margin-left: -16px;
    margin-top: -16px;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-welcome-chat .mud-grid-spacing-xs-6 > .mud-grid-item {
        padding-left: 16px;
        padding-top: 16px;
    }

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-paper .kab-container-questions-text {
    color: var(--kab-color-blue-55);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-container-file {
    height: 56px;
    width: 100%;
    background-color: var(--kab-color-blue-10);
    border-radius: 12px;
    padding: 12px;
    margin-top: 20px;
    flex: 1;
}

/*For the modal*/
/*For the input chat*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input {
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 8px;
    max-height: auto;
    height: auto;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input:focus-within {
        border-color: var(--kab-color-blue-50) !important;
        box-shadow: 0 0 0 calc(0.125rem * var(--kab-scale)) var(--kab-color-blue-20);
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: none;
        height: 100%;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input .container-content-input-send {
        padding: 8px;
        color: var(--kab-color-neutral-80);
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input .container-content-input-stop {
        padding: 8px;
        color: var(--kab-color-neutral-80);
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined[b-6ba7gy5mhg] {
        padding: 12px 0px 12px 8px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-input ::placeholder {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        color: var(--kab-color-neutral-40);
    }
/*For the input chat*/

/*For the generating message*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-chat-bot-text-progress {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--kab-color-neutral-70);
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-chat-bot-progress {
    margin-left: 8px;
}
/*For the generating message*/

/*For the chat content*/
.kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat {
    height: 520px;
    overflow-y: auto;
    box-shadow: none;
    margin-bottom: 40px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-header {
    margin-bottom: 16px;
    margin-left: 0;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-header-ai {
    gap: 12px !important;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat .kab-modal-content-chat-header-text {
    color: var(--kab-color-neutral-50);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat .mud-chat-text-primary {
    color: var(--kab-color-neutral-5);
    background-color: var(--kab-color-neutral-60);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat .mud-chat-text-secondary {
    color: var(--kab-color-neutral-80);
    background-color: var(--kab-color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    padding-left: 48px;
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: normal;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-typing {
    color: var(--kab-color-neutral-80);
    font-weight: 400;
    line-height: 130%;
    opacity: 1;
    animation: blink-b-6ba7gy5mhg 1s step-start infinite;
}

@keyframes blink-b-6ba7gy5mhg {
    50% {
        opacity: 0.5;
    }
}

/*Footer*/
.kab-chat-bot-container[b-6ba7gy5mhg] .kab-modal-content-chat-footer {
    padding-right: 16px;
    max-width: 90%;
    padding-left: 48px;
    margin-top: 20px;
    margin-left: 0px;
    opacity: 1;
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .kab-modal-content-chat-feedback > hr {
        opacity: 1;
        margin: 4px;
        color: var(--kab-color-neutral-30);
        border-radius: 100px;
        height: 16px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .kab-modal-content-chat-icon-feedback {
        max-width: 20px;
        max-height: 20px;
        font-size: 20px;
        color: var(--kab-color-neutral-40);
    }

        .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .kab-modal-content-chat-icon-feedback .mud-icon-size-medium {
            font-size: 20px;
        }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .has-feedback {
        max-width: 20px;
        max-height: 20px;
        font-size: 20px;
        color: var(--kab-color-blue-55) !important;
        cursor: default;
    }

        .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-footer .has-feedback .mud-icon-size-medium {
            font-size: 20px;
        }

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-link {
    color: var(--kab-color-blue-55) !important;
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-button-feedback {
    color: var(--kab-color-neutral-80);
    text-transform: capitalize;
    padding: 4px 15px;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .has-approve {
    cursor: default !important;
}

.kab-chat-bot-container[b-6ba7gy5mhg]  .kab-button-feedback .mud-button-label .mud-button-icon-start {
    margin-right: 4px;
    font-size: 12px
}

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-button-feedback .mud-button-label .mud-button-icon-start > svg {
        font-size: 12px;
    }
/*For the chat content*/
@media (min-width: 641px) {
    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-chat-bot-button {
        right: calc(20 * var(--kab-spacing-multiplier));
        bottom: calc(16 * var(--kab-spacing-multiplier));
    }
}

@media screen and (max-width: 960px) {
    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-button-close-wrapper {
        padding-bottom: 8px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot-container-divider {
        padding: 0 16px 8px 16px;
        display: revert;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-detail {
        padding: 0 16px 8px 16px;
        display: revert;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-text-welcome-chat {
        margin-top: 128px;
        margin-bottom: 128px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-welcome-chat {
        justify-content: space-between;
        margin-bottom: 2px;
        margin-top: 113px;
        height: 100%;
    }


    /*Paper question*/
    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-grid {
        display: none;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-grid-mobile {
        display: flex;
        width: 100%;
        padding-bottom: 6px;
        overflow-x: auto;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-container-questions-paper {
        width: 320px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-overlay-chat-bot .mud-overlay-content {
        border-radius: 16px;
    }

    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat {
        padding: 0 16px 16px 16px;
        gap: 0 !important;
    }

    /*For the chat content*/
    .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat {
        margin-bottom: 0px;
    }

        /*chat content (bot)*/
        .kab-chat-bot-container[b-6ba7gy5mhg]  .container-content-chat .mud-chat-text-secondary {
            padding-left: 16px;
        }

    /*header chat content*/
    .kab-chat-bot-container[b-6ba7gy5mhg]  .kab-modal-content-chat-header {
        margin-bottom: 8px;
        margin-left: 0;
    }

    /*footer*/
    .kab-chat-bot-container[b-6ba7gy5mhg] .kab-modal-content-chat-footer {
        padding-left: 16px;
    }
}

/*For the bubble chatbot*/
.kab-chat-bot-button[b-6ba7gy5mhg] {
    position: relative;
    gap: 10px;
}

    .kab-chat-bot-button .kab-chat-bot-bubble[b-6ba7gy5mhg] {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(calc(-100% - 10px), -50%);
        background: var(--kab-color-white);
        border-radius: 4px;
        line-height: 1.4;
        z-index: 4;
        max-width: 200px;
        min-width: 150px;
        max-height: 50px;
        text-align: right;
        padding: 8px;
        display: flex;
        justify-content: end;
    }

        [b-6ba7gy5mhg] .kab-chat-bot-hello-text {
            color: var(--kab-color-neutral-70);
            font-weight: 400;
            font-size: 14px;
            line-height: 130%;
            letter-spacing: 0;
        }

    .kab-chat-bot-button .kab-chat-bot-bubble-close-btn[b-6ba7gy5mhg] {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 14px;
        height: 14px;
        border: none;
        border-radius: 50%;
        background: var(--kab-color-neutral-20);
        color: var(--kab-color-neutral-70);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .kab-chat-bot-button .kab-chat-bot-bubble-close-btn[b-6ba7gy5mhg]  .kab-chat-bot-bubble-close-icon {
            width: 10px;
            height: 10px;
        }

    .kab-chat-bot-button .kab-chat-bot-bubble-arrow[b-6ba7gy5mhg] {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(calc(-120%), -50%);
        width: 20px;
        height: 20px;
        z-index: 3;
    }

    .kab-chat-bot-button .arrow[b-6ba7gy5mhg] {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        transform: rotate(45deg)
    }
/*For the bubble chatbot*/
/* _content/KAB.Web/Components/Shared/ErrorPage.razor.rz.scp.css */
.error-page-container[b-iieekc74k1] {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80PX;
    color: var(--kab-color-neutral-70, #454749);
    text-align: center;
}

.logo-image[b-iieekc74k1] {
    width: 230px;
    height: 64px;
}
/* _content/KAB.Web/Components/Shared/FilePreview/FilePreview.razor.rz.scp.css */
.kab-file-preview[b-iuzg0sz6va] {
    --kab-file-preview-height-sm: calc(1.5rem * var(--kab-scale));
    --kab-file-preview-height-md: calc(2.5rem * var(--kab-scale));
    --kab-file-preview-height-lg: calc(3rem * var(--kab-scale));
    --kab-file-preview-border-radius-sm: calc(0.25rem * var(--kab-scale));
    --kab-file-preview-border-radius-md: calc(0.5rem * var(--kab-scale));
    --kab-file-preview-border-radius-lg: calc(0.5rem * var(--kab-scale));
    display: flex;
    gap: calc(2 * var(--kab-spacing-multiplier));
    align-items: center;
    height: var(--kab-file-preview-height, var(--kab-file-preview-height-md));
    border-radius: var(--kab-file-preview-border-radius, var(--kab-file-preview-border-radius-md));
    border: var(--kab-border-width-1) solid var(--kab-color-neutral-40);
    padding-inline: calc(4 * var(--kab-spacing-multiplier));
}

.kab-file-preview-sm[b-iuzg0sz6va] {
    --kab-file-preview-height: var(--kab-file-preview-height-sm);
    --kab-file-preview-border-radius: var(--kab-file-preview-border-radius-sm);
}

.kab-file-preview-md[b-iuzg0sz6va] {
    --kab-file-preview-height: var(--kab-file-preview-height-md);
    --kab-file-preview-border-radius: var(--kab-file-preview-border-radius-md);
}

.kab-file-preview-lg[b-iuzg0sz6va] {
    --kab-file-preview-height: var(--kab-file-preview-height-lg);
    --kab-file-preview-border-radius: var(--kab-file-preview-border-radius-lg);
}

.kab-file-preview-file-name[b-iuzg0sz6va] {
    margin: 0;
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
    flex: 1 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}
/* _content/KAB.Web/Components/Shared/Home/FeaturedAI.razor.rz.scp.css */
.featured-container[b-ish2wd3uru] {
    width: 100%;
    padding: 24px 24px;
    background-color: #F7F9FC;
    margin: 0;
}

.model-img-container[b-ish2wd3uru] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.model-hover-info[b-ish2wd3uru] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #0000000D;
    backdrop-filter: blur(40px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 0 8px;
    color: #ffffff;
    text-align: center;
    gap: 8px;
}

.hover-model-name[b-ish2wd3uru] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
}

.hover-model-des[b-ish2wd3uru] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.model-img-container:hover .model-hover-info[b-ish2wd3uru] {
    opacity: 1;
}

.card-img-top[b-ish2wd3uru] {
    aspect-ratio: 4/3;
    object-fit: cover;
}

[b-ish2wd3uru] .featured-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #292B2C;
}

[b-ish2wd3uru] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
    overflow: hidden;
}

.checkout-ai-container[b-ish2wd3uru] {
    width: 100%;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
    align-items: center;
}


@media (max-width: 600px) {
    .featured-container[b-ish2wd3uru] {
        padding-top: 35px;
    }

    .checkout-ai-container[b-ish2wd3uru] {
        padding: 20px 0;
    }
}

@media (min-width: 601px) and (max-width: 1279px) {

    .featured-container[b-ish2wd3uru] {
        padding-top: 120px;
    }
}

@media (min-width: 601px) {
    .featured-container[b-ish2wd3uru] {
        padding-top: 120px;
    }

    .checkout-ai-container[b-ish2wd3uru] {
        padding-top: 30px;
    }
}
/* _content/KAB.Web/Components/Shared/Home/HomeBanner.razor.rz.scp.css */
.top-bg[b-246p6wx0ik] {
    background-image: url("/images/home/top-group.png");
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    padding: 200px;
    font-family: var(--kab-typography-font-family);
    max-width: 1440px;
    margin: 0px auto;
    /*    height: 725px;*/
}

.banner-container[b-246p6wx0ik] {
    display: flex;
    gap: 24px;
}

.left-content[b-246p6wx0ik] {
    padding: 20px 20px 20px 0px;
}

.right-content[b-246p6wx0ik] {
    padding: 20px 0px 20px 20px;
}

.panel-h[b-246p6wx0ik] {
    width: 50%;
}

.card-details[b-246p6wx0ik] {
    padding: 15px;
    font-size: 0.9em;
}

.banner-container .card .text-auto-break[lang|="ko"][b-246p6wx0ik] {
    word-break: keep-all;
    line-break: strict;
    overflow-wrap: anywhere;
}

.card-list[b-246p6wx0ik] {
    /*    max-width: calc(36vw);*/
    border-radius: 10px;
    color: #0562A4; /* White */
    border: none;
    padding: 16px;
    /*    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 24px;*/
    background-color: #EDF5FA; /* Purple */
    margin-bottom: 6px;
    transition: grid-template-rows 300ms ease-in-out,
}

.card-list-focus[b-246p6wx0ik] {
    color: #FFFFFF; /* White */
    background-color: #0494FC; /* Purple */
}

    .card-list-focus[b-246p6wx0ik]  .number-icon {
        color: #FFFFFF !important; /* White */
        border: 2px solid #FFFFFF !important;
    }

.card-list:hover[b-246p6wx0ik] {
    cursor: pointer;
}

.card-body[b-246p6wx0ik] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title[b-246p6wx0ik] {
    font-size: 24px;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    margin-bottom: 0px;
}

[b-246p6wx0ik] .number-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 16px !important;
    font-weight: 600;
    margin: 4px 6px !important;
    color: #0562A4 !important;
    border: 2px solid #0562A4 !important;
}

[b-246p6wx0ik] .banner-container .mud-icon-root {
    margin-left: 8px;
}

.left-content .slogan-content[b-246p6wx0ik] {
    font-size: 48px;
}

.left-content .slogan-content-top[b-246p6wx0ik] {
    margin: 0 !important;
    padding: 0 !important;
}

.left-content .slogan-content-bottom[b-246p6wx0ik] {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 441px) {
    .left-content .slogan-content[b-246p6wx0ik] {
        font-size: 20px !important;
        display: flex;
        flex-wrap: wrap;
    }

    .left-content .banner-container-btn[b-246p6wx0ik] {
        display: flex;
        justify-content: flex-end;
    }

        .left-content .banner-container-btn[b-246p6wx0ik]  .btn {
            margin-right: 74px !important;
        }

    .top-bg[b-246p6wx0ik] {
        padding: 20px;
    }

    .banner-container[b-246p6wx0ik] {
        flex-direction: column;
        gap: 0
    }

    .panel-h[b-246p6wx0ik] {
        width: 100%;
    }
}

@media (min-width: 1441px) {
    .top-bg[b-246p6wx0ik] {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
/* _content/KAB.Web/Components/Shared/Home/HomeCarousel.razor.rz.scp.css */
.slideshow-container[b-p6v91e7lle] {
    width: 100%;
    padding: 24px 24px;
    background-color: #F7F9FC;
}

[b-p6v91e7lle] .carousel-container {
    width: 100%;
    aspect-ratio: 2;
    min-height: 360px;
    max-width: 1440px;
    margin: 0px auto !important;
}

.bullet-item[b-p6v91e7lle] {
    width: calc(2rem * var(--kab-scale));
    height: calc(0.5rem * var(--kab-scale));
    border-radius: var(--kab-border-radius-sm);
    background-color: var(--kab-color-neutral-20);
    margin-right: calc(1 * var(--kab-spacing-multiplier));
    margin-left: calc(1 * var(--kab-spacing-multiplier));
}

    .bullet-item.selected[b-p6v91e7lle] {
        background-color: var(--kab-color-neutral-40);
    }

.content-container[b-p6v91e7lle] {
    border-radius: 50px;
    gap: 8px;
    padding: 50px 30px;
    max-width: 560px;
    background-color: #FFFFFF33;
}

.slideshow-container[b-p6v91e7lle]  .kab-carousel-button {
    width: calc(3rem * var(--kab-scale));
    height: calc(3rem * var(--kab-scale));
}

@media screen and (max-width: 576px) {
    .bullet-item[b-p6v91e7lle] {
        width: calc(1rem * var(--kab-scale));
    }
    .slideshow-container[b-p6v91e7lle]  .kab-carousel-button {
        width: calc(1.5rem * var(--kab-scale));
        height: calc(1.5rem * var(--kab-scale));
    }
}

@media (max-width: 441px) {
    [b-p6v91e7lle] .banner-title {
        font-size: 36px !important;
    }

    [b-p6v91e7lle] .banner-content {
        display: none !important;
    }
}
/* _content/KAB.Web/Components/Shared/Home/HomeNews.razor.rz.scp.css */
.homepage-new-container[b-2e0s43g8g9] {
    width: 100%;
    padding: 24px 24px;
    background-color: #F7F9FC;
}

.justify-content-between[b-2e0s43g8g9] {
    max-width: 1440px;
    margin: 0px auto;
}

.none-boxshadow[b-2e0s43g8g9]{
    box-shadow: none !important;
}

.slide-container[b-2e0s43g8g9] {
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
}

.slide-list[b-2e0s43g8g9] {
    display: flex;
    gap: 16px;
    transition: transform 0.5s ease-in-out;
}

.slide-item[b-2e0s43g8g9] {
    position: relative;
    background-color: #007efc;
    aspect-ratio: 4 / 6;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0px 3px 3px 0px #0000000D;
}

.slide-content-container[b-2e0s43g8g9] {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 32px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    transition: gap 0.5s ease-in-out, padding 0.3s ease-in-out;
}

    .slide-content-container:hover[b-2e0s43g8g9] {
        gap: 16px;
        padding-top: 40px;
    }

.slide-title[b-2e0s43g8g9] {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
}

.slide-content[b-2e0s43g8g9] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

[b-2e0s43g8g9] .news-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #292B2C;
}

@media (max-width: 600px) {
    .slide-item[b-2e0s43g8g9] {
        flex: 1 0 calc(100% - 16px);
        max-width: 100%;
    }
}

@media (min-width: 601px) and (max-width: 1279px) {
    .slide-item[b-2e0s43g8g9] {
        flex: 1 0 calc(50% - 16px);
        max-width: 50%;
    }
}

@media (min-width: 1280px) {
    .slide-item[b-2e0s43g8g9] {
        flex: 1 0 calc(25% - 16px);
        max-width: 25%;
    }
}

@media (min-width: 960px) {
    .homepage-new-container[b-2e0s43g8g9] {
        padding-top: 120px;
    }
}
/* _content/KAB.Web/Components/Shared/Home/HomeSolutions.razor.rz.scp.css */
.homepage-Solution-container[b-ovd08th7p0] {
    width: 100%;
    padding: 0px 24px;
    background-color: #F7F9FC;
}

.slide-container[b-ovd08th7p0] {
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
}

.slide-list[b-ovd08th7p0] {
    display: flex;
    gap: 16px;
    transition: transform 0.5s ease-in-out;
}

.slide-item[b-ovd08th7p0] {
    position: relative;
    background-color: white;
    aspect-ratio: 4 / 6;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0px 3px 3px 0px #0000000D;
}

.none-boxshadow[b-ovd08th7p0] {
    box-shadow: none !important;
}

.slide-content-container[b-ovd08th7p0] {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 32px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    transition: gap 0.5s ease-in-out, padding 0.3s ease-in-out;
}

    .slide-content-container:hover[b-ovd08th7p0] {
        gap: 16px;
        padding-top: 40px;
    }

.slide-title[b-ovd08th7p0] {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
    color: #0494FC;
}

.solution-image[b-ovd08th7p0] {
    display: block;
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    flex-grow: 1; /* Allow image area to grow if needed, pushing text down */
    object-fit: contain; /* Ensure image fits without stretching */
    min-height: 150px; /* Prevent image area collapsing too much */
}

.slide-content[b-ovd08th7p0] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    height: 75px;
}

.slide-button[b-ovd08th7p0] {
    width: 180px;
    height: 40px;
    border-radius: 8px;
    padding: 2px 10px 2px 10px;
    gap: 8px;
    background-color: #EDF5FA;
}

.solution-button-image[b-ovd08th7p0] {
    width: 24px;
    height: 24px;
}

[b-ovd08th7p0] .news-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #292B2C;
}

.find-solution-container[b-ovd08th7p0] {
    width: 100%;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #292B2C;
    align-items: center;
    max-width: 1440px;
    margin: 0px auto;
}

@media (max-width: 441px) {
    .find-solution-container .find-solution-description[b-ovd08th7p0] {
        display: none !important;
    }
    .find-solution-container[b-ovd08th7p0]  .find-solution-icon {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .homepage-Solution-container[b-ovd08th7p0] {
        padding-top: 25px;
    }

    .slide-item[b-ovd08th7p0] {
        flex: 1 0 calc(100% - 16px);
        max-width: 100%;
    }

    .find-solution-container[b-ovd08th7p0] {
        padding: 30px 0;
    }
}

@media (min-width: 601px) and (max-width: 1279px) {

    .homepage-Solution-container[b-ovd08th7p0] {
        padding-top: 100px;
    }

    .slide-item[b-ovd08th7p0] {
        flex: 1 0 calc(50% - 16px);
        max-width: 50%;
    }

    .find-solution-container[b-ovd08th7p0] {
        padding: 40px 0;
    }
}

@media (min-width: 1280px) {
    .homepage-Solution-container[b-ovd08th7p0] {
        padding-top: 15px;
    }

    .slide-item[b-ovd08th7p0] {
        flex: 1 0 calc(25% - 16px);
        max-width: 25%;
    }

    .find-solution-container[b-ovd08th7p0] {
        padding: 60px 0;
    }
}
/* _content/KAB.Web/Components/Shared/LoadingComponent.razor.rz.scp.css */
/* Loading Overlay */
.loading-overlay[b-y8wr0ea55r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
}

.loading-container[b-y8wr0ea55r] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 288px;
    height: 143px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.loading-spinner[b-y8wr0ea55r] {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
}

.loading-message[b-y8wr0ea55r] {
    font-size: 1rem;
    color: var(--kab-color-neutral-70);
    margin-bottom: 0.5rem;
}

/* Spinner Animations */
/* Pulse Animation */
.loading-pulse[b-y8wr0ea55r] {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #007bff;
    border-radius: 50%;
    animation: loading-pulse-b-y8wr0ea55r 2s ease-in-out infinite;
}

.outer-loading[b-y8wr0ea55r] {
    position: absolute;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    border: 6px solid #ACDCFF;
    border-radius: 20px;
    animation: outer-loading-pulse-b-y8wr0ea55r 2s ease-in-out infinite;
}

@keyframes outer-loading-pulse-b-y8wr0ea55r {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    49% {
        transform: scale(0.8);
        opacity: 0;
    }

    50% {
        transform: scale(0.8);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes loading-pulse-b-y8wr0ea55r {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

/* Overlay Animations */
.fade-in[b-y8wr0ea55r] {
    animation: fadeIn-b-y8wr0ea55r 0.3s ease-in;
}

@keyframes fadeIn-b-y8wr0ea55r {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Component-level loading */
.component-loading[b-y8wr0ea55r] {
    position: relative;
    min-height: 100px;
}

.component-loading-overlay[b-y8wr0ea55r] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
/* _content/KAB.Web/Components/Shared/Login/LoginComponent.razor.rz.scp.css */
.login-container[b-k9flrdl32z] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sub-title[b-k9flrdl32z] {
    font-size: 14px;
    font-weight: 400;
    color: #676A6D;
}

.login-alert[b-k9flrdl32z] {
    background-color: var(--kab-color-red-10);
    border: var(--kab-border-width-1) solid var(--kab-color-red-20);
    border-radius: var(--kab-border-radius-md);
    padding: calc(2 * var(--kab-spacing-multiplier));
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-md);
    color: var(--kab-color-red-50);
    margin-bottom: calc(4 * var(--kab-spacing-multiplier));
}

.sign-up-link[b-k9flrdl32z] {
    font-size: 16px;
    font-weight: 500;
    color: #0494FC !important;
}

.field-title[b-k9flrdl32z] {
    font-size: 16px;
    font-weight: 500;
    color: #292B2C;
}

[b-k9flrdl32z] .input-item input {
    padding: 14.5px 14px !important;
    border-radius: 8px;
}

[b-k9flrdl32z] .login-button {
    height: 40px;
    background-color: #0494FC !important;
    text-transform: unset !important;
    font-size: 16px;
    font-weight: 500;
    margin-top: 24px;
    border-radius: 8px;
}

.forgot-pass-link[b-k9flrdl32z] {
    font-size: 16px;
    font-weight: 500;
    color: #8E9296;
}

.other-login-container[b-k9flrdl32z] {
    position: relative;
    margin-top: 32px;
    border-top: 0.5px solid #E6EAED;
}

.divider-text[b-k9flrdl32z] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 0 8px;
    font-size: 14px;
    color: #CED3D7;
}

.sign-in-gg[b-k9flrdl32z] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 0.5px solid #E6EAED;
    color: #000000;
    border-radius: 8px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    text-transform: unset;
}

    .sign-in-gg img[b-k9flrdl32z] {
        padding-right: 10px;
    }

    .sign-in-gg p[b-k9flrdl32z] {
        flex: 1;
        text-align: center;
        margin: 0;
    }

.sign-in-naver[b-k9flrdl32z] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 0.5px solid #E6EAED;
    color: #ffffff;
    border-radius: 8px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    text-transform: unset;
    background-color: #03C75A;
}

    .sign-in-naver img[b-k9flrdl32z] {
        padding-right: 10px;
    }

    .sign-in-naver p[b-k9flrdl32z] {
        flex: 1;
        text-align: center;
        margin: 0;
    }

.term-container[b-k9flrdl32z] {
    padding: 32px 30px 0;
}

.term-text[b-k9flrdl32z] {
    font-size: 14px;
    text-align: center;
    color: #676A6D;
}

[b-k9flrdl32z] .header {
    margin-bottom: calc(3 * var(--kab-spacing-multiplier));
    flex: 0 0 auto;
}

    [b-k9flrdl32z] .header[role="alert"] {
        margin-bottom: calc(6 * var(--kab-spacing-multiplier));
    }

[b-k9flrdl32z] .header-h1 {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
    font-weight: var(--kab-typography-font-weight-heading);
    color: var(--kab-color-neutral-80);
}

[b-k9flrdl32z] .header-p {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
    font-weight: var(--kab-typography-font-weight-p);
    color: var(--kab-color-neutral-60);
    margin-bottom: 0;
}
/* _content/KAB.Web/Components/Shared/Login/SelectUserType.razor.rz.scp.css */
.button-container[b-lq183fzhk8] {
    display: flex;
    gap: 4px;
    height: 40px;
    padding: 4px;
    align-items: center;
    width: 100%;
    border: 1px solid #0494FC;
    background: transparent;
    border-radius: 999px;
    margin-bottom: 32px;
}

.toggle-btn[b-lq183fzhk8] {
    height: 32px;
    background-color: #ACDCFF;
    color: #01497C;
    border-radius: 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    white-space: nowrap;
    text-align: center;
    flex: 1;
}

    .toggle-btn.active[b-lq183fzhk8] {
        background-color: #0494FC;
        color: #FFFFFF;
        flex: 2;
    }

    .toggle-btn:focus[b-lq183fzhk8] {
        outline: none;
    }
/* _content/KAB.Web/Components/Shared/ModelDetail/Pricing/CommonTab.razor.rz.scp.css */
.tab-content-container[b-ye9tgd5skm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tab-content-container[b-ye9tgd5skm]  .tab-label {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    color: #454749;
}

.tab-content[b-ye9tgd5skm] {
    padding: 16px;
    border: 1px solid #E6EAED;
    border-radius: 8px;
}
/* _content/KAB.Web/Components/Shared/ModelDetail/Pricing/PricingTab.razor.rz.scp.css */
.tab-content-container[b-09o7lbeg98] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .tab-content-container[b-09o7lbeg98]  .tab-label {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.3;
        color: #454749;
    }

.tab-content[b-09o7lbeg98] {
    padding: 32px;
    border: 1px solid #E6EAED;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

    .tab-content[b-09o7lbeg98]  .model-name {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.35;
        color: #292B2C;
    }

    .tab-content[b-09o7lbeg98]  .name-des {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3;
        color: #8E9296;
    }

    .tab-content[b-09o7lbeg98]  .model-pricing {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.4;
        color: #01497C;
    }
    .tab-content[b-09o7lbeg98]  .pricing-des {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }
    .tab-content[b-09o7lbeg98]  .pricing-unit {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        color: #8E9296;
    }
/* _content/KAB.Web/Components/Shared/ModelItemCommon/ModelCardVertical.razor.rz.scp.css */
[b-mzfc3vu9ez] .kab-model-card {
    background-color: var(--kab-color-neutral-5);
    padding: 8px;
    border: 1px solid var(--kab-color-neutral-20);
    border-radius: 8px;
    height: 178px;
    width: 100%;
    gap: 8px !important;
}

    [b-mzfc3vu9ez] .kab-model-card .kab-image-model {
        object-fit: contain !important;
    }

    [b-mzfc3vu9ez] .kab-model-card .kab-name-model {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        color: var(--kab-color-neutral-80);
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }

    [b-mzfc3vu9ez] .kab-model-card .kab-description-model {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: var(--kab-color-neutral-60);
        max-width: 100vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-mzfc3vu9ez] .mud-tooltip-root.mud-tooltip-inline {
    width: auto;
}

[b-mzfc3vu9ez] .kab-model-card .kab-price-text-1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 135%;
    color: var(--kab-color-blue-55);
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

[b-mzfc3vu9ez] .kab-model-card .kab-price-text-2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 135%;
    color: var(--kab-color-neutral-80);
}

[b-mzfc3vu9ez] .kab-model-card-divider {
    opacity: 1;
    border-color: var(--kab-color-neutral-20);
    border-width: 0.5px;
    margin-block: 8px;
}

.kab-view-like-comment[b-mzfc3vu9ez] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .kab-view-like-comment .kab-view-like-group[b-mzfc3vu9ez] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .kab-view-like-comment .kab-view-like-comment-item[b-mzfc3vu9ez] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

        .kab-view-like-comment .kab-view-like-comment-item.end[b-mzfc3vu9ez] {
            justify-content: flex-end;
        }

[b-mzfc3vu9ez] .kab-view-like-comment-icon {
    font-size: 12px;
    color: var(--kab-color-neutral-60);
}

[b-mzfc3vu9ez] .kab-view-like-comment-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: var(--kab-color-neutral-60);
}
/* _content/KAB.Web/Components/Shared/ModelItemCommon/ModelItemHorizontal.razor.rz.scp.css */
.model-container[b-ajqczq1yhz] {
    display: flex;
    width: 100%;
    border-radius: 8px;
    background: #F7F9FC;
    height: 80px;
    overflow-y: hidden;
    gap: 0;
    cursor: pointer;
}

.model-image[b-ajqczq1yhz] {
    width: 80px;
}

    .model-image img[b-ajqczq1yhz] {
        width: 80px;
        height: 80px;
        object-fit: cover;
    }

.model-info[b-ajqczq1yhz] {
    flex: 1
}

.model-name[b-ajqczq1yhz] {
    white-space: initial;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.model-favorite-container[b-ajqczq1yhz] {
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
}

.favorite-count[b-ajqczq1yhz] {
    font-size: 16px;
    font-weight: 500;
    color: #292B2C;
    line-height: 1.3
}

.model-provider-name[b-ajqczq1yhz] {
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #292B2C;
    word-break: break-all;
}


[b-ajqczq1yhz] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
}

.update-time[b-ajqczq1yhz] {
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    color: #676A6D;
    line-height: 1.3
}

[b-ajqczq1yhz] .provider-name-container .mud-tooltip-inline {
    width: 100%;
}

/* _content/KAB.Web/Components/Shared/ModelItemCommon/ModelItemVertical.razor.rz.scp.css */
.card-2[b-29u5srvabb] {
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.model-img-container[b-29u5srvabb] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.model-img-container-none-hover[b-29u5srvabb] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.model-hover-info[b-29u5srvabb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #0000000D;
    backdrop-filter: blur(40px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 0 8px;
    color: #ffffff;
    text-align: center;
    gap: 8px;
}

.hover-model-name[b-29u5srvabb] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
}

.hover-model-des[b-29u5srvabb] {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.model-img-container:hover .model-hover-info[b-29u5srvabb] {
    opacity: 1;
}

.card-img-top[b-29u5srvabb] {
    aspect-ratio: 4/3;
    object-fit: cover;
}

[b-29u5srvabb] .featured-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #292B2C;
}

[b-29u5srvabb] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
    overflow: hidden;
}
/* _content/KAB.Web/Components/Shared/NotFoundData.razor.rz.scp.css */
.kab-content-container[b-0ax8sw3qfx]  .kab-content-title {
    font-weight: 600;
    font-size: 24px;
    color: var(--kab-color-neutral-70);
}

.kab-content-container[b-0ax8sw3qfx]  .kab-content-description {
    font-weight: 400;
    font-size: 18px;
    color: var(--kab-color-neutral-70);
    max-width: 200px;
    text-align: center;
}

/* _content/KAB.Web/Components/Shared/PhoneInput/PhoneInput.razor.rz.scp.css */
.kab-phone-input-label[b-14d95oxhck] {
    color: var(--kab-color-neutral-70);
    font-weight: var(--kab-typography-font-weight-label);
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
}

.kab-phone-input-label-required[b-14d95oxhck]::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1 * var(--kab-spacing-multiplier));
}

[b-14d95oxhck] .kab-phone-input-control {
    display: flex;
}

    [b-14d95oxhck] .kab-phone-input-control .kab-number-field-container {
        flex: 1 1 auto;
    }

    [b-14d95oxhck] .kab-phone-input-control .kab-select-standard.mud-input-control {
        padding-right: 0;
    }

    [b-14d95oxhck] .kab-phone-input-control .kab-number-field-standard.mud-input-control {
        padding-left: 0;
    }

    [b-14d95oxhck]
    .kab-phone-input-control
    .kab-select-standard
    .mud-input
    .mud-input-outlined-border {
        border-right-width: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    [b-14d95oxhck]
    .kab-phone-input-control
    .kab-number-field-standard
    .mud-input
    .mud-input-outlined-border {
        border-left-width: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    [b-14d95oxhck]
    .kab-phone-input-control
    .kab-select-standard
    .mud-input:is(:hover, :focus-within)
    .mud-input-outlined-border {
        border-right-width: var(--kab-border-width-1);
    }

    [b-14d95oxhck]
    .kab-phone-input-control
    .kab-number-field-standard
    .mud-input:is(:hover, :focus-within)
    .mud-input-outlined-border {
        border-left-width: var(--kab-border-width-1);
    }


    [b-14d95oxhck]
    .kab-phone-input-control
    .mud-input-control-helper-container {
        margin: 0;
    }

.kab-phone-error[b-14d95oxhck] {
    color: var(--kab-color-red-40);
    margin-top: calc(2 * var(--kab-spacing-multiplier));
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
}


[b-14d95oxhck] .phone-select-loader {
    border-radius: var(--kab-border-radius-md) 0 0 var(--kab-border-radius-md)
}
/* _content/KAB.Web/Components/Shared/Provider/CardAnalytics/KabCardAnalytics.razor.rz.scp.css */
.overview-card-item[b-9dzeg5attv] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 144px;
    background: var(--kab-color-white);
    border: 1px solid var(--kab-color-neutral-20);
    box-shadow: 0px 3px 3px 0px #0000000D;
    padding: 16px;
    border-radius: 8px;
}

    .overview-card-item[b-9dzeg5attv]  .overview-card-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        color: var(--kab-color-neutral-70, #454749);
    }

    .overview-card-item[b-9dzeg5attv]  .overview-card-value {
        font-weight: 600;
        font-size: 24px;
        line-height: 135%;
        color: var(--kab-color-neutral-70, #454749);
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 176px;
        overflow: hidden;
    }

    .overview-card-item[b-9dzeg5attv]  .overview-card-unit {
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        word-spacing: 0;
        color: var(--kab-color-neutral-50, #8E9296);
    }
/* _content/KAB.Web/Components/Shared/Provider/CreateEditModel/ApiTab.razor.rz.scp.css */
[b-wc39a19o4k] .api-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

[b-wc39a19o4k] .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
}

[b-wc39a19o4k] .title-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}
/* _content/KAB.Web/Components/Shared/Provider/CreateEditModel/CreateEditModel.razor.rz.scp.css */
.model-container[b-18px7g6cdi] {
    width: 100%;
    height: 100%;
    padding: 16px 32px;
    background: #F7F9FC;
    max-width: var(--kab-container-3);
    margin-inline: auto;
}

.content-container[b-18px7g6cdi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-18px7g6cdi] {
    display: flex;
    align-items: center;
}

    .title-container[b-18px7g6cdi]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-18px7g6cdi] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-18px7g6cdi] {
    width: 100%;
}

[b-18px7g6cdi] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-18px7g6cdi] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-18px7g6cdi] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-18px7g6cdi] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-18px7g6cdi] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-18px7g6cdi] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-18px7g6cdi] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}
/* _content/KAB.Web/Components/Shared/Provider/CreateEditModel/GuidelineTab.razor.rz.scp.css */
.guideline-container[b-j804kgvd4j] {
    display: flex;
    gap: 16px;
}

.content-container[b-j804kgvd4j] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-j804kgvd4j] .title-model {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
.title-model[b-j804kgvd4j] {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
/* _content/KAB.Web/Components/Shared/Provider/CreateEditModel/InformationTab.razor.rz.scp.css */
.infromation-container[b-20opi8uwrf] {
    display: flex;
    gap: 16px;
}


.content-container[b-20opi8uwrf] {
    flex: 1;
    overflow: hidden;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-20opi8uwrf] .text-area-field .mud-input-control-input-container {
    border: 1px solid #E6EAED;
    border-radius: 8px;
    padding: 8px;
}

[b-20opi8uwrf] .text-area-field .mud-input:before {
    border-bottom: none !important;
}

[b-20opi8uwrf] .text-area-field .mud-input:after {
    border-bottom: none !important;
}

[b-20opi8uwrf] .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

[b-20opi8uwrf] .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

[b-20opi8uwrf] .select-category .mud-input {
    height: 48px;
}

[b-20opi8uwrf] .select-category.null-category .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-20opi8uwrf] .select-category .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}
/* _content/KAB.Web/Components/Shared/Provider/CreateEditModel/MicrositeTab.razor.rz.scp.css */
.multi-type-container[b-ia7e6ak4fh]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

.multi-type-container[b-ia7e6ak4fh]  .mud-input {
    background: #ffffff;
}

.mud-input-control.mud-input-input-control.kab-textfield-standard.mud-textfield-copy[b-ia7e6ak4fh] {
    background-color: #E6EAED;
}

.chatting-type-container[b-ia7e6ak4fh]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

.source-code-container[b-ia7e6ak4fh]  .title-require::after {
    content: "*";
    color: var(--kab-color-red-50);
    margin-left: calc(1* var(--kab-spacing-multiplier));
}

.copy-input-container[b-ia7e6ak4fh]  .mud-text-field-copy .mud-input {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

    .copy-input-container[b-ia7e6ak4fh]  .mud-text-field-copy .mud-input .mud-input-outlined-border {
        border: none;
    }

.copy-input-container[b-ia7e6ak4fh]  .mud-input:not(.mud-input-error):focus-within .mud-input-outlined-border {
    box-shadow: none;
}

.multi-input-item-container[b-ia7e6ak4fh] {
    display: flex;
    width: 100%;
    gap: 8px;
}

.multi-input-subitem-container[b-ia7e6ak4fh] {
    flex: 1;
    transition: all 0.3s ease-in-out;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelDetail/ApiTabDetail.razor.rz.scp.css */
[b-8jyfsorg8q] .api-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

[b-8jyfsorg8q] .title-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelDetail/GuidelineTabDetail.razor.rz.scp.css */
.guideline-container[b-8e3xy80o72] {
    display: flex;
    gap: 16px;
}

.content-container[b-8e3xy80o72] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-8e3xy80o72] .title-model {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}

.title-model[b-8e3xy80o72] {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelDetail/InformationTabDetail.razor.rz.scp.css */
.information-container[b-j1jz78uos3] {
    display: flex;
    gap: 16px;
}


.content-container[b-j1jz78uos3] {
    flex: 1;
    overflow: hidden;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-j1jz78uos3] .text-area-field .mud-input-control-input-container {
    border: 1px solid #E6EAED;
    border-radius: 8px;
    padding: 8px;
}

[b-j1jz78uos3] .text-area-field .mud-input:before {
    border-bottom: none !important;
}

[b-j1jz78uos3] .text-area-field .mud-input:after {
    border-bottom: none !important;
}

[b-j1jz78uos3] .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

[b-j1jz78uos3] .select-category .mud-input {
    height: 48px;
}

[b-j1jz78uos3] .select-category.null-category .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-j1jz78uos3] .select-category .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelDetail/MicrositeTabDetail.razor.rz.scp.css */
.multi-type-container[b-gn1wr7yahl]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

.multi-type-container[b-gn1wr7yahl]  .mud-input {
    background: #ffffff;
}

.mud-input-control.mud-input-input-control.kab-textfield-standard.mud-textfield-copy[b-gn1wr7yahl] {
    background-color: #E6EAED;
}

.copy-input-container[b-gn1wr7yahl]  .mud-text-field-copy .mud-input {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

    .copy-input-container[b-gn1wr7yahl]  .mud-text-field-copy .mud-input .mud-input-outlined-border {
        border: none;
    }

.copy-input-container[b-gn1wr7yahl]  .mud-input:not(.mud-input-error):focus-within .mud-input-outlined-border {
    box-shadow: none;
}

.multi-input-item-container[b-gn1wr7yahl] {
    display: flex;
    width: 100%;
    gap: 8px;
}

.multi-input-subitem-container[b-gn1wr7yahl] {
    flex: 1;
    transition: all 0.3s ease-in-out;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelDetail/ModelDetail.razor.rz.scp.css */
.model-container[b-s43gv391r0] {
    width: 100%;
    height: 100%;
    padding: 16px 32px;
    background: #F7F9FC;
    max-width: var(--kab-container-3);
    margin-inline: auto;
}

.content-container[b-s43gv391r0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-s43gv391r0] {
    display: flex;
    align-items: center;
}

    .title-container[b-s43gv391r0]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-s43gv391r0] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-s43gv391r0] {
    width: 100%;
}

[b-s43gv391r0] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-s43gv391r0] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-s43gv391r0] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-s43gv391r0] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-s43gv391r0] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-s43gv391r0] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-s43gv391r0] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelRequestDetail/ApiTabDetail.razor.rz.scp.css */
[b-5lgwy8g1p8] .api-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}

[b-5lgwy8g1p8] .title-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelRequestDetail/GuidelineTabDetail.razor.rz.scp.css */
.guideline-container[b-ya311tehck] {
    display: flex;
    gap: 16px;
}

.content-container[b-ya311tehck] {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-ya311tehck] .title-model {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}

.title-model[b-ya311tehck] {
    color: #454749;
    font-size: 18px;
    font-weight: 500;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelRequestDetail/InformationTabDetail.razor.rz.scp.css */
.information-container[b-t484ae4jf8] {
    display: flex;
    gap: 16px;
}


.content-container[b-t484ae4jf8] {
    flex: 1;
    overflow: hidden;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #E6EAED;
}

[b-t484ae4jf8] .text-area-field .mud-input-control-input-container {
    border: 1px solid #E6EAED;
    border-radius: 8px;
    padding: 8px;
}

[b-t484ae4jf8] .text-area-field .mud-input:before {
    border-bottom: none !important;
}

[b-t484ae4jf8] .text-area-field .mud-input:after {
    border-bottom: none !important;
}

[b-t484ae4jf8] .ck-title-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #454749;
    padding: 4px 0;
    border-bottom: 1px solid #E6EAED;
}

[b-t484ae4jf8] .select-category .mud-input {
    height: 48px;
}

[b-t484ae4jf8] .select-category.null-category .mud-input div.mud-input-root-adorned-end {
    display: none !important;
}

[b-t484ae4jf8] .select-category .mud-input div.mud-input-root-adorned-end {
    display: flex !important;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelRequestDetail/MicrositeTabDetail.razor.rz.scp.css */
.multi-type-container[b-qiqnzah128]  .input-item-container {
    background: #F7F9FC;
    border: 1px solid #E6EAED;
    box-shadow: none;
    border-radius: 16px;
}

.multi-type-container[b-qiqnzah128]  .mud-input {
    background: #ffffff;
}

.mud-input-control.mud-input-input-control.kab-textfield-standard.mud-textfield-copy[b-qiqnzah128] {
    background-color: #E6EAED;
}

.copy-input-container[b-qiqnzah128]  .mud-text-field-copy .mud-input {
    color: var(--kab-color-neutral-70);
    background: var(--kab-color-neutral-20);
    border-radius: 8px;
}

    .copy-input-container[b-qiqnzah128]  .mud-text-field-copy .mud-input .mud-input-outlined-border {
        border: none;
    }

.copy-input-container[b-qiqnzah128]  .mud-input:not(.mud-input-error):focus-within .mud-input-outlined-border {
    box-shadow: none;
}

.multi-input-item-container[b-qiqnzah128] {
    display: flex;
    width: 100%;
    gap: 8px;
}

.multi-input-subitem-container[b-qiqnzah128] {
    flex: 1;
    transition: all 0.3s ease-in-out;
}
/* _content/KAB.Web/Components/Shared/Provider/ModelRequestDetail/ModelRequestDetail.razor.rz.scp.css */
.model-container[b-nroxi8s29q] {
    width: 100%;
    height: 100%;
    padding: 16px 32px;
    background: #F7F9FC;
    max-width: var(--kab-container-3);
    margin-inline: auto;
}

.content-container[b-nroxi8s29q] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
}

.title-container[b-nroxi8s29q] {
    display: flex;
    align-items: center;
}

    .title-container[b-nroxi8s29q]  .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .title-container h3[b-nroxi8s29q] {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.tabs-content-container[b-nroxi8s29q] {
    width: 100%;
}

[b-nroxi8s29q] .tabs-content-container .mud-tabs-tabbar-wrapper {
    width: 100%;
}

[b-nroxi8s29q] .tabs-content-container .mud-tabs {
    border-radius: 0px;
    box-shadow: none;
}

[b-nroxi8s29q] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline {
    width: 25%;
    border-bottom: 1px solid #E6EAED;
}

    [b-nroxi8s29q] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab {
        text-transform: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #292B2C;
    }

        [b-nroxi8s29q] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab.mud-tab-active {
            color: #0494FC;
        }

        [b-nroxi8s29q] .tabs-content-container .mud-tabs-tabbar-wrapper .mud-tooltip-inline .mud-tab:hover {
            background: #0494FC0f;
        }

[b-nroxi8s29q] .tabs-content-container .mud-tab-slider.mud-tab-slider-horizontal {
    background: #0494FC;
    height: 1px;
}
/* _content/KAB.Web/Components/Shared/SelectLanguage.razor.rz.scp.css */
.select-lang-container[b-hfr0zjaa2x] {
    display: flex;
}

[b-hfr0zjaa2x] .select-lang-button .mud-input:before {
    border-bottom: none !important;
}

[b-hfr0zjaa2x] .select-lang-button .mud-input-slot {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 500;
    width:60px;
}

[b-hfr0zjaa2x] .select-lang-button.small .mud-input-slot {
    margin-left: 4px;
    font-size: 12px;
    width: 45px;
}

[b-hfr0zjaa2x] .select-lang-button.small .mud-svg-icon {
    width: 12px;
}

[b-hfr0zjaa2x] .select-lang-button .mud-input:after{
        border-bottom: none !important;
}

[b-hfr0zjaa2x] .select-item .mud-typography {
    color: blue
}

.select-item[b-hfr0zjaa2x] {
    font-size: 12px;
    color: red;
}

[b-hfr0zjaa2x] .select-item .mud-typography {
    font-size: 12px;
}
/* _content/KAB.Web/Components/Shared/TablePagination.razor.rz.scp.css */
.kab-table-pagination[b-ych2ufgj39] {
    display: flex;
    justify-content: space-between;
    gap: calc(2 * var(--kab-spacing-multiplier));
    flex-wrap: wrap;
}

.kab-table-pagination-center[b-ych2ufgj39] {
    justify-content: center;
}

    .kab-table-pagination[b-ych2ufgj39]  .kab-select-standard .mud-input .mud-input-root {
        height: calc(2.25rem * var(--kab-scale));
    }

    .kab-table-pagination[b-ych2ufgj39]  .kab-select-standard .mud-input .mud-input-outlined-border {
        border-radius: var(--kab-border-radius-sm);
    }

.pagination-text[b-ych2ufgj39] {
    margin: 0;
    color: var(--kab-color-neutral-50);
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
}
/* _content/KAB.Web/Components/Shared/TablePaginationNoSelectPageSize.razor.rz.scp.css */
.kab-table-pagination[b-djl0c7z3c8] {
    display: flex;
    justify-content: space-between;
    gap: calc(2 * var(--kab-spacing-multiplier));
    flex-wrap: wrap;
}

    .kab-table-pagination[b-djl0c7z3c8]  .kab-select-standard .mud-input .mud-input-root {
        height: calc(2.25rem * var(--kab-scale));
    }

    .kab-table-pagination[b-djl0c7z3c8]  .kab-select-standard .mud-input .mud-input-outlined-border {
        border-radius: var(--kab-border-radius-sm);
    }

.pagination-text[b-djl0c7z3c8] {
    margin: 0;
    color: var(--kab-color-neutral-50);
    font-weight: var(--kab-typography-font-weight-p);
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
}
/* _content/KAB.Web/Components/Shared/UsageAnalytics/UsageHistoryModelCommon.razor.rz.scp.css */
.provider-page[b-r5rse88onz] {
    background-color: var(--kab-color-white);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .title-container {
    display: flex;
    align-items: center;
}

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .table-text-header {
    color: var(--kab-color-neutral-70, #454749);
    font-weight: 500 !important;
}

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .table-text-time-header {
    color: var(--kab-color-neutral-50, #8E9296);
    font-weight: 500 !important;
}

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

    .kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .title-container .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .title-container h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .mud-input-slot {
    height: 40px !important;
}

.kab-provider-usageanalytics-model-detail[b-r5rse88onz]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}
/* _content/KAB.Web/Components/Shared/UsageAnalytics/UsageHistoryUserDetailCommon.razor.rz.scp.css */
.provider-page[b-rfortj6yt6] {
    background-color: var(--kab-color-white);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .title-container {
    display: flex;
    align-items: center;
}

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .table-text-header {
    color: var(--kab-color-neutral-70, #454749);
    font-weight: 500 !important;
}

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .table-text-time-header {
    color: var(--kab-color-neutral-50, #8E9296);
    font-weight: 500 !important;
}

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .kab-button-detail {
    max-width: calc(1.5rem * var(--kab-scale));
}

    .kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .title-container .mud-icon-button {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .title-container h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.35;
        color: #454749;
        margin-bottom: 0;
    }

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .mud-input-slot {
    height: 40px !important;
}

.kab-provider-usageanalytics-model-detail[b-rfortj6yt6]  .mud-table-root .mud-table-head .mud-table-cell {
    background-color: var(--kab-color-neutral-5);
    color: var(--kab-color-neutral-60);
}