/* _content/BlazorTest/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tdermkid1v] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

main[b-tdermkid1v] {
    flex: 1;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-tdermkid1v],
    article[b-tdermkid1v] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

#blazor-error-ui .dismiss[b-tdermkid1v] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/BlazorTest/Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-container[b-z1xlmncceh] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: #F4F4F4;
    border-right: 10px solid #FFFFFF;
}

/* Header */
.sidebar-header[b-z1xlmncceh] {
    padding: 20px 16px;
}

.brand-text[b-z1xlmncceh] {
    font-size: 18px;
    font-weight: 700;
    color: #005DC2;
    letter-spacing: 0.5px;
}

/* Navigation */
.sidebar-nav[b-z1xlmncceh] {
    flex: 1;
    padding: 0 8px;
}

.nav-item[b-z1xlmncceh] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #005DC2;
    font-size: 14px;
    cursor: pointer;
}

.nav-item:hover[b-z1xlmncceh] {
    background: #f5f5f5;
}

.nav-item.active[b-z1xlmncceh] {
    color: #1890ff;
}

.nav-icon[b-z1xlmncceh] {
    font-size: 16px;
    color: #1890ff;
}

.nav-text[b-z1xlmncceh] {
    font-weight: 500;
}

.sidebar-footer[b-z1xlmncceh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid #e0e0e0;
    cursor: pointer;
    width: 100%;
}

.user-icon[b-z1xlmncceh] {
    font-size: 18px;
    color: #005DC2;
    display: flex;
    align-items: center;
}

.user-text[b-z1xlmncceh] {
    font-size: 16px;
    color: #005DC2;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 100%
}

.sidebar-footer-wrapper[b-z1xlmncceh] {
    position: relative;
    width: 100%;
}

.logout-dropdown[b-z1xlmncceh] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 8px;
    margin-bottom: 8px;
}

.logout-btn[b-z1xlmncceh] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: background-color 0.2s;
}

.logout-btn:hover[b-z1xlmncceh] {
    background: #f5f5f5;
}

.logout-btn svg[b-z1xlmncceh] {
    color: #666;
}

[b-z1xlmncceh] .antblazor-overlay-trigger-wrapper {
    width: 100% !important;
}
.span-logout[b-z1xlmncceh] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    color: #005DC2;
    letter-spacing: 0.0014px;
}

.span-logout:hover[b-z1xlmncceh] {
    color: #FFFFFF;
}

.submenu[b-z1xlmncceh] {
    display: flex;
    flex-direction: column;
}

.submenu[b-z1xlmncceh]  .submenu-item {
    padding: 16px 24px 10px 26px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #005DC2;
    text-decoration: none;
    border-bottom: 0.1px solid #e0e0e0;
    border-radius: 3px;
    width: 100%;
}

.submenu[b-z1xlmncceh]  .submenu-item.active {
    font-weight: bold;
}

.submenu[b-z1xlmncceh]  .submenu-item:hover {
    background-color: #1890ff !important;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 3px !important;
    cursor: pointer;
}
/* _content/BlazorTest/Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.div-container[b-6gj3fm6a4m] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-left: 10px;
    background: #F2F4F8;
    border-left: 10px solid #FFFFFF;
}

.div-main[b-6gj3fm6a4m] {
    min-height: 405px;
    min-width: 560px;
}

.div-title[b-6gj3fm6a4m] {
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0.014px;
    color: #485764;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 52px;
}

.input-group[b-6gj3fm6a4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 46px;
}

    .input-group[b-6gj3fm6a4m]  .ant-input {
        border-radius: 3px;
        padding-left: 16px;
        background: #FFFFFF;
        min-width: 448px;
        min-height: 40px;
    }

    .input-group[b-6gj3fm6a4m]  .ant-input-affix-wrapper {
        padding-left: 16px !important;
    }

    .input-group :is(a)[b-6gj3fm6a4m] {
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .input-group[b-6gj3fm6a4m]  .ant-form-item-control-input-content {
        display: flex;
        justify-content: center;
        border-radius: 3px;
    }

        .input-group[b-6gj3fm6a4m]  .ant-form-item-control-input-content button {
            background: #4392BB;
            min-width: 120px;
            min-height: 40px;
            color: #FFFFFF;
            border-radius: 3px;
        }

.error-message[b-6gj3fm6a4m] {
    color: #ff4d4f;
    font-size: 14px;
    margin-bottom: 8px;
}

.spacer[b-6gj3fm6a4m] {
    height: 16px;
}

.form-item button[type="submit"][b-6gj3fm6a4m] {
    display: block;
    margin: 0 auto;
    background: #4392BB;
    border-radius: 3px;
    border: 0px;
    min-width: 120px;
    min-height: 40px;
}

.a-custom[b-6gj3fm6a4m] {
    display: flex;
    justify-content: flex-end;
}

.a-custom a[b-6gj3fm6a4m] {
    width: fit-content;
}
/* _content/BlazorTest/Components/Pages/Auth/Login.razor.rz.scp.css */
.div-container[b-ruxx7fq8as] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-left: 10px;
    background: #F2F4F8;
    border-left: 10px solid #FFFFFF;
}

.div-main[b-ruxx7fq8as] {
    min-height: 405px;
    min-width: 560px;
    box-sizing: border-box;
}

.div-title[b-ruxx7fq8as] {
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0.014px;
    color: #485764;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 52px;
}

.input-group[b-ruxx7fq8as] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 46px;
}

.input-group[b-ruxx7fq8as]  .ant-input {
    border-radius: 3px;
    padding-left: 16px;
    background: #FFFFFF;
    min-width: 448px;
    min-height: 40px;
}

.input-group[b-ruxx7fq8as]  .ant-input-affix-wrapper {
    padding-left: 16px !important;
}

.input-group :is(a)[b-ruxx7fq8as] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.input-group[b-ruxx7fq8as]  .ant-form-item-control-input-content {
    display: flex;
    justify-content: center;
    border-radius: 3px;
}

.input-group[b-ruxx7fq8as]  .ant-form-item-control-input-content button {
    background: #4392BB;
    min-width: 120px;
    min-height: 40px;
    color: #FFFFFF;
    border-radius: 3px;
}

.error-message[b-ruxx7fq8as] {
    color: #ff4d4f;
    font-size: 14px;
    margin-bottom: 8px;
}

.success-message[b-ruxx7fq8as] {
    color: #52c41a;
    font-size: 14px;
    margin-bottom: 16px;
    padding: 10px 16px;
    background-color: #f6ffed;
    border: 1px solid #b7eb8f;
    border-radius: 4px;
}

.spacer[b-ruxx7fq8as] {
    height: 16px;
}

.form-item button[type="submit"][b-ruxx7fq8as] {
    display: block;
    margin: 0 auto;
    background: #4392BB;
    border-radius: 3px;
    border: 0px;
    min-width: 120px;
    min-height: 40px;
}

/* _content/BlazorTest/Components/Pages/Dashboard.razor.rz.scp.css */
.div-container[b-qooc6cyrz4] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

.div-header[b-qooc6cyrz4] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-qooc6cyrz4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.form-item[b-qooc6cyrz4] {
    display: flex;
    flex-direction: column;
}

.form-label[b-qooc6cyrz4] {
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}

.form-buttons[b-qooc6cyrz4] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 12px;
}

[b-qooc6cyrz4] .btn-search {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

[b-qooc6cyrz4] .btn-search:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-qooc6cyrz4] .btn-clear {
    background-color: #FFFFFF !important;
    border-color: #F4F4F4 !important;
    border: 0.5px solid #D6D6D6 !important;
    border-radius: 3px !important;
    min-width: 72px !important;
    min-height: 30px !important;
    color: #EB5757 !important;
}

[b-qooc6cyrz4] .btn-clear:hover {
    background-color: #F5F5F5 !important;
}

.table-container[b-qooc6cyrz4] {
    margin-top: 5px;
    background: #FFFFFF;
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-qooc6cyrz4] .ant-table-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-qooc6cyrz4] .ant-spin-nested-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-qooc6cyrz4] .ant-spin-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-qooc6cyrz4] .ant-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-qooc6cyrz4] .ant-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

[b-qooc6cyrz4] .ant-table-content {
    flex: 1;
    max-height: calc(100vh - 175px) !important;
    overflow-y: auto !important;
    min-height: 0;
}

[b-qooc6cyrz4] .ant-table-thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fafafa;
    padding: 5px 14px !important;
    text-align: start !important;
}

[b-qooc6cyrz4] .ant-table-tbody>tr>td {
    padding: 10px 14px !important;
    text-align: start !important;
}

.table-header[b-qooc6cyrz4] {
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    background: #F2F6FF;
}

.table-header-left[b-qooc6cyrz4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    gap: 20px;
}

.table-title[b-qooc6cyrz4] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-qooc6cyrz4] .btn-add {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 95px !important;
    min-height: 32px !important;
}

[b-qooc6cyrz4] .btn-add:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-qooc6cyrz4] .btn-add .anticon {
    color: #FFFFFF !important;
}

[b-qooc6cyrz4] .ant-select-selector {
    min-width: 78px !important;
    min-height: 32px !important;
}

.table-header-right[b-qooc6cyrz4] {
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

table-tbody>tr .page-size-label[b-qooc6cyrz4] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-qooc6cyrz4] .ant-table-column-title {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-qooc6cyrz4] .ant-table-pagination.ant-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

[b-qooc6cyrz4] .ant-table-tbody>tr:hover>td {
    background-color: #7BB6D6 !important;
    color: #FFFFFF !important;
    cursor: pointer;
}

[b-qooc6cyrz4] .ant-table-tbody>tr:nth-child(even) {
    background: #F9FCFF;
}

[b-qooc6cyrz4] .ant-table-tbody>tr:nth-child(odd) {
    background: #FFFFFF;
}
/* _content/BlazorTest/Components/Pages/Department/DepartmentDashboard.razor.rz.scp.css */
.div-container[b-vnimcw5k0n] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

.table-container[b-vnimcw5k0n] {
    margin-top: 5px;
    background: #FFFFFF;
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.div-header[b-vnimcw5k0n] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-vnimcw5k0n] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.table-header[b-vnimcw5k0n] {
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    flex-shrink: 0;
    background: #F2F6FF;
    position: relative;
    z-index: 3;
}

[b-vnimcw5k0n] .ant-table-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-vnimcw5k0n] .ant-spin-nested-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-vnimcw5k0n] .ant-spin-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-vnimcw5k0n] .ant-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-vnimcw5k0n] .ant-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-vnimcw5k0n] .ant-table-content {
    flex: 1;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
}

[b-vnimcw5k0n] .ant-table-thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fafafa;
    padding: 3px 14px !important;
    text-align: start !important;
    height: 38px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.014px !important;
}

[b-vnimcw5k0n] .ant-table-tbody>tr>td {
    padding: 3px 14px !important;
    text-align: start !important;
    height: 38px !important;
}

[b-vnimcw5k0n] .ant-table-tbody>tr:nth-child(even) {
    background: #F9FCFF;
}

[b-vnimcw5k0n] .ant-table-tbody>tr:nth-child(odd) {
    background: #FFFFFF;
}

.table-header-left[b-vnimcw5k0n] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    gap: 20px;
}

.table-title[b-vnimcw5k0n] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-vnimcw5k0n] .btn-add {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 95px !important;
    min-height: 32px !important;
}

[b-vnimcw5k0n] .btn-add:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-vnimcw5k0n] .btn-add .anticon {
    color: #FFFFFF !important;
}

[b-vnimcw5k0n] .ant-select-selector {
    min-width: 78px !important;
    min-height: 32px !important;
}

.form-buttons[b-vnimcw5k0n] {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

[b-vnimcw5k0n] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    width: 90px !important;
    min-height: 30px !important;
}

[b-vnimcw5k0n] .btn-delete:hover {
    background-color: #C93F3F !important;
    border-color: #C93F3F !important;
}

[b-vnimcw5k0n] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 100px !important;
    min-height: 30px !important;
}

    [b-vnimcw5k0n] .btn-save:hover {
        background-color: #367a9e !important;
        border-color: #367a9e !important;
    }

    [b-vnimcw5k0n] .btn-save:disabled {
        background-color: #A6D1E7 !important;
        border-color: #A6D1E7 !important;
        color: #FFFFFF !important;
        cursor: not-allowed !important;
    }

[b-vnimcw5k0n] .btn-cancel {
    font-weight: 500 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    border-radius: 3px !important;
    width: 90px !important;
    min-height: 30px !important;
    color: #FF3B30 !important;
}

[b-vnimcw5k0n] .btn-cancel:hover {
    background-color: #F5F5F5 !important;
}

.required-asterisk[b-vnimcw5k0n] {
    color: red;
    font-weight: bold;
}
/* _content/BlazorTest/Components/Pages/ImportExport/ImportExport.razor.rz.scp.css */
.div-all[b-x2s47f0hyv] {
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    border-top: 15px solid #F4F4F4;
    border-right: 39px solid #F4F4F4;
    border-bottom: 4px solid #F4F4F4;
    border-left: 39px solid #F4F4F4;
    padding-top: 15px;
    padding-right: 39px;
    padding-bottom: 4px;
    display: flex;
    flex-direction: column;
}

.div-container[b-x2s47f0hyv] {
    min-height: 270px;
    width: 100%;
    max-width: 100%;
    margin: 10px 29px auto 20px;
    box-sizing: border-box;
}

.div-header[b-x2s47f0hyv] {
    min-height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.span-return[b-x2s47f0hyv] {
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.014px;
    color: #4392BB;
    margin-left: 4px;
}

.form-buttons[b-x2s47f0hyv] {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

[b-x2s47f0hyv] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

[b-x2s47f0hyv] .btn-delete:hover {
    background-color: #C93F3F !important;
    border-color: #C93F3F !important;
}

[b-x2s47f0hyv] .btn-delete:disabled {
    background-color: #FFC3C3 !important;
    border-color: #FFC3C3 !important;
    color: #FFFFFF !important;
}

[b-x2s47f0hyv] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

[b-x2s47f0hyv] .btn-save:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-x2s47f0hyv] .btn-save:disabled {
    background-color: #7ABAFF !important;
    border-color: #7ABAFF !important;
    color: #FFFFFF !important;
}

.import-container[b-x2s47f0hyv] {
    min-height: 184px;
    border: 0.5px dashed #4392BB;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.014px;
    color: #4392BB;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.import-container span[b-x2s47f0hyv] {
    margin-top: 10px;
}

.import-container[b-x2s47f0hyv]  .file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-info[b-x2s47f0hyv] {
    margin-top: 10px;
    color: #CA1C1C;
}

[b-x2s47f0hyv] .btn-ok {
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
}

.file-input-hidden[b-x2s47f0hyv] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

.upload-button-label[b-x2s47f0hyv] {
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
}

.upload-button-label[b-x2s47f0hyv]  .ant-btn {
    pointer-events: none;
}

.div-btn-upload[b-x2s47f0hyv] {
    display: flex;
    justify-content: center;
}

.navigation-overlay[b-x2s47f0hyv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

[b-x2s47f0hyv] .navigation-overlay .ant-spin {
    color: #ffffff;
}

[b-x2s47f0hyv] .navigation-overlay .ant-spin-text {
    color: #ffffff;
    margin-top: 8px;
}
/* _content/BlazorTest/Components/Pages/Logistic/Arrival.razor.rz.scp.css */
.div-container[b-enxp15xk1b] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

.div-header[b-enxp15xk1b] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-enxp15xk1b] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.form-item[b-enxp15xk1b] {
    display: flex;
    flex-direction: column;
}

.form-label[b-enxp15xk1b] {
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}


.form-buttons-2[b-enxp15xk1b] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 12px;
}

[b-enxp15xk1b] .btn-search {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

[b-enxp15xk1b] .btn-search:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-enxp15xk1b] .btn-clear {
    background-color: #FFFFFF !important;
    border-color: #F4F4F4 !important;
    border: 0.5px solid #D6D6D6 !important;
    border-radius: 3px !important;
    min-width: 72px !important;
    min-height: 30px !important;
    color: #EB5757 !important;
}

[b-enxp15xk1b] .btn-clear:hover {
    background-color: #F5F5F5 !important;
}

.table-container[b-enxp15xk1b] {
    margin-top: 5px;
    background: #FFFFFF;
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-enxp15xk1b] .ant-table-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-enxp15xk1b] .ant-spin-nested-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-enxp15xk1b] .ant-spin-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-enxp15xk1b] .ant-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-enxp15xk1b] .ant-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

[b-enxp15xk1b] .ant-table-content {
    flex: 1;
    max-height: calc(100vh - 240px) !important;
    overflow-y: auto !important;
    min-height: 0;
}

[b-enxp15xk1b] .ant-table-thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fafafa;
    padding: 5px 14px !important;
    text-align: start !important;
    color: #343A3F !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.014px !important;
}

[b-enxp15xk1b] .ant-table-tbody>tr>td {
    padding: 4px 14px !important;
    height: 38px !important;
    text-align: start !important;
}

.table-header[b-enxp15xk1b] {
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    background: #F2F6FF;
}

.table-header-left[b-enxp15xk1b] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    gap: 20px;
}

.table-title[b-enxp15xk1b] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-enxp15xk1b] .btn-add {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 95px !important;
    min-height: 32px !important;
}

[b-enxp15xk1b] .btn-add:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-enxp15xk1b] .btn-add .anticon {
    color: #FFFFFF !important;
}

[b-enxp15xk1b] .ant-select-selector {
    min-width: 78px !important;
    min-height: 32px !important;
}

.table-header-right[b-enxp15xk1b] {
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

table-tbody>tr .page-size-label[b-enxp15xk1b] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-enxp15xk1b] .ant-table-column-title {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-enxp15xk1b] .ant-table-pagination.ant-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    margin-top: 6px !important;
}

[b-enxp15xk1b] .ant-table-tbody>tr:hover>td {
    background-color: #7BB6D6 !important;
    color: #FFFFFF !important;
}

[b-enxp15xk1b] .ant-table-tbody>tr:nth-child(even) {
    background: #F9FCFF;
}

[b-enxp15xk1b] .ant-table-tbody>tr:nth-child(odd) {
    background: #FFFFFF;
}

.form-buttons[b-enxp15xk1b] {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

[b-enxp15xk1b] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    width: 90px !important;
    min-height: 30px !important;
}

[b-enxp15xk1b] .btn-delete:hover {
    background-color: #C93F3F !important;
    border-color: #C93F3F !important;
}

[b-enxp15xk1b] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 90px !important;
    min-height: 30px !important;
}

[b-enxp15xk1b] .btn-save:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-enxp15xk1b] .btn-cancel {
    font-weight: 500 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    border-radius: 3px !important;
    width: 90px !important;
    min-height: 30px !important;
    color: #FF3B30 !important;
}

[b-enxp15xk1b] .btn-cancel:hover {
    background-color: #F5F5F5 !important;
}

[b-enxp15xk1b] .ant-table-thead>tr>th.numeric-col {
    text-align: end !important;
}

[b-enxp15xk1b] .ant-table-tbody>tr>td.numeric-col {
    text-align: end !important;
}

.search-icon[b-enxp15xk1b] {
    cursor: pointer;
}
/* _content/BlazorTest/Components/Pages/Logistic/LogisticsDashboard.razor.rz.scp.css */
.div-container[b-kst345r6md] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

[b-kst345r6md] .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
    border: 1px solid #D6D6D6 !important;
    color: #9F9F9F !important;
    width: 146px !important;
    background: #FAFAFA !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

[b-kst345r6md] .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
    border-top: 4px solid #4392BB !important;
    background: #FFFFFF !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

[b-kst345r6md] .ant-tabs-nav-wrap {
    background: #FFFFFF !important;
}
/* _content/BlazorTest/Components/Pages/Logistic/Product.razor.rz.scp.css */
.div-container[b-x32zy43bt4] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

.table-container[b-x32zy43bt4] {
    margin-top: 5px;
    background: #FFFFFF;
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.div-header[b-x32zy43bt4] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-x32zy43bt4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.table-header[b-x32zy43bt4] {
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    flex-shrink: 0;
    background: #F2F6FF;
    position: relative;
    z-index: 3;
}

[b-x32zy43bt4] .ant-table-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-x32zy43bt4] .ant-spin-nested-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-x32zy43bt4] .ant-spin-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-x32zy43bt4] .ant-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-x32zy43bt4] .ant-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-x32zy43bt4] .ant-table-content {
    flex: 1;
    max-height: calc(100vh - 183px) !important;
    overflow-y: auto !important;
}

[b-x32zy43bt4] .ant-table-thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fafafa;
    padding: 3px 14px !important;
    text-align: start !important;
    height: 38px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.014px !important;
}

[b-x32zy43bt4] .ant-table-tbody>tr>td {
    padding: 3px 14px !important;
    text-align: start !important;
    height: 38px !important;
}

[b-x32zy43bt4] .ant-table-tbody>tr:nth-child(even) {
    background: #F9FCFF;
}

[b-x32zy43bt4] .ant-table-tbody>tr:nth-child(odd) {
    background: #FFFFFF;
}

.table-header-left[b-x32zy43bt4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    gap: 20px;
}

.table-title[b-x32zy43bt4] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-x32zy43bt4] .btn-add {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 95px !important;
    min-height: 32px !important;
}

[b-x32zy43bt4] .btn-add:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-x32zy43bt4] .btn-add .anticon {
    color: #FFFFFF !important;
}

[b-x32zy43bt4] .ant-select-selector {
    min-width: 78px !important;
    min-height: 32px !important;
}

.form-buttons[b-x32zy43bt4] {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

[b-x32zy43bt4] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    width: 90px !important;
    min-height: 30px !important;
}

[b-x32zy43bt4] .btn-delete:hover {
    background-color: #C93F3F !important;
    border-color: #C93F3F !important;
}

[b-x32zy43bt4] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 90px !important;
    min-height: 30px !important;
}

[b-x32zy43bt4] .btn-save:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

[b-x32zy43bt4] .btn-cancel {
    font-weight: 500 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    border-radius: 3px !important;
    width: 90px !important;
    min-height: 30px !important;
    color: #FF3B30 !important;
}

[b-x32zy43bt4] .btn-cancel:hover {
    background-color: #F5F5F5 !important;
}

.required-asterisk[b-x32zy43bt4] {
    color: red;
    font-weight: bold;
}

.status-badge[b-x32zy43bt4] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    min-width: 35px;
    line-height: 18px;
}

.status-badge.active[b-x32zy43bt4] {
    background-color: #F6FFED;
    color: #52C41A;
}

.status-badge.inactive[b-x32zy43bt4] {
    background-color: #FFF1F0;
    color: #F5222D;
}

[b-x32zy43bt4] .ant-table-thead > tr > th.numeric-col {
    text-align: end !important;
}

[b-x32zy43bt4] .ant-table-tbody > tr > td.numeric-col {
    text-align: end !important;
}

.div-header[b-x32zy43bt4] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-x32zy43bt4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.form-item[b-x32zy43bt4] {
    display: flex;
    flex-direction: column;
}

.form-label[b-x32zy43bt4] {
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}


.form-buttons-2[b-x32zy43bt4] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 12px;
}

[b-x32zy43bt4] .btn-search {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

    [b-x32zy43bt4] .btn-search:hover {
        background-color: #367a9e !important;
        border-color: #367a9e !important;
    }

[b-x32zy43bt4] .btn-clear {
    background-color: #FFFFFF !important;
    border-color: #F4F4F4 !important;
    border: 0.5px solid #D6D6D6 !important;
    border-radius: 3px !important;
    min-width: 72px !important;
    min-height: 30px !important;
    color: #EB5757 !important;
}

    [b-x32zy43bt4] .btn-clear:hover {
        background-color: #F5F5F5 !important;
    }
.search-icon[b-x32zy43bt4] {
    cursor: pointer;
}

.table-header-right[b-x32zy43bt4] {
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

table-tbody > tr .page-size-label[b-x32zy43bt4] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-x32zy43bt4] .ant-table-pagination.ant-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    margin-top: 6px !important;
}

[b-x32zy43bt4] .ant-table-tbody > tr:hover > td {
    background-color: #7BB6D6 !important;
    color: #FFFFFF !important;
}
/* _content/BlazorTest/Components/Pages/Logistic/Shipping.razor.rz.scp.css */
.div-container[b-ciptuiw6mx] {
    height: 100%;
    width: 100%;
    background: #F4F4F4;
    padding: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
}

.div-header[b-ciptuiw6mx] {
    min-height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 16px;
    flex-shrink: 0;
    overflow: visible;
}

.search-form[b-ciptuiw6mx] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
}

.form-item[b-ciptuiw6mx] {
    display: flex;
    flex-direction: column;
}

.form-label[b-ciptuiw6mx] {
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}


.form-buttons-2[b-ciptuiw6mx] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 12px;
}

[b-ciptuiw6mx] .btn-search {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 72px !important;
    min-height: 30px !important;
}

    [b-ciptuiw6mx] .btn-search:hover {
        background-color: #367a9e !important;
        border-color: #367a9e !important;
    }

[b-ciptuiw6mx] .btn-clear {
    background-color: #FFFFFF !important;
    border-color: #F4F4F4 !important;
    border: 0.5px solid #D6D6D6 !important;
    border-radius: 3px !important;
    min-width: 72px !important;
    min-height: 30px !important;
    color: #EB5757 !important;
}

    [b-ciptuiw6mx] .btn-clear:hover {
        background-color: #F5F5F5 !important;
    }

.table-container[b-ciptuiw6mx] {
    margin-top: 5px;
    background: #FFFFFF;
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-ciptuiw6mx] .ant-table-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-ciptuiw6mx] .ant-spin-nested-loading {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-ciptuiw6mx] .ant-spin-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-ciptuiw6mx] .ant-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

[b-ciptuiw6mx] .ant-table-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

[b-ciptuiw6mx] .ant-table-content {
    flex: 1;
    max-height: calc(100vh - 240px) !important;
    overflow-y: auto !important;
    min-height: 0;
}

[b-ciptuiw6mx] .ant-table-thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fafafa;
    padding: 5px 14px !important;
    text-align: start !important;
    color: #343A3F !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.014px !important;
}

[b-ciptuiw6mx] .ant-table-tbody > tr > td {
    padding: 4px 14px !important;
    height: 38px !important;
    text-align: start !important;
}

.table-header[b-ciptuiw6mx] {
    display: flex;
    justify-content: space-between;
    min-height: 46px;
    background: #F2F6FF;
}

.table-header-left[b-ciptuiw6mx] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    gap: 20px;
}

.table-title[b-ciptuiw6mx] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-ciptuiw6mx] .btn-add {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 95px !important;
    min-height: 32px !important;
}

    [b-ciptuiw6mx] .btn-add:hover {
        background-color: #367a9e !important;
        border-color: #367a9e !important;
    }

    [b-ciptuiw6mx] .btn-add .anticon {
        color: #FFFFFF !important;
    }

[b-ciptuiw6mx] .ant-select-selector {
    min-width: 78px !important;
    min-height: 32px !important;
}

.table-header-right[b-ciptuiw6mx] {
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

table-tbody > tr .page-size-label[b-ciptuiw6mx] {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-ciptuiw6mx] .ant-table-column-title {
    color: #343A3F;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014px;
}

[b-ciptuiw6mx] .ant-table-pagination.ant-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    margin-top: 6px !important;
}

[b-ciptuiw6mx] .ant-table-tbody > tr:hover > td {
    background-color: #7BB6D6 !important;
    color: #FFFFFF !important;
}

[b-ciptuiw6mx] .ant-table-tbody > tr:nth-child(even) {
    background: #F9FCFF;
}

[b-ciptuiw6mx] .ant-table-tbody > tr:nth-child(odd) {
    background: #FFFFFF;
}

.form-buttons[b-ciptuiw6mx] {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

[b-ciptuiw6mx] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    width: 90px !important;
    min-height: 30px !important;
}

    [b-ciptuiw6mx] .btn-delete:hover {
        background-color: #C93F3F !important;
        border-color: #C93F3F !important;
    }

[b-ciptuiw6mx] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 90px !important;
    min-height: 30px !important;
}

    [b-ciptuiw6mx] .btn-save:hover {
        background-color: #367a9e !important;
        border-color: #367a9e !important;
    }

[b-ciptuiw6mx] .btn-cancel {
    font-weight: 500 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    border-radius: 3px !important;
    width: 90px !important;
    min-height: 30px !important;
    color: #FF3B30 !important;
}

    [b-ciptuiw6mx] .btn-cancel:hover {
        background-color: #F5F5F5 !important;
    }

[b-ciptuiw6mx] .ant-table-thead > tr > th.numeric-col {
    text-align: end !important;
}

[b-ciptuiw6mx] .ant-table-tbody > tr > td.numeric-col {
    text-align: end !important;
}

.search-icon[b-ciptuiw6mx] {
    cursor: pointer;
}
/* _content/BlazorTest/Components/Pages/User/UserDialog.razor.rz.scp.css */
.div-form-item[b-82sw7nbsfd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.form-buttons[b-82sw7nbsfd] {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-left: 12px;
    justify-content: center;
    margin-top: auto;
}

[b-82sw7nbsfd] .btn-delete {
    background-color: #EB5757 !important;
    border-color: #EB5757 !important;
    width: 100px !important;
    min-height: 30px !important;
}

[b-82sw7nbsfd] .btn-delete:hover {
    background-color: #C93F3F !important;
    border-color: #C93F3F !important;
}

[b-82sw7nbsfd] .btn-save {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 100px !important;
    min-height: 30px !important;
}

[b-82sw7nbsfd] .btn-save:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

    [b-82sw7nbsfd] .btn-save:disabled {
        background-color: #A6D1E7 !important;
        border-color: #A6D1E7 !important;
        color: #FFFFFF !important;
        cursor: not-allowed !important;
    }

[b-82sw7nbsfd] .btn-cancel {
    font-weight: 500 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    border-radius: 3px !important;
    width: 100px !important;
    min-height: 30px !important;
    color: #FF3B30 !important;
}

[b-82sw7nbsfd] .btn-cancel:hover {
    background-color: #F5F5F5 !important;
}

.required-asterisk[b-82sw7nbsfd] {
    color: red;
    margin-left: 4px;
    font-weight: bold;
}

.required-color[b-82sw7nbsfd] {
    display: flex;
    justify-content: center;
    gap: 0px;
}
/* _content/BlazorTest/Components/Shared/DialogConfirmCustom/ConfirmDialog.razor.rz.scp.css */
/* Modal Header - Blue color */
[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-header {
    background: #4392BB !important;
    border-bottom: none !important;
    padding: 12px 24px !important;
}

[b-f8kgyb41a6] .confirm-dialog-modal .anticon-close {
    color: white !important;
}

/* White Title */
[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-title {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* White Close Button (X) */
[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-close {
    color: #FFFFFF !important;
}

[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-close:hover {
    color: #FFFFFF !important;
    opacity: 0.8;
}

/* Body content */
[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-body {
    padding: 30px 24px !important;
    text-align: center;
}

/* Border radius for modal */
[b-f8kgyb41a6] .confirm-dialog-modal .ant-modal-content {
    border-radius: 4px !important;
    overflow: hidden;
}

/* Message text */
.dialog-message[b-f8kgyb41a6] {
    margin: 0 0 24px 0;
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}

/* Footer buttons container */
.dialog-footer[b-f8kgyb41a6] {
    display: flex;
    justify-content: center;
    gap: 16px;
}

/* OK button - Blue */
[b-f8kgyb41a6] .btn-dialog-confirm {
    width: 100px !important;
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    color: #FFFFFF !important;
    border-radius: 3px !important;
}

[b-f8kgyb41a6] .btn-dialog-confirm:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

/* Cancel button - Red border, red text */
[b-f8kgyb41a6] .btn-dialog-cancel {
    width: 100px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FF3B30 !important;
    color: #FF3B30 !important;
    border-radius: 3px !important;
}

[b-f8kgyb41a6] .btn-dialog-cancel:hover {
    background-color: #FFF5F5 !important;
    border-color: #FF3B30 !important;
    color: #FF3B30 !important;
}

/* Error mode styles */
[b-f8kgyb41a6] .confirm-dialog-modal.error-mode .ant-modal-header {
    background: #FF3B30 !important;
}

[b-f8kgyb41a6] .confirm-dialog-modal.error-mode .btn-dialog-confirm {
    background-color: #FF3B30 !important;
    border-color: #FF3B30 !important;
}

[b-f8kgyb41a6] .confirm-dialog-modal.error-mode .btn-dialog-confirm:hover {
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
}

.confirm-dialog-modal.error-mode .dialog-message[b-f8kgyb41a6] {
    color: #FF3B30 !important;
}
/* _content/BlazorTest/Components/Shared/PopupSearchCommon/PopupSearch.razor.rz.scp.css */
.search-container[b-ngyajk2sbb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-header[b-ngyajk2sbb] {
    display: flex;
    align-items: center;
}

.search-label[b-ngyajk2sbb] {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.search-input-area[b-ngyajk2sbb] {
    display: flex;
    gap: 8px;
    width: 100%;
}

.search-input[b-ngyajk2sbb] {
    flex: 1;
}

[b-ngyajk2sbb] .btn-search {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    min-width: 80px;
}

[b-ngyajk2sbb] .btn-search:hover {
    background-color: #367a9e !important;
    border-color: #367a9e !important;
}

.result-info[b-ngyajk2sbb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 8px;
    padding-bottom: 8px;
}

.result-title[b-ngyajk2sbb] {
    color: #4392BB;
    font-weight: bold;
    font-size: 14px;
}

.result-count[b-ngyajk2sbb] {
    color: #888;
    font-size: 12px;
}

.table-wrapper[b-ngyajk2sbb] {
    min-height: 200px;
}

.modal-footer-custom[b-ngyajk2sbb] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

[b-ngyajk2sbb] .btn-ok {
    background-color: #4392BB !important;
    border-color: #4392BB !important;
    width: 120px;
}

/* Custom Modal Styles to match Screenshot */
[b-ngyajk2sbb] .custom-search-modal .ant-modal-header {
    background-color: #4392BB !important;
    padding: 16px 24px;
}

[b-ngyajk2sbb] .custom-search-modal .ant-modal-title {
    color: #FFFFFF !important;
}

[b-ngyajk2sbb] .custom-search-modal .ant-modal-close-x {
    color: #FFFFFF !important;
}

/* Table Styles */
[b-ngyajk2sbb] .ant-table-thead>tr>th {
    background: #FAFAFA;
    font-weight: bold;
}

[b-ngyajk2sbb] .ant-table-tbody>tr:nth-child(even) {
    background-color: #F8FBFE;
    /* Light blue tint */
}

[b-ngyajk2sbb] .ant-table-tbody>tr.selected-row>td {
    background-color: #E6F7FF !important;
}