/* _content/ScoSPA/Pages/Applications/Account/Acc_ucf_accmaster/Acc_ucf_accmaster.razor.rz.scp.css */
.color-label[b-yf26eqgn9l] {
    display: flex;
    align-items: center;
    margin: 10px;
}

.color-box[b-yf26eqgn9l] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid black;
}
/* สีน้ำเงิน */
.title[b-yf26eqgn9l] {
    background-color: #4a60d7;
}
/* สีชมพู */
.group-title[b-yf26eqgn9l] {
    background-color: #e63a7a;
}
/* สีเขียว */
.details[b-yf26eqgn9l] {
    background-color: #2cb02c;
}

/* _content/ScoSPA/Pages/Applications/Account/Acc_ucf_budget/Acc_ucf_budget.razor.rz.scp.css */
.color-label[b-xcwg1q3h8n] {
    display: flex;
    align-items: center;
    margin: 10px;
}

.color-box[b-xcwg1q3h8n] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid black;
}
/* สีน้ำเงิน */
.title[b-xcwg1q3h8n] {
    background-color: #4a60d7;
}
/* สีชมพู */
.group-title[b-xcwg1q3h8n] {
    background-color: #e63a7a;
}
/* สีเขียว */
.details[b-xcwg1q3h8n] {
    background-color: #2cb02c;
}

/* _content/ScoSPA/Pages/Applications/Dbm/Dbm_mapping/Dbm_mapping.razor.rz.scp.css */
th[b-zul7yfx6uq] {
    background-color: transparent;
}

.page-card[b-zul7yfx6uq] {
    font-family: "Chakra Petch", sans-serif;
}

    .page-card :is(div, span, h1, h2, h3, h4, h5, h6, label):not(.rz-chkbox-box):not(.rz-chkbox-icon):not([class*="-icon"])[b-zul7yfx6uq] {
        font-family: "Chakra Petch", sans-serif;
    }

.profile-tags[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
    max-width: 560px;
}

.profile-tag[b-zul7yfx6uq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #e0e7ff;
    color: #312e81;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid rgba(49, 46, 129, 0.10);
}

.profile-tag-remove[b-zul7yfx6uq] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #312e81;
    padding: 0;
    line-height: 1;
    font-weight: 700;
}

.profile-tag-input[b-zul7yfx6uq] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 12px;
    color: #111827;
    min-width: 130px;
    background: #ffffff;
}

.profile-tag-add[b-zul7yfx6uq] {
    border: 1px solid #c7d2fe;
    background: #eef2ff;
    color: #3730a3;
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .profile-tag-add:disabled[b-zul7yfx6uq] {
        opacity: 0.5;
        cursor: default;
    }

.profile-tag-suggestion[b-zul7yfx6uq] {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #374151;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    cursor: pointer;
}

    .profile-tag-suggestion:hover[b-zul7yfx6uq] {
        background: #f9fafb;
    }

.profile-bar[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.profile-bar-left[b-zul7yfx6uq] {
    position: relative;
}

.profile-selector[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: white;
    transition: border-color 0.15s;
}

    .profile-selector:hover[b-zul7yfx6uq] {
        border-color: #6366f1;
    }

.profile-dot[b-zul7yfx6uq] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dot-active[b-zul7yfx6uq] {
    background: #6366f1;
}

.dot-draft[b-zul7yfx6uq] {
    background: #f59e0b;
}

.profile-selector-text[b-zul7yfx6uq] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.profile-label[b-zul7yfx6uq] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #6366f1;
    text-transform: uppercase;
}

.profile-name[b-zul7yfx6uq] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

.profile-bar-right[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-save-btn[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 22px;
    background: #6366f1;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .profile-save-btn:hover:not(:disabled)[b-zul7yfx6uq] {
        background: #4f46e5;
    }

    .profile-save-btn:disabled[b-zul7yfx6uq] {
        cursor: not-allowed;
    }

.profile-menu-btn[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: white;
    cursor: pointer;
    transition: background 0.15s;
}

    .profile-menu-btn:hover[b-zul7yfx6uq] {
        background: #f3f4f6;
    }

/* ===== More Menu Dropdown (⋮) ===== */
.profile-more-wrapper[b-zul7yfx6uq] {
    position: relative;
}

.more-menu-dropdown[b-zul7yfx6uq] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1100;
    min-width: 200px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    padding: 6px 0;
}

.more-menu-backdrop[b-zul7yfx6uq] {
    position: fixed;
    inset: 0;
    z-index: 1099;
}

.more-menu-item[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    transition: background 0.1s;
    white-space: nowrap;
}

    .more-menu-item:hover[b-zul7yfx6uq] {
        background: #f3f4f6;
    }

.more-menu-divider[b-zul7yfx6uq] {
    height: 1px;
    background: #e5e7eb;
    margin: 4px 0;
}

/* ===== Profile Dropdown ===== */
.profile-dropdown[b-zul7yfx6uq] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1100;
    min-width: 280px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    padding: 8px 0;
}

.profile-dropdown-backdrop[b-zul7yfx6uq] {
    position: fixed;
    inset: 0;
    z-index: 1099;
}

.dropdown-section-label[b-zul7yfx6uq] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #9ca3af;
    padding: 10px 16px 4px;
    text-transform: uppercase;
}

.dropdown-item[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    cursor: pointer;
    transition: background 0.1s;
}

    .dropdown-item:hover[b-zul7yfx6uq] {
        background: #f3f4f6;
    }

.dropdown-item-name[b-zul7yfx6uq] {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.dropdown-current-badge[b-zul7yfx6uq] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #6366f1;
    background: #eef2ff;
    padding: 2px 8px;
    border-radius: 6px;
    margin-left: auto;
}

.dropdown-divider[b-zul7yfx6uq] {
    height: 1px;
    background: #e5e7eb;
    margin: 6px 0;
}

.dropdown-action[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.1s;
}

    .dropdown-action:hover[b-zul7yfx6uq] {
        background: #f3f4f6;
    }

/* ===== Existing Tab styles ===== */
.tab-container[b-zul7yfx6uq] {
    display: flex;
    border-bottom: 2px solid #e5e7eb;
    gap: 0;
    justify-content: center; 
}

.tab-btn[b-zul7yfx6uq] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    color: #d1d5db;
    margin: 0 150px;
    margin-bottom: -2px;
}

    .tab-btn.active[b-zul7yfx6uq] {
        color: #111827;
        border-bottom-color: #111827;
    }

.badge[b-zul7yfx6uq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    background: #9ca3af;
    color: white;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px;
}

.badge-active[b-zul7yfx6uq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    background: #374151;
    color: white;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px;
}

/* Remove box-shadow from all input elements */
[b-zul7yfx6uq] .rz-textbox,
[b-zul7yfx6uq] .rz-button,
[b-zul7yfx6uq] .rz-dropdown,
[b-zul7yfx6uq] .form-control,
[b-zul7yfx6uq] .form-select,
[b-zul7yfx6uq] select,
[b-zul7yfx6uq] input,
[b-zul7yfx6uq] textarea,
[b-zul7yfx6uq] .btn {
    box-shadow: none !important;
}

/* Remove focus box-shadow */
    [b-zul7yfx6uq] .rz-textbox:focus,
    [b-zul7yfx6uq] .rz-button:focus,
    [b-zul7yfx6uq] .rz-dropdown:focus,
    [b-zul7yfx6uq] .form-control:focus,
    [b-zul7yfx6uq] .form-select:focus,
    [b-zul7yfx6uq] select:focus,
    [b-zul7yfx6uq] input:focus,
    [b-zul7yfx6uq] textarea:focus,
    [b-zul7yfx6uq] .btn:focus {
        box-shadow: none !important;
    }
/* _content/ScoSPA/Pages/Applications/Dbm/Dbm_mapping/Dlg_dbm_mapping/Dlg_dbm_transformmodal.razor.rz.scp.css */
[b-dvbpm0vh7a] .rz-textbox, 
[b-dvbpm0vh7a] .rz-dropdown {
    box-shadow: none !important;
}

.source-input-wrapper[b-dvbpm0vh7a] {
        position: relative;
    }

    .source-suggestion-box[b-dvbpm0vh7a] {
        position: absolute;
        z-index: 50;
        background: white;
        border: 1px solid #e5e7eb;
        width: 100%;
        max-height: 280px;
        overflow-y: auto;
        border-radius: 6px;
        margin-top: 4px;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    }

    .source-suggestion-item[b-dvbpm0vh7a] {
        padding: 10px 12px;
        cursor: pointer;
        border-bottom: 1px solid #f3f4f6;
        transition: background-color 0.15s;
    }

        .source-suggestion-item:hover[b-dvbpm0vh7a] {
            background-color: #f9fafb;
        }

        .source-suggestion-item:last-child[b-dvbpm0vh7a] {
            border-bottom: none;
        }

    .source-column-name[b-dvbpm0vh7a] {
        font-weight: 600;
        color: #111827;
        margin-bottom: 4px;
    }

    .source-badges[b-dvbpm0vh7a] {
        display: flex;
        gap: 6px;
        align-items: center;
        flex-wrap: wrap;
    }

    .badge-table[b-dvbpm0vh7a] {
        display: inline-block;
        background: #EEF2FF;
        color: #3730A3;
        font-size: 11px;
        padding: 3px 8px;
        border-radius: 6px;
        font-weight: 500;
        border: 1px solid #E0E7FF;
    }

    .badge-datatype[b-dvbpm0vh7a] {
        display: inline-block;
        background: #F3F4F6;
        color: #4B5563;
        font-size: 11px;
        padding: 3px 8px;
        border-radius: 6px;
        font-weight: 500;
    }
/* _content/ScoSPA/Pages/Applications/Dbm/Dbm_migration/Dbm_migration_components/Dbm_mappingprofile.razor.rz.scp.css */
.page-card[b-i1xd6rue8i] {
    font-family: "Chakra Petch", sans-serif;
}

.page-card :is(div, span, h1, h2, h3, h4, h5, h6, label):not(.rz-chkbox-box):not(.rz-chkbox-icon):not([class*="-icon"])[b-i1xd6rue8i] {
    font-family: "Chakra Petch", sans-serif;
}

.profile-filter-bar[b-i1xd6rue8i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
}

.tag-filter-actions[b-i1xd6rue8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.tag-filter-hint[b-i1xd6rue8i] {
    font-size: 12px;
    color: #475569;
}

.tag-chip-row[b-i1xd6rue8i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tag-chip[b-i1xd6rue8i] {
    border: 1px solid #cbd5e1;
    background: white;
    color: #334155;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    cursor: pointer;
    line-height: 20px;
}

.tag-chip:hover[b-i1xd6rue8i] {
    border-color: #0d6efd;
}

.tag-chip.active[b-i1xd6rue8i] {
    border-color: #0d6efd;
    background: #e0e7ff;
    color: #1e3a8a;
}

.dropdown-search[b-i1xd6rue8i] {
    position: sticky;
    top: 0;
    z-index: 1001;
    background: white;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f3f5;
}

.profile-tags[b-i1xd6rue8i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.tag-pill[b-i1xd6rue8i] {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    border-radius: 999px;
    padding: 1px 8px;
    font-size: 11px;
}

.tag-pill-more[b-i1xd6rue8i] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #3730a3;
    border-radius: 999px;
    padding: 1px 8px;
    font-size: 11px;
}

.profile-row[b-i1xd6rue8i] {
    position: relative;
    transition: all 0.2s ease;
}

.profile-row:hover[b-i1xd6rue8i] {
    background-color: #f8f9fa;
}

.remove-icon[b-i1xd6rue8i] {
    opacity: 0;
    transition: opacity 0.2s ease;
    cursor: pointer;
    color: #dc3545;
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.profile-row:hover .remove-icon[b-i1xd6rue8i] {
    opacity: 1;
}

.remove-icon:hover[b-i1xd6rue8i] {
    color: #bb2d3b;
}

.custom-dropdown[b-i1xd6rue8i] {
    position: relative;
    width: 100%;
}

.dropdown-selected[b-i1xd6rue8i] {
    padding: 5px 10px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 38px;
    display: flex;
    align-items: center;
}

.dropdown-selected:hover[b-i1xd6rue8i] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.1);
}

.dropdown-selected.active[b-i1xd6rue8i] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

.dropdown-menu-custom[b-i1xd6rue8i] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 4px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

.dropdown-menu-custom.show[b-i1xd6rue8i] {
    display: block;
}

.dropdown-item-custom[b-i1xd6rue8i] {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f5;
    transition: background-color 0.15s ease;
}

.dropdown-item-custom:last-child[b-i1xd6rue8i] {
    border-bottom: none;
}

.dropdown-item-custom:hover[b-i1xd6rue8i] {
    background-color: #f8f9fa;
}

.dropdown-item-custom.disabled[b-i1xd6rue8i] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f8f9fa;
}

.profile-card[b-i1xd6rue8i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
}

.profile-name[b-i1xd6rue8i] {
    font-weight: 600;
    font-size: 16px;
    color: #212529;
}

.profile-connections[b-i1xd6rue8i], .profile-tables[b-i1xd6rue8i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #6c757d;
    height: 25px;
}

.connection-badge[b-i1xd6rue8i], .table-badge[b-i1xd6rue8i] {
    padding: 2px 8px;
    background: #e9ecef;
    border-radius: 4px;
    font-size: 13px;
}

.table-badge[b-i1xd6rue8i] {
    overflow: hidden;
    max-width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arrow-icon[b-i1xd6rue8i] {
    display: flex;
    align-items: center;
    color: #0d6efd;
    font-weight: bold;
    font-size: 26px;
}

.profile-date[b-i1xd6rue8i] {
    font-size: 12px;
    color: #adb5bd;
}

.profile-card-compact[b-i1xd6rue8i] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    width: 100%;
}

.profile-name-compact[b-i1xd6rue8i] {
    font-weight: 600;
    font-size: 13px;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-connections-compact[b-i1xd6rue8i] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #6c757d;
}

.connection-badge-compact[b-i1xd6rue8i] {
    padding: 0px 5px;
    background: #e9ecef;
    border-radius: 3px;
    font-size: 11px;
    white-space: nowrap;
}

.placeholder-text[b-i1xd6rue8i] {
    color: #6c757d;
}

.dropdown-arrow[b-i1xd6rue8i] {
    margin-left: auto;
    transition: transform 0.2s ease;
}

.dropdown-arrow.open[b-i1xd6rue8i] {
    transform: rotate(180deg);
}

.subaction-btn[b-i1xd6rue8i] {
    height: 35px;
}

.index-proflist[b-i1xd6rue8i] {
    min-height: 40px;
    font-size: 18px;
}
/* _content/ScoSPA/Pages/Applications/Dbm/Dbm_update/Dbm_update.razor.rz.scp.css */
/*------���͹��-----------------------*/
th[b-7ry8e137a7] {
    background-color: transparent;
}

.page-card[b-7ry8e137a7] {
    font-family: "Chakra Petch", sans-serif;
}

    .page-card :is(div, span, h1, h2, h3, h4, h5, h6, label):not(.rz-chkbox-box):not(.rz-chkbox-icon):not([class*="-icon"])[b-7ry8e137a7] {
        font-family: "Chakra Petch", sans-serif;
        box-shadow: none !important;
    }
/*-----------------------------*/


/*-----ź�ҵç�����͡--------------*/
[b-7ry8e137a7] .rz-dropdown,
[b-7ry8e137a7] .rz-button,
[b-7ry8e137a7] .rz-textbox{
    box-shadow:none !important;
}

/*��Ѻ��Ҵ padding �������������*/
[b-7ry8e137a7] .rz-button{
    /* 1.75 button size rule*/
    padding: 8px 14px; 
}

/*-----------------------------*/

[b-7ry8e137a7] .btn.add-btn,
[b-7ry8e137a7] .btn.add-btn:hover,
[b-7ry8e137a7] .btn.add-btn:focus,
[b-7ry8e137a7] .btn.add-btn:active,
[b-7ry8e137a7] .btn.add-btn:focus-visible,
[b-7ry8e137a7] .btn.add-btn:focus-within,
[b-7ry8e137a7] .btn.add-btn.active,
[b-7ry8e137a7] .btn.add-btn.show,
[b-7ry8e137a7] .btn.add-btn:not(:disabled):not(.disabled):active,
[b-7ry8e137a7] .btn.add-btn:not(:disabled):not(.disabled).active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Source & Destination Card */
.source-dest-card[b-7ry8e137a7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.source-dest-header[b-7ry8e137a7] {
    padding: 20px;
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    color: white;
}

.source-dest-header .text-muted[b-7ry8e137a7] {
    color: rgba(0, 0, 0, 0.6) !important;
}

.source-dest-body[b-7ry8e137a7] {
    padding: 24px;
}

.section-label[b-7ry8e137a7] {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Source Item */
.source-item[b-7ry8e137a7] {
    padding: 16px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    position: relative;
}

.source-item .badge[b-7ry8e137a7] {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
}

/* Source Item Dummy (Add button container) */
.source-item-dummy[b-7ry8e137a7] {
    padding: 16px;
    background: #fafafa;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
}

/* Target Box */
.target-box[b-7ry8e137a7] {
    padding: 16px;
    background: #fff7ed;
    border: 2px solid #fb923c;
    border-radius: 8px;
}

/* Form Labels */
.form-label-small[b-7ry8e137a7] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

/* Alias Badge */
.alias-badge-large[b-7ry8e137a7] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    background: #fb923c;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    margin-top: 19px;
}

/* Arrow Container */
.arrow-container[b-7ry8e137a7] {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

/* Dropdowns in Source/Dest */
[b-7ry8e137a7] .source-dest-body .rz-dropdown {
    font-size: 13px;
}

/* Wizard Card Styles */
.wizard-card[b-7ry8e137a7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.wizard-header[b-7ry8e137a7] {
    padding: 16px 20px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.wizard-body[b-7ry8e137a7] {
    padding: 20px;
}

/* Key Container */
.key-container[b-7ry8e137a7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.key-badge[b-7ry8e137a7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #fef3c7;
    border: 1px solid #fbbf24;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #92400e;
}

.key-label[b-7ry8e137a7] {
    padding: 2px 6px;
    background: #fbbf24;
    color: white;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.key-label-small[b-7ry8e137a7] {
    padding: 2px 6px;
    background: #fbbf24;
    color: white;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
}

.key-and[b-7ry8e137a7] {
    font-weight: 600;
    color: #6b7280;
    font-size: 13px;
}

/* Update Grid */
[b-7ry8e137a7] .update-grid {
    border: none !important;
}

[b-7ry8e137a7] .update-grid .rz-datatable,
[b-7ry8e137a7] .update-grid .rz-datatable-scrollable-wrapper,
[b-7ry8e137a7] .update-grid .rz-datatable-scrollable-view,
[b-7ry8e137a7] .update-grid table {
    border: none !important;
}

[b-7ry8e137a7] .update-grid th {
    background-color: transparent !important;
    font-weight: 600 !important;
    color: #374151 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    border-bottom: 2px solid #e5e7eb !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[b-7ry8e137a7] .update-grid td {
    padding: 12px 16px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f3f4f6 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[b-7ry8e137a7] .update-grid tr {
    border: none !important;
}

[b-7ry8e137a7] .update-grid tr:hover {
    background-color: #f9fafb !important;
}

[b-7ry8e137a7] .update-grid thead,
[b-7ry8e137a7] .update-grid tbody,
[b-7ry8e137a7] .update-grid .rz-datatable-thead,
[b-7ry8e137a7] .update-grid .rz-datatable-data {
    border: none !important;
}

.expression-cell[b-7ry8e137a7] {
    font-size: 13px;
}

.expression-box[b-7ry8e137a7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #ede9fe;
    border: 1px solid #c4b5fd;
    border-radius: 6px;
    color: #5b21b6;
    font-family: 'Courier New', monospace;
    font-size: 12px;
}

.type-badge[b-7ry8e137a7] {
    display: inline-block;
    padding: 4px 10px;
    background: #dbeafe;
    color: #1e40af;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Preview Card */
.preview-card[b-7ry8e137a7] {
    background: #1e293b;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #334155;
}

.preview-header[b-7ry8e137a7] {
    padding: 12px 16px;
    background: #0f172a;
    border-bottom: 1px solid #334155;
    color: white;
}

.preview-body[b-7ry8e137a7] {
    padding: 16px;
}

.sql-preview[b-7ry8e137a7] {
    margin: 0;
    background: transparent;
    border: none;
    color: #e2e8f0;
    font-size: 13px;
    line-height: 1.6;
    font-family: 'Courier New', monospace;
}

.sql-preview code[b-7ry8e137a7] {
    color: #e2e8f0;
}

.sql-source[b-7ry8e137a7] {
    color: #a5f3fc;
}

.sql-sysdate[b-7ry8e137a7] {
    color: #fbbf24;
}

.sql-case[b-7ry8e137a7] {
    color: #c084fc;
}

.sql-select[b-7ry8e137a7] {
    color: #86efac;
}

.sql-alias[b-7ry8e137a7] {
    color: #fbbf24;
}

.sql-where[b-7ry8e137a7] {
    color: #fca5a5;
}

/* Strategy Card */
.strategy-card[b-7ry8e137a7] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
}

.strategy-header[b-7ry8e137a7] {
    padding: 12px 16px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.strategy-body[b-7ry8e137a7] {
    padding: 20px;
}

.strategy-description[b-7ry8e137a7] {
    margin-top: 8px;
    padding: 10px;
    background: #f0f9ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    font-size: 12px;
    color: #1e40af;
}

.safety-header[b-7ry8e137a7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.safety-item[b-7ry8e137a7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 13px;
    color: #6b7280;
}

/* Radio Button List Styling */
[b-7ry8e137a7] .rz-radiobutton-list-item {
    margin-bottom: 12px !important;
}

[b-7ry8e137a7] .rz-radiobutton-list-item label {
    font-size: 14px !important;
    color: #374151 !important;
}

/* Responsive */
@media (max-width: 991px) {
    .arrow-container[b-7ry8e137a7] {
        transform: rotate(90deg);
        margin: 20px 0;
    }

    .key-container[b-7ry8e137a7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .preview-card[b-7ry8e137a7],
    .strategy-card[b-7ry8e137a7] {
        margin-bottom: 16px;
    }

    .source-dest-body[b-7ry8e137a7] {
        padding: 16px;
    }
}
/* _content/ScoSPA/Pages/Applications/Deposit/Dep_procdeptuptran/Dep_procdeptuptran.razor.rz.scp.css */
/*.btn-search-big {
    font-size: 16px;
    padding: 10px 20px;
    height: 50px;
}
.label-date {
    font-size: 16px;
    font-weight: bold;
}

.input-date-big {
    font-size: 15px;
    height: 45px;
}
*/

/* Layout: 2 คอลัมน์นิ่ง สวย และ responsive */
/*.step1-layout {
    display: grid;
    grid-template-columns: minmax(360px,36%) 1fr;*/ /* ซ้ายกว้างขึ้น → คอลัมน์ซ้ายอ่านครบ */
    /*gap: 16px;
}

.pane-left, .pane-right {
    min-width: 0;
}*/
/* กัน overflow ใน grid */

/*@media (max-width:1200px) {
    .step1-layout {
        grid-template-columns: 1fr;
    }
}*/

/* ฟิลเตอร์เป็นกริด */
/*.filters-grid {
    display: grid;
    grid-template-columns: 160px 1fr 1fr 1fr 140px;*/ /* วันที่ | ประเภท | คู่บัญชี | ทะเบียน | ปุ่ม */
    /*gap: 12px;
    align-items: end;
}

    .filters-grid .span-2 {
        grid-column: span 2;
    }

    .filters-grid .align-end {
        align-self: end;
    }*/

/* ปุ่มค้นหาแบบ custom */
/*.rz-button.btn-search {
    height: 40px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
    background: #2e7d32;
    color: #fff;
    border: 0;
}

    .rz-button.btn-search:hover {
        filter: brightness(1.05);
    }

    .rz-button.btn-search:active {
        transform: translateY(1px);
    }*/

/* ตารางซ้ายให้เลื่อนแนวนอนได้ + บังคับความกว้างขั้นต่ำ */
/*.table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}*/

    /* ถ้าใช้ CSS isolation และต้องยิงเข้าไปในคอมโพเนนต์ลูก ให้ใช้ ::deep */
    /*.table-wrap ::deep(.rz-datagrid) {
        min-width: 760px;
    }*/

    /* ถ้าเป็น global CSS (site.css) ใช้อันนี้แทนบรรทัดบน */
    /*.table-wrap .rz-datagrid {
        min-width: 760px;
    }*/

/* header ตารางให้อ่านง่าย */
/*.rz-grid-table thead th {
    background: #fde4c5;
}*/
/* === กรอบ 2 คอลัมน์ === */
/*.step1-layout {
    display: grid;
    grid-template-columns: minmax(520px,38%) 1fr;*/ /* ซ้ายกว้างขึ้น */
    /*gap: 16px;
}

.pane-left, .pane-right {
    min-width: 0;
}

@media (max-width:1200px) {
    .step1-layout {
        grid-template-columns: 1fr;
    }
}*/

/* === ย่อฟอนต์/ระยะห่างทั้งโซน (ฟอร์ม + ตาราง) === */
/*.compact {
    font-size: 12px;
}

    .compact .form-label {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .compact .rz-inputtext,
    .compact .rz-dropdown,
    .compact .rz-datepicker {
        min-height: 32px;*/ /* เตี้ยลง */
        /*font-size: 12px;*/ /* ฟอนต์เล็กลง */
    /*}

    .compact .rz-dropdown-label {
        font-size: 12px;
    }

    .compact .rz-button {
        font-size: 12px;
        height: 34px;
    }*/

    /* ตารางในโซน compact */
    /*.compact ::deep(.rz-grid-table) {
        font-size: 12px;
    }

    .compact ::deep(.rz-grid-table td),
    .compact ::deep(.rz-grid-table th) {
        padding: 6px 8px;*/ /* ช่องว่างใน cell เล็กลง */
    /*}*/

/* === ฟอร์มค้นหา: ให้อยู่บรรทัดเดียวเสมอ (พร้อมสกรอลล์เมื่อแคบ) === */
/*.filters-grid.one-line {
    display: grid;
    grid-template-columns: 150px minmax(220px,1fr) minmax(220px,1fr) 160px 120px;*/ /* วันที่ | ประเภท | คู่บัญชี | ทะเบียน | ปุ่ม */
    /*gap: 12px;
    align-items: end;
    min-width: 920px;*/ /* บังคับเป็นแถวเดียว */
    /*overflow-x: auto;*/ /* ถ้าแคบให้สกรอลล์แนวนอน */
/*}*/

/* === ปุ่มค้นหาให้เด่น (โทนส้มตาม UI) === */
/*.rz-button.btn-search {
    height: 34px;
    border-radius: 10px;
    font-weight: 600;
    background: #F37021;
    color: #fff;
    border: 0;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

    .rz-button.btn-search:hover {
        filter: brightness(1.05);
    }

    .rz-button.btn-search:active {
        transform: translateY(1px);
    }*/

/* === ตาราง "ข้อมูลรอผ่านรายการ" ฝั่งซ้าย: แสดงครบแน่นอน === */
/*.left-waiting {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .left-waiting ::deep(.rz-datagrid) {
        min-width: 900px;
    }*/
    /* ให้มี 4 คอลัมน์ครบ */
    /*.left-waiting ::deep(.rz-grid-table thead th) {
        background: #fde4c5;
        position: sticky;
        top: 0;
        z-index: 1;
    }*/
/* _content/ScoSPA/Pages/Applications/Keeping/Kep_process_payback/Kep_process_payback.razor.rz.scp.css */
.Pillbox[b-3sre1n6pv3]{
    cursor: pointer;
    background: black;
}
.Pillbox-item[b-3sre1n6pv3]{

}


.return-txt[b-3sre1n6pv3] {
    color: #0066cc;
    font-weight: bold;
}

.filled-icon[b-3sre1n6pv3] {
    font-variation-settings: 'FILL' 1;
}

.num-input[b-3sre1n6pv3] {
    width: 140px;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    text-align: right;
    line-height: 1.5;
}

    .num-input:focus[b-3sre1n6pv3] {
        outline: none;
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
    }

    .num-input:disabled[b-3sre1n6pv3] {
        background-color: #e9ecef;
        color: #6c757d;
        border-color: #ced4da;
        cursor: not-allowed;
        opacity: 1;
    }

.range-input-row[b-3sre1n6pv3] {
    gap: 0.75rem;
    align-items: center;
}

    .range-input-row span[b-3sre1n6pv3] {
        white-space: nowrap;
    }
/* filter pill checkbox */
.filter-pill-group[b-3sre1n6pv3]{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.filter-pill[b-3sre1n6pv3]{
    display:inline-flex;
}

.filter-pill-input[b-3sre1n6pv3]{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
}

.filter-pill-label[b-3sre1n6pv3]{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid #e9ecef;
    box-shadow:0 1px 2px rgba(16,24,40,0.06);
    cursor:pointer;
    user-select:none;
    color:#6c757d;
    font-weight:600;
    line-height:1;
}

.filter-pill-label[b-3sre1n6pv3]::before{
    content:"";
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #ced4da;
    background:#ffffff;
    display:inline-block;
    box-sizing:border-box;
}

.filter-pill-input:focus-visible + .filter-pill-label[b-3sre1n6pv3]{
    outline: none;
    box-shadow:0 0 0 0.2rem rgba(13,110,253,.25);
    border-color:#86b7fe;
}

.filter-pill-input:checked + .filter-pill-label[b-3sre1n6pv3]{
    color:#212529;
    border-color:#d0ebff;
}

.filter-pill-input:checked + .filter-pill-label[b-3sre1n6pv3]::before{
    border-color:#0d6efd;
    background:#0d6efd;
    box-shadow: inset 0 0 0 3px #ffffff;
}
/* _content/ScoSPA/Pages/Applications/Loanf/Loanf_prc_doubtacctype/Components/LoanfDebtorClassContResults.razor.rz.scp.css */
.debt-color-01[b-jf3t4uclbq] {
    color: darkgreen;
}

.debt-color-02[b-jf3t4uclbq] {
    color: #c4a010;
}

.debt-color-03[b-jf3t4uclbq], .debt-color-04[b-jf3t4uclbq] {
    color: #c77210;
}

.debt-color-05[b-jf3t4uclbq], .debt-color-06[b-jf3t4uclbq] {
    color: #c7250c;
}
.percent-green[b-jf3t4uclbq] {
    color: #119f11db !important;
}

.percent-orange[b-jf3t4uclbq] {
    color: #cb871bde !important;
}

.percent-red[b-jf3t4uclbq] {
    color: #bf1f1ffc !important;
}
/* _content/ScoSPA/Pages/Applications/Loanf/Loanf_prc_doubtacctype/Loanf_prc_doubtacctype.razor.rz.scp.css */
[b-z90utthdz5] .custom-debt-grid th,
[b-z90utthdz5] .custom-debt-grid .rz-datatable-thead th,
[b-z90utthdz5] .rz-datatable-thead th {
    background-color: rgba(249,250,251,1) !important;
    height: 60px;
    padding: 18px 12px;
    font-size: 14px;
    color: #495057 !important;
    font-weight: 500;
    border-bottom: 2px solid #dee2e6 !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
/*::deep .rz-column-title-content{
    width: 100%;
}*/
[b-z90utthdz5] .rz-dropdown,
[b-z90utthdz5] .rz-colorpicker,
[b-z90utthdz5] .rz-lookup-search input,
[b-z90utthdz5] .rz-numeric,
[b-z90utthdz5] .rz-datepicker > .rz-inputtext,
[b-z90utthdz5] .rz-multiselect,
[b-z90utthdz5] .mask,
[b-z90utthdz5] .rz-textarea,
[b-z90utthdz5] .rz-textbox {
    box-shadow: none !important;
    text-align: left !important;
}
[b-z90utthdz5] .rz-dropdown-label,
[b-z90utthdz5] .rz-inputtext{
    text-align: left !important;
}
.table-sub-header[b-z90utthdz5]{
    font-size: 13px;
}
.debt-color-01[b-z90utthdz5]{
    color: darkgreen;
}
.debt-color-02[b-z90utthdz5] {
    color: #c4a010;
}
.debt-color-03[b-z90utthdz5], .debt-color-04[b-z90utthdz5] {
    color: #c77210;
}
.debt-color-05[b-z90utthdz5], .debt-color-06[b-z90utthdz5] {
    color: #c7250c;
}
/* _content/ScoSPA/Pages/Applications/Loanf/Loanf_ucf_doubtacctype/Loanf_ucf_doubtacctype.razor.rz.scp.css */
/* Header styles - Override layout CSS */
[b-mt7hftnvnt] .custom-debt-grid th,
[b-mt7hftnvnt] .custom-debt-grid .rz-datatable-thead th,
[b-mt7hftnvnt] .rz-datatable-thead th {
    background-color: rgba(249,250,251,1) !important;
    height: 60px;
    padding: 12px 8px;
    font-size: 14px;
    color: #495057 !important;
    font-weight: 500;
    border-bottom: 2px solid #dee2e6 !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

[b-mt7hftnvnt] .custom-debt-grid .rz-datatable-thead {
    background-color: #f8f9fa !important;
}

.header-text[b-mt7hftnvnt] {
    display: block;
    font-weight: 500;
    color: #495057;
}

.header-text-multi[b-mt7hftnvnt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
}

.header-subtitle[b-mt7hftnvnt] {
    font-size: 12px;
    color: #6c757d;
    font-weight: 400;
}

/* Row styles */
[b-mt7hftnvnt] .custom-debt-grid .rz-datatable-data tr {
    background-color: #ffffff !important;
}

[b-mt7hftnvnt] .custom-debt-grid .rz-datatable-data tr:hover {
    background-color: #f8f9fa !important;
}

[b-mt7hftnvnt] .custom-debt-grid td {
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef !important;
    border-left: none !important;
    border-right: none !important;
}

/* Row number styling */
.row-number[b-mt7hftnvnt] {
    font-size: 14px;
    color: #495057;
    font-weight: 500;
}

/* Rate container with background colors */
.rate-container[b-mt7hftnvnt] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 6px;
    min-height: 40px;
}

.rate-container.rate-green[b-mt7hftnvnt] {
    background-color: #d4edda !important;
    border: 1px solid #5a966345;
}

.rate-container.rate-orange[b-mt7hftnvnt] {
    background-color: #fff3cd !important;
    border: 1px solid #cd851447;
}

.rate-container.rate-red[b-mt7hftnvnt] {
    background-color: #f8d7da !important;
    border: 1px solid #b60c0c30;
}

/* Text color for rate inputs and percent symbol */
.rate-container.rate-green .rate-percent[b-mt7hftnvnt],
.rate-container.rate-green[b-mt7hftnvnt]  .rz-textbox {
    color: #155724 !important;
}

.rate-container.rate-orange .rate-percent[b-mt7hftnvnt],
.rate-container.rate-orange[b-mt7hftnvnt]  .rz-textbox {
    color: #856404 !important;
}

.rate-container.rate-red .rate-percent[b-mt7hftnvnt],
.rate-container.rate-red[b-mt7hftnvnt]  .rz-textbox {
    color: #721c24 !important;
}

.rate-percent[b-mt7hftnvnt] {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 500;
}

/* Input styles */
[b-mt7hftnvnt] .custom-debt-grid .rz-textbox {
    padding: 6px 10px;
    font-size: 14px;
    box-shadow: none !important;
}

/* Ensure no vertical borders */
[b-mt7hftnvnt] .custom-debt-grid .rz-datatable-data td {
    border-left: none !important;
    border-right: none !important;
}
/* _content/ScoSPA/Pages/Applications/Mis/Mis_ucf_accreport/Mis_ucf_accreport.razor.rz.scp.css */
.color-label[b-7df5ewrgoz] {
    display: flex;
    align-items: center;
    margin: 10px;
}

.color-box[b-7df5ewrgoz] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid black;
}
/* สีน้ำเงิน */
.title[b-7df5ewrgoz] {
    background-color: #4a60d7;
}
/* สีชมพู */
.group-title[b-7df5ewrgoz] {
    background-color: #e63a7a;
}
/* สีเขียว */
.details[b-7df5ewrgoz] {
    background-color: #2cb02c;
}

/* _content/ScoSPA/Pages/Applications/Pm/Pm_reqinvestment/Pm_reqinvestment.razor.rz.scp.css */
ul[role=tablist][b-t7bsh74zf1] {
    flex-wrap: wrap;
}

.custom-tab[b-t7bsh74zf1] {
    background-color: #e3eaf2; /* สีพื้นหลัง */
    border-radius: 30px; /* มุมโค้งมน */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* เงาอ่อนๆ */
    color: #000; /* สีข้อความ */
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}

    .custom-tab.selected[b-t7bsh74zf1] {
        background-color: #d1dae3; /* สีพื้นหลังเมื่อถูกเลือก */
    }

.custom-tab-item[b-t7bsh74zf1] {
    margin: 5px 20px 0 2px; /* เพิ่มระยะห่างระหว่างแท็บแต่ละอัน */
}

/*แก้ไข tabs*/
.rz-tabview-nav li a[b-t7bsh74zf1], .rz-tabview-nav li a:not([href]):not([class])[b-t7bsh74zf1] {
    display: flex;
    align-items: center;
    color: inherit;
    padding-block: 0.55rem;
    padding-inline: var(--rz-tabs-tab-padding-inline);
    font-size: var(--rz-tabs-tab-font-size);
    line-height: var(--rz-tabs-tab-line-height);
    font-weight: var(--rz-tabs-tab-font-weight);
    text-transform: var(--rz-tabs-tab-text-transform);
    letter-spacing: var(--rz-tabs-tab-letter-spacing);
    text-decoration: none;
    cursor: pointer;
}

.rz-tabview-left > .rz-tabview-nav li[b-t7bsh74zf1] {
    border-radius: 4px 0 0 4px;
}

.test-dropdown[b-t7bsh74zf1] {
    display: none !important;
}

@media (max-width: 980px) {
    /* ซ่อนแถบ Nav ของ Tabs บนหน้าจอขนาดเล็ก */
    .rz-tabview-nav[b-t7bsh74zf1] {
        display: none !important;
    }

    /* ปรับให้แสดง Tab ในรูปแบบ Dropdown */
    .test-dropdown[b-t7bsh74zf1] {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 980px) {
    /* ปรับแต่งเนื้อหาของ Tab ให้เต็มหน้าจอ */
    .rz-tabview-panels[b-t7bsh74zf1] {
        margin-top: 10px !important;
    }

    /* ปรับให้ซ่อน Tab ในรูปแบบ Dropdown */
    .test-dropdown[b-t7bsh74zf1] {
        display: none !important;
        background-color: red !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}
/* _content/ScoSPA/Pages/Index.razor.rz.scp.css */
    @media(max-width: 767px) {
        .body-page[b-02wextznqp] {
            width: 112%;
        }
    }
       @media(max-width: 700px) {
        .body-page[b-02wextznqp] {
            width: 114%;
        }
    }
     @media(max-width: 570px) {
        .body-page[b-02wextznqp] {
            width: 116%;
        }
    }
      @media(max-width: 431px) {
        .body-page[b-02wextznqp] {
            width: 121%;
        }
    }
/* _content/ScoSPA/Pages/Login.razor.rz.scp.css */
.body[b-4g97msgva1] {
    background-color: var(--main-theme-color-rgb);
}
.row[b-4g97msgva1] {
  display: flex;
  flex-wrap: wrap;
}

.form-control[b-4g97msgva1] {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Style adjustments for smaller screens */
@media screen and (max-width: 400px) {

  .column.left[b-4g97msgva1] {
    align-items: end;
    text-align: center;
    padding: 5px;
  }
  .column.right[b-4g97msgva1] {
    width: 100%;
    padding: 10px;
  }
}
/* Style adjustments for smaller screens */
@media screen and (max-width: 768px) {
  .column.left[b-4g97msgva1] {
    align-items: end;
    text-align: center;
    padding: 5px;
  }
  .column.right[b-4g97msgva1] {
    width: 80%;
    padding: 10px;
  }
  .title-name[b-4g97msgva1] {
    font-size: 16px;
    margin-top: -35px;
  }
  .title-desc[b-4g97msgva1] {
    font-size: 16px;
  }
  .col-12[b-4g97msgva1] {
    width: 100%;
  }
  .row[b-4g97msgva1] {
    flex: 1 0 100%;
    width: 100%;
  }
  .img[b-4g97msgva1] {
    text-align: center;
  }
  .item[b-4g97msgva1] {
    margin-bottom: 10px;
    text-align: center;
  }
  .card[b-4g97msgva1] {
    width: 100%;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
  }
  .form-control[b-4g97msgva1] {
    width: 100%;
    padding: 0.5rem;
  }
  .form-group2[b-4g97msgva1] {
    text-align: start;
  }
  .form-group2 label[b-4g97msgva1] {
    margin-top: 5px;
  }
  .form-group3[b-4g97msgva1] {
    text-align: center;
  }
    .btn-container[b-4g97msgva1] {
        background-color: rgb(79,110,81);
        color: #fff;
        font-size: 12px;
        padding: 10px 45px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-weight: 600;
        letter-spacing: 0.5px;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 10px;
        cursor: pointer;
        text-align: center;
    }
  body[b-4g97msgva1] {
    margin-left: 0px;
  }
    .header-title[b-4g97msgva1] {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }
}
/* Adjust column widths for different screen sizes */
@media screen and (min-width: 768px) {
  .column.left[b-4g97msgva1] {
    flex: 1;
    align-items: end;
    text-align: center;
    margin-top: 8vh;
    margin-bottom: 8vh;
    width: 40%;
    padding: 5px;
  }
  .column.right[b-4g97msgva1] {
    flex: 1;
    width: 60%;
    padding: 10px;
  }
  .title-name[b-4g97msgva1] {
    font-size: 16px;
  }
  .title-desc[b-4g97msgva1] {
    font-size: 16px;
  }
  .col-12[b-4g97msgva1] {
    width: 100%;
  }
  .row[b-4g97msgva1] {
    flex: 1 0 100%;
    width: 100%;
  }
  .img[b-4g97msgva1] {
    text-align: center;
  }
  /* Additional styling for specific elements if needed */
  .item[b-4g97msgva1] {
    margin-bottom: 10px;
    text-align: center;
  }
  .card[b-4g97msgva1] {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: 15px;
  }
  .form-control[b-4g97msgva1] {
    width: 100%;
    padding: 0.5rem;
  }
  .form-group2[b-4g97msgva1] {
    text-align: start;
  }
  .form-group2 label[b-4g97msgva1] {
    margin-top: 5px;
  }
  .form-group3[b-4g97msgva1] {
    text-align: center;
  }
    .btn-container[b-4g97msgva1] {
        margin-top: 15px;
        background-color: rgb(79,110,81);
        color: #fff;
        font-size: 12px;
        padding: 10px 45px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-weight: 600;
        letter-spacing: 0.5px;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 10px;
        cursor: pointer;
        text-align: center;
    }
  body[b-4g97msgva1] {
    margin-left: 0px;
  }
    .header-title[b-4g97msgva1] {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }
}
/* Add more media queries for larger screens if necessary */
@media screen and (min-width: 1200px) {
  /* Adjust column widths for larger screens */
  .column.left[b-4g97msgva1] {
    flex: 1;
    align-items: end;
    text-align: center;
    margin-top: 8vh;
    margin-bottom: 8vh;
  }
  .img[b-4g97msgva1] {
    text-align: center;
  }
  .column.right[b-4g97msgva1] {
    flex: 1;
  }
  .card[b-4g97msgva1] {
    flex: 0 0 auto;
    width: 70%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: 15px;
  }
  .form-control[b-4g97msgva1] {
    width: 100%;
    margin-top: 1rem;
    padding: 0.5rem;
  }
  .form-group2[b-4g97msgva1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
    .form-group2 label[b-4g97msgva1] {
        margin-right: 10px; /* Adjust as needed */
        width: 30%;
    }
  .form-group3[b-4g97msgva1] {
    text-align: end;
  }
    .btn-container[b-4g97msgva1] {
        margin-top: 15px;
        background-color: rgb(79,110,81);
        color: #fff;
        font-size: 12px;
        padding: 10px 45px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-weight: 600;
        letter-spacing: 0.5px;
        font-size: 16px;
        text-transform: uppercase;
        margin-top: 10px;
        cursor: pointer;
        text-align: center;
    }
    .header-title[b-4g97msgva1] {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }
}
/* _content/ScoSPA/Shared/LoadingDialog.razor.rz.scp.css */
.loaderSave[b-64ajsmng2i] {
    display: inline-block; /* แสดง loader ต่อกับข้อความ */
    width: 18px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#666666 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: l1-b-64ajsmng2i 1s steps(4) infinite;
}

@keyframes l1-b-64ajsmng2i {
    to {
        clip-path: inset(0 -34% 0 0)
    }
}