.table {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    will-change: transform;
    backface-visibility: hidden;
}

.table thead {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #f8f9fa;
}

.table thead th {
    padding: 15px;
    font-weight: 600;
    text-align: left;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    position: relative;
    background-color: inherit;
}

.table th:first-child,
.table td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
}

.table tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
}

.table tbody tr:nth-child(even) td {
    background-color: #f8f9fa;
}

.table tbody tr:hover td {
    background-color: #f2f2f2;
}

.file-field-wrapper {
    justify-content: flex-end;
}

.file-field-wrapper .btn {
    padding: 0.25rem 0.5rem;
}

.file-field-wrapper .btn i {
    font-size: 1rem;
}

.table-fixed .column-serial_number,
.table-fixed .column-bank_code,
.table-fixed .column-branch_code,
.table-fixed .column-fee,
.table-fixed .column-is_union,
.table-fixed .column-status,
.table-fixed .column-payment_confirmation_status,
.table-fixed .column-payout_status,
.table-fixed .column-is_own_account,
.table-fixed .column-remittance_currency,
.table-fixed .column-beneficiary_country,
.table-fixed .column-beneficiary_identity_type,
.table-fixed .column-nature_of_remittance,
.table-fixed .column-method_of_remittance,
.table-fixed .column-cost_burden_type {
    width: 100px;
}

.table-fixed .column-created_at,
.table-fixed .column-get_salary_type,
.table-fixed .column-payout_time,
.table-fixed .column-diamonds,
.table-fixed .column-deduct_diamonds,
.table-fixed .column-diamond_earnings,
.table-fixed .column-specified_diamond_earnings,
.table-fixed .column-monthly_income,
.table-fixed .column-actual_remittance_amount,
.table-fixed .column-non_owner_consent_document {
    width: 120px;
}


.table-fixed .column-creator_id,
.table-fixed .column-beneficiary_account_number,
.table-fixed .column-studio_tax_id,
.table-fixed .column-swift_code {
    width: 150px;
}

.table-fixed .column-username,
.table-fixed .column-creator_name,
.table-fixed .column-agent_client,
.table-fixed .column-agent,
.table-fixed .column-studio,
.table-fixed .column-studio_representative,
.table-fixed .column-bank_name {
    width: 180px;
}

.table-fixed .column-creator_address,
.table-fixed .column-remark,
.table-fixed .column-uid,
.table-fixed .column-usdt_wallet_address {
    width: 200px;
}

.change-file i,
.upload-file i {
    pointer-events: none;
}