/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Bookings/RealtimeOrder.cshtml.rz.scp.css */
.board[b-gltk12zhto] {
    position: relative;
    display: flex;
}

.board-column[b-gltk12zhto] {
    left: 0;
    top: 0;
    padding: 0 10px;
    width: calc(100% / 3);
    z-index: 1;
}

.board-column-container[b-gltk12zhto] {
    position: relative;
    width: 100%;
    height: 100%;
}

.board-column-header[b-gltk12zhto] {
    position: relative;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    background: #333;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
}

@media (max-width: 600px) {
    .board-column-header[b-gltk12zhto] {
        text-indent: -1000px;
    }
}

.board-column.open .board-column-header[b-gltk12zhto] {
    background: #4285F4;
}

.board-column.canceled .board-column-header[b-gltk12zhto] {
    background: #E94235;
}

.board-column.completed .board-column-header[b-gltk12zhto] {
    background: #2ac06d;
}

.open .dx-list-item.dx-state-active[b-gltk12zhto], .open .dx-list-item.dx-state-hover[b-gltk12zhto] {
    border-color: #4285F4;
}

.completed .dx-list-item.dx-state-active[b-gltk12zhto], .completed .dx-list-item.dx-state-hover[b-gltk12zhto] {
    border-color: #2ac06d;
}
/*
    .completed .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active, .completed .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background-color: rgba(0, 255, 0, 0.3);
    }

    .canceled .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active, .canceled .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background-color: rgba(255, 0, 0, 0.3);
    }

    .open .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active, .open .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background-color: rgba(0, 0, 255, 0.3);
    }*/

.board-column-content-wrapper[b-gltk12zhto] {
    position: relative;
    background: #f0f0f0;
    height: calc(100vh - 195px);
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
}

.board-column-content[b-gltk12zhto] {
    position: relative;
    min-height: 100%;
}

    .board-column-content .dx-list-item-content[b-gltk12zhto] {
        padding: 0;
    }

.board-item[b-gltk12zhto] {
    /*position: absolute;*/
    width: calc(100% - 16px);
    margin: 8px;
}

.board-item-content[b-gltk12zhto] {
    position: relative;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    font-size: 17px;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
}

@media (max-width: 600px) {
    .board-item-content[b-gltk12zhto] {
        text-align: center;
    }

        .board-item-content span[b-gltk12zhto] {
            display: none;
        }
}

.board-item-body[b-gltk12zhto] {
    margin-top: 10px;
    font-size: 15px;
    white-space: normal;
}

.board-column-header span.badge[b-gltk12zhto] {
    float: right;
}
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Login.cshtml.rz.scp.css */
.dx-button:hover[b-4pmabbkq9o] {
    color: white !important;
}

.body[b-4pmabbkq9o] {
    margin-left: 10px;
    margin-right: 10px;
}

input[b-4pmabbkq9o]{
    max-width: 330px;
}

.layout-body .content[b-4pmabbkq9o] {
    min-height: 82vh;
}
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/ResetPassword.cshtml.rz.scp.css */
#txtNewPassword[b-ncnce3imgv],
#txtConfirmPassword[b-ncnce3imgv] {
    border: 1px solid #ccc !important;
    border-radius: 4px;
    box-sizing: border-box;
}

    #txtNewPassword .dx-placeholder[b-ncnce3imgv],
    #txtConfirmPassword .dx-placeholder[b-ncnce3imgv] {
        padding-left: 10px;
        font-size: 12px;
    }

    #txtNewPassword .dx-placeholder[b-ncnce3imgv],
    #txtConfirmPassword .dx-placeholder[b-ncnce3imgv] {
        padding-left: 10px;
        padding-top: 5px;
    }

    #txtNewPassword .dx-texteditor[b-ncnce3imgv]::before,
    #txtConfirmPassword .dx-texteditor[b-ncnce3imgv]::before {
        border: none;
    }

    #txtNewPassword .dx-texteditor.dx-state-active[b-ncnce3imgv]::before,
    .dx-texteditor.dx-state-focused[b-ncnce3imgv]::before,
    #txtConfirmPassword .dx-texteditor.dx-state-active[b-ncnce3imgv]::before,
    .dx-texteditor.dx-state-focused[b-ncnce3imgv]::before {
        content: none !important;
    }

    #txtNewPassword .dx-texteditor-input[b-ncnce3imgv],
    #txtConfirmPassword .dx-texteditor-input[b-ncnce3imgv] {
        border: none !important;
        background: transparent;
        padding-left: 10px !important;
    }
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Shared/_Layout.cshtml.rz.scp.css */
.dx-overlay-wrapper[b-dgpbq80t81] {
    height: 100%;
}
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Users/AdminUser.cshtml.rz.scp.css */
.badge-default-user[b-lmcoeu8o6q] {
    display: inline-block;
    margin-left: 5px;
    padding: 0px 5px;
    font-size: 10px;
    font-weight: 600;
    color: #495057;
    background-color: #dfe3e6;
    border-radius: 5px;
    white-space: nowrap;
}
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Users/CustomerB2B.cshtml.rz.scp.css */
.filter-container[b-u3clxya55p] {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 20px;
}

.filter-row[b-u3clxya55p] {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.filter-item[b-u3clxya55p] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.filter-item label[b-u3clxya55p] {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #424242;
    width: 140px;
}

.filter-actions[b-u3clxya55p] {
    display: flex;
    gap: 8px;
}

/*---------------- VIEW PARAMETER ----------------*/

.view-parameter-item[b-u3clxya55p] {
    display: flex;
    align-items: center;
    margin: 15px 0px;
    width: 100%;
}

.view-parameter-item label[b-u3clxya55p] {
    display: block;
    font-size: 14px;
    color: #424242;
    width: 160px;
}

/*---------------- END VIEW PARAMETER ----------------*/

/*---------------- CUSTOMER CELL ----------------*/

.cell-customer[b-u3clxya55p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cell-customer-logo[b-u3clxya55p] {
    width: 40px;
    height: 40px;
    margin-bottom: 23px;
    border-radius: 50%;
    overflow: hidden;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
}

.cell-customer-info[b-u3clxya55p] {
    display: flex;
    flex-direction: column;
}

.customer-header[b-u3clxya55p] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.customer-alias[b-u3clxya55p] {
    font-weight: 600;
    font-size: 15px;
}

.customer-flag[b-u3clxya55p] {
    width: 13px;
    height: 13px;
    object-fit: cover;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.customer-name[b-u3clxya55p] {
    font-size: 12px;
    color: #777;
}

.customer-mapping-badge[b-u3clxya55p] {
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    font-size: 7px;
    font-weight: 500;
    line-height: 13px;
    border-radius: 12px;
    border: 1px solid #e53935;
    color: #e53935;
    width: fit-content;
}

.customer-border-b[b-u3clxya55p]{
    border-bottom: 1px solid #e0e0e0;
    margin: 10px -20px;
}

.dx-row-focused .customer-mapping-badge[b-u3clxya55p] {
    border: 1px solid #fff;
    color: #fff;
}
/*---------------- END CUSTOMER CELL ----------------*/

/*---------------- CONTACT CELL ----------------*/
/* CONTACT CELL */
.cell-contact[b-u3clxya55p],
.cell-pic[b-u3clxya55p] {
    display: flex;
    flex-direction: column;
}

.contact-link[b-u3clxya55p] {
    font-size: 12px;
    color: #e53935;
    text-decoration: none;
    font-weight: 500;
}
/*----------------  END CONTACT CELL ----------------*/

/*---------------- BILLING ----------------*/
.billing-container[b-u3clxya55p] {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-right: 20px;
}

.billing-bar-wrapper[b-u3clxya55p] {
    width: 100%;
    background: #ffe5e5;
    height: 18px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.billing-bar[b-u3clxya55p] {
    height: 100%;
    background: #e53935;
    transition: width 0.3s;
}

.dx-row-focused .billing-text[b-u3clxya55p] {
    color: #fff;
}

.billing-bar-text[b-u3clxya55p] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    pointer-events: none;
}

.billing-text[b-u3clxya55p] {
    color: #d32f2f;
    font-size: 12px;
    font-weight: 700;
}

/* STATUS MOU */
.status-badge[b-u3clxya55p] {
    padding: 2px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

.status-active[b-u3clxya55p] {
    background: #c8f7ce;
    color: #1b7f3b;
}

.status-active-warning[b-u3clxya55p] {
    background: #fff9c4;
    color: #7d6608;
}

.status-expired[b-u3clxya55p] {
    background: #ffdada;
    color: #d93025;
}

.status-nodoc[b-u3clxya55p] {
    background: #ececec;
    color: #666;
}

.status-icon[b-u3clxya55p] {
    font-size: 14px;
    opacity: 0.8;
}

.status-icon-warning[b-u3clxya55p] {
    font-size: 14px;
    color: #ff9800;
    margin-left: -2px;
}
/*---------------- END BILLING ----------------*/

/*---------------- CUSTOMER PROFILE ----------------*/

.customer-profile-content-header[b-u3clxya55p] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #e5e5e5;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
}

.customer-profile-content-header .badge-msg[b-u3clxya55p] {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
}

.customer-profile-content-header .msg-text[b-u3clxya55p] {
    color: #555;
    font-size: 12px;
}

.customer-detail-profile[b-u3clxya55p] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    margin: 2px 2px;
    border-radius: 10px;
    background-color: var(--theme-background);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
}

.customer-logo-detail-profile[b-u3clxya55p] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    border: 1px solid #ffffff;
}

.customer-logo-detail-profile img[b-u3clxya55p] {
    width: 22px;
    height: 22px;
}

.customer-logo-detail-profile svg[b-u3clxya55p] {
    font-size: 42px;
}

.customer-email-detail-profile[b-u3clxya55p] {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
}

.customer-date-detail-profile[b-u3clxya55p] {
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
}

.customer-profile-content-detail-profile[b-u3clxya55p] {
    margin-bottom: 16px;
    padding: 7px 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
}

.customer-user-header-detail-profile[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-user-header-detail-label[b-u3clxya55p] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.customer-user-name-detail-profile[b-u3clxya55p] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

.customer-detail-user-id-detail-profile[b-u3clxya55p] {
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-text-title);
}

.customer-user-date-detail-profile[b-u3clxya55p] {
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
    margin-top: 4px;
}

.customer-data-row-detail-profile[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    padding: 7px 0;
    font-size: 14px;
    align-items: center;
    color: #374151;
    font-weight: bold;
}

.customer-data-label-detail-profile[b-u3clxya55p] {
    color: #6b7280;
    font-weight: 500;
}

.customer-data-value-detail-profile[b-u3clxya55p] {
    color: #111827;
    font-weight: 600;
}
.customer-data-value-detail-profile contact-hover[b-u3clxya55p] {
    color: #111827 !important;
    font-weight: 600;
}

.customer-data-value-detail-upload[b-u3clxya55p] {
    background-color: var(--theme-text-title);
    color: #fff;
    border-radius: 5px;
    padding: 2px;
}

.customer-data-value-detail-address[b-u3clxya55p] {
    width: 300px;
    color: #111827;
    font-weight: 600;
    text-align: right;
}
.customer-status-not-verified[b-u3clxya55p] {
    color: var(--theme-text-title);
}

.customer-account-card-input[b-u3clxya55p] {
    align-items: center;
    margin: 10px 0px;
    border-radius: 10px;
    border: 1px solid rgba(128, 137, 150, 0.2);
    background-color: #fff;
    box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
}

.customer-form-title-wrap .customer-account-titledesc h5[b-u3clxya55p] {
    width: 100%;
    margin: 5px 0px;
    font-size: 20px;
    margin: 5px 0px;
    display: block;
    font-weight: bold;
}

.customer-logging-device-row[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
}

.customer-logging-device-row .customer-data-label-detail-profile[b-u3clxya55p] {
    font-weight: 500;
    color: #374151;
}

.customer-logging-device-row .customer-data-value-detail-profile[b-u3clxya55p] {
    color: #6b7280;
    text-align: right;
    max-width: 60%;
    word-break: break-word;
}

.customer-status-badge[b-u3clxya55p] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 13px;
}

.customer-status-text[b-u3clxya55p] {
    color: #000;
}

/* Bullet global */
.customer-status-bullet[b-u3clxya55p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* === STATUS COLORS === */

.customer-bullet-active[b-u3clxya55p] {
    background-color: #37c269;
}
.customer-status-active[b-u3clxya55p] {
    color: #37c269;
}

.customer-bullet-warning[b-u3clxya55p] {
    background-color: #ffcc00;
}
.customer-status-active-warning[b-u3clxya55p] {
    color: #ffcc00;
}

.customer-bullet-expired[b-u3clxya55p] {
    background-color: #ff4d4f;
}
.customer-status-expired[b-u3clxya55p] {
    color: #ff4d4f;
}

.customer-bullet-nodoc[b-u3clxya55p] {
    background-color: #9e9e9e;
}
.customer-status-nodoc[b-u3clxya55p] {
    color: #9e9e9e;
}

/* Custom Contract  */
.customer-data-label-detail-profile-header[b-u3clxya55p] {
    font-weight: 600;
    color: #374151;
    font-size: 20px;
}

.customer-data-row-detail-contract[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 14px;
    align-items: center;
    color: #374151;
    font-weight: bold;
}

.file-display-box[b-u3clxya55p] {
    background-color: var(--theme-text-title);
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 11px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

/*----------------  END CUSTOMER PROFILE ----------------*/


/*---------------- INVOICE ----------------*/
.invoice-profile-content[b-u3clxya55p] {
    margin-bottom: 16px;
    padding: 0px 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
}

.invoice-section-group[b-u3clxya55p] {
    padding: 10px 0;
}

.invoice-section-group:last-child[b-u3clxya55p] {
    padding-bottom: 16px;
}

.invoice-header[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.invoice-border-b[b-u3clxya55p]{
    margin: 0px -20px;
    border-bottom: 1px solid #e5e7eb;
}
.invoice-section-title[b-u3clxya55p] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

.invoice-data-rows[b-u3clxya55p] {
    margin-top: 12px;
}

.invoice-data-row[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;
    align-items: center;
    color: #374151;
}

.invoice-data-label[b-u3clxya55p] {
    color: #6b7280;
    font-weight: 500;
    font-size: 14px;
}

.invoice-data-value[b-u3clxya55p] {
    color: #111827;
    font-weight: 600;
    font-size: 14px;
}

/* Top Control Buttons Styling */
.invoice-top-controls[b-u3clxya55p] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.invoice-top-controls .dx-button:nth-child(1)[b-u3clxya55p] {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}

.invoice-top-controls .dx-button:nth-child(1):hover[b-u3clxya55p] {
    background-color: #45a049 !important;
    border-color: #45a049 !important;
}

.invoice-top-controls .dx-button:nth-child(2)[b-u3clxya55p] {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.invoice-top-controls .dx-button:nth-child(2):hover[b-u3clxya55p] {
    background-color: #0b7dda !important;
    border-color: #0b7dda !important;
}

.invoice-top-controls .dx-button:nth-child(3)[b-u3clxya55p] {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}

.invoice-top-controls .dx-button:nth-child(3):hover[b-u3clxya55p] {
    background-color: #e68900 !important;
    border-color: #e68900 !important;
}

.invoice-top-controls .dx-button[b-u3clxya55p] {
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 16px;
}

.invoice-credit-score-card[b-u3clxya55p] {
    background: linear-gradient(135deg, #ffd54f 0%, #ffc107 100%);
    color: #000;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);
}

.invoice-score-value[b-u3clxya55p] {
    font-size: 28px;
    font-weight: 800;
    margin-top: 2px;
    letter-spacing: -0.5px;
}

/* Status Bar */
.invoice-status-bar[b-u3clxya55p] {
    display: flex;
    height: 24px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.paid-segment[b-u3clxya55p] {
    background-color: #3cdb7f;
}

.unpaid-segment[b-u3clxya55p] {
    background-color: #ffc048;
}

.overdue-segment[b-u3clxya55p] {
    background-color: #f74850;
}

/* Status Details */
.invoice-status-details[b-u3clxya55p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.invoice-status-item[b-u3clxya55p] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #374151;
}

.invoice-status-item .invoice-data-label[b-u3clxya55p] {
    margin-left: 4px;
    font-weight: 500;
}

.invoice-status-item .invoice-data-value[b-u3clxya55p] {
    margin-left: 4px;
    font-weight: 700;
}

/* Invoice Table Styles - Force proper table rendering */
table.invoice-data-rows[b-u3clxya55p],
.invoice-data-rows table[b-u3clxya55p] {
    width: 100% !important;
    font-size: 14px;
    background-color: #fff !important;
    display: table !important;
    border-spacing: 0;
}

table.invoice-data-rows thead[b-u3clxya55p],
.invoice-data-rows table thead[b-u3clxya55p] {
    display: table-header-group !important;
}

table.invoice-data-rows tbody[b-u3clxya55p],
.invoice-data-rows table tbody[b-u3clxya55p] {
    display: table-row-group !important;
}

table.invoice-data-rows tfoot[b-u3clxya55p],
.invoice-data-rows table tfoot[b-u3clxya55p] {
    display: table-footer-group !important;
}

table.invoice-data-rows thead tr[b-u3clxya55p],
.invoice-data-rows table thead tr[b-u3clxya55p] {
    display: table-row !important;
    border-bottom: 2px solid #d1d5db;
}
.border-r[b-u3clxya55p] {
    border-right: 2px solid #b1b5bf;
    display: inline-block;
}
table.invoice-data-rows thead th[b-u3clxya55p],
.invoice-data-rows table thead th[b-u3clxya55p] {
    display: table-cell !important;
    padding: 10px 20px !important;
    text-align: left !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #d1d5db !important;
    border-right: 2px solid #d1d5db;
}

table.invoice-data-rows thead th:last-child[b-u3clxya55p],
.invoice-data-rows table thead th:last-child[b-u3clxya55p] {
    border-right: none;
}

/* table.invoice-data-rows thead th:not(:first-child),
.invoice-data-rows table thead th:not(:first-child) {
    text-align: center !important;
} */

table.invoice-data-rows tbody tr[b-u3clxya55p],
.invoice-data-rows table tbody tr[b-u3clxya55p] {
    display: table-row !important;
    transition: background-color 0.2s;
    background-color: #fff !important;
}

table.invoice-data-rows tbody tr:hover[b-u3clxya55p],
.invoice-data-rows table tbody tr:hover[b-u3clxya55p] {
    background-color: #f9fafb !important;
}

table.invoice-data-rows tbody td[b-u3clxya55p],
.invoice-data-rows table tbody td[b-u3clxya55p] {
    display: table-cell !important;
    padding: 10px 20px !important;
    color: #374151 !important;
    font-weight: 500;
    background-color: transparent !important;
    border-right: 2px solid #d1d5db;
}

table.invoice-data-rows tbody td:last-child[b-u3clxya55p],
.invoice-data-rows table tbody td:last-child[b-u3clxya55p] {
    border-right: none;
}

/* table.invoice-data-rows tbody td:not(:first-child),
.invoice-data-rows table tbody td:not(:first-child) {
    text-align: center !important;
    font-weight: 600;
} */

table.invoice-data-rows tbody td i[b-u3clxya55p],
.invoice-data-rows table tbody td i[b-u3clxya55p] {
    margin-right: 8px;
    color: #6b7280;
    font-size: 14px;
}

table.invoice-data-rows tfoot tr[b-u3clxya55p],
.invoice-data-rows table tfoot tr[b-u3clxya55p] {
    display: table-row !important;
    border-top: 2px solid #d1d5db;
    font-weight: 700;
}

table.invoice-data-rows tfoot td[b-u3clxya55p],
.invoice-data-rows table tfoot td[b-u3clxya55p] {
    display: table-cell !important;
    padding: 10px 20px !important;
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 14px;
    border-right: 2px solid #e5e7eb;
    border-top: 2px solid #d1d5db !important;
}

table.invoice-data-rows tfoot td:last-child[b-u3clxya55p],
.invoice-data-rows table tfoot td:last-child[b-u3clxya55p] {
    border-right: none;
}
/* 
table.invoice-data-rows tfoot td:not(:first-child),
.invoice-data-rows table tfoot td:not(:first-child) {
    text-align: center !important;
} */

/* Refund Section */
.invoice-user-section-detail-profile[b-u3clxya55p] {
    padding: 5px 0;
}

.invoice-user-section-detail-profile .border-b[b-u3clxya55p] {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 16px;
}

.invoice-refund-value[b-u3clxya55p] {
    color: #111827;
    font-weight: 700;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

/* Refund Account Icon Buttons */
.invoice-data-rows .dx-button.dx-button-mode-text[b-u3clxya55p] {
    min-width: auto;
    padding: 4px 8px;
}

.invoice-data-rows .dx-button.dx-button-mode-text .dx-icon[b-u3clxya55p] {
    font-size: 16px;
}

.invoice-data-rows .dx-button.dx-button-mode-text:hover[b-u3clxya55p] {
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

/* Plus Button in Header */
.invoice-header .dx-button.dx-button-mode-text[b-u3clxya55p] {
    color: #2196f3;
}

.invoice-header .dx-button.dx-button-mode-text:hover[b-u3clxya55p] {
    background-color: rgba(33, 150, 243, 0.08);
    border-radius: 4px;
}

/* Additional Polish */
.invoice-profile-content:first-of-type[b-u3clxya55p] {
    margin-top: 0;
}

/* Summary Section Specific Styling */
.invoice-section-group .invoice-section-title[b-u3clxya55p] {
    margin-bottom: 4px;
}

/* Ensure proper width for text buttons */
.invoice-top-controls .dx-button .dx-button-content[b-u3clxya55p] {
    padding: 0 12px;
}

/* Status icons styling */
.invoice-status-item i.fas[b-u3clxya55p] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Force remove any background color on table elements */
.invoice-section-group table.invoice-data-rows[b-u3clxya55p],
.invoice-section-group .invoice-data-rows table[b-u3clxya55p] {
    background-color: #fff !important;
}

.invoice-section-group table.invoice-data-rows tbody tr[b-u3clxya55p],
.invoice-section-group .invoice-data-rows table tbody tr[b-u3clxya55p] {
    background-color: #fff !important;
}

.invoice-section-group table.invoice-data-rows tbody td[b-u3clxya55p],
.invoice-section-group .invoice-data-rows table tbody td[b-u3clxya55p] {
    background-color: transparent !important;
}

/* Ensure proper table display */
.invoice-section-group table[b-u3clxya55p] {
    display: table;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #d1d5db;
}

.invoice-section-group table thead[b-u3clxya55p] {
    display: table-header-group;
}

.invoice-section-group table tbody[b-u3clxya55p] {
    display: table-row-group;
}

.invoice-section-group table tfoot[b-u3clxya55p] {
    display: table-footer-group;
}

.invoice-section-group table tr[b-u3clxya55p] {
    display: table-row;
}

.invoice-section-group table th[b-u3clxya55p],
.invoice-section-group table td[b-u3clxya55p] {
    display: table-cell;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .invoice-top-controls[b-u3clxya55p] {
        flex-wrap: wrap;
    }

    .invoice-credit-score-card[b-u3clxya55p] {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .invoice-data-rows table[b-u3clxya55p],
    table.invoice-data-rows[b-u3clxya55p] {
        font-size: 12px;
    }

    .invoice-data-rows table thead th[b-u3clxya55p],
    .invoice-data-rows table tbody td[b-u3clxya55p],
    .invoice-data-rows table tfoot td[b-u3clxya55p],
    table.invoice-data-rows thead th[b-u3clxya55p],
    table.invoice-data-rows tbody td[b-u3clxya55p],
    table.invoice-data-rows tfoot td[b-u3clxya55p] {
        padding: 8px 4px;
    }
}

/*----------------  END INVOICE ----------------*/

/*----------------  RULES ----------------*/

.rules-header[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 17px;
    border-top: none;
    border-top: none;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: none;
    color: #6b7280;
    background-color: #fff;
}

.rules-profile-content[b-u3clxya55p] {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
    margin-bottom: 16px;
    padding: 0 15px;
}

.rules-section-title[b-u3clxya55p] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

.rules-top-header[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.rules-search-container[b-u3clxya55p] {
    flex-grow: 1;
    margin-right: 15px;
}

.rules-item-container[b-u3clxya55p] {
    padding: 5px 0;
}

.rules-item-container:last-child[b-u3clxya55p] {
    border-bottom: none;
}

.rules-category-header[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    cursor: pointer;
}

.rules-actions[b-u3clxya55p] {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.rules-detail-rows[b-u3clxya55p] {
    padding: 0px 5px;
    font-size: 13px;
    display: none;
    overflow: hidden;
}

.rules-toggle-icon[b-u3clxya55p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.rules-toggle-icon .fa[b-u3clxya55p] {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 12px;
    color: #6b7280;
}

.rules-item-container.active .rules-toggle-icon .fa[b-u3clxya55p] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.rules-detail-row[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    align-items: center;
}

.rules-detail-label[b-u3clxya55p] {
    color: #6b7280;
    font-weight: 500;
    width: 40%;
}

.rules-detail-value[b-u3clxya55p] {
    color: #111827;
    font-weight: 600;
    text-align: right;
    width: 60%;
}
.rules-border-b[b-u3clxya55p] {
    margin: 0px -15px;
    border-bottom: 1px solid #e1e1e1;
}
.accordion-icon[b-u3clxya55p] {
    transition: transform 0.25s ease;
}
.rules-item-container.active .accordion-icon[b-u3clxya55p] {
    transform: rotate(180deg);
}
/*----------------  END  RULES ----------------*/


/*----------------  DOCUMENT ----------------*/

.document-item-box[b-u3clxya55p] {
    background-color: #ffffff;
}

.document-category-header[b-u3clxya55p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.document-header-left[b-u3clxya55p] {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.document-file-count[b-u3clxya55p] {
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
}

.document-header-right[b-u3clxya55p] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.document-expand-icon[b-u3clxya55p] {
    transition: transform 0.35s ease;
    margin-left: 10px;
    color: #6b7280;
    font-size: 14px;
    /* default state (open) */
    transform: rotate(0deg);
}

.document-expand-icon.collapsed[b-u3clxya55p] {
    transform: rotate(180deg);
}

.document-content-area[b-u3clxya55p] {
    padding: 15px 0;
    display: none;
    overflow: hidden;
}
/*----------------  END  DOCUMENT ----------------*/
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Users/CustomerUser.cshtml.rz.scp.css */
.stat-container[b-d92yyxbhnw] {
    display: flex;
    justify-content: center;
}

.stat-card[b-d92yyxbhnw] {
    width: 100%;
    max-width: 800px;
    background-color: #fff;
    border-radius: 12px;
    padding: 25px 50px;
    display: flex;
    justify-content: space-between;
    margin: 15px 0px 30px 0px;
    box-shadow: 0 4px 8px rgba(0.1, 0.1, 0.1, 0.1),
        0 -4px 8px rgba(0.1, 0.1, 0.1, 0.1);
    min-width: 130px;
    transition: transform 0.2s;
}

.stat-title[b-d92yyxbhnw] {
    font-size: 14px;
    color: #8c8c8c;
    font-weight: 400;
}

.stat-content[b-d92yyxbhnw] {
    display: flex;
    align-items: center;
}

.icon[b-d92yyxbhnw] {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.icon-color[b-d92yyxbhnw] {
    background-color: #e6f4ff;
    color: #4096ff;
}

.number[b-d92yyxbhnw] {
    font-size: 27px;
    font-weight: 600;
    margin: 0 0 3px 0;
}

.border-stats[b-d92yyxbhnw]{
    border-right: 1px solid #e0e0e0;
}

.trend[b-d92yyxbhnw] {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.trend svg[b-d92yyxbhnw] {
    margin-right: 4px;
    margin-bottom: 1px;
}

.percentage[b-d92yyxbhnw]{
    margin-right: 4px;
}

.trend svg[b-d92yyxbhnw] {
    margin-top: -1px;
}

.trend-up[b-d92yyxbhnw] {
    color: #52c41a;
    font-weight: 600;
}

.trend-down[b-d92yyxbhnw] {
    color: #f5222d;
    font-weight: 600;
}

.user-avatars[b-d92yyxbhnw] {
    display: flex;
}

.avatar[b-d92yyxbhnw] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid white;
    margin-left: -8px;
    background-color: #ffcb8b;
}

.avatar:first-child[b-d92yyxbhnw] {
    margin-left: 0;
}

.avatar:nth-child(2)[b-d92yyxbhnw] {
    background-color: #8bc7ff;
}

.avatar:nth-child(3)[b-d92yyxbhnw] {
    background-color: #ff8b8b;
}

.avatar:nth-child(4)[b-d92yyxbhnw] {
    background-color: #b88bff;
}

@media screen and (max-width: 1200px) {
    .stat-card[b-d92yyxbhnw] {
        padding: 25px 20px;
    }
}
/* _content/WahanaKaryaSuplaindo.WahanaTravelB2C.WebAdmin/Pages/Users/UserRole.cshtml.rz.scp.css */

.description-user-role[b-mvab4ginq7]{
    height: 100%;
    padding: 15px;
    width: 80%;
    border-left: 1px solid #e0e0e0;
    border-radius: 0px 0px 3px 3px;
}
.dx-datagrid .dx-row > td[b-mvab4ginq7]{
    font-size: 15px !important;
}