/* _content/IWM/Common/Components/CommonTooltip.razor.rz.scp.css */

/* _content/IWM/Pages/Auth/Login.razor.rz.scp.css */
.login[b-0jnpw2seu4] {
    margin: 0;
    padding: 0;
    background: #E0EFFF;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .login .login-container[b-0jnpw2seu4] {
        padding: 20px;
        width: 560px;
        height: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 2px 16px #3574b133;
    }
        .login .login-container .login-title[b-0jnpw2seu4] {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            width: 100%;
            color: #4392BB;
        }
.login .login-container .login-title img[b-0jnpw2seu4]{
    width: 91px;
    height: 44px;
}
            .login .login-container .login-title span[b-0jnpw2seu4] {
                font-size: 32px;
                font-weight: bold;
                /*color: #485764;*/
            }

.login .login-container .login-form[b-0jnpw2seu4]{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
[b-0jnpw2seu4] .form-item-input-custom{
/*    margin-bottom: 10px;*/
            }
[b-0jnpw2seu4] .input-user-code {
    width: 450px;
    padding-right: 10px;
    height: 40px;
    margin-bottom: 8px;
}
[b-0jnpw2seu4] .input-password {
    width: 450px;
    padding-right: 10px;
    height: 40px;
    margin-bottom: 8px;
    margin-top: 5px;
}
[b-0jnpw2seu4] .input-password .ant-input{
   height: 100%;
}
[b-0jnpw2seu4] .input-user-code .ant-input{
   height: 100%;
}
[b-0jnpw2seu4] .button-login {
    display: flex;
    justify-content: center;
    gap:44px;
    /*align-items: center;
    justify-content: center;
    padding-top: 20px;*/
}
[b-0jnpw2seu4] .button-cus {
    background-color: #4392bb;
    border: #4392bb;
    width:140px;
    height: 40px;
}

.flex-container[b-0jnpw2seu4] {
    display: flex;
    background-color: DodgerBlue;
}

[b-0jnpw2seu4].input-user-code:hover {
    background-color: #f0f0f0; /* Màu nền khi hover */
    border-color: #4CAF50; /* Màu viền khi hover */
}

[b-0jnpw2seu4] .hidden-error .ant-form-item-control .ant-form-item-explain {
    display: none;
}
[b-0jnpw2seu4] .hidden-error .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
    border-color: #40a9ff;
    box-shadow: none;
}
/* _content/IWM/Pages/Operator/Inventory/Inventory.razor.rz.scp.css */
.inventory[b-dwt9ojjr3i] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}
    .inventory .inventory-header[b-dwt9ojjr3i] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }
        .inventory .inventory-header .header-left[b-dwt9ojjr3i] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }
            .inventory .inventory-header .header-left .v-text-active[b-dwt9ojjr3i] {
                font-size: 16px;
                font-weight: 600;
                color: #0E3719;
            }
            .inventory .inventory-header .header-left .v-text-parent[b-dwt9ojjr3i] {
                font-size: 16px;
                font-weight: 600;
                color: #878D96;
            }
        .inventory .inventory-header .header-right[b-dwt9ojjr3i] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .inventory .inventory-search-group[b-dwt9ojjr3i] {
        height: 80px;
        min-height: 80px;
        transition: 0.2s;
        overflow: hidden;
        padding-top: 5px;
    }
        .inventory .inventory-search-group .search-container[b-dwt9ojjr3i] {
            background-color: #fff;
            padding: 10px;
            border: 0.5px solid #c7bbbb;
            height: 100%;
        }

.img-page-disable[b-dwt9ojjr3i] {
    pointer-events: none;
    opacity: 0.5;
}
.total-length[b-dwt9ojjr3i] {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: auto;
    gap: 10px;
}

    .total-length span[b-dwt9ojjr3i] {
        font-weight: 400;
        color: #004085;
        font-size: 20px
    }

.group-button-not-advance-search[b-dwt9ojjr3i] {
    padding: 20px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
    padding-bottom: 0!important;
}

.grid-template-search[b-dwt9ojjr3i] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
}
    .grid-template-search .group-item[b-dwt9ojjr3i] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 35px;
        overflow: hidden;
    }

        .grid-template-search .group-item .v-item-custom[b-dwt9ojjr3i] {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
        }

    .grid-template-search .group-button[b-dwt9ojjr3i] {
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        flex: 1;
    }

        .grid-template-search .group-button .v-group-collapse[b-dwt9ojjr3i] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            cursor: pointer;
            gap: 5px;
        }

            .grid-template-search .group-button .v-group-collapse:hover[b-dwt9ojjr3i] {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                cursor: pointer;
                gap: 5px;
                opacity: 0.5;
            }

            .grid-template-search .group-button .v-group-collapse .advance-search-css[b-dwt9ojjr3i] {
                font-weight: 600;
                font-size: 16px;
                line-height: 15px;
                text-decoration-line: underline;
                color: #005DC2;
            }

.inventory-content[b-dwt9ojjr3i] {
    height: 100%;
    overflow: hidden;
}
    .inventory-content .inventory-container[b-dwt9ojjr3i] {
        padding: 5px 0 0 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
        height: 100%;
        overflow: hidden;
    }
.ant-table-inventory-custom[b-dwt9ojjr3i] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}

.table-wrapper[b-dwt9ojjr3i] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-dwt9ojjr3i] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}

.v-text-search[b-dwt9ojjr3i] {
    font-size: 14px;
    font-weight: 600;
}

[b-dwt9ojjr3i] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-dwt9ojjr3i] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-dwt9ojjr3i], .button-download-csv[disabled]:focus[b-dwt9ojjr3i], .button-download-csv[disabled]:hover[b-dwt9ojjr3i] {
        color: #005DC2;
        border-color: inherit;
        background: #E0EFFF !important;
    }

    [b-dwt9ojjr3i] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-dwt9ojjr3i] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-dwt9ojjr3i] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }
[b-dwt9ojjr3i] .icon-search-inventory {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.display-none[b-dwt9ojjr3i] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}
[b-dwt9ojjr3i] .cell-master-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

    [b-dwt9ojjr3i] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.ant-table-inventory-master-custom[b-dwt9ojjr3i] {
    height: calc(100% - 57px) !important;
}

[b-dwt9ojjr3i] .ant-table-tbody tr.row-warning td {
    background-color: #FFE7E6;
}

[b-dwt9ojjr3i] .ant-table-inventory-master-custom .ant-table-tbody tr:nth-child(n) td {
    border-bottom: 0.1px solid #ccc;
}

.page-size[b-dwt9ojjr3i] {
    margin-left: auto;
}

    .page-size span[b-dwt9ojjr3i] {
        font-size: 12px;
        font-weight: 600;
    }
[b-dwt9ojjr3i] .w-80 {
    width: 80px;
}
[b-dwt9ojjr3i] .padding-header {
    padding-right: 25px !important;
}

[b-dwt9ojjr3i] .text-padding-right-normal {
    padding-right: 40px !important;
}

[b-dwt9ojjr3i] .text-padding-right {
    padding-right: 32px !important;
}

[b-dwt9ojjr3i] .text-padding-right-wide {
    padding-right: 55px !important;
}
[b-dwt9ojjr3i] .header-custom {
    cursor: pointer;
}
.cell-container[b-dwt9ojjr3i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inv-value[b-dwt9ojjr3i] {
    text-align: right;
    flex: 1;
}
.unit-value[b-dwt9ojjr3i] {
    text-align: left;
    margin-left: 6px;
    white-space: nowrap;
    width: 38px;
}

/* check box*/
[b-dwt9ojjr3i] .custom-checkbox .ant-checkbox-inner {
    border-color: #289744 !important;
}
[b-dwt9ojjr3i] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner {
    border-color: #289744 !important;
    background-color: #fff;
    border: 2px solid #289744 !important;
}
    [b-dwt9ojjr3i] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner::after {
        border-color: #289744 !important;
    }
    [b-dwt9ojjr3i] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner::before {
        border-color: #289744 !important;
    }
[b-dwt9ojjr3i] .custom-checkbox .ant-checkbox:hover .ant-checkbox-inner {
    border-color: #289744 !important;
}
[b-dwt9ojjr3i] .custom-checkbox.ant-checkbox-checked::after {
    border: 1px solid #289744 !important;
}

/* _content/IWM/Pages/Operator/Inventory/InventoryList.razor.rz.scp.css */
.inventory-list[b-j4pqt3qeln] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
    gap: 5px;
}
    .inventory-list .inventory-header[b-j4pqt3qeln] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }
        .inventory-list .inventory-header .header-left[b-j4pqt3qeln] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }
            .inventory-list .inventory-header .header-left .v-text-active[b-j4pqt3qeln] {
                font-size: 16px;
                font-weight: 600;
                color: #0E3719;
            }
            .inventory-list .inventory-header .header-left .v-text-parent[b-j4pqt3qeln] {
                font-size: 16px;
                font-weight: 600;
                color: #878D96;
            }    

    .inventory-list .inventory-search-group[b-j4pqt3qeln] {
        height: 64px;
        padding: 4px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        background: white;
        border: 0.5px solid #c7bbbb;
    }
        .inventory-list .inventory-search-group .group-back[b-j4pqt3qeln] {
            width: 200px;
            height: 52px;
        }

        .inventory-list .inventory-search-group .group-material-name[b-j4pqt3qeln] {
            background: #F4F4F4;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 0 4px 0 10px;
        }
            .inventory-list .inventory-search-group .group-material-name span[b-j4pqt3qeln] {
                font-size: 24px;
                font-weight: 400;
                color: #004085;
            }
            .inventory-list .inventory-search-group .group-material-name label[b-j4pqt3qeln] {
                font-size: 15px;
                font-weight: 700;
                color: #004085;
            }
[b-j4pqt3qeln] .mat-btn-back-inventory {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #098628 0%, #14BE3F 50%, #098628 100%);
    border-radius: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

    [b-j4pqt3qeln] .mat-btn-back-inventory span {
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
    }

    [b-j4pqt3qeln] .mat-btn-back-inventory img {
        width: 24px;
        height: 24px;
    }

.img-page-disable[b-j4pqt3qeln] {
    pointer-events: none;
    opacity: 0.5;
}

.grid-template-search[b-j4pqt3qeln] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
}
    .grid-template-search .group-item[b-j4pqt3qeln] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 56px;
        overflow: hidden;
    }

        .grid-template-search .group-item .v-item-custom[b-j4pqt3qeln] {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
        }

    .grid-template-search .group-button[b-j4pqt3qeln] {
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        flex: 1;
    }

        .grid-template-search .group-button .v-group-collapse[b-j4pqt3qeln] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            cursor: pointer;
            gap: 5px;
        }

            .grid-template-search .group-button .v-group-collapse:hover[b-j4pqt3qeln] {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                cursor: pointer;
                gap: 5px;
                opacity: 0.5;
            }

            .grid-template-search .group-button .v-group-collapse .advance-search-css[b-j4pqt3qeln] {
                font-weight: 600;
                font-size: 16px;
                line-height: 15px;
                text-decoration-line: underline;
                color: #005DC2;
            }

.inventory-content[b-j4pqt3qeln] {
    height: 100%;
    overflow: hidden;
}
    .inventory-content .inventory-container[b-j4pqt3qeln] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        height: 100%;
        overflow: hidden;
    }
.ant-table-inventory-custom[b-j4pqt3qeln] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}

.table-wrapper[b-j4pqt3qeln] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-j4pqt3qeln] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}

.v-text-search[b-j4pqt3qeln] {
    font-size: 14px;
    font-weight: 600;
}

[b-j4pqt3qeln] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-j4pqt3qeln] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-j4pqt3qeln], .button-download-csv[disabled]:focus[b-j4pqt3qeln], .button-download-csv[disabled]:hover[b-j4pqt3qeln] {
        color: #005DC2;
        border-color: inherit;
        background: #E0EFFF !important;
    }

    [b-j4pqt3qeln] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-j4pqt3qeln] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-j4pqt3qeln] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }
[b-j4pqt3qeln] .icon-search-inventory {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.display-none[b-j4pqt3qeln] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}
[b-j4pqt3qeln] .cell-master-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

    [b-j4pqt3qeln] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
[b-j4pqt3qeln] .cell-master-100 {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

    [b-j4pqt3qeln] .cell-master-100 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
[b-j4pqt3qeln] .cell-master-150 {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}

    [b-j4pqt3qeln] .cell-master-150 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.ant-table-inventory-master-custom[b-j4pqt3qeln] {
    height: calc(100% - 57px) !important;
}

[b-j4pqt3qeln] .ant-table-tbody tr.row-warning td {
    background-color: #FFE7E6;
}
[b-j4pqt3qeln] .ant-table-inventory-master-custom .ant-table-tbody tr:nth-child(n) td {
    border-bottom: 0.1px solid #ccc;
}
.page-size[b-j4pqt3qeln] {
    margin-left: auto;
}

    .page-size span[b-j4pqt3qeln] {
        font-size: 12px;
        font-weight: 600;
    }

[b-j4pqt3qeln] .text-padding-right {
    padding-right: 30px !important;
}
[b-j4pqt3qeln] .un-select-row {
    cursor:default;
}
[b-j4pqt3qeln] .header-custom {
    cursor: pointer;
}
.cell-container[b-j4pqt3qeln] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-value[b-j4pqt3qeln] {
    text-align: right;
    flex: 1;
}

.unit-value[b-j4pqt3qeln] {
    text-align: left;
    margin-left: 6px;
    white-space: nowrap;
}
/* check box*/
[b-j4pqt3qeln] .custom-checkbox .ant-checkbox-inner {
    border-color: #289744 !important;
}
[b-j4pqt3qeln] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner {
    border-color: #289744 !important;
    background-color: #fff;
    border: 2px solid #289744 !important;
}

    [b-j4pqt3qeln] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner::after {
        border-color: #289744 !important;
    }

    [b-j4pqt3qeln] .custom-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner::before {
        border-color: #289744 !important;
    }

[b-j4pqt3qeln] .custom-checkbox .ant-checkbox:hover .ant-checkbox-inner {
    border-color: #289744 !important;
}

[b-j4pqt3qeln] .custom-checkbox.ant-checkbox-checked::after {
    border: 1px solid #289744 !important;
}
/* _content/IWM/Pages/Operator/Master/Coefficient.razor.rz.scp.css */
.master-coefficient[b-jrss40686s] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

.master-coefficient .coefficient-header[b-jrss40686s] {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   height: 48px;
   min-height: 48px;
   padding: 0 16px;
   background-color: #F2F4F8;
   border: 0.5px solid #c7bbbb;
}

.master-coefficient .coefficient-header .header-left[b-jrss40686s] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.master-coefficient .coefficient-header .header-right[b-jrss40686s] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}

.text-opacity[b-jrss40686s] {
    opacity: 0.5;
}

.v-text-active[b-jrss40686s] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.master-coefficient .detail-content[b-jrss40686s] {
    display: inherit;
    overflow: hidden;
    flex-direction: column;
    height: 100%;
    margin-top: 5px;
    border: 0.5px solid #c7bbbb;
}

.master-coefficient .detail-add[b-jrss40686s] {
    display: inherit;
    flex-direction: column;
    height: 360px;
    border: 0.5px solid #c7bbbb;
    background-color: #F5FFF7;
    margin: 15px;
    overflow: hidden;
}

.header-detail[b-jrss40686s] {
    display: flex;
    height: 70px;
    width: 100%;
    padding-top: 11px;
    justify-content: center
}

    .header-detail span[b-jrss40686s] {
        display: flex;
        align-items: center;
        font-size: 24px;
        font-weight: 600;
    }

.detail[b-jrss40686s] {
    display: inherit;
    flex-direction: column;
    gap: 28px;
    margin: 45px;
    height: 100%;
}

.row-1[b-jrss40686s] {
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 13.5px
}

    .row-1 label[b-jrss40686s] {
        font-size: 12px;
        font-weight: 600;
        color: #343A3F;
        min-width: 88px;
        text-align: right
    }

[b-jrss40686s] .input-coefficient .ant-row {
    display: block;
}

[b-jrss40686s] .input-coefficient .ant-form-item-label > label::after {
    display: none;
}

[b-jrss40686s] .input-coefficient .ant-form-item-label > label {
    height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}

[b-jrss40686s] .input-coefficient .ant-form-item-control-input-content .w-60 {
    width: 60px;
}

.input-coefficient[b-jrss40686s] {
    display: inherit;
    gap: 20px;
}

    .input-coefficient .text-plus[b-jrss40686s] {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        color: #485764;
    }

    .input-coefficient .text-percent[b-jrss40686s] {
        margin-left: 5px;
        font-size: 12px;
        font-weight: 400;
        color: #485764;
    }

.row-2[b-jrss40686s] {
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 13.5px;
    margin-top: 28px;
    margin-right: 10px;
}

    .row-2 label[b-jrss40686s] {
        font-size: 12px;
        font-weight: 600;
        color: #343A3F;
        min-width: 98px;
        text-align: right
    }

.row-3[b-jrss40686s] {
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 13.5px;
    margin-top: 28px;
    margin-right: 20px;
}

    .row-3 label[b-jrss40686s] {
        font-size: 12px;
        font-weight: 600;
        color: #343A3F;
        min-width: 108px;
        text-align: right
    }

.group-btn[b-jrss40686s] {
    display: flex;
    justify-content: center;
    gap: 20px;
}

[b-jrss40686s] .w-100 {
    width: 100px !important;
}

[b-jrss40686s] .input-text-custom {
    height: 32px;
    outline: none;
    border-radius: 2px;
    border: 0.5px solid #8D8D8D;
}

    [b-jrss40686s] .input-text-custom:focus,
    [b-jrss40686s] .input-text-custom:focus-visible {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
        border-right-width: 1px;
        outline: 0
    }

    [b-jrss40686s] .input-text-custom:not(:disabled):hover {
        border-color: #40a9ff;
        border-right-width: 1px;
    }

    [b-jrss40686s] .input-text-custom:disabled {
        cursor: no-drop;
    }
.group-coefficient-item[b-jrss40686s] {
    display: flex;
    flex-direction: column;
}
.group-coefficient-item .item-title[b-jrss40686s]{
    font-weight: 600; 
    padding-left: 18px;
}
.group-coefficient-item .item-title-date[b-jrss40686s]{
    font-weight: 600; 
    padding-left: 10px;
}
/* _content/IWM/Pages/Operator/Master/Components/ConfirmDialog.razor.rz.scp.css */
.modal-dialog-confirm[b-pv8zlcjy17] {
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #211f1f57;
	display: flex;
	align-items: center;
	overflow:hidden;
	color: #3D4147;
	transition: 0.3s;
}
/* Modal Content/Box */
.modal-dialog-confirm .modal-content-confirm[b-pv8zlcjy17] {
	background-color: #FFFFFF;
	margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
	width: 480px; /* Could be more or less, depending on screen size */
	height: 200px;
	max-width: 480px;
	position: relative;
	border-radius: 5px;
}

/* The Modal Close Button (x) */
.modal-dialog-confirm .close[b-pv8zlcjy17] {
	position: absolute;
	right: 18px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	cursor: auto;
}
.modal-dialog-confirm .close:hover[b-pv8zlcjy17],
.modal-dialog-confirm .close:focus[b-pv8zlcjy17] {
	color: #e1dada;
	cursor: pointer;
}

.modal-dialog-confirm .title-dialog-confirm[b-pv8zlcjy17] {
	color: white;
    font-size: 16px;
    position: absolute;
    left: 10px;
}
.modal-dialog-confirm .btn-dialog-confirm[b-pv8zlcjy17] {
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 0;
	padding: 0 10px 10px;
	gap: 30px;
}

.modal-dialog-confirm .header-label-confirm[b-pv8zlcjy17] {
	display: flex;
	justify-content: center;
	padding: 0 5px 10px;
	height: 72px;
}

.label-confirm[b-pv8zlcjy17] {
	display:flex;
	align-items: center;
	font-size: 18px;
	text-align: center;
}

.modal-dialog-confirm .header-label-confirm p[b-pv8zlcjy17] {
	text-align: center;
}
.modal-dialog-confirm .icon[b-pv8zlcjy17] {
	display: flex;
	justify-content: center;
	padding: 7px 0 0px 0;
}
.modal-dialog-confirm .icon img[b-pv8zlcjy17] {
	width: 40px;
	height: 40px;
}
.modal-dialog-confirm .header-dialog-confirm[b-pv8zlcjy17] {
	height: 38px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: flex;
	align-items: center
}
/* === modal dialog confirm end === */
/* _content/IWM/Pages/Operator/Master/Components/MaterialMasterAddEditComponent.razor.rz.scp.css */
.material-master-add-edit-container[b-2nuprt6109] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    border: 0.5px solid #c7bbbb;
}
    .material-master-add-edit-container .add-edit-header[b-2nuprt6109] {
        height: 46px;
        background: #002247;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 0.5px solid #c7bbbb;
        padding: 10px;
    }
        .material-master-add-edit-container .add-edit-header span[b-2nuprt6109] {
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            color: #FFFFFF;
            flex: 1;
        }
        .material-master-add-edit-container .add-edit-header img[b-2nuprt6109] {
            width: 24px;
            height: 24px;
            cursor: pointer;
        }
        .material-master-add-edit-container .add-edit-header img:hover[b-2nuprt6109] {
            opacity: 0.5;
        }
    .material-master-add-edit-container .add-edit-content[b-2nuprt6109] {
        display: flex;
        flex-direction: column;
        gap: 5px;
/*        padding: 20px 10px 10px 10px;*/
        height: calc(100% - 45px);
    }
    .material-master-add-edit-container .add-edit-content .wrapper[b-2nuprt6109]{
        height: calc(100% - 52px);
        overflow: hidden;
        padding: 20px 10px 10px 10px;
    }
        .material-master-add-edit-container .add-edit-content .wrapper .material-container[b-2nuprt6109] {
            display: flex;
            flex-direction: column;
/*            gap: 12px;*/
            height: 100%;
            overflow: auto;
        }
        .grid-template[b-2nuprt6109] {
            display: flex;
            justify-content: flex-start;
            gap: 10px;
            align-items: center;
        }
            .grid-template .group-col-1[b-2nuprt6109] {
                width: calc(100% - 113px);
/*                height: 70px;*/
            }
            .grid-template .item-flex[b-2nuprt6109] {
                display: flex;
                justify-content: space-between;
                align-items: baseline;
                gap: 10px
            }
            .grid-template .item-flex .group-item[b-2nuprt6109]{
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
                .grid-template .item-flex .group-item .flex-item-calculator[b-2nuprt6109] {
                    display: flex;
                    justify-content: flex-start;
                    align-items: baseline;
                    gap: 20px;
                }

            .grid-template .item-grid[b-2nuprt6109] {
                display: grid;
                gap: 10px;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                height: auto;
/*                min-height: 70px;*/
            }
                .grid-template .item-grid .group-item[b-2nuprt6109] {
                    display: flex;
                    flex-direction: column;
                    gap: 5px;
                }
                    .grid-template .item-grid .group-item label[b-2nuprt6109], .grid-template .group-col-1 .group-item label[b-2nuprt6109] {
                        font-weight: 600;
                        font-size: 12px;
                        line-height: 15px;
                        color: #343A3F;
/*                        padding-bottom: 6px;*/
                    }
            .grid-template .group-col-2[b-2nuprt6109] {
                width: 103px;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
            .grid-template .group-col-2 .group-item[b-2nuprt6109]{
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
            .grid-template .group-col-2 .group-item label[b-2nuprt6109] {
                font-weight: 600;
                font-size: 12px;
                line-height: 15px;
                color: #343A3F;
/*                    padding-bottom: 6px;*/
            }
        .material-master-add-edit-container .add-edit-content .grid-checkbox[b-2nuprt6109] {
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0;
            margin-bottom: 24px;
        }
        .material-master-add-edit-container .add-edit-content .memo[b-2nuprt6109] {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .material-master-add-edit-container .add-edit-content .memo label[b-2nuprt6109]{
           font-size: 12px;
           font-weight: 600;
           line-height: 15px;
           color: #343A3F;
        }

        .material-master-add-edit-container .add-edit-content .footer[b-2nuprt6109] {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            gap: 30px;
        }

        [b-2nuprt6109] .error-border {
            border-color: #ff4d4f;
        }

.item-flex label[b-2nuprt6109] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #343A3F;
}
[b-2nuprt6109] .add-edit-content .ant-spin-nested-loading{
    height: 100%;
}
    [b-2nuprt6109] .add-edit-content .ant-spin-nested-loading > div{
        height: 100%;
    }
        [b-2nuprt6109] .add-edit-content .ant-spin-nested-loading > div .ant-spin-container {
            height: 100%;
        }
            [b-2nuprt6109] .add-edit-content .ant-spin-nested-loading > div .ant-spin-container .ant-form {
                height: 100%;
            }
.btn-align-center[b-2nuprt6109]{
    display: flex;
    height: 100%;
    align-items: center;
}
.btn-align-end[b-2nuprt6109] {
    display: flex;
    height: 100%;
    align-items: end;
}
[b-2nuprt6109] .ant-input-affix-wrapper-disabled{
    background-color: #fff;
}
[b-2nuprt6109] .group-disable > .ant-form-item > .ant-form-item-row 
    > .ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .ant-input-affix-wrapper-disabled {
    background-color: #f5f5f5;
}
[b-2nuprt6109] .ant-input-disabled {
    border-color: #8D8D8D;
}
[b-2nuprt6109] .ant-input-disabled:hover {
    border-color: #8D8D8D;
}
[b-2nuprt6109] .ant-form-item-control{
    gap: 2px;
}
[b-2nuprt6109] .ant-form-item-row{
    width: 100%;
}
/* _content/IWM/Pages/Operator/Master/Components/MaterialMasterDialog.razor.rz.scp.css */
.dialog-content[b-zal8gu06bx] {
    display: flex;
    flex-direction: column;
    height: 500px;
}
.dialog-content .search-container[b-zal8gu06bx]{
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #E8E8E8;
}
.group-search[b-zal8gu06bx]{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px;
}
.v-item-keyword[b-zal8gu06bx] {
    width: calc(100% - 82px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.v-item-keyword label[b-zal8gu06bx]{
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.014em;
    color: #485764;
}
.table-container[b-zal8gu06bx] {
    padding: 10px;
    height: calc(100% - 74px);
}
.table-container .table-wrapper[b-zal8gu06bx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
}
.table-container .table-wrapper .table-title[b-zal8gu06bx]{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.table-container .table-wrapper .table-title .v-text[b-zal8gu06bx] {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.014em;
}
.table-container .table-wrapper .table-title .v-text-title[b-zal8gu06bx] {
    flex: 1;
    color: #4392BB;
}
.table-container .table-wrapper .table-title .v-text-total-record[b-zal8gu06bx] {
    color: #9F9F9F;
}
.v-text-strong[b-zal8gu06bx] {
    color: #4392BB;
}
.dialog-footer[b-zal8gu06bx] {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}
[b-zal8gu06bx] .active-row td{
    color: #fff;
    background-color: #4392BB !important;
}
[b-zal8gu06bx] .ant-modal{
    width: 600px;
}
[b-zal8gu06bx] .max-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}
[b-zal8gu06bx] .max-200 >div{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-zal8gu06bx] .max-380 {
    width: 380px;
    max-width: 380px;
    overflow: hidden;
}
[b-zal8gu06bx] .max-380 >div{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-zal8gu06bx] .max-360 {
    width: 360px;
    max-width: 360px;
    overflow: hidden;
}
[b-zal8gu06bx] .max-360 > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-zal8gu06bx] .max-290 {
    width: 290px;
    max-width: 290px;
    overflow: hidden;
}
[b-zal8gu06bx] .max-290 > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-zal8gu06bx] .max-400 {
    min-width: 400px;
    max-width: 400px;
    overflow: hidden;
}
[b-zal8gu06bx] .max-400 >div{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-zal8gu06bx] .max-365 {
    width: 365px;
    max-width: 365px;
    overflow: hidden;
}

[b-zal8gu06bx] .max-365 > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/IWM/Pages/Operator/Master/Components/MaterialPartnerDialog.razor.rz.scp.css */
.dialog-content-full-screen[b-6qxv2r5zo4] {
    display: flex;
    flex-direction: column;
    height: calc(95vh - 90px);
}

.dialog-content-full-screen .header-checkbox[b-6qxv2r5zo4] {
    margin-top: 13px;
    display: flex;
    gap: 40px;
    height: 24px;
    margin-left: 5px;
}

.lbl-checkbox[b-6qxv2r5zo4] {
    display: inherit;
    align-items: center;
}

.lable-fontsize[b-6qxv2r5zo4] {
    font-size: 13px;
}

.dialog-content-full-screen .search-container[b-6qxv2r5zo4] {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #E8E8E8;
}

.group-search[b-6qxv2r5zo4] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px;
}

.v-item-keyword[b-6qxv2r5zo4] {
    width: calc(100% - 164px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .v-item-keyword label[b-6qxv2r5zo4] {
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.014em;
        color: #485764;
    }

.table-container[b-6qxv2r5zo4] {
    padding: 10px;
    height: calc(100% - 58px);
}

    .table-container .table-wrapper[b-6qxv2r5zo4] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        height: 100%;
    }

        .table-container .table-wrapper .table-title[b-6qxv2r5zo4] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            .table-container .table-wrapper .table-title .v-text[b-6qxv2r5zo4] {
                font-weight: 500;
                font-size: 14px;
                line-height: 150%;
                letter-spacing: 0.014em;
            }

            .table-container .table-wrapper .table-title .v-text-title[b-6qxv2r5zo4] {
                flex: 1;
                color: #4392BB;
            }

            .table-container .table-wrapper .table-title .v-text-total-record[b-6qxv2r5zo4] {
                color: #9F9F9F;
            }

        .table-container .table-wrapper .table-popup[b-6qxv2r5zo4] {
            height: 100%;
            overflow: auto;
        }

.v-text-strong[b-6qxv2r5zo4] {
    color: #4392BB;
}

.dialog-footer[b-6qxv2r5zo4] {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

[b-6qxv2r5zo4] .active-row td {
    color: #fff;
    background-color: #4392BB !important;
}

[b-6qxv2r5zo4] .ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content {
    height: 95vh;
    max-height: 95vh;
}

    [b-6qxv2r5zo4] .ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body {
        height: calc(95vh - 38px);
        max-height: calc(95vh - 38px);
    }

[b-6qxv2r5zo4] .max-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-380 {
    width: 380px;
    max-width: 380px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-380 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-360 {
    width: 360px;
    max-width: 360px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-360 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-290 {
    width: 290px;
    max-width: 290px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-290 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-400 {
    min-width: 400px;
    max-width: 400px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-400 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-300 {
    min-width: 300px;
    max-width: 300px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-300 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-150 {
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-150 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-6qxv2r5zo4] .max-365 {
    width: 365px;
    max-width: 365px;
    overflow: hidden;
}

    [b-6qxv2r5zo4] .max-365 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* _content/IWM/Pages/Operator/Master/Components/OrderPlanDetailDialog.razor.rz.scp.css */

.material-container[b-mt7hmbnmbh] {
    display: flex;
    flex-direction: column;
    padding: 4px;
    height: calc(100vh - 100px);
    background-color: #F4F4F4;
    overflow: auto;
}

    .material-container .material-header[b-mt7hmbnmbh] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-container .material-header .header-left[b-mt7hmbnmbh] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-container .material-header .header-right[b-mt7hmbnmbh] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-container .material-search[b-mt7hmbnmbh] {
        height: 200px;
        min-height: 200px;
        transition: 0.3s;
        padding-top: 4px;
    }

    .material-container .material-advance-search[b-mt7hmbnmbh] {
        height: 160px;
        min-height: 160px;
        max-height: 160px;
        transition: 0.3s;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding-top: 5px;
    }

.search-container[b-mt7hmbnmbh] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.v-text-active[b-mt7hmbnmbh] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.display-none[b-mt7hmbnmbh] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-mt7hmbnmbh] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.material-container .material-content[b-mt7hmbnmbh] {
    display: block;
    height: calc(100% - 0px);
}

.table-wrapper[b-mt7hmbnmbh] {
    width: 100%;
    height: 100%;
    background: #fff;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.material-container .detail-content[b-mt7hmbnmbh] {
    flex-direction: row;

}

@media screen and (min-width: 1600px) {
    .material-container .detail-content[b-mt7hmbnmbh] {
        height: calc(100% - 160px);
        max-height: calc(100% - 160px);
    }
}


.material-container .detail-list[b-mt7hmbnmbh] {
    height: 100%;
    display: inherit;
    flex: auto;
    flex-direction: column;
}

.order-plan-cover[b-mt7hmbnmbh] {
    padding: 5px;
    background-color: #E6F8EB;
}

.plan-table-inner[b-mt7hmbnmbh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .plan-table-inner > div[b-mt7hmbnmbh] {
        display: inline-block;
        vertical-align: top;

    }

    .plan-table-inner table[b-mt7hmbnmbh] {
        background-color: white;
        border-collapse: collapse;
    }

    .plan-table-inner[b-mt7hmbnmbh]::-webkit-scrollbar {
        margin-top: 3px;
        height: 16px !important;
    }

    .plan-table-inner[b-mt7hmbnmbh]::-webkit-scrollbar-thumb {
        background: #0078d4;
        border-radius: 10px;
    }
.material-master-table-custom[b-mt7hmbnmbh] {
    min-height: 137px !important;
}


.material-master-table-coil-custom[b-mt7hmbnmbh] {
    min-height: 160px !important;
}

.site-calendar-card[b-mt7hmbnmbh] {
    width: 100%;
    justify-content: center;
    display: flex;
    gap: 20px;
    margin: 0 auto;
}
.message-warning[b-mt7hmbnmbh] {
    padding: 15px 10px;
    border: solid 1px #EF4949;
    border-radius: 4px;
    margin-left: 10px;
    background-color: #EF4949;
    color: white;
    text-align: center;
    align-self: center;
    font-size: 32px;
    margin-top: 27px;
}


[b-mt7hmbnmbh] .ant-picker-calendar {
    border: 0.1rem solid #8D8D8D;
}

[b-mt7hmbnmbh] .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    display: none;
}

[b-mt7hmbnmbh] .ant-picker-calendar-header {
    display: flex;
    justify-content: center;
    padding: 12px 0;
    display: none;
}

    [b-mt7hmbnmbh] .ant-picker-calendar-header .ant-picker-calendar-year-select {
        pointer-events: none;
        opacity: 0.5;
    }

    [b-mt7hmbnmbh] .ant-picker-calendar-header .ant-picker-calendar-month-select {
        pointer-events: none;
        opacity: 0.5;
    }

[b-mt7hmbnmbh] .ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: none;
}

[b-mt7hmbnmbh] .ant-picker-cell-inner {
    position: relative;
}

table[b-mt7hmbnmbh] {
    border-collapse: collapse;
    width: 2000px;
    table-layout: fixed;
}

th[b-mt7hmbnmbh], td[b-mt7hmbnmbh] {
    border: 1px solid #ccc;
    padding: 4px;
    width: 100px;
    white-space: nowrap;
    text-align: center;
}

th[b-mt7hmbnmbh] {
    background-color: #E0EFFF;
}

.sticky-col[b-mt7hmbnmbh] {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #E0EFFF;
    z-index: 10;
    text-align: left;
    padding-left: 5px;
    width: 90px;
}

    .sticky-col[b-mt7hmbnmbh]::after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

    .sticky-col[b-mt7hmbnmbh]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

.sticky-col-1[b-mt7hmbnmbh] {
    position: sticky;
    top: 0;
    left: 90px;
    background-color: #F4F4F4;
    z-index: 10;
    text-align: left;
    padding-left: 5px;
}

    .sticky-col-1[b-mt7hmbnmbh]::after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

    .sticky-col-1[b-mt7hmbnmbh]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

input.table-input[b-mt7hmbnmbh] {
    border: 0.3px solid #ccc;
    background: transparent;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 0;
    box-sizing: border-box;
}

    input.table-input:focus[b-mt7hmbnmbh] {
        outline: none;
        background: white;
        border: 0.3px solid #29759C;
    }

.head-container[b-mt7hmbnmbh] {
    border: 2px solid #ccc;
    background-color: #fff;
    padding: 5px;
    display: flex;
    align-items: flex-start;
    width: fit-content;
}

.header-info[b-mt7hmbnmbh] {
    width: 367px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
    .header-info .v-item-custom[b-mt7hmbnmbh] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }
    .header-info .v-item-custom .item-name[b-mt7hmbnmbh] {
        width: 55px;
    }

    [b-mt7hmbnmbh] .header-info .v-item-custom .ant-input {
        width: calc(100% - 60px);
    }

.header-content[b-mt7hmbnmbh] {
    width: calc((100% - 387px) / 2);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 17px;
}

    .header-content td[b-mt7hmbnmbh] {
        border: solid 0.4px #8D8D8D;
    }


.table-header[b-mt7hmbnmbh] {
    width: 20px;
    background: #C1C7CD;
    border: solid 0.4px #8D8D8D;
    
}

.table-header-custom[b-mt7hmbnmbh] {
    width: 20px;
    text-align: left;
    background: linear-gradient(180deg, #098628 0%, #3AC85E 45.67%, #098628 100%);
    color: #FFFFFF;
    cursor: pointer;
    border-color: #8D8D8D;
}

.button-container[b-mt7hmbnmbh] {
    display: flex;
    gap: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    justify-content: center;
}

.btn-edit[b-mt7hmbnmbh] {
    background-color: #1B682E;
    color: white;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.btn-cancel[b-mt7hmbnmbh] {
    background-color: white;
    color: #FF3B30;
    border: 1px solid #FF3B30;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

[b-mt7hmbnmbh] .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    color: black;
    background: #fff;
}

[b-mt7hmbnmbh] .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
    border: none;
}

.background[b-mt7hmbnmbh] {
    background-color: #F4F4F4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right !important;
}

[b-mt7hmbnmbh] .ant-picker-calendar-date-value:hover {
    border-radius: 2px;
    opacity: 0.5;
}

[b-mt7hmbnmbh] .ant-modal-body .ant-spin-nested-loading {
    height: 100%;
}

th.selected-day[b-mt7hmbnmbh] {
    background-color: #ffd966;
    color: #000;
}

th.holiday[b-mt7hmbnmbh] {
    background-color: #FFC8FF !important;
    color: #FF3B30 !important;
}

[b-mt7hmbnmbh] .holiday-date .ant-picker-calendar-date-value {
    color: #FF3B30 !important;
}

[b-mt7hmbnmbh] .ant-picker-content th:first-child {
    color: #FF3B30 !important;
}

[b-mt7hmbnmbh] .ant-picker-content th:last-child {
    color: #FF3B30 !important;
}


[b-mt7hmbnmbh] .mat-btn-back, .mat-btn-back:focus[b-mt7hmbnmbh] {
    background: #DDE1E6 !important;
    color: #050F2B !important;
    border: 1px solid #8D8D8D !important;
}

    [b-mt7hmbnmbh] .mat-btn-back:hover {
        background: #C9CDD2 !important;
        color: #050F2B !important;
        border: 1px solid #6E6E6E !important;
    }

    [b-mt7hmbnmbh] .mat-btn-back[disabled], .mat-btn-back[disabled]:active[b-mt7hmbnmbh], .mat-btn-back[disabled]:focus[b-mt7hmbnmbh], .mat-btn-back[disabled]:hover[b-mt7hmbnmbh] {
        background: #DDE1E6 !important;
        opacity: 50%;
        color: #050F2B !important;
        border: 1px solid #6E6E6E !important;
        opacity: 0.7 !important;
    }



/* _content/IWM/Pages/Operator/Master/Components/PartnerConfigDialog.razor.rz.scp.css */
.dialog-content[b-d5s1mkurfy] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    align-items: center;
}

    .dialog-content .search-container[b-d5s1mkurfy] {
        width: calc(100% - 52px);
        margin-top: 11px;
        align-items:center;

    }

.group-search[b-d5s1mkurfy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    border: 0.4px solid #002247;
    background: #CAEDFB;
    padding: 10px
}

    .group-search select.select-common[b-d5s1mkurfy] {
        border: 1px solid #d9d9d9 !important;
    }

        .group-search select.select-common:focus[b-d5s1mkurfy] {
            border-color: #40a9ff !important;
            box-shadow: 0 0 0 2px rgba(24,144,255,0.2) !important;
            outline: none;
        }

.group-checkbox[b-d5s1mkurfy] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.edit-item[b-d5s1mkurfy] {
    width: calc(100% - 72px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    height: 32px;
}
    .edit-item .item-title[b-d5s1mkurfy] {
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.014em;
        color: #343A3F;
        width: 150px;
        text-align: right;
    }

    .edit-item .v-item-input[b-d5s1mkurfy] {
        width: 18px;
    }

    .v-item[b-d5s1mkurfy] {
        width: calc(100% - 50px);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
    }

    .v-item .item-title[b-d5s1mkurfy] {
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.014em;
        color: #343A3F;
        width: 150px;
        text-align: right;
    }

    .v-item .v-item-input[b-d5s1mkurfy] {
        width: calc(100% - 150px);
    }

    .v-item .v-item-input.input-custom[b-d5s1mkurfy]{
        width: calc(100% - 150px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

[b-d5s1mkurfy] .mat-btn-reset {
    background: #595959;
    color: white;
}

    [b-d5s1mkurfy] .mat-btn-reset:hover {
        background: #404040;
        border-color: #262626;
    }

    [b-d5s1mkurfy] .mat-btn-reset:focus {
        outline: none;
        background: #404040;
        border-color: #1a1a1a;
        box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
    }

    [b-d5s1mkurfy] .mat-btn-reset[disabled],
    [b-d5s1mkurfy] .mat-btn-reset[disabled]:hover,
    [b-d5s1mkurfy] .mat-btn-reset[disabled]:focus,
    [b-d5s1mkurfy] .mat-btn-reset[disabled]:active {
        background: #A6A6A6 !important;
        color: #FFFFFF !important;
        cursor: not-allowed;
        border-color: transparent !important; 
        box-shadow: none !important; 
    }

        [b-d5s1mkurfy] .v-item .v-item-input .ant-form-item {
            margin-bottom: 0;
        }


[b-d5s1mkurfy] .edit-item .ant-checkbox-wrapper {
    width: 18px;
}
.v-text-strong[b-d5s1mkurfy] {
    color: #4392BB;
}

.dialog-footer[b-d5s1mkurfy] {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 10px;
    margin-top: 38px;
    margin-bottom: 20px;
   
}


[b-d5s1mkurfy] .ant-modal {
    width: 652px !important;
}

.select-right[b-d5s1mkurfy] {
    text-align-last: right;
    padding-right: 40px;
}

/* _content/IWM/Pages/Operator/Master/MaterialMaster.razor.rz.scp.css */
.material-master[b-fxlrtl4w6v] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}
.material-master .material-header[b-fxlrtl4w6v] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
    min-height: 48px;
    padding: 0 16px;
    background-color: #F2F4F8;
    border: 0.5px solid #c7bbbb;
}
.material-master .material-header .header-left[b-fxlrtl4w6v] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.material-master .material-header .header-right[b-fxlrtl4w6v] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.material-master .material-search[b-fxlrtl4w6v]{
    height: 80px;
    min-height: 80px;
    transition: 0.2s;
    overflow: hidden;
    padding-top: 5px;
}
.material-master .material-advance-search[b-fxlrtl4w6v]{
    height: 185px;
    min-height: 185px;
    transition: 0.2s;
    overflow: hidden;
    padding-top: 5px;
}
.search-container[b-fxlrtl4w6v] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}
.display-none[b-fxlrtl4w6v] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}
.grid-template-search[b-fxlrtl4w6v] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}
.group-button-not-advance-search[b-fxlrtl4w6v] {
    width: 30%;
    padding-bottom: 10px;
    justify-content: flex-end !important;
    padding-bottom: 0 !important;
    transition: 0.3s;
}
.grid-not-advance-search[b-fxlrtl4w6v] {
    flex-direction: row !important;
    justify-content: flex-start;
}
.group-item-not-advance-search[b-fxlrtl4w6v] {
    width: 70%;
    padding-bottom: 0 !important;
}
.grid-template-search .group-item[b-fxlrtl4w6v] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
    overflow: hidden;
}
.grid-template-search .group-item .v-item-custom[b-fxlrtl4w6v] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.grid-template-search .group-button[b-fxlrtl4w6v] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}
.grid-template-search .group-button .v-group-collapse[b-fxlrtl4w6v]{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    gap: 5px;
}
.grid-template-search .group-button .v-group-collapse:hover[b-fxlrtl4w6v]{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    gap: 5px;
    opacity: 0.5;
}
.grid-template-search .group-button .v-group-collapse .advance-search-css[b-fxlrtl4w6v]{
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #005DC2;
}
/*.grid-template-search .group-button .advance-search-css:hover{
    color: #004289;
}*/
.material-content[b-fxlrtl4w6v]{
    height: 100%;
    overflow: hidden;
}
.material-add-edit[b-fxlrtl4w6v]{
    display: flex;
    gap: 6px;
}
.material-add-edit-container[b-fxlrtl4w6v] {
    width: calc(55% - 3px);
    transition: 0.3s;
}
.add-edit-component[b-fxlrtl4w6v] {
    width: calc(45% - 3px);
    transition: 0.3s;
    height: 100%;
    padding-top: 6px;
}
.material-container[b-fxlrtl4w6v] {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    overflow: hidden;
}
.ant-table-material-master-custom[b-fxlrtl4w6v] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}
.table-wrapper[b-fxlrtl4w6v] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}
.table-title[b-fxlrtl4w6v] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}
.v-text-search[b-fxlrtl4w6v] {
    font-size: 14px;
    font-weight: 600;
}
[b-fxlrtl4w6v] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}
[b-fxlrtl4w6v] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-fxlrtl4w6v], .button-download-csv[disabled]:focus[b-fxlrtl4w6v], .button-download-csv[disabled]:hover[b-fxlrtl4w6v] {
    color: #005DC2;
    border-color: inherit;
    background: #E0EFFF !important;
}
[b-fxlrtl4w6v] .button-download-csv:hover {
    background: #b0c1d3;
}
[b-fxlrtl4w6v] .button-download-csv img {
    width: 24px;
    height: 24px;
}
[b-fxlrtl4w6v] .button-download-csv span{
    font-size: 13px;
    font-weight: 500;
}
[b-fxlrtl4w6v] .mat-btn-add-material {
    width: 95px;
    padding: 0 10px;
}
[b-fxlrtl4w6v] .cell-master-300{
    width: 300px;
    max-width:300px;
    overflow: hidden;
}
[b-fxlrtl4w6v] .cell-master-300 >div{
    max-width: 100%;
    width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-fxlrtl4w6v] .custom-max-300{
    width: 300px;
    max-width: 300px;
    overflow: hidden;
}
[b-fxlrtl4w6v] .custom-max-300 >div >div{
    max-width: 100%;
    height: 100%;
    width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-fxlrtl4w6v] .custom-max-150 {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}
[b-fxlrtl4w6v] .custom-max-150 >div >div{
    max-width: 100%;
    height: 100%;
    width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-fxlrtl4w6v] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
[b-fxlrtl4w6v] .header-custom span:hover {
   opacity: 0.7;
}
[b-fxlrtl4w6v] .row-custom{
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    padding: 5px 0;
}

[b-fxlrtl4w6v] .row-custom-number {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    padding: 5px 24px 5px 0px;
}

.page-size[b-fxlrtl4w6v] {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: auto;
    gap: 10px;
}
.page-size span[b-fxlrtl4w6v]{
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}
.v-text-active[b-fxlrtl4w6v] {
    font-size: 16px;
    font-weight: 600;
    color: #0E3719;
}
.v-text-parent[b-fxlrtl4w6v] {
    font-size: 16px;
    font-weight: 600;
    color: #878D96;
}
[b-fxlrtl4w6v] .table-popup .ant-table-tbody > tr > td {
    padding: 8px 15px !important;
}
[b-fxlrtl4w6v] .icon-search-material-master {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
}
[b-fxlrtl4w6v] .material-content .material-container .ant-table-common .ant-table-wrapper .ant-table-container .ant-table-content .ant-table-tbody  tr  td {
    height: 72px;
}
[b-fxlrtl4w6v] .row-custom-tooltip {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* _content/IWM/Pages/Operator/Master/MaterialPartner.razor.rz.scp.css */
.material-partner[b-0p3rbtpgrr] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .material-partner .material-header[b-0p3rbtpgrr] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-partner .material-header .header-left[b-0p3rbtpgrr] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-partner .material-header .header-right[b-0p3rbtpgrr] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-partner .material-search[b-0p3rbtpgrr] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 5px;
    }

    .material-partner .material-advance-search[b-0p3rbtpgrr] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-0p3rbtpgrr] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.v-text-active[b-0p3rbtpgrr] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.display-none[b-0p3rbtpgrr] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-0p3rbtpgrr] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-0p3rbtpgrr] {
    padding: 10px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-0p3rbtpgrr] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-0p3rbtpgrr] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-0p3rbtpgrr] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

.grid-template-search .group-button[b-0p3rbtpgrr] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

    .grid-template-search .group-button .v-group-collapse[b-0p3rbtpgrr] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-0p3rbtpgrr] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-0p3rbtpgrr] {
        color: #004289;
    }

.material-partner .material-content[b-0p3rbtpgrr] {
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}

.table-wrapper[b-0p3rbtpgrr] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-0p3rbtpgrr] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 18px 3px 6px;
    gap: 20px;
}

.text-opacity[b-0p3rbtpgrr] {
    opacity: 0.5;
}

.page-size[b-0p3rbtpgrr] {
    margin-left: auto;
}

    .page-size span[b-0p3rbtpgrr] {
        font-size: 12px;
        font-weight: 600;
    }

.img-page-disable[b-0p3rbtpgrr] {
    pointer-events: none;
    opacity: 0.5;
}

.v-text-search[b-0p3rbtpgrr] {
    font-size: 14px;
    font-weight: 600;
}

[b-0p3rbtpgrr] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-0p3rbtpgrr] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-0p3rbtpgrr] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-0p3rbtpgrr] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }

    [b-0p3rbtpgrr] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-0p3rbtpgrr], .button-download-csv[disabled]:focus[b-0p3rbtpgrr], .button-download-csv[disabled]:hover[b-0p3rbtpgrr] {
        color: #005DC2;
        border-color: #005DC2;
        background: #E0EFFF;
        text-shadow: none;
        box-shadow: none;
    }

[b-0p3rbtpgrr] .mat-btn-add-material {
    width: 95px;
    padding: 5px;
    display: flow;
    padding: 0 10px;
}

[b-0p3rbtpgrr] .ant-table-thead tr th:nth-child(n+2):nth-child(-n+4),
[b-0p3rbtpgrr] .ant-table-tbody tr td:nth-child(n+2):nth-child(-n+4) {
    text-align: center;
}

[b-0p3rbtpgrr] .ant-table-thead tr th:nth-child(n+2):nth-child(-n+6) {
    cursor: pointer;
}

[b-0p3rbtpgrr] .w-80 {
    width: 80px;
}

[b-0p3rbtpgrr] .w-100 {
    width: 100px !important;
}

.material-partner .detail-content[b-0p3rbtpgrr] {
    display: inherit;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    padding: 5px 0 0 0;
}

.material-partner .detail-list[b-0p3rbtpgrr] {
    display: inherit;
    overflow: hidden;
    flex: auto;
    gap: 5px;
    flex-direction: column;
}

.material-partner .detail-add[b-0p3rbtpgrr] {
    margin: 0px 0px 0px 5px;
    border: 0.5px solid #c7bbbb;
    transition: 0.3s;
    overflow: hidden;
    min-width: 423px;
    width: 423px;
    background-color: #FFFFFF;
}

.material-partner .hidden-detail-add[b-0p3rbtpgrr] {
    transition: 0.3s;
    overflow: hidden;
    display:none;
    background-color: #FFFFFF;
}

.material-partner .detail-add .title-add[b-0p3rbtpgrr] {
    border-bottom: 0.5px solid #c7bbbb;
    background-color: #002247;
    height: 46px;
    padding: 10px
}

    .material-partner .detail-add .title-add span[b-0p3rbtpgrr] {
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
    }

.material-partner .detail-add .close[b-0p3rbtpgrr] {
    cursor: pointer;
    float: right;
}

    .material-partner .detail-add .close:hover[b-0p3rbtpgrr] {
        opacity: 0.5;
    }

.material-partner .detail-add .form-add[b-0p3rbtpgrr] {
    padding: 40px 10px 0px 10px;
    height: calc(100% - 46px);
}

.material-partner .row_add[b-0p3rbtpgrr] {
    display: flex;
    margin: 0 0 30px 0px;
    justify-content: right;
    padding-right: 16px;
}

    .material-partner .row_add label[b-0p3rbtpgrr] {
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: 600;
        display:flex;
        align-items: center;
    }

.material-partner .detail-add .text-color-red[b-0p3rbtpgrr] {
    margin-left: 5px;
    color: red;
    font-size: 10px
}

.material-partner .group-btn-add[b-0p3rbtpgrr] {
    display: flex;
    justify-content: center;
    gap: 30px
}

.material-partner .input-code[b-0p3rbtpgrr] {
    display: grid;
    max-width: 260px
}

[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
    width: 260px;
    max-width: 260px;

}
[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input:disabled {
    border-color: #8D8D8D;
}
[b-0p3rbtpgrr] .input-add-custom-icon .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
    width: 260px;
    max-width: 260px;
}
[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content textarea {
    width: 260px;
    max-width: 260px;
    height: 56px;
    resize: none;
    border-color: #8D8D8D;
}
[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content textarea:disabled {
    border-color: #8D8D8D;
}
[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content textarea:disabled::placeholder {
    opacity:0.5
}
[b-0p3rbtpgrr] .ant-form-item {
    margin-bottom: 0;
}

[b-0p3rbtpgrr] .input-error {
    width: 260px;
    border: 0.5px solid red;
    box-shadow: none;
}

[b-0p3rbtpgrr] .input-add .ant-input-number-handler-wrap {
    right: unset;
}

[b-0p3rbtpgrr] .input-add .ant-input-number-input-wrap .ant-input-number-input {
    text-align: right;
}

[b-0p3rbtpgrr] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number {
    width: 260px;
    max-width: 260px;
    border: 0.5px solid #8D8D8D
}

[b-0p3rbtpgrr] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector {
    width: 260px;
    max-width: 260px;
}

[b-0p3rbtpgrr] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
[b-0p3rbtpgrr] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}
[b-0p3rbtpgrr] .input-add .ant-select-selection-item {
    margin-top: 3px;
}

[b-0p3rbtpgrr] .text-disabled .ant-input-affix-wrapper-disabled {
    background-color: white;
}
[b-0p3rbtpgrr] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content textarea:disabled {
    cursor: no-drop;
    background-color: #F5F5F5;
}
[b-0p3rbtpgrr] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    min-width: 150px;
}
[b-0p3rbtpgrr] .cell-master-250 {
    width: 250px;
    max-width: 250px;
    overflow: hidden;
}

    [b-0p3rbtpgrr] .cell-master-250 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-0p3rbtpgrr] .cell-master-300 {
    width: 300px;
    max-width: 300px;
    overflow: hidden;
}

    [b-0p3rbtpgrr] .cell-master-300 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
[b-0p3rbtpgrr] .cell-master-150 {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}

    [b-0p3rbtpgrr] .cell-master-150 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-0p3rbtpgrr] .detail-add .ant-spin-nested-loading {
    height: 100%;
}

[b-0p3rbtpgrr] .detail-add .ant-spin-nested-loading > div {
    height: 100%;
}

[b-0p3rbtpgrr] .detail-add .ant-spin-nested-loading > div .ant-spin-container {
    height: 100%;
}

[b-0p3rbtpgrr] .detail-add .ant-spin-nested-loading > div .ant-spin-container .ant-form {
    height: 100%;
}

.detail-add .form-add .wrapper[b-0p3rbtpgrr] {
    height: calc(100% - 46px);
}

.detail-add .form-add .wrapper .masterial-container[b-0p3rbtpgrr] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px);
    overflow: auto;
}
[b-0p3rbtpgrr] .detail-add .form-add .border-error {
    border-color: #ff4d4f;
    box-shadow: 0 0 0 0;
}
/* _content/IWM/Pages/Operator/Master/MaterialProperties.razor.rz.scp.css */
.material-properties[b-rc3fz1uxkb] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .material-properties .material-header[b-rc3fz1uxkb] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-properties .material-header .header-left[b-rc3fz1uxkb] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-properties .material-header .header-right[b-rc3fz1uxkb] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-properties .material-search[b-rc3fz1uxkb] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 5px;
    }

    .material-properties .material-advance-search[b-rc3fz1uxkb] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-rc3fz1uxkb] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}
.v-text-active[b-rc3fz1uxkb] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}
.display-none[b-rc3fz1uxkb] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-rc3fz1uxkb] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-rc3fz1uxkb] {
    padding: 10px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-rc3fz1uxkb] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-rc3fz1uxkb] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-rc3fz1uxkb] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

.grid-template-search .group-button[b-rc3fz1uxkb] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

    .grid-template-search .group-button .v-group-collapse[b-rc3fz1uxkb] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-rc3fz1uxkb] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-rc3fz1uxkb] {
        color: #004289;
    }

.material-properties .material-content[b-rc3fz1uxkb] {
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}

.table-wrapper[b-rc3fz1uxkb] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-rc3fz1uxkb] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 18px 3px 6px;
    gap: 20px;
}
.text-opacity[b-rc3fz1uxkb] {
    opacity: 0.5;
}
.page-size[b-rc3fz1uxkb] {
    margin-left: auto;
}
.page-size span[b-rc3fz1uxkb] {
    font-size: 12px;
    font-weight: 600;
}
.img-page-disable[b-rc3fz1uxkb] {
    pointer-events: none;
    opacity: 0.5;
}
.v-text-search[b-rc3fz1uxkb] {
    font-size: 14px;
    font-weight: 600;
}

[b-rc3fz1uxkb] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-rc3fz1uxkb] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-rc3fz1uxkb] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-rc3fz1uxkb] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }
[b-rc3fz1uxkb] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-rc3fz1uxkb], .button-download-csv[disabled]:focus[b-rc3fz1uxkb], .button-download-csv[disabled]:hover[b-rc3fz1uxkb] {
    color: #005DC2;
    border-color: #005DC2;
    background: #E0EFFF;
    text-shadow: none;
    box-shadow: none;
}

[b-rc3fz1uxkb] .mat-btn-add-material {
    width: 95px;
    padding: 5px;
    display: flow;
    padding: 0 10px;
}

[b-rc3fz1uxkb] .ant-table-thead tr th:last-child,
[b-rc3fz1uxkb] .ant-table-tbody tr td:last-child {
    text-align: center;
    min-width: 200px;
}

[b-rc3fz1uxkb] .ant-table-thead tr th:nth-last-child(2),
[b-rc3fz1uxkb] .ant-table-tbody tr td:nth-last-child(2) {
    text-align: right;
}

[b-rc3fz1uxkb] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
[b-rc3fz1uxkb] .w-80 {
    width: 80px;
}
[b-rc3fz1uxkb] .w-100 {
    width: 100px !important;
}
.material-properties .detail-content[b-rc3fz1uxkb] {
    display: inherit;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    padding: 5px 0 0 0;
}
.material-properties .detail-list[b-rc3fz1uxkb] {
    display: inherit;
    overflow: hidden;
    flex: auto;
    gap: 5px;
    flex-direction: column;
}

.material-properties .detail-add[b-rc3fz1uxkb] {
    margin: 0px 0px 0px 5px;
    border: 0.5px solid #c7bbbb;
    transition: 0.3s;
    overflow: hidden;
    min-width: 423px;
    width: 423px;
    background-color: #FFFFFF;
}
.material-properties .hidden-detail-add[b-rc3fz1uxkb] {
    transition: 0.3s;
    overflow: hidden;
    display: none;
    background-color: #FFFFFF;
}
.material-properties .detail-add .title-add[b-rc3fz1uxkb] {
    border-bottom: 0.5px solid #c7bbbb;
    background-color: #002247;
    height: 46px;
    padding: 10px
}
.material-properties .detail-add .title-add span[b-rc3fz1uxkb] {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.material-properties .detail-add .close[b-rc3fz1uxkb] {
    cursor: pointer;
    float: right;
}
.material-properties .detail-add .close:hover[b-rc3fz1uxkb] {
    opacity: 0.5;
}
.material-properties .detail-add .form-add[b-rc3fz1uxkb] {
    height: calc(100% - 46px);
    padding: 40px 10px 0px 10px;
}
.material-properties .row_add[b-rc3fz1uxkb] {
    display: flex;
    margin: 0 0 30px 0px;
    justify-content: right;
    padding-right: 16px;
}
.material-properties .row_add label[b-rc3fz1uxkb] {
    margin: 0 10px 0 0;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.material-properties .detail-add .text-color-red[b-rc3fz1uxkb] {
    margin-left: 5px;
    color: red;
    font-size: 10px
} 
.material-properties .group-btn-add[b-rc3fz1uxkb] {
    display: flex;
    justify-content: center;
    gap: 30px
}
.material-properties .input-code[b-rc3fz1uxkb] {
    display: grid;
    max-width: 260px
}
[b-rc3fz1uxkb] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
    width: 260px;
    max-width: 260px;
}
[b-rc3fz1uxkb] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input:disabled {
    border-color: #8D8D8D;
}
[b-rc3fz1uxkb] .ant-form-item {
    margin-bottom: 0 ;
}
[b-rc3fz1uxkb] .input-error {
    width: 260px;
    border: 0.5px solid red;
    box-shadow: none;
}
[b-rc3fz1uxkb] .input-add .ant-input-number-handler-wrap {
    right: unset;
}
[b-rc3fz1uxkb] .input-add .ant-input-number-input-wrap .ant-input-number-input {
    text-align: right;
}
[b-rc3fz1uxkb] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number {
    width: 260px;
    max-width: 260px;
    border: 0.5px solid #8D8D8D
}
[b-rc3fz1uxkb] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector {
    width: 260px;
    max-width: 260px;
}
[b-rc3fz1uxkb] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
[b-rc3fz1uxkb] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}
[b-rc3fz1uxkb] .ant-form-item-explain-error {
    margin-top: 3px;
}
[b-rc3fz1uxkb] .input-add .ant-select-selection-item {
    margin-top: 2px;
}
[b-rc3fz1uxkb] .cell-master-250 {
    width: 250px;
    max-width: 250px;
    overflow: hidden;
}

    [b-rc3fz1uxkb] .cell-master-250 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-rc3fz1uxkb] .detail-add .ant-spin-nested-loading {
    height: 100%;
}

[b-rc3fz1uxkb] .detail-add .ant-spin-nested-loading > div {
    height: 100%;
}

[b-rc3fz1uxkb] .detail-add .ant-spin-nested-loading > div .ant-spin-container {
   height: 100%;
}

[b-rc3fz1uxkb] .detail-add .ant-spin-nested-loading > div .ant-spin-container .ant-form {
   height: 100%;
}
.detail-add .form-add .wrapper[b-rc3fz1uxkb] {
    height: calc(100% - 46px);
}
.detail-add .form-add .wrapper .masterial-container[b-rc3fz1uxkb] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px);
    overflow: auto;
}

[b-rc3fz1uxkb] .row-number {
    padding-right: 34px !important;
}
/* _content/IWM/Pages/Operator/Master/OrderingPerson.razor.rz.scp.css */
.ordering-person[b-n1k7t24pnh] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .ordering-person .header-title[b-n1k7t24pnh] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .ordering-person .header-title .header-left[b-n1k7t24pnh] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .ordering-person .header-title .header-right[b-n1k7t24pnh] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .ordering-person .material-search[b-n1k7t24pnh] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 5px;
    }

    .ordering-person .material-advance-search[b-n1k7t24pnh] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-n1k7t24pnh] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.v-text-active[b-n1k7t24pnh] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.display-none[b-n1k7t24pnh] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-n1k7t24pnh] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-n1k7t24pnh] {
    padding: 10px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-n1k7t24pnh] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-n1k7t24pnh] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-n1k7t24pnh] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

.grid-template-search .group-button[b-n1k7t24pnh] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

    .grid-template-search .group-button .v-group-collapse[b-n1k7t24pnh] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-n1k7t24pnh] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-n1k7t24pnh] {
        color: #004289;
    }

.ordering-person .material-content[b-n1k7t24pnh] {
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}

.table-wrapper[b-n1k7t24pnh] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-n1k7t24pnh] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 18px 3px 6px;
    gap: 20px;
}

.text-opacity[b-n1k7t24pnh] {
    opacity: 0.5;
}

.page-size[b-n1k7t24pnh] {
    margin-left: auto;
}

    .page-size span[b-n1k7t24pnh] {
        font-size: 12px;
        font-weight: 600;
    }

.img-page-disable[b-n1k7t24pnh] {
    pointer-events: none;
    opacity: 0.5;
}

.v-text-search[b-n1k7t24pnh] {
    font-size: 14px;
    font-weight: 600;
}

[b-n1k7t24pnh] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-n1k7t24pnh] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-n1k7t24pnh] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-n1k7t24pnh] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }

    [b-n1k7t24pnh] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-n1k7t24pnh], .button-download-csv[disabled]:focus[b-n1k7t24pnh], .button-download-csv[disabled]:hover[b-n1k7t24pnh] {
        color: #005DC2;
        border-color: #005DC2;
        background: #E0EFFF;
        text-shadow: none;
        box-shadow: none;
    }

[b-n1k7t24pnh] .mat-btn-add-material {
    width: 95px;
    padding: 5px;
    display: flow;
    padding: 0 10px;
}

[b-n1k7t24pnh] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

[b-n1k7t24pnh] .w-80 {
    width: 80px;
}

[b-n1k7t24pnh] .w-100 {
    width: 100px !important;
}

.ordering-person .detail-content[b-n1k7t24pnh] {
    display: inherit;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    padding: 5px 0 0 0;
}

.ordering-person .detail-list[b-n1k7t24pnh] {
    display: inherit;
    overflow: hidden;
    flex: auto;
    gap: 5px;
    flex-direction: column;
}

.ordering-person .detail-add[b-n1k7t24pnh] {
    margin: 0px 0px 0px 5px;
    border: 0.5px solid #c7bbbb;
    transition: 0.3s;
    overflow: hidden;
    min-width: 423px;
    width: 423px;
    background-color: #FFFFFF;
}

.ordering-person .hidden-detail-add[b-n1k7t24pnh] {
    transition: 0.3s;
    overflow: hidden;
    display: none;
    background-color: #FFFFFF;
}

.ordering-person .detail-add .title-add[b-n1k7t24pnh] {
    border-bottom: 0.5px solid #c7bbbb;
    background-color: #002247;
    height: 46px;
    padding: 10px
}

    .ordering-person .detail-add .title-add span[b-n1k7t24pnh] {
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF
    }

.ordering-person .detail-add .close[b-n1k7t24pnh] {
    cursor: pointer;
    float: right;
}

    .ordering-person .detail-add .close:hover[b-n1k7t24pnh] {
        opacity: 0.5;
    }

.ordering-person .detail-add .form-add[b-n1k7t24pnh] {
    height: calc(100% - 46px);
    padding: 40px 10px 0px 10px;
}

.ordering-person .row_add[b-n1k7t24pnh] {
    display: flex;
    margin: 0 0 30px 0px;
    justify-content: right;
    padding-right: 16px;
}

    .ordering-person .row_add label[b-n1k7t24pnh] {
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

.ordering-person .detail-add .text-color-red[b-n1k7t24pnh] {
    margin-left: 5px;
    color: red;
    font-size: 10px
}

.ordering-person .group-btn-add[b-n1k7t24pnh] {
    display: flex;
    justify-content: center;
    gap: 30px
}

.ordering-person .input-code[b-n1k7t24pnh] {
    display: grid;
    max-width: 260px
}

[b-n1k7t24pnh] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
    width: 260px;
    max-width: 260px;
}

    [b-n1k7t24pnh] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input:disabled {
        border-color: #8D8D8D;
    }

[b-n1k7t24pnh] .ant-table-thead tr th:nth-child(2),
[b-n1k7t24pnh] .ant-table-tbody tr td:nth-child(2) {
    text-align: center;
    min-width: 150px;
}

[b-n1k7t24pnh] .ant-form-item {
    margin-bottom: 0;
}

[b-n1k7t24pnh] .input-error {
    width: 260px;
    border: 0.5px solid red;
    box-shadow: none;
}

[b-n1k7t24pnh] .input-add .ant-input-number-handler-wrap {
    right: unset;
}

[b-n1k7t24pnh] .input-add .ant-input-number-input-wrap .ant-input-number-input {
    text-align: right;
}

[b-n1k7t24pnh] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number {
    width: 260px;
    max-width: 260px;
    border: 0.5px solid #8D8D8D
}

[b-n1k7t24pnh] .input-add-custom-icon .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
    width: 260px;
    max-width: 260px;
}
[b-n1k7t24pnh] .text-disabled .ant-input-affix-wrapper-disabled {
    background-color: white;
}
[b-n1k7t24pnh] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-select .ant-select-selector {
    width: 260px;
    max-width: 260px;
}

[b-n1k7t24pnh] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
[b-n1k7t24pnh] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

[b-n1k7t24pnh] .ant-form-item-explain-error {
    margin-top: 3px;
}

[b-n1k7t24pnh] .input-add .ant-select-selection-item {
    margin-top: 2px;
}

[b-n1k7t24pnh] .cell-master-250 {
    width: 250px;
    max-width: 250px;
    overflow: hidden;
}
[b-n1k7t24pnh] .cell-master-250 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
}
[b-n1k7t24pnh] .cell-master-220 {
    width: 220px;
    max-width: 220px;
    overflow: hidden;
}
[b-n1k7t24pnh] .cell-master-220 > div {
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
}
[b-n1k7t24pnh] .cell-master-280 {
    width: 280px;
    max-width: 280px;
    overflow: hidden;
}
[b-n1k7t24pnh] .cell-master-280 > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-n1k7t24pnh] .detail-add .ant-spin-nested-loading {
    height: 100%;
}

[b-n1k7t24pnh] .detail-add .ant-spin-nested-loading > div {
    height: 100%;
}

[b-n1k7t24pnh] .detail-add .ant-spin-nested-loading > div .ant-spin-container {
    height: 100%;
}

[b-n1k7t24pnh] .detail-add .ant-spin-nested-loading > div .ant-spin-container .ant-form {
    height: 100%;
}

.detail-add .form-add .wrapper[b-n1k7t24pnh] {
    height: calc(100% - 46px);
}

.detail-add .form-add .wrapper .masterial-container[b-n1k7t24pnh] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px);
    overflow: auto;
}
/* _content/IWM/Pages/Operator/Master/OrderNote.razor.rz.scp.css */
.order-note[b-y09e9bmwcr] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .order-note .order-note-header[b-y09e9bmwcr] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .order-note .order-note-header .header-left[b-y09e9bmwcr] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .order-note .order-note-header .header-right[b-y09e9bmwcr] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

.search-container[b-y09e9bmwcr] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.display-none[b-y09e9bmwcr] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.ant-table-order-note-custom[b-y09e9bmwcr] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}

.group-template-search[b-y09e9bmwcr] {
    height: 70px;
    transition: 0.3s;
}

    .group-template-search .group-item[b-y09e9bmwcr] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        overflow: hidden;
    }

        .group-template-search .group-item .v-item-custom[b-y09e9bmwcr] {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
        }
            .group-template-search .group-item .v-item-custom .group-button[b-y09e9bmwcr] {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 20px;
            }
            .group-template-search .group-item .v-item-custom .no-content[b-y09e9bmwcr] {
               height: 18px;
            }


.order-note-content[b-y09e9bmwcr] {
    height: 100%;
    overflow: hidden;
}
.order-note-container[b-y09e9bmwcr] {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    overflow: hidden;
}
.order-note .order-note-search[b-y09e9bmwcr] {
    height: 80px;
    min-height: 80px;
    transition: 0.2s;
    overflow: hidden;
    padding-top: 5px;
}
.ant-table-order-note-custom[b-y09e9bmwcr] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}

.table-wrapper[b-y09e9bmwcr] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-y09e9bmwcr] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}

.v-text-search[b-y09e9bmwcr] {
    font-size: 14px;
    font-weight: 600;
}

[b-y09e9bmwcr] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-y09e9bmwcr] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-y09e9bmwcr], .button-download-csv[disabled]:focus[b-y09e9bmwcr], .button-download-csv[disabled]:hover[b-y09e9bmwcr] {
        color: #005DC2;
        border-color: inherit;
        background: #E0EFFF !important;
    }

    [b-y09e9bmwcr] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-y09e9bmwcr] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-y09e9bmwcr] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }

[b-y09e9bmwcr] .mat-btn-add-common {
    width: 95px;
    padding: 0 10px;
}

[b-y09e9bmwcr] .row-action-custom {
    display: flex;
    justify-content:center;
    align-items: center;
    gap: 20px;
}
[b-y09e9bmwcr] .row-action-custom img {
    width: 24px;
    height: 24px;
}
[b-y09e9bmwcr] .row-action-custom img:hover{
    opacity: 0.5;
}
.page-size[b-y09e9bmwcr] {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: auto;
    gap: 10px;
}

    .page-size span[b-y09e9bmwcr] {
        font-size: 12px;
        font-weight: 600;
        color: #343A3F;
    }

.v-text-active[b-y09e9bmwcr] {
    font-size: 16px;
    font-weight: 600;
    color: #0E3719;
}

.v-text-parent[b-y09e9bmwcr] {
    font-size: 16px;
    font-weight: 600;
    color: #878D96;
}
[b-y09e9bmwcr] .table-popup .ant-table-tbody > tr > td {
    padding: 8px 15px !important;
}
[b-y09e9bmwcr] .column-action {
    border-left: 1px solid #c7bbbb;
}
[b-y09e9bmwcr] .add-edit-btn-class {
    width: 80px;
    height:32px;
}
[b-y09e9bmwcr] .add-edit-btn-class:disabled {
    opacity: 0.5;
}
[b-y09e9bmwcr] .ant-form-horizontal{
    height: 100%;
}
[b-y09e9bmwcr] .table-cell-custom {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}
[b-y09e9bmwcr] .form-item-custom{
    margin: 0;
}
[b-y09e9bmwcr] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
[b-y09e9bmwcr] .header-custom span:hover {
   opacity: 0.7;
}

[b-y09e9bmwcr] .header-custom.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

[b-y09e9bmwcr] .header-custom.disabled:hover {
    background-color: inherit; 
}
[b-y09e9bmwcr] .table-row-custom{
    cursor: default;
}
/* _content/IWM/Pages/Operator/Master/PartnerPerson.razor.rz.scp.css */
.material-container[b-ai7ot00284] {
    display: flex;
    flex-direction: column;
    padding: 4px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .material-container .material-header[b-ai7ot00284] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-container .material-header .header-left[b-ai7ot00284] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-container .material-header .header-right[b-ai7ot00284] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-container .material-search[b-ai7ot00284] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

    .material-container .material-advance-search[b-ai7ot00284] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-ai7ot00284] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}
.v-text-active[b-ai7ot00284] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}
.display-none[b-ai7ot00284] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-ai7ot00284] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-ai7ot00284] {
    padding: 10px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-ai7ot00284] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-ai7ot00284] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-ai7ot00284] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

.grid-template-search .group-button[b-ai7ot00284] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

    .grid-template-search .group-button .v-group-collapse[b-ai7ot00284] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-ai7ot00284] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-ai7ot00284] {
        color: #004289;
    }

.material-container .material-content[b-ai7ot00284] {
/*    padding: 6px 0;*/
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}

.table-wrapper[b-ai7ot00284] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-ai7ot00284] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 18px 3px 6px;
    gap: 20px;
}
.text-opacity[b-ai7ot00284] {
    opacity: 0.5;
}
.page-size[b-ai7ot00284] {
    margin-left: auto;
}
.page-size span[b-ai7ot00284] {
    font-size: 12px;
    font-weight: 600;
}

.v-text-search[b-ai7ot00284] {
    font-size: 14px;
    font-weight: 600;
}

[b-ai7ot00284] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-ai7ot00284] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-ai7ot00284] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-ai7ot00284] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }
[b-ai7ot00284] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-ai7ot00284], .button-download-csv[disabled]:focus[b-ai7ot00284], .button-download-csv[disabled]:hover[b-ai7ot00284] {
    color: #005DC2;
    border-color: #005DC2;
    background: #E0EFFF;
    text-shadow: none;
    box-shadow: none;
}

[b-ai7ot00284] .mat-btn-add-material {
    width: 95px;
    padding: 5px;
    display: flow;
    padding: 0 10px;
}

[b-ai7ot00284] .custom-btn {
    padding: 5px;
    display: flow;
}
[b-ai7ot00284] .w-80 {
    width: 80px;
}
[b-ai7ot00284] .w-100 {
    width: 100px !important;
}
.material-container .detail-content[b-ai7ot00284] {
    display: inherit;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    padding: 4px 0 0 0;
}
.material-container .detail-list[b-ai7ot00284] {
    display: inherit;
    overflow: hidden;
    flex: auto;
    flex-direction: column;
}

.material-container .detail-add[b-ai7ot00284] {
    margin: 0px 0px 0px 5px;
    border: 0.5px solid #c7bbbb;
    transition: 0.3s;
    overflow: hidden;
    min-width: 462px;
    width: 462px;
    background-color: #FFFFFF;
}

.material-container .hidden-detail-add[b-ai7ot00284] {
    transition: 0.3s;
    overflow: hidden;
    display: none;
    background-color: #FFFFFF;
}

.material-container .detail-add .title-add[b-ai7ot00284] {
    border-bottom: 0.5px solid #c7bbbb;
    background-color: #002247;
    height: 46px;
    padding: 10px
}
.material-container .detail-add .title-add span[b-ai7ot00284] {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.material-container .detail-add .close[b-ai7ot00284] {
    cursor: pointer;
    float: right;
}
.material-container .detail-add .close:hover[b-ai7ot00284] {
    opacity: 0.5;
}
.material-container .detail-add .form-add[b-ai7ot00284] {
    padding: 25px 24px 0px 25px;
    height: calc(100% - 46px);
}
.material-container .row_add[b-ai7ot00284] {
    display: flex;
    margin: 0 0 20px 0px;
    justify-content: left;
    gap: 10px;
}
    .material-container .row_add label[b-ai7ot00284] {
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
.material-container .detail-add .text-color-red[b-ai7ot00284] {
    margin-left: 5px;
    color: red;
    font-size: 10px
} 
.material-container .group-btn-add[b-ai7ot00284] {
    display: flex;
    justify-content: center;
    gap: 30px
}
[b-ai7ot00284] .ant-form-item {
    margin-bottom: 0 ;
}
[b-ai7ot00284] .input-error {
    width: 260px;
    border: 0.5px solid red;
    box-shadow: none;
}

.material-container .detail-add .disabled-icon[b-ai7ot00284] {
    pointer-events: none;
    opacity: 0.5;
}

[b-ai7ot00284] .cell-master-300 {
    width: 300px;
    max-width: 300px;
    overflow: hidden;
}

    [b-ai7ot00284] .cell-master-300 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-ai7ot00284] .cell-master-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

    [b-ai7ot00284] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-ai7ot00284] .cell-master-150 {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}

    [b-ai7ot00284] .cell-master-150 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-ai7ot00284] .ant-input-affix-wrapper-disabled {
    background-color: white;
}
[b-ai7ot00284] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

[b-ai7ot00284] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
    width: 460px;
    max-width: 460px;
}
[b-ai7ot00284] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input:disabled {
    border-color: #8D8D8D;
}
[b-ai7ot00284] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
[b-ai7ot00284] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

[b-ai7ot00284] .detail-add .ant-spin-nested-loading {
    height: 100%;
}

[b-ai7ot00284] .detail-add .ant-spin-nested-loading > div {
    height: 100%;
}

    [b-ai7ot00284] .detail-add .ant-spin-nested-loading > div .ant-spin-container {
        height: 100%;
    }

        [b-ai7ot00284] .detail-add .ant-spin-nested-loading > div .ant-spin-container .ant-form {
            height: 100%;
        }

.detail-add .form-add .wrapper[b-ai7ot00284] {
    height: calc(100% - 50px);
}

    .detail-add .form-add .wrapper .masterial-container[b-ai7ot00284] {
        display: flex;
        flex-direction: column;
        width: 435px;
        height: calc(100% - 50px);
        overflow: auto;
    }

[b-ai7ot00284] .detail-add .form-add .border-error {
    border-color: #ff4d4f;
    box-shadow: 0 0 0 0;
}
/* _content/IWM/Pages/Operator/Master/ReceivingDepartment.razor.rz.scp.css */
.material-properties[b-q9jfcs64wc] {
    display: flex;
    flex-direction: column;
    padding: 4px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .material-properties .material-header[b-q9jfcs64wc] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-properties .material-header .header-left[b-q9jfcs64wc] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-properties .material-header .header-right[b-q9jfcs64wc] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-properties .material-search[b-q9jfcs64wc] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

    .material-properties .material-advance-search[b-q9jfcs64wc] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-q9jfcs64wc] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}
.v-text-active[b-q9jfcs64wc] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}
.display-none[b-q9jfcs64wc] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-q9jfcs64wc] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-q9jfcs64wc] {
    padding: 10px 20px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-q9jfcs64wc] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-q9jfcs64wc] {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-q9jfcs64wc] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

.grid-template-search .group-button[b-q9jfcs64wc] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

    .grid-template-search .group-button .v-group-collapse[b-q9jfcs64wc] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-q9jfcs64wc] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-q9jfcs64wc] {
        color: #004289;
    }

.material-properties .material-content[b-q9jfcs64wc] {
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}

.table-wrapper[b-q9jfcs64wc] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-q9jfcs64wc] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 18px 3px 6px;
    gap: 20px;
}
.text-opacity[b-q9jfcs64wc] {
    opacity: 0.5;
}
.page-size[b-q9jfcs64wc] {
    margin-left: auto;
}
.page-size span[b-q9jfcs64wc] {
    font-size: 12px;
    font-weight: 600;
}

.v-text-search[b-q9jfcs64wc] {
    font-size: 14px;
    font-weight: 600;
}

[b-q9jfcs64wc] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}

    [b-q9jfcs64wc] .button-download-csv:hover {
        background: #b0c1d3;
    }

    [b-q9jfcs64wc] .button-download-csv img {
        width: 24px;
        height: 24px;
    }

    [b-q9jfcs64wc] .button-download-csv span {
        font-size: 13px;
        font-weight: 500;
    }
[b-q9jfcs64wc] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-q9jfcs64wc], .button-download-csv[disabled]:focus[b-q9jfcs64wc], .button-download-csv[disabled]:hover[b-q9jfcs64wc] {
    color: #005DC2;
    border-color: #005DC2;
    background: #E0EFFF;
    text-shadow: none;
    box-shadow: none;
}

[b-q9jfcs64wc] .mat-btn-add-material {
    width: 95px;
    padding: 5px;
    display: flow;
    padding: 0 10px;
}

[b-q9jfcs64wc] .ant-table-thead tr th:last-child,
[b-q9jfcs64wc] .ant-table-tbody tr td:last-child {
    text-align: center;
}

[b-q9jfcs64wc] .ant-table-thead tr th:nth-last-child(2),
[b-q9jfcs64wc] .ant-table-tbody tr td:nth-last-child(2) {
    text-align: right;
}

[b-q9jfcs64wc] .custom-btn {
    padding: 5px;
    display: flow;
}
[b-q9jfcs64wc] .w-80 {
    width: 80px;
}
[b-q9jfcs64wc] .w-100 {
    width: 100px !important;
}
.material-properties .detail-content[b-q9jfcs64wc] {
    display: inherit;
    overflow: hidden;
    flex-direction: row;
    height: 100%;
    padding: 4px 0 0 0;
}
.material-properties .detail-list[b-q9jfcs64wc] {
    display: inherit;
    overflow: hidden;
    flex: auto;
    flex-direction: column;
}

.material-properties .detail-add[b-q9jfcs64wc] {
    margin: 0px 0px 0px 5px;
    border: 0.5px solid #c7bbbb;
    transition: 0.3s;
    overflow: hidden;
    min-width: 435px;
    width: 435px;
    background-color: #FFFFFF;
}

.material-properties .hidden-detail-add[b-q9jfcs64wc] {
    transition: 0.3s;
    overflow: hidden;
    display: none;
    background-color: #FFFFFF;
}

.material-properties .detail-add .title-add[b-q9jfcs64wc] {
    border-bottom: 0.5px solid #c7bbbb;
    background-color: #002247;
    height: 46px;
    padding: 10px
}
.material-properties .detail-add .title-add span[b-q9jfcs64wc] {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.material-properties .detail-add .close[b-q9jfcs64wc] {
    cursor: pointer;
    float: right;
}
.material-properties .detail-add .close:hover[b-q9jfcs64wc] {
    opacity: 0.5;
}
.material-properties .detail-add .form-add[b-q9jfcs64wc] {
    padding: 25px 20px 0px 20px;
    height: calc(100% - 46px);
}
.material-properties .row_add[b-q9jfcs64wc] {
    display: flex;
    margin: 0 0 25px 0px;
    justify-content: right;
    padding-right: 16px;
}
    .material-properties .row_add label[b-q9jfcs64wc] {
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
.material-properties .detail-add .text-color-red[b-q9jfcs64wc] {
    margin-left: 5px;
    color: red;
    font-size: 10px
} 
.material-properties .group-btn-add[b-q9jfcs64wc] {
    display: flex;
    justify-content: center;
    gap: 30px
}
[b-q9jfcs64wc] .ant-form-item {
    margin-bottom: 0 ;
}
[b-q9jfcs64wc] .input-error {
    width: 260px;
    border: 0.5px solid red;
    box-shadow: none;
}

.material-properties .detail-add .disabled-icon[b-q9jfcs64wc] {
    pointer-events: none;
    opacity: 0.5;
}

[b-q9jfcs64wc] .cell-master-300 {
    width: 300px;
    max-width: 300px;
    overflow: hidden;
}

    [b-q9jfcs64wc] .cell-master-300 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-q9jfcs64wc] .cell-master-200 {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

    [b-q9jfcs64wc] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-q9jfcs64wc] .ant-input-affix-wrapper-disabled {
    background-color: white;
}
[b-q9jfcs64wc] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

[b-q9jfcs64wc] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
    width: 260px;
    max-width: 260px;
}
[b-q9jfcs64wc] .input-add .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .ant-input:disabled {
    border-color: #8D8D8D;
}

[b-q9jfcs64wc] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:hover,
[b-q9jfcs64wc] .input-add .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-number:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

[b-q9jfcs64wc] .detail-add .ant-spin-nested-loading {
    height: 100%;
}

    [b-q9jfcs64wc] .detail-add .ant-spin-nested-loading > div {
        height: 100%;
    }

        [b-q9jfcs64wc] .detail-add .ant-spin-nested-loading > div .ant-spin-container {
            height: 100%;
        }

            [b-q9jfcs64wc] .detail-add .ant-spin-nested-loading > div .ant-spin-container .ant-form {
                height: 100%;
            }

.detail-add .form-add .wrapper[b-q9jfcs64wc] {
    height: calc(100% - 50px);
}

    .detail-add .form-add .wrapper .masterial-container[b-q9jfcs64wc] {
        display: flex;
        flex-direction: column;
        height: calc(100% - 50px);
        width: 400px;
        overflow: auto;
    }
/* _content/IWM/Pages/Operator/Master/SettingRoles.razor.rz.scp.css */
.setting-roles[b-a1pn7zvsg6] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .setting-roles .setting-roles-header[b-a1pn7zvsg6] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .setting-roles .setting-roles-header .header-left[b-a1pn7zvsg6] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

.setting-description[b-a1pn7zvsg6] {
    display: flex;
    align-items: center;
    gap: 45px;
    margin-top: 5px;
    padding: 10px 16px;
    background-color: #F5FFF7;
    border: 0.5px solid #c7bbbb;
}
.setting-roles-content[b-a1pn7zvsg6] {
    height: 100%;
    overflow: hidden;
}
.setting-roles-container[b-a1pn7zvsg6] {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    overflow: hidden;
}

.table-wrapper[b-a1pn7zvsg6] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-a1pn7zvsg6] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}


[b-a1pn7zvsg6] .mat-btn-add-common {
    width: 95px;
    padding: 0 10px;
}

.v-text-active[b-a1pn7zvsg6] {
    font-size: 16px;
    font-weight: 600;
    color: #0E3719;
}

.v-text-parent[b-a1pn7zvsg6] {
    font-size: 16px;
    font-weight: 600;
    color: #878D96;
}
[b-a1pn7zvsg6] .table-popup .ant-table-tbody > tr > td {
    padding: 8px 15px !important;
}
[b-a1pn7zvsg6] .row-action-custom {
    display: flex;
    justify-content:center;
    align-items: center;
    gap: 8px;
}
[b-a1pn7zvsg6] .row-action-custom img {
    width: 24px;
    height: 24px;
}
[b-a1pn7zvsg6] .row-action-custom img:hover{
    opacity: 0.5;
}
[b-a1pn7zvsg6] .ant-form-horizontal{
    height: 100%;
}
[b-a1pn7zvsg6] .add-edit-btn-class {
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    border: none;
}
[b-a1pn7zvsg6] .add-edit-btn-class:disabled {
    opacity: 0.5;
}
[b-a1pn7zvsg6] .mat-btn-setting-edit {
    width: 70px;
    background-color: #289744;
    color: #FFF;
    border: 1px solid #289744;
}
[b-a1pn7zvsg6] .mat-btn-setting-edit:hover, .mat-btn-setting-edit:focus[b-a1pn7zvsg6]{
    background-color: #1c652e;
}
[b-a1pn7zvsg6] .mat-btn-setting-edit[disabled]{
    opacity: 0.5;
}
[b-a1pn7zvsg6] .mat-btn-setting-save {
    width: 70px;
    background-color: #004085;
    color: #FFF;
    border: 1px solid #004085;
}
[b-a1pn7zvsg6] .mat-btn-setting-save:hover, .mat-btn-setting-save:focus[b-a1pn7zvsg6]{
    background-color: #043870;
}
[b-a1pn7zvsg6] .mat-btn-setting-save[disabled]{
    opacity: 0.5;
}
[b-a1pn7zvsg6] .mat-btn-setting-cancel {
    width: 100px;
    background-color: #FFF;
    color: #FF3B30;
    border: 1px solid #FF3B30;
}

[b-a1pn7zvsg6] .mat-btn-setting-cancel:hover, .mat-btn-setting-cancel:focus[b-a1pn7zvsg6] {
    background-color: #e4dcdc;
}

[b-a1pn7zvsg6] .mat-btn-setting-cancel[disabled] {
    opacity: 0.5;
}
[b-a1pn7zvsg6] .form-item-custom {
    margin: 0;
}
[b-a1pn7zvsg6] .table-cell-custom {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}
[b-a1pn7zvsg6] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
[b-a1pn7zvsg6] .header-custom span:hover {
   opacity: 0.7;
}

[b-a1pn7zvsg6] .header-custom.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

[b-a1pn7zvsg6] .header-custom.disabled:hover {
    background-color: inherit; 
}
[b-a1pn7zvsg6] .setting-select-custom{
    width: 90px;
}
[b-a1pn7zvsg6] .table-row-custom {
    cursor: default;
}
/* _content/IWM/Pages/Operator/Master/WareHouse.razor.rz.scp.css */
.ware-house[b-9wwvajuwu0] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}
.ware-house .ware-house-header[b-9wwvajuwu0] {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   height: 48px;
   min-height: 48px;
   padding: 0 16px;
   background-color: #F2F4F8;
   border: 0.5px solid #c7bbbb;
}
.ware-house .ware-house-header .header-left[b-9wwvajuwu0] {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
}
.ware-house .ware-house-header .header-right[b-9wwvajuwu0] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin-left: auto;
}
.search-container[b-9wwvajuwu0] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}
.display-none[b-9wwvajuwu0] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}
.group-template-search[b-9wwvajuwu0] {
    height: 70px;
    transition: 0.3s;
}
.group-template-search .group-item[b-9wwvajuwu0] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}
.group-template-search .group-item .v-item-custom[b-9wwvajuwu0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.group-template-search .group-item .v-item-custom .group-button[b-9wwvajuwu0] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
 .group-template-search .group-item .v-item-custom .no-content[b-9wwvajuwu0] {
    height: 18px;
 }
.ware-house .content[b-9wwvajuwu0] {
    display: block;
    overflow: hidden;
    height: calc(100% - 56px);
}
.ware-house-content[b-9wwvajuwu0] {
    height: 100%;
    overflow: hidden;
}
.ware-house-container[b-9wwvajuwu0] {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    overflow: hidden;
}
.ware-house .ware-house-search[b-9wwvajuwu0] {
    height: 80px;
    min-height: 80px;
    transition: 0.2s;
    overflow: hidden;
    padding-top: 5px;
}
.ant-table-ware-house-custom[b-9wwvajuwu0] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}
.table-wrapper[b-9wwvajuwu0] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}
.table-title[b-9wwvajuwu0] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 8px 7px 12px;
    gap: 20px;
}
.v-text-search[b-9wwvajuwu0] {
    font-size: 14px;
    font-weight: 600;
}
[b-9wwvajuwu0] .button-download-csv {
    width: 72px;
    color: #005DC2;
    background: #E0EFFF;
    border: 0.5px solid #005DC2;
    padding: 0 6px;
}
[b-9wwvajuwu0] .button-download-csv[disabled], .button-download-csv[disabled]:active[b-9wwvajuwu0], .button-download-csv[disabled]:focus[b-9wwvajuwu0], .button-download-csv[disabled]:hover[b-9wwvajuwu0] {
    color: #005DC2;
    border-color: inherit;
    background: #E0EFFF !important;
}
[b-9wwvajuwu0] .button-download-csv:hover {
    background: #b0c1d3;
}
[b-9wwvajuwu0] .button-download-csv img {
    width: 24px;
    height: 24px;
}
[b-9wwvajuwu0] .button-download-csv span {
   font-size: 13px;
   font-weight: 500;
}
[b-9wwvajuwu0] .mat-btn-add-common {
    width: 95px;
    padding: 0 10px;
}
[b-9wwvajuwu0] .row-action-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
[b-9wwvajuwu0] .row-action-custom img {
   width: 24px;
   height: 24px;
}
[b-9wwvajuwu0] .row-action-custom img:hover {
   opacity: 0.5;
}
.page-size[b-9wwvajuwu0] {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: auto;
    gap: 10px;
}
.page-size span[b-9wwvajuwu0] {
    font-size: 12px;
    font-weight: 600;
    color: #343A3F;
}
.v-text-active[b-9wwvajuwu0] {
    font-size: 16px;
    font-weight: 600;
    color: #0E3719;
}
.v-text-parent[b-9wwvajuwu0] {
    font-size: 16px;
    font-weight: 600;
    color: #878D96;
}
[b-9wwvajuwu0] .table-popup .ant-table-tbody > tr > td {
    padding: 8px 15px !important;
}
[b-9wwvajuwu0] .column-action {
    border-left: 1px solid #c7bbbb;
}
[b-9wwvajuwu0] .add-edit-btn-class {
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    border: none;
}
[b-9wwvajuwu0] .add-edit-btn-class:disabled {
   opacity: 0.5;
}
[b-9wwvajuwu0] .ant-form-horizontal {
    height: 100%;
}
[b-9wwvajuwu0] .table-cell-custom {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}
[b-9wwvajuwu0] .form-item-custom {
    margin: 0;
}
[b-9wwvajuwu0] .header-custom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
[b-9wwvajuwu0] .header-custom span:hover {
    opacity: 0.7;
}
[b-9wwvajuwu0] .header-custom.disabled {
   pointer-events: none;
   opacity: 0.6;
   cursor: not-allowed;
}
[b-9wwvajuwu0] .header-custom.disabled:hover {
   background-color: inherit;
}
/* _content/IWM/Pages/Operator/Order.razor.rz.scp.css */
.order[b-eel3eg3nu7] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .order .order-header[b-eel3eg3nu7] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

    .order .order-header .header-left[b-eel3eg3nu7] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }
        .order .order-header .header-left .v-text-parent[b-eel3eg3nu7] {
            font-size: 16px;
            font-weight: 600;
            color: #878D96;
        }

        .order .order-header .header-right[b-eel3eg3nu7] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .order .order-search[b-eel3eg3nu7] {
        height: 200px;
        min-height: 200px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 5px;
    }

    .order .order-advance-search[b-eel3eg3nu7] {
        height: 188px;
        min-height: 188px;
        transition: 0.3s;
        overflow: hidden;
        padding-top: 4px;
    }

.search-container[b-eel3eg3nu7] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.v-text-active[b-eel3eg3nu7] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.display-none[b-eel3eg3nu7] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-eel3eg3nu7] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.group-button-not-advance-search[b-eel3eg3nu7] {
    padding: 10px 10px 0px 25px;
    justify-content: flex-end !important;
    transition: 0.3s;
}

.grid-not-advance-search[b-eel3eg3nu7] {
    flex-direction: row !important;
    justify-content: flex-start;
}

.grid-template-search .group-item[b-eel3eg3nu7] {
    display: inline-grid;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

    .grid-template-search .group-item .v-item-custom[b-eel3eg3nu7] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

    .grid-template-search .group-item .row_1[b-eel3eg3nu7] {
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }

.grid-template-search .group-item .row_2[b-eel3eg3nu7] {
    display: flex;
    gap: 20px;
}

.grid-template-search .group-item .row_3[b-eel3eg3nu7] {
    display: flex;
    gap: 20px;
}

.grid-template-search .group-button[b-eel3eg3nu7] {
    display: inline-grid;
}

    .grid-template-search .group-button .v-group-collapse[b-eel3eg3nu7] {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 5px;
    }

        .grid-template-search .group-button .v-group-collapse .advance-search-css[b-eel3eg3nu7] {
            font-weight: 600;
            font-size: 16px;
            line-height: 15px;
            text-decoration-line: underline;
            color: #005DC2;
            cursor: pointer;
        }

    .grid-template-search .group-button .advance-search-css:hover[b-eel3eg3nu7] {
        color: #004289;
    }
    .grid-template-search .group-button .row_1[b-eel3eg3nu7] {
        display: flex;
        align-items: end;
        gap: 20px;
        justify-content:space-between;
    }

    .grid-template-search .group-button .row_2[b-eel3eg3nu7] {
        display: flex;
        gap: 20px;
        align-items: flex-end;
        overflow: hidden;
    }
.w-100[b-eel3eg3nu7] {
    width: 100px;
}
.w-120[b-eel3eg3nu7] {
    width: 120px;
}

.grid-template-search .group-button .v-item-custom[b-eel3eg3nu7] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

[b-eel3eg3nu7] textarea {
    width: 700px;
    max-width: 700px;
    height: 92px;
    resize: none;
    padding: 10px;
    line-height: 25px; 
    white-space: pre-wrap; 
}

.table-custom[b-eel3eg3nu7] {
    height: calc(100% - 90px);
    display: flex;
    gap: 20px;
    background-color: white;
    border: 0.5px solid #c7bbbb;
    margin-top: 5px;
    padding: 0 50px 0 50px;
}

.table[b-eel3eg3nu7] {
    font-size: 14px;
    width: 370px;
    background-color: white;
    border-color: black;
}

.table-hover tbody tr:hover[b-eel3eg3nu7] {
    background-color: rgba(0, 0, 0, 0.04);
}
.body-table[b-eel3eg3nu7] {
    width: 100%;
    height: 100%;
}

.table-srcoll[b-eel3eg3nu7] {
    height: calc(100% - 80px);
    width: 100%;
    overflow: hidden;
    display: flex;
}

.konvajs-content[b-eel3eg3nu7] {
    height: 0 !important;
}

#konva-container[b-eel3eg3nu7] {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

[b-eel3eg3nu7] .mat-btn-common.mat-btn-orange-custom {
    background: #C27100;
    color: #FFFFFF;
}

[b-eel3eg3nu7] .mat-btn-orange-custom:focus {
    background: #804400;
    color: #FFFFFF;
    border: 1px solid transparent;
}

[b-eel3eg3nu7] .mat-btn-orange-custom:hover {
    background: #B25F00;
    color: #FFFFFF;
    border: 1px solid transparent;
}

[b-eel3eg3nu7] .mat-btn-orange-custom[disabled], .mat-btn-orange-custom[disabled]:active[b-eel3eg3nu7], .mat-btn-orange-custom[disabled]:focus[b-eel3eg3nu7], .mat-btn-orange-custom[disabled]:hover[b-eel3eg3nu7] {
    background-color: #C2710080;
    color: #FFFFFF;
    border: 1px solid transparent;
}

[b-eel3eg3nu7] .mat-btn-edit-custom, .mat-btn-edit-custom:focus[b-eel3eg3nu7] {
    background: #1B682E;
    color: #FFF;
    border: 1px solid transparent;
}

[b-eel3eg3nu7] .mat-btn-edit-custom:hover {
    background: #0E3719;
    color: #FFF;
    border: 1px solid transparent;
}

[b-eel3eg3nu7] .mat-btn-edit-custom[disabled], .mat-btn-edit-custom[disabled]:active[b-eel3eg3nu7], .mat-btn-edit-custom[disabled]:focus[b-eel3eg3nu7], .mat-btn-edit-custom[disabled]:hover[b-eel3eg3nu7] {
    background-color: #1B682E80;
    color: #FFFFFF;
    border: 1px solid transparent;
}

/* _content/IWM/Pages/Operator/OrderDetailDialog.razor.rz.scp.css */
.order-detail-container[b-f501uelb6a] {
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 100px);
}
.general-info[b-f501uelb6a] {
    display: flex;
    justify-content: flex-start;
    gap: 45px;
    align-items: center;
    padding: 0 5px;
}


.general-info .v-item-custom[b-f501uelb6a] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

    .general-info .v-item-custom .base-month-group[b-f501uelb6a] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
    }
.inventory-content[b-f501uelb6a] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: calc(100% - 65px);
}
    .inventory-content .inventory-container[b-f501uelb6a] {
        max-height: calc(50% - 5px);
    }

    .inventory-content .order-delivery-container[b-f501uelb6a] {
        width: 60%;
        align-self: center;
        max-height: calc(50% - 5px);
    }

    .table-wrapper[b-f501uelb6a] {
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 4px;
        border: 0.5px solid #c7bbbb;
    }
        .table-wrapper .order-detail-title[b-f501uelb6a] {
            width: 100%;
            background: #E0EFFF;
            font-weight: 700;
            font-size: 15px;
            color: #343A3F;
            padding-left: 10px;
            height: 30px;
            align-content: center;
        }

        .table-wrapper .order-detail-delivery-title[b-f501uelb6a] {
            width: 100%;
            background: #E6F8EB;
            font-weight: 700;
            font-size: 15px;
            color: #343A3F;
            padding-left: 10px;
            height: 30px;
            align-content: center;
        }

[b-f501uelb6a] .cell-master-200 {
/*    width: 200px;
    max-width: 200px;*/
    overflow: hidden;
}

    [b-f501uelb6a] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .button-container[b-f501uelb6a] {
        display: flex;
        gap: 30px;
        padding-top: 20px;
        padding-bottom: 10px;
        justify-content: center;
    }

[b-f501uelb6a] .mat-btn-back, .mat-btn-back:focus[b-f501uelb6a] {
    background: #DDE1E6 !important;
    color: #050F2B !important;
    border: 1px solid #8D8D8D !important;
}

    [b-f501uelb6a] .mat-btn-back:hover {
        background: #C9CDD2 !important;
        color: #050F2B !important;
        border: 1px solid #6E6E6E !important;
    }

    [b-f501uelb6a] .mat-btn-back[disabled], .mat-btn-back[disabled]:active[b-f501uelb6a], .mat-btn-back[disabled]:focus[b-f501uelb6a], .mat-btn-back[disabled]:hover[b-f501uelb6a] {
        background: #DDE1E6 !important;
        opacity: 50%;
        color: #050F2B !important;
        border: 1px solid #6E6E6E !important;
        opacity: 0.7 !important;
    }

.order-status-item[b-f501uelb6a] {
    padding: 2px 0px;
    border-radius: 16px;
    border: 0.4px solid;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-f501uelb6a] .ant-radio:not(.ant-radio-checked):not(.ant-radio-disabled):not(:hover) .ant-radio-inner {
    border-color: #343A3F !important;
}

[b-f501uelb6a] .ant-radio .ant-radio-inner {
    border-width: 2px !important;
}


[b-f501uelb6a] .delivery-table .ant-table-tbody > tr > td {
    cursor: auto !important;
}

[b-f501uelb6a] .header-custom {
    cursor: pointer;
}
/* _content/IWM/Pages/Operator/OrderList.razor.rz.scp.css */
.order-list[b-fbw0ta964b] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100vh;
    background-color: #F4F4F4;
}

    .order-list .inventory-header[b-fbw0ta964b] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .order-list .inventory-header .header-left[b-fbw0ta964b] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

            .order-list .inventory-header .header-left .v-text-active[b-fbw0ta964b] {
                font-size: 16px;
                font-weight: 600;
                color: #0E3719;
            }

            .order-list .inventory-header .header-left .v-text-parent[b-fbw0ta964b] {
                font-size: 16px;
                font-weight: 600;
                color: #878D96;
            }

        .order-list .inventory-header .header-right[b-fbw0ta964b] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .order-list .inventory-search-group[b-fbw0ta964b] {
        height: 115px;
        min-height: 115px;
        transition: 0.2s;
        overflow: hidden;
        padding-top: 5px;
    }

        .order-list .inventory-search-group .search-container[b-fbw0ta964b] {
            background-color: #fff;
            padding: 10px;
            border: 0.5px solid #c7bbbb;
            height: 100%;
        }

.img-page-disable[b-fbw0ta964b] {
    pointer-events: none;
    opacity: 0.5;
}

.total-length[b-fbw0ta964b] {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: auto;
    gap: 10px;
}

    .total-length span[b-fbw0ta964b] {
        font-weight: 400;
        color: #004085;
        font-size: 20px
    }

.group-button-not-advance-search[b-fbw0ta964b] {
    align-self: self-end;
}

.grid-template-search[b-fbw0ta964b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .grid-template-search .group-item[b-fbw0ta964b] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 35px;
        overflow: hidden;
/*        width: 100%;*/
    }
        .grid-template-search .group-item .group-search-condition[b-fbw0ta964b] {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: 15px;
            overflow: hidden;
            width: 100%;

        }
            .grid-template-search .group-item .group-search-condition .search-row-1[b-fbw0ta964b] {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                gap: 45px;
                overflow: hidden;
                width: 100%;
            }
                .grid-template-search .group-item .group-search-condition .search-row-1 > div[b-fbw0ta964b] {
                    flex: 1; 
                    min-width: 0;
                }
                .grid-template-search .group-item .group-search-condition .search-row-1 .base-month-group[b-fbw0ta964b] {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    gap: 5px;
                }



            .grid-template-search .group-item .group-search-condition .search-row-2[b-fbw0ta964b] {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                gap: 20px;
                overflow: hidden;
                width: 100%;
            }

            .grid-template-search .group-item .group-search-condition .search-row-2 .group-checkbox[b-fbw0ta964b] {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                gap: 45px;
                overflow: hidden;
                width: 100%;
            }

        .grid-template-search .group-item .v-item-custom[b-fbw0ta964b] {
            display: flex;
            flex-direction: column;
            gap: 5px;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
        }

    .grid-template-search .group-button[b-fbw0ta964b] {
/*        display: flex;
        justify-content: flex-end;
        gap: 20px;
        flex: 1;*/
    }

        .grid-template-search .group-button .v-group-collapse[b-fbw0ta964b] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            cursor: pointer;
            gap: 5px;
        }

            .grid-template-search .group-button .v-group-collapse:hover[b-fbw0ta964b] {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                cursor: pointer;
                gap: 5px;
                opacity: 0.5;
            }

            .grid-template-search .group-button .v-group-collapse .advance-search-css[b-fbw0ta964b] {
                font-weight: 600;
                font-size: 16px;
                line-height: 15px;
                text-decoration-line: underline;
                color: #005DC2;
            }

.inventory-content[b-fbw0ta964b] {
    height: 100%;
    overflow: hidden;
}

    .inventory-content .inventory-container[b-fbw0ta964b] {
        padding: 5px 0 0 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
        height: 100%;
        overflow: hidden;
    }

.ant-table-inventory-custom[b-fbw0ta964b] {
    height: calc(100% - 58px) !important;
    width: 100%;
    display: flex;
}

.table-wrapper[b-fbw0ta964b] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.table-title[b-fbw0ta964b] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 7px 10px 7px 12px;
    gap: 50px;
}

.v-text-search[b-fbw0ta964b] {
    font-size: 14px;
    font-weight: 600;
}



[b-fbw0ta964b] .icon-search-inventory {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.display-none[b-fbw0ta964b] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

[b-fbw0ta964b] .cell-master-200 {
/*    width: 200px;
    max-width: 200px;*/
    overflow: hidden;
}

    [b-fbw0ta964b] .cell-master-200 > div {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.ant-table-inventory-master-custom[b-fbw0ta964b] {
    height: calc(100% - 57px) !important;
}

[b-fbw0ta964b] .ant-table-tbody tr.row-warning td {
    background-color: #FFE7E6;
}

[b-fbw0ta964b] .ant-table-inventory-master-custom .ant-table-tbody tr:nth-child(n) td {
    border-bottom: 0.1px solid #ccc;
}

[b-fbw0ta964b] .text-padding-right {
    padding-right: 25px !important
}

.page-size[b-fbw0ta964b] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 59px;
}

    .page-size span[b-fbw0ta964b] {
        font-size: 12px;
        font-weight: 600;
        margin-right: 10px;
    }

[b-fbw0ta964b] .w-80 {
    width: 80px;
}

[b-fbw0ta964b] .mat-btn-add-material {
    width: 95px;
    padding: 0 10px;
}

[b-fbw0ta964b] .mat-btn-edit-custom, .mat-btn-edit-custom:focus[b-fbw0ta964b] {
    background: #289744;
    color: #FFF;
    border: 1px solid transparent;
}

    [b-fbw0ta964b] .mat-btn-edit-custom:hover {
        background: #1C7134;
        color: #FFF;
        border: 1px solid transparent;
    }

    [b-fbw0ta964b] .mat-btn-edit-custom[disabled], .mat-btn-edit-custom[disabled]:active[b-fbw0ta964b], .mat-btn-edit-custom[disabled]:focus[b-fbw0ta964b], .mat-btn-edit-custom[disabled]:hover[b-fbw0ta964b] {
        background-color: #289744;
        opacity: 50%;
        color: #FFFFFF;
        border: 1px solid transparent;
    }

[b-fbw0ta964b] .mat-btn-delete-order, .mat-btn-delete-order:focus[b-fbw0ta964b] {
    width: 95px;
    background: #FFF9E0;
    color: #FF3B30;
    border: 1px solid #FF3B30;
}

    [b-fbw0ta964b] .mat-btn-delete-order:hover {
        background: #FFECA9;
        color: #FFF;
        border: 1px solid #FF3B30;
    }

    [b-fbw0ta964b] .mat-btn-delete-order[disabled], .mat-btn-delete-order[disabled]:active[b-fbw0ta964b], .mat-btn-delete-order[disabled]:focus[b-fbw0ta964b], .mat-btn-delete-order[disabled]:hover[b-fbw0ta964b] {
        background-color: #FFF6D9;
        color: #FFFFFF;
        border: 1px solid #FF3B30;
    }

[b-fbw0ta964b] .center-radio {
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-fbw0ta964b] .center-radio .ant-radio {
        margin: 0 !important; 
    }

    [b-fbw0ta964b] .center-radio .ant-radio-wrapper {
        margin: 0 !important;
    }

[b-fbw0ta964b] .ant-picker {
    border-color: #8D8D8D !important;
}

    [b-fbw0ta964b] .ant-picker:hover {
        border-color: rgb(64, 169, 255) !important;
    }

[b-fbw0ta964b] .base-month-group .ant-picker-suffix svg {
    fill: #1D1B20 !important;
    color: #1D1B20 !important;
}

.order-status-custom[b-fbw0ta964b] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

}
    .order-status-custom .order-status-item[b-fbw0ta964b] {
        padding: 2px 0px;
        border-radius: 16px;
        border: 0.4px solid;
        width: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

[b-fbw0ta964b] .ant-radio:not(.ant-radio-checked):not(.ant-radio-disabled):not(:hover) .ant-radio-inner {
    border-color: #343A3F !important;
}

[b-fbw0ta964b] .ant-radio .ant-radio-inner {
    border-width: 2px !important; 
}

[b-fbw0ta964b] .header-custom {
    cursor: pointer;

}
/* _content/IWM/Pages/Operator/Report.razor.rz.scp.css */
.material-container[b-5o2s008bb3] {
    display: flex;
    flex-direction: column;
    padding: 4px;
    height: 100vh;
    background-color: #F4F4F4;
    overflow: auto;
}

    .material-container .material-header[b-5o2s008bb3] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 48px;
        min-height: 48px;
        padding: 0 16px;
        background-color: #F2F4F8;
        border: 0.5px solid #c7bbbb;
    }

        .material-container .material-header .header-left[b-5o2s008bb3] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .material-container .material-header .header-right[b-5o2s008bb3] {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: auto;
        }

    .material-container .material-search[b-5o2s008bb3] {
        height: 80px;
        min-height: 80px;
        transition: 0.3s;
        padding-top: 4px;
    }

    .material-container .material-advance-search[b-5o2s008bb3] {
        height: 150px;
        min-height: 150px;
        transition: 0.3s;
        display: flex;
        background-color: white;
    }

.search-container[b-5o2s008bb3] {
    background-color: #fff;
    padding: 10px;
    border: 0.5px solid #c7bbbb;
    height: 100%;
}

.v-text-active[b-5o2s008bb3] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0E3719;
}

.display-none[b-5o2s008bb3] {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transition: 0.3s;
    width: 0 !important;
}

.grid-template-search[b-5o2s008bb3] {
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.material-container .material-content[b-5o2s008bb3] {
    display: block;
    height: calc(100% - 0px);
}

.table-wrapper[b-5o2s008bb3] {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0.5px solid #c7bbbb;
}

.material-container .detail-content[b-5o2s008bb3] {
    flex-direction: row;
    height: 100%;
}

.material-container .detail-list[b-5o2s008bb3] {
    height: 100%;
    display: inherit;
    flex: auto;
    flex-direction: column;
}

.ant-table-common[b-5o2s008bb3] {
    min-height: 160px !important;
    max-height: 160px !important;
}

.site-calendar-card[b-5o2s008bb3] {
    width: 50%;
    justify-content: center;
    display: flex;
    gap: 20px;
    margin: 0 auto;
}

[b-5o2s008bb3] .ant-picker-calendar {
    border: 0.1rem solid #8D8D8D;
}

[b-5o2s008bb3] .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    display: none;
}

[b-5o2s008bb3] .ant-picker-calendar-header {
    display: flex;
    justify-content: center;
    padding: 12px 0;
    display: none;
}

    [b-5o2s008bb3] .ant-picker-calendar-header .ant-picker-calendar-year-select {
        pointer-events: none;
        opacity: 0.5;
    }

    [b-5o2s008bb3] .ant-picker-calendar-header .ant-picker-calendar-month-select {
        pointer-events: none;
        opacity: 0.5;
    }

[b-5o2s008bb3] .ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: none;
}

table[b-5o2s008bb3] {
    border-collapse: collapse;
    width: 2000px;
    table-layout: fixed;
}

th[b-5o2s008bb3], td[b-5o2s008bb3] {
    border: 1px solid #ccc;
    padding: 4px;
    width: 100px;
    white-space: nowrap;
    text-align: center;
}

th[b-5o2s008bb3] {
    background-color: #E0EFFF;
}

.sticky-col[b-5o2s008bb3] {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #E0EFFF;
    z-index: 10;
    display: block;
}

    .sticky-col[b-5o2s008bb3]::after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

    .sticky-col[b-5o2s008bb3]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
    }

input.table-input[b-5o2s008bb3] {
    border: 0.3px solid #ccc;
    background: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
}

    input.table-input:focus[b-5o2s008bb3] {
        outline: none;
        background: #f0f8ff;
    }

.head-container[b-5o2s008bb3] {
    border: 2px solid #ccc;
    background-color: #fff;
    padding: 5px;
    display: flex;
    align-items: flex-start;
    width: fit-content;
}

.header-info[b-5o2s008bb3] {
    width: 25%;
    margin: auto 0;
    padding-left: 20px;
}

.header-content[b-5o2s008bb3] {
    width: 50%;
    margin: auto 0;
}

.table-header[b-5o2s008bb3] {
    width: 20px;
}

.button-container[b-5o2s008bb3] {
    display: flex;
    gap: 30px;
    padding-top: 30px;
    justify-content: center;
}

.btn-edit[b-5o2s008bb3] {
    background-color: #1B682E;
    color: white;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.btn-cancel[b-5o2s008bb3] {
    background-color: white;
    color: #FF3B30;
    border: 1px solid #FF3B30;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

[b-5o2s008bb3] .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    color: black;
    background: #fff;
}

[b-5o2s008bb3] .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
    border: none;
}

.background[b-5o2s008bb3] {
    background-color: #F4F4F4;
}

[b-5o2s008bb3] .ant-picker-calendar-date-value:hover {
    border-radius: 2px;
    opacity: 0.5;
}

[b-5o2s008bb3] .ant-picker-cell-in-view .selected-date {
    color: #fff !important;
    background-color: #1890ff !important;
}
/* _content/IWM/Pages/Operator/SendMailDialog.razor.rz.scp.css */
.dialog-content[b-7v3xuuen6q] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 70vh;
}

    .dialog-content .search-container[b-7v3xuuen6q] {
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }

.group-search[b-7v3xuuen6q] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.v-item-keyword[b-7v3xuuen6q] {
    width: calc(100% - 152px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

    .v-item-keyword .item-title[b-7v3xuuen6q] {
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.014em;
        color: #343A3F;
        width: 28px;
    }

    .v-item-keyword .v-item-input[b-7v3xuuen6q] {
        width: calc(100% - 37px);

    }
        [b-7v3xuuen6q] .v-item-keyword .v-item-input .ant-form-item {
            margin-bottom: 0;
        }

        .v-item-keyword .v-item-input .custom-upload[b-7v3xuuen6q] {
            display: flex;
            border: 1px dashed #ccc;
            padding: 4px 11px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            color: #666;
            user-select: none;
            width: 100%;
            align-items: center;
            justify-content: left;
            height: 39px;
        }

        .v-item-keyword .v-item-input .upload-icon[b-7v3xuuen6q] {
            display: inline-flex;
            align-items: center;
            gap: 11px;
        }

        .v-item-keyword .v-item-input .file-preview[b-7v3xuuen6q] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            margin-top: 8px;
            font-size: 14px;
            color: #444;
        }

        .v-item-keyword .v-item-input .delete-btn[b-7v3xuuen6q] {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
            display: flex;
            align-items: center;
        }

.v-text-strong[b-7v3xuuen6q] {
    color: #4392BB;
}

.dialog-footer[b-7v3xuuen6q] {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 10px;
    margin-bottom: 5px;
    position: sticky;
}

[b-7v3xuuen6q] .ant-modal {
    width: 600px;
}
[b-7v3xuuen6q] .ant-form-horizontal .ant-form-item-control {
    max-width: 100%;
}