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

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

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

.board-column-header[b-0328ft4d1p] {
    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-0328ft4d1p] {
        text-indent: -1000px;
    }
}

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

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

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

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

.completed .dx-list-item.dx-state-active[b-0328ft4d1p], .completed .dx-list-item.dx-state-hover[b-0328ft4d1p] {
    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-0328ft4d1p] {
    position: relative;
    background: #f0f0f0;
    height: calc(100vh - 195px);
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
}

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

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

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

.board-item-content[b-0328ft4d1p] {
    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-0328ft4d1p] {
        text-align: center;
    }

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

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

.board-column-header span.badge[b-0328ft4d1p] {
    float: right;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/AccountingExport/BankStatementHandling/Details.cshtml.rz.scp.css */
/* Accounting Export Details */
.accounting-export-details-layout[b-nv3cg68vjy] {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.accounting-export-file-info[b-nv3cg68vjy] {
    flex: 0 0 59%;
    background-color: var(--theme-background);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
}

.accounting-export-section-title[b-nv3cg68vjy] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
}

.accounting-export-section-border[b-nv3cg68vjy] {
    height: 1px;
    background-color: #e5e7eb;
    margin: 0px -20px 20px -20px;
}

.accounting-export-info-grid[b-nv3cg68vjy] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.accounting-export-info-item[b-nv3cg68vjy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accounting-export-info-label[b-nv3cg68vjy] {
    font-size: 13px;
    font-weight: 500;
    color: #9ca3af;
    position: relative;
}

.accounting-export-info-label span[b-nv3cg68vjy] {
    position: relative;
}

.accounting-export-info-label span[b-nv3cg68vjy]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #cbd5e1;
}

.accounting-export-info-value[b-nv3cg68vjy] {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.accounting-export-file-no[b-nv3cg68vjy] {
    color: #dc3545;
    font-weight: 700;
    font-size: 14px;
}

.accounting-export-statistics[b-nv3cg68vjy] {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
}

.accounting-export-stats-grid[b-nv3cg68vjy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    flex: 1;
    align-content: stretch;
    height: 100%;
}

.accounting-export-stat-card[b-nv3cg68vjy] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.accounting-export-stat-label[b-nv3cg68vjy] {
    font-size: 13px;
    font-weight: 500;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 6px;
}

.accounting-export-stat-bullet[b-nv3cg68vjy] {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.accounting-export-stat-bullet-blue[b-nv3cg68vjy] {
    color: #2196F3;
}

.accounting-export-stat-bullet-green[b-nv3cg68vjy] {
    color: #4caf50;
}

.accounting-export-stat-bullet-red[b-nv3cg68vjy] {
    color: #dc3545;
}

.accounting-export-stat-value[b-nv3cg68vjy] {
    font-size: 24px;
    font-weight: 700;
    color: #212529;
}

.accounting-export-stat-value-blue[b-nv3cg68vjy] {
    color: #2196F3;
}

.accounting-export-stat-value-green[b-nv3cg68vjy] {
    color: #4caf50;
}

.accounting-export-stat-value-red[b-nv3cg68vjy] {
    color: #dc3545;
}

/* Lines Section */
.accounting-export-lines-section[b-nv3cg68vjy] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.accounting-export-lines-title[b-nv3cg68vjy] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
}

.accounting-export-lines-border[b-nv3cg68vjy] {
    height: 1px;
    background-color: #e5e7eb;
    margin: 0px -20px 15px -20px;
}

.accounting-export-lines-grid .dx-datagrid-headers[b-nv3cg68vjy] {
    background-color: #f8f9fa;
}

.accounting-export-lines-grid .dx-datagrid-header-panel[b-nv3cg68vjy] {
    border-bottom: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-datagrid-rowsview[b-nv3cg68vjy] {
    border-top: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-row[b-nv3cg68vjy] {
    border-bottom: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-row:last-child[b-nv3cg68vjy] {
    border-bottom: none;
}

.accounting-export-header-info-icon[b-nv3cg68vjy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    flex-shrink: 0;
    line-height: 1;
}

.accounting-export-header-info-icon.fas[b-nv3cg68vjy] {
    font-size: 9px;
    color: #ffffff;
}

.accounting-export-status-badge[b-nv3cg68vjy] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

.accounting-export-status-success[b-nv3cg68vjy] {
    background-color: #4caf50;
}

.accounting-export-status-error[b-nv3cg68vjy] {
    background-color: #dc3545;
}

.accounting-export-pnr-code[b-nv3cg68vjy] {
    color: #dc3545;
    font-weight: 700;
}

.accounting-export-invoice-no[b-nv3cg68vjy] {
    color: #dc3545;
    font-weight: 700;
}

/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/AccountingExport/BankStatementHandling/Index.cshtml.rz.scp.css */
.bank-logo[b-zjrzyas1nk] {
    width: auto;
    height: 30px;
    margin-right: 6px;
}

.invoice-upload-filename[b-zjrzyas1nk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    gap: 10px;
    min-height: auto;
}

.invoice-upload-filename-content[b-zjrzyas1nk] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}

.invoice-upload-filename-content i[b-zjrzyas1nk] {
    color: #dc3545;
    font-size: 14px;
    flex-shrink: 0;
}

.invoice-upload-filename span[b-zjrzyas1nk] {
    word-break: break-all;
    text-align: left;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.invoice-upload-filename span strong[b-zjrzyas1nk] {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.invoice-upload-filename span small[b-zjrzyas1nk] {
    display: block;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.invoice-upload-remove[b-zjrzyas1nk] {
    color: #dc3545;
    font-size: 14px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoice-upload-remove:hover[b-zjrzyas1nk] {
    background-color: #dc3545;
    color: white;
}

/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/AccountingExport/DailyPaymentReport/Index.cshtml.rz.scp.css */
/* Invoice Tracking Search Styles */
.invoice-tracking-search[b-tdwb02574f] {
    position: relative;
    width: 300px;
}

.invoice-tracking-search .dx-icon-search[b-tdwb02574f] {
    position: absolute;
    left: 12px;
    top: 50%;
    font-size: 19px;
    transform: translateY(-50%);
    color: #999;
    z-index: 1;
    pointer-events: none;
}

.invoice-search-input[b-tdwb02574f] {
    width: 100%;
    padding: 8px 6px 7px 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.invoice-search-input:focus[b-tdwb02574f] {
    border-color: #ef233c;
}

/* Invoice Tracking Filter Card Styles */
.invoice-tracking-filter-card[b-tdwb02574f] {
    width: 50%;
}

.invoice-tracking-title[b-tdwb02574f] {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.invoice-tracking-filter-border[b-tdwb02574f] {
    border-bottom: 1px dashed #ddd;
    margin: 0px -20px 20px -20px;
}

.invoice-tracking-filter-form[b-tdwb02574f] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.invoice-filter-row[b-tdwb02574f] {
    display: flex;
    gap: 20px;
}

.invoice-filter-item[b-tdwb02574f] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.invoice-filter-label[b-tdwb02574f] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.invoice-filter-actions[b-tdwb02574f] {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.invoice-filter-actions .dx-button[b-tdwb02574f] {
    min-width: 100px;
}

/* Bank Logo Styles */
.bank-logo[b-tdwb02574f] {
    width: auto;
    height: 30px;
    margin-right: 6px;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/AccountingExport/VendorBillingHandling/Details.cshtml.rz.scp.css */
/* Accounting Export Details */

.accounting-export-details-layout[b-jsxd7rnnl7] {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.accounting-export-file-info[b-jsxd7rnnl7] {
    flex: 0 0 59%;
    background-color: var(--theme-background);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
}

.accounting-export-section-title[b-jsxd7rnnl7] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
}

.accounting-export-section-border[b-jsxd7rnnl7] {
    height: 1px;
    background-color: #e5e7eb;
    margin: 0px -20px 20px -20px;
}

.accounting-export-info-grid[b-jsxd7rnnl7] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.accounting-export-info-item[b-jsxd7rnnl7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accounting-export-info-label[b-jsxd7rnnl7] {
    font-size: 13px;
    font-weight: 500;
    color: #9ca3af;
    position: relative;
}

.accounting-export-info-label span[b-jsxd7rnnl7] {
    position: relative;
}

.accounting-export-info-label span[b-jsxd7rnnl7]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #cbd5e1;
}

.accounting-export-info-value[b-jsxd7rnnl7] {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.accounting-export-file-no[b-jsxd7rnnl7] {
    color: #dc3545;
    font-weight: 700;
    font-size: 14px;
}

.accounting-export-statistics[b-jsxd7rnnl7] {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
}

.accounting-export-stats-grid[b-jsxd7rnnl7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    flex: 1;
    align-content: stretch;
    height: 100%;
}

.accounting-export-stat-card[b-jsxd7rnnl7] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.accounting-export-stat-label[b-jsxd7rnnl7] {
    font-size: 13px;
    font-weight: 500;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 6px;
}

.accounting-export-stat-bullet[b-jsxd7rnnl7] {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.accounting-export-stat-bullet-blue[b-jsxd7rnnl7] {
    color: #2196F3;
}

.accounting-export-stat-bullet-green[b-jsxd7rnnl7] {
    color: #4caf50;
}

.accounting-export-stat-bullet-red[b-jsxd7rnnl7] {
    color: #dc3545;
}

.accounting-export-stat-value[b-jsxd7rnnl7] {
    font-size: 24px;
    font-weight: 700;
    color: #212529;
}

.accounting-export-stat-value-blue[b-jsxd7rnnl7] {
    color: #2196F3;
}

.accounting-export-stat-value-green[b-jsxd7rnnl7] {
    color: #4caf50;
}

.accounting-export-stat-value-red[b-jsxd7rnnl7] {
    color: #dc3545;
}

/* Lines Section */
.accounting-export-lines-section[b-jsxd7rnnl7] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.accounting-export-lines-title[b-jsxd7rnnl7] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
}

.accounting-export-lines-border[b-jsxd7rnnl7] {
    height: 1px;
    background-color: #e5e7eb;
    margin: 0px -20px 15px -20px;
}

.accounting-export-lines-grid .dx-datagrid-headers[b-jsxd7rnnl7] {
    background-color: #f8f9fa;
}

.accounting-export-lines-grid .dx-datagrid-header-panel[b-jsxd7rnnl7] {
    border-bottom: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-datagrid-rowsview[b-jsxd7rnnl7] {
    border-top: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-row[b-jsxd7rnnl7] {
    border-bottom: 1px solid #e5e7eb;
}

.accounting-export-lines-grid .dx-row:last-child[b-jsxd7rnnl7] {
    border-bottom: none;
}

.accounting-export-header-info-icon[b-jsxd7rnnl7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    flex-shrink: 0;
    line-height: 1;
}

.accounting-export-header-info-icon.fas[b-jsxd7rnnl7] {
    font-size: 9px;
}

.accounting-export-status-badge[b-jsxd7rnnl7] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

.accounting-export-status-success[b-jsxd7rnnl7] {
    background-color: #4caf50;
}

.accounting-export-status-error[b-jsxd7rnnl7] {
    background-color: #dc3545;
}

.accounting-export-pnr-code[b-jsxd7rnnl7] {
    color: #dc3545;
    font-weight: 700;
}

.accounting-export-invoice-no[b-jsxd7rnnl7] {
    color: #dc3545;
    font-weight: 700;
}

/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/AccountingExport/VendorBillingHandling/Index.cshtml.rz.scp.css */
.invoice-upload-filename[b-5t5awr6af1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    gap: 10px;
    min-height: auto;
}

.invoice-upload-filename-content[b-5t5awr6af1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}

.invoice-upload-filename-content i[b-5t5awr6af1] {
    color: #dc3545;
    font-size: 14px;
    flex-shrink: 0;
}

.invoice-upload-filename span[b-5t5awr6af1] {
    word-break: break-all;
    text-align: left;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.invoice-upload-filename span strong[b-5t5awr6af1] {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.invoice-upload-filename span small[b-5t5awr6af1] {
    display: block;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.invoice-upload-remove[b-5t5awr6af1] {
    color: #dc3545;
    font-size: 14px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoice-upload-remove:hover[b-5t5awr6af1] {
    background-color: #dc3545;
    color: white;
}

/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/DetailInvoice.cshtml.rz.scp.css */
.detail-invoice[b-0fxlafomm4] {
    display: flex;
    gap: 20px;
    width: 100%;
}

.detail-invoice-left[b-0fxlafomm4] {
    flex: 1;
    min-width: 0;
    border-right: 1px solid #e0e0e0;
    padding: 0px 20px;
}

.detail-invoice-right[b-0fxlafomm4] {
    flex: 1;
    min-width: 0;
    padding-right: 20px;
}

/* Responsive layout for smaller screens */
@media (max-width: 768px) {
    .detail-invoice[b-0fxlafomm4] {
        flex-direction: column;
        gap: 0;
    }

    .detail-invoice-left[b-0fxlafomm4] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .detail-invoice-right[b-0fxlafomm4] {
        width: 100%;
        padding-left: 0;
    }
}

.card-section[b-0fxlafomm4] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 16px 18px;
}

.card-section-header[b-0fxlafomm4] {
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.card-section-border[b-0fxlafomm4] {
    height: 1px;
    margin: 10px -17px 17px -17px;
    background-color: #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.status-breadcrumb[b-0fxlafomm4] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.breadcrumb-pill[b-0fxlafomm4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #dc3545;
    color: #fff;
    border-radius: 5px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.breadcrumb-step[b-0fxlafomm4] {
    white-space: nowrap;
}

.breadcrumb-step.disabled[b-0fxlafomm4] {
    color: #6c757d;
}

.breadcrumb-arrow[b-0fxlafomm4] {
    font-size: 14px;
    opacity: 0.9;
}

.section-title[b-0fxlafomm4] {
    font-weight: 700;
    font-size: 15px;
    margin-top: 4px;
}

.section-border[b-0fxlafomm4] {
    height: 1px;
    margin: 10px 0 14px 0;
    background-color: #e2e8f0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.confirm-modal[b-0fxlafomm4] {
    min-width: 500px;
}

.confirm-modal-header[b-0fxlafomm4] {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 12px;
}

.confirm-label[b-0fxlafomm4] {
    display: block;
    color: #d31c1c;
    font-weight: 600;
}

.confirm-modal-footer[b-0fxlafomm4] {
    display: flex;
    justify-content: flex-end;
}

.card-section-body[b-0fxlafomm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 24px;
    font-size: 14px;
}

.billing-grid[b-0fxlafomm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 24px;
    font-size: 14px;
}

.billing-grid .card-field.total-sell[b-0fxlafomm4] {
    grid-column: span 2;
}

.card-label[b-0fxlafomm4] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
    position: relative;
}
.card-label[b-0fxlafomm4]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 24px;
    height: 1px;
    background: #cbd5e1;
}

.card-label[b-0fxlafomm4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-label span[b-0fxlafomm4] {
    position: relative;
}

.card-label span[b-0fxlafomm4]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #cbd5e1;
}

.card-label[b-0fxlafomm4]::after {
    display: none !important;
}
.card-value[b-0fxlafomm4] {
    color: #222;
    font-weight:500;
}

.card-badge[b-0fxlafomm4] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}

.badge-unpaid[b-0fxlafomm4] {
    background: #dc3545;
}

.total-value[b-0fxlafomm4] {
    color: #d31c1c;
}

@media (max-width: 992px) {
    .card-section-body[b-0fxlafomm4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .card-section-body[b-0fxlafomm4] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* Documents List */
.documents-list[b-0fxlafomm4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 10px 0px;
}

.documents-item[b-0fxlafomm4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.documents-item .dx-icon[b-0fxlafomm4] {
    color: #999;
    font-size: 16px;
}

.documents-link[b-0fxlafomm4] {
    color: #dc3545;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
}

.documents-link:hover[b-0fxlafomm4] {
    color: #c82333;
    text-decoration: underline;
}

/* Invoice Copy Icon */
.card-booking-detail-summary-label[b-0fxlafomm4] {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.card-booking-detail-summary-label[b-0fxlafomm4]::after {
    display: none !important;
}

.card-booking-detail-summary-label span[b-0fxlafomm4] {
    position: relative;
}

.card-booking-detail-summary-label span[b-0fxlafomm4]::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #cbd5e1;
}

.invoice-copy-icon[b-0fxlafomm4] {
    cursor: pointer;
    font-size: 12px;
    color: #6c757d;
    transition: color 0.2s;
    flex-shrink: 0;
}

.invoice-copy-icon:hover[b-0fxlafomm4] {
    color: #dc3545;
}

/* Copyable Value */
.copyable-value[b-0fxlafomm4] {
    cursor: pointer;
    transition: opacity 0.2s, background-color 0.2s;
    border-radius: 3px;
    user-select: none;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/index.cshtml.rz.scp.css */
.invoice-dashboard[b-5w9akywj5s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px;
}

.invoice-card[b-5w9akywj5s] {
    background: white;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    display: flex;
    flex-direction: column;
}

.invoice-card-title[b-5w9akywj5s] {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

.invoice-card-value[b-5w9akywj5s] {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
    line-height: 1.2;
}

.invoice-card-subtitle[b-5w9akywj5s] {
    color: #666;
    font-size: 13px;
    margin-top: auto;
}

.invoice-card-subtitle-value[b-5w9akywj5s] {
    color: #000;
    font-weight: 700;
    font-size: 13px;
}

.invoice-card-chart[b-5w9akywj5s] {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 80px;
    height: 40px;
}

.chart-line[b-5w9akywj5s] {
    fill: none;
    stroke: #4ade80;
    stroke-width: 2;
}

.chart-area[b-5w9akywj5s] {
    fill: #4ade80;
    opacity: 0.2;
}

@media (max-width: 1280px) {
    .invoice-dashboard[b-5w9akywj5s] {
        gap: 12px;
        margin: 12px;
    }

    .invoice-card[b-5w9akywj5s] {
        padding: 16px;
    }

    .invoice-card-title[b-5w9akywj5s] {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .invoice-card-value[b-5w9akywj5s] {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .invoice-card-subtitle[b-5w9akywj5s],
    .invoice-card-subtitle-value[b-5w9akywj5s] {
        font-size: 12px;
    }

    .invoice-card-chart[b-5w9akywj5s] {
        right: 16px;
        top: 16px;
        width: 56px;
        height: 32px;
    }

    .invoice-layout[b-5w9akywj5s] {
        margin-top: 12px;
        height: 60vh;
        flex-wrap: wrap;
    }

    .invoice-main-content[b-5w9akywj5s] {
        flex: 1 1 50%;
        min-width: 0;
        padding: 14px;
        border-right: 1px dashed #ddd;
    }

    .invoice-main-content .d-flex.justify-content-between[b-5w9akywj5s] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .invoice-main-content .d-flex.justify-content-between .invoice-search[b-5w9akywj5s] {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .invoice-main-content .d-flex.justify-content-between .d-flex.align-items-center[b-5w9akywj5s] {
        width: 100% !important;
        max-width: 100%;
    }

    .invoice-search-result-header[b-5w9akywj5s] {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .invoice-search-title[b-5w9akywj5s] {
        font-size: 16px;
    }

    .invoice-empty-state[b-5w9akywj5s] {
        padding: 24px 16px;
        gap: 14px;
    }

    .invoice-empty-title[b-5w9akywj5s] {
        font-size: 20px;
    }

    .invoice-empty-text[b-5w9akywj5s] {
        font-size: 13px;
        width: 100%;
        max-width: 100%;
    }

    .invoice-sidebar[b-5w9akywj5s] {
        width: 360px;
        flex: 0 0 360px;
        min-width: 0;
    }

    .invoice-sidebar-header .dx-tab[b-5w9akywj5s] {
        font-size: 13px !important;
        margin-right: 14px !important;
    }

    .invoice-list-item[b-5w9akywj5s] {
        padding: 10px 14px;
    }

    .invoice-icon[b-5w9akywj5s] {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .invoice-number[b-5w9akywj5s] {
        font-size: 13px;
    }

    .invoice-date[b-5w9akywj5s] {
        font-size: 11px;
    }

    .invoice-category[b-5w9akywj5s] {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .invoice-dashboard[b-5w9akywj5s] {
        grid-template-columns: 1fr;
    }
}

.invoice-layout[b-5w9akywj5s] {
    display: flex;
    gap: 0;
    width: 100%;
    height: 65vh;
    margin-top: 20px;
}

.invoice-main-content[b-5w9akywj5s] {
    width: 100%;
    background: white;
    padding: 20px;
    border-right: 1px dashed #ddd;
    display: flex;
    flex-direction: column;
}

.invoice-search-result-header[b-5w9akywj5s] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.invoice-search-title[b-5w9akywj5s] {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    padding-bottom: 2px;
    position: relative;
    display: inline-block;
}

.invoice-empty-state[b-5w9akywj5s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex: 1;
    padding: 40px 20px;
}

.invoice-empty-icon[b-5w9akywj5s] {
    flex-shrink: 0;
}

.invoice-empty-content[b-5w9akywj5s] {
    flex: 1;
    max-width: 400px;
}

.invoice-empty-title[b-5w9akywj5s] {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px 0;
}

.invoice-empty-text[b-5w9akywj5s] {
    font-size: 14px;
    width: 320px;
    color: #666;
    margin: 0;
    line-height: 1.6;
}

.invoice-empty-link[b-5w9akywj5s] {
    color: #ef233c;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.invoice-empty-link:hover[b-5w9akywj5s] {
    color: #d11a2a;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .invoice-empty-state[b-5w9akywj5s] {
        flex-direction: column;
        text-align: center;
    }

    .invoice-empty-icon[b-5w9akywj5s] {
        margin-bottom: 20px;
    }
}

.border-dased-r[b-5w9akywj5s] {
    border-right: 1px dashed #ddd;
}

.invoice-sidebar[b-5w9akywj5s] {
    width: 650px;
    background: white;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.invoice-sidebar-header[b-5w9akywj5s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #f0f0f0;
}

/* Custom scrollbar for sidebar header */
.invoice-sidebar-header[b-5w9akywj5s]::-webkit-scrollbar {
    height: 4px;
}

.invoice-sidebar-header[b-5w9akywj5s]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.invoice-sidebar-header[b-5w9akywj5s]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.invoice-sidebar-header[b-5w9akywj5s]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Firefox scrollbar */
.invoice-sidebar-header[b-5w9akywj5s] {
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;
}

.invoice-sidebar-header .dx-tabs[b-5w9akywj5s] {
    flex: 1;
}

.invoice-sidebar-header .dx-tab[b-5w9akywj5s] {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #666 !important;
    padding: 0 !important;
    padding-bottom: 8px !important;
    margin-right: 20px !important;
    border: none !important;
    background: none !important;
}

.invoice-sidebar-header .dx-tab:hover[b-5w9akywj5s] {
    color: #000 !important;
}

.invoice-sidebar-header .dx-tab.dx-state-selected[b-5w9akywj5s] {
    color: #000 !important;
    font-weight: 700 !important;
}

.invoice-sidebar-header .dx-tab.dx-state-selected[b-5w9akywj5s]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ef233c;
}

.invoice-sidebar-header .dx-tabs-wrapper[b-5w9akywj5s] {
    border: none !important;
}

.invoice-sidebar-header .dx-tabs-nav-button[b-5w9akywj5s] {
    display: none !important;
}

.invoice-view-list[b-5w9akywj5s] {
    font-size: 12px;
    padding: 10px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.invoice-view-list:hover[b-5w9akywj5s] {
    color: #ef233c;
}

.invoice-tab-content[b-5w9akywj5s] {
    flex: 1;
    overflow-y: none;
}

.invoice-list-item[b-5w9akywj5s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background-color 0.1s ease, border-radius 0.1s ease,
        transform 0.1s ease, box-shadow 0.1s ease;
}

.invoice-list-item:hover[b-5w9akywj5s] {
    background-color: #f9f9f9;
    transform: translateX(-10px);
    border-radius: 4px;
}

.invoice-item-left[b-5w9akywj5s] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.invoice-icon[b-5w9akywj5s] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    flex-shrink: 0;
}

.invoice-icon-flight[b-5w9akywj5s] {
    background-color: #ef233c;
}

.invoice-icon-hotel[b-5w9akywj5s] {
    background-color: #ffcc00;
}

.invoice-icon-tour[b-5w9akywj5s] {
    background-color: #348cff;
}

.invoice-item-details[b-5w9akywj5s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-number[b-5w9akywj5s] {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.invoice-date[b-5w9akywj5s] {
    font-size: 12px;
    color: #666;
}

.invoice-item-right[b-5w9akywj5s] {
    display: flex;
    align-items: center;
}

.invoice-category[b-5w9akywj5s] {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.invoice-sidebar-empty-state[b-5w9akywj5s] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 40px 20px;
    min-height: 200px;
}

.invoice-sidebar-empty-content[b-5w9akywj5s] {
    text-align: center;
    max-width: 100%;
}

.invoice-sidebar-empty-title[b-5w9akywj5s] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px 0;
}

.invoice-sidebar-empty-text[b-5w9akywj5s] {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .invoice-layout[b-5w9akywj5s] {
        flex-direction: column;
    }

    .invoice-main-content[b-5w9akywj5s] {
        border-right: none;
        border-bottom: 1px dashed #ddd;
    }

    .invoice-main-content[b-5w9akywj5s],
    .invoice-sidebar[b-5w9akywj5s] {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* Invoice Upload Styles */
.invoice-upload-filename[b-5w9akywj5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    gap: 10px;
    min-height: auto;
}

.invoice-upload-filename-content[b-5w9akywj5s] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}

.invoice-upload-filename-content i[b-5w9akywj5s] {
    color: #dc3545;
    font-size: 14px;
    flex-shrink: 0;
}

.invoice-upload-filename span[b-5w9akywj5s] {
    word-break: break-all;
    text-align: left;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.invoice-upload-filename span strong[b-5w9akywj5s] {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.invoice-upload-filename span small[b-5w9akywj5s] {
    display: block;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.invoice-upload-remove[b-5w9akywj5s] {
    color: #dc3545;
    font-size: 14px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoice-upload-remove:hover[b-5w9akywj5s] {
    background-color: #dc3545;
    color: white;
}

/* New Invoice modal: compact file upload areas (Figma-style) */
.new-invoice-file-uploads[b-5w9akywj5s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    touch-action: pan-y;
}

.new-invoice-file-uploads .invoice-upload-area[b-5w9akywj5s] {
    margin-bottom: 12px;
    width: 100%;
}

.new-invoice-file-uploads .invoice-upload-dropzone[b-5w9akywj5s] {
    padding: 15px 16px;
    border-radius: 6px;
    border: 2px dashed #ddd;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.new-invoice-file-uploads .invoice-upload-dropzone:hover[b-5w9akywj5s] {
    border-color: #ef233c;
    background-color: #fff5f5;
}

.new-invoice-file-uploads .invoice-upload-dropzone.file-selected:hover[b-5w9akywj5s] {
    border-color: #4caf50;
    background-color: #f0f8f0;
}

/* Sembunyikan icon + teks "Click to upload" ketika file sudah dipilih */
.new-invoice-file-uploads .invoice-upload-dropzone.file-selected .invoice-upload-main-row[b-5w9akywj5s] {
    display: none;
}

.new-invoice-file-uploads .invoice-upload-content[b-5w9akywj5s] {
    gap: 8px;
    align-items: center;
    text-align: center;
}

/* Icon + text in one horizontal elongated row, centered */
.new-invoice-file-uploads .invoice-upload-main-row[b-5w9akywj5s] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.new-invoice-file-uploads .invoice-upload-main-row .invoice-upload-icon[b-5w9akywj5s] {
    flex-shrink: 0;
}

.new-invoice-file-uploads .invoice-upload-main-row .invoice-upload-icon i[b-5w9akywj5s] {
    font-size: 16px;
    color: #ef233c;
}

.new-invoice-file-uploads .invoice-upload-main-row .invoice-upload-description[b-5w9akywj5s] {
    font-size: 12px;
    line-height: 1.4;
    color: #333;
    min-width: 0;
}

.new-invoice-file-uploads .invoice-upload-click[b-5w9akywj5s] {
    color: #ef233c;
    font-weight: 500;
}

.new-invoice-file-uploads .invoice-upload-or-dragdrop[b-5w9akywj5s] {
    font-weight: 700;
}

.new-invoice-file-uploads .invoice-upload-filetype[b-5w9akywj5s] {
    color: #ef233c;
    font-weight: 700;
}

.new-invoice-file-uploads .invoice-upload-size[b-5w9akywj5s] {
    font-size: 11px;
    color: #999;
}

/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/InvoiceArchived.cshtml.rz.scp.css */
.status-badge[b-7hrrl24sfv] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.badge-success[b-7hrrl24sfv] {
    background-color: #28a745;
}

.badge-warning[b-7hrrl24sfv] {
    background-color: #f0ad4e;
}

.badge-danger[b-7hrrl24sfv] {
    background-color: #dc3545;
}

.badge-secondary[b-7hrrl24sfv] {
    background-color: #6c757d;
}
.badge-credit[b-7hrrl24sfv] {
    background-color: #F6D386;
    color: #333;
}

/* Booking Type Icon Styles */
.booking-type-icon-container[b-7hrrl24sfv] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.booking-type-icon-container i[b-7hrrl24sfv] {
    font-size: 12px;
    color: white;
}

.booking-type-icon-flight[b-7hrrl24sfv] {
    background-color: #ef233c;
}

.booking-type-icon-hotel[b-7hrrl24sfv] {
    background-color: #ffcc00;
}

.booking-type-icon-tour[b-7hrrl24sfv] {
    background-color: #348cff;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/InvoiceList.cshtml.rz.scp.css */
.invoice-status-filter[b-vv52ca7jvw] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 0;
}

.invoice-status-label[b-vv52ca7jvw] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
}

.invoice-status-button[b-vv52ca7jvw] {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: white;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    border-radius: 0;
    margin-left: -1px;
    position: relative;
}

.invoice-status-button:first-of-type[b-vv52ca7jvw] {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    border-left: 1px solid #ddd;
}

.invoice-status-button:last-of-type[b-vv52ca7jvw] {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #ddd;
}

.invoice-status-button:hover[b-vv52ca7jvw] {
    background: #f5f5f5;
    z-index: 1;
}

.invoice-status-button.active[b-vv52ca7jvw] {
    background: #dc3545;
    color: white;
    border-color: #dc3545;
    border-left-color: #dc3545;
    border-right-color: #dc3545;
    z-index: 2;
}

.invoice-status-button.active:hover[b-vv52ca7jvw] {
    background: #c82333;
    border-color: #c82333;
    border-left-color: #c82333;
    border-right-color: #c82333;
}

.invoice-status-button:not(:first-of-type)[b-vv52ca7jvw] {
    border-left: 1px solid #ddd;
}

.invoice-status-button.active + .invoice-status-button[b-vv52ca7jvw] {
    border-left: 1px solid #ddd;
}

.invoice-status-button:not(.active) + .invoice-status-button.active[b-vv52ca7jvw] {
    border-left: 1px solid #dc3545;
}

.invoice-status-button.active + .invoice-status-button:not(.active)[b-vv52ca7jvw] {
    border-left: 1px solid #ddd;
}

/* Booking Type Icon Styles */
.booking-type-icon-container[b-vv52ca7jvw] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.booking-type-icon-container i[b-vv52ca7jvw] {
    font-size: 12px;
    color: white;
}

.booking-type-icon-flight[b-vv52ca7jvw] {
    background-color: #ef233c;
}

.booking-type-icon-hotel[b-vv52ca7jvw] {
    background-color: #ffcc00;
}

.booking-type-icon-tour[b-vv52ca7jvw] {
    background-color: #348cff;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/InvoiceOverdue.cshtml.rz.scp.css */
.overdue-filter[b-v8r60bfzu3] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 0;
}

.invoice-status-label[b-v8r60bfzu3] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
}

.overdue-filter-button[b-v8r60bfzu3] {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: white;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    border-radius: 0;
    margin-left: -1px;
    position: relative;
    outline: none;
}

.overdue-filter-button:first-of-type[b-v8r60bfzu3] {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    border-left: 1px solid #ddd;
}

.overdue-filter-button:last-of-type[b-v8r60bfzu3] {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #ddd;
}

.overdue-filter-button:hover[b-v8r60bfzu3] {
    background: #f5f5f5;
    z-index: 1;
}

.overdue-filter-button.active[b-v8r60bfzu3] {
    background: #dc3545;
    color: white;
    border-color: #dc3545;
    z-index: 2;
}

.overdue-filter-button.active:hover[b-v8r60bfzu3] {
    background: #c82333;
    border-color: #c82333;
}

.overdue-filter-button:not(:first-of-type)[b-v8r60bfzu3] {
    border-left: 1px solid #ddd;
}

.overdue-filter-button.active:not(:first-of-type)[b-v8r60bfzu3] {
    border-left: 1px solid #dc3545;
}

.overdue-filter-button.active + .overdue-filter-button[b-v8r60bfzu3] {
    border-left: 1px solid #ddd;
}

.overdue-filter-button:not(.active) + .overdue-filter-button.active[b-v8r60bfzu3] {
    border-left: 1px solid #dc3545;
}

.overdue-filter-button.active + .overdue-filter-button:not(.active)[b-v8r60bfzu3] {
    border-left: 1px solid #ddd;
}

/* Custom Badge Styles for Overdue Days */
.overdue-badge[b-v8r60bfzu3] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.overdue-badge-green[b-v8r60bfzu3] {
    background-color: #28a745;
    color: white;
}

.overdue-badge-orange[b-v8r60bfzu3] {
    background-color: #fd7e14;
    color: white;
}

.overdue-badge-red[b-v8r60bfzu3] {
    background-color: #dc3545;
    color: white;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/InvoiceTracking.cshtml.rz.scp.css */
/* Invoice Tracking Search Styles */
.invoice-tracking-search[b-4g1m2yo9ho] {
    position: relative;
    width: 300px;
}

.invoice-tracking-search .dx-icon-search[b-4g1m2yo9ho] {
    position: absolute;
    left: 12px;
    top: 50%;
    font-size: 19px;
    transform: translateY(-50%);
    color: #999;
    z-index: 1;
    pointer-events: none;
}

.invoice-search-input[b-4g1m2yo9ho] {
    width: 100%;
    padding: 8px 6px 7px 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.invoice-search-input:focus[b-4g1m2yo9ho] {
    border-color: #ef233c;
}

/* Invoice Tracking Filter Card Styles */
.invoice-tracking-filter-card[b-4g1m2yo9ho] {
    width: 50%;
}

.invoice-tracking-title[b-4g1m2yo9ho] {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.invoice-tracking-filter-border[b-4g1m2yo9ho] {
    border-bottom: 1px dashed #ddd;
    margin: 0px -20px 20px -20px;
}

.invoice-tracking-filter-form[b-4g1m2yo9ho] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.invoice-filter-row[b-4g1m2yo9ho] {
    display: flex;
    gap: 20px;
}

.invoice-filter-item[b-4g1m2yo9ho] {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.invoice-filter-label[b-4g1m2yo9ho] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.invoice-filter-actions[b-4g1m2yo9ho] {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.invoice-filter-actions .dx-button[b-4g1m2yo9ho] {
    min-width: 100px;
}

/* Booking Type Icon Styles */
.booking-type-icon-container[b-4g1m2yo9ho] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dc3545;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.booking-type-icon-container i[b-4g1m2yo9ho] {
    font-size: 12px;
    color: white;
}

.booking-type-icon-flight[b-4g1m2yo9ho] {
    background-color: #ef233c;
}

.booking-type-icon-hotel[b-4g1m2yo9ho] {
    background-color: #ffcc00;
}

.booking-type-icon-tour[b-4g1m2yo9ho] {
    background-color: #348cff;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Invoice/NewInvoice.cshtml.rz.scp.css */
.invoice-split-layout[b-904lrjh259] {
    display: flex;
    width: 100%;
    background: white;
}

.invoice-split-left[b-904lrjh259] {
    flex: 0 0 50%;
    width: 50%;
    border-right: 1px solid #ddd;
}

.invoice-split-right[b-904lrjh259] {
    flex: 0 0 50%;
    width: 50%;
}

.invoice-split-header[b-904lrjh259]{
    border-bottom: 1px dashed #f0f0f0;
    border-top: 1px dashed #f0f0f0;
    padding:20px;
    justify-content: space-between;
}

/* Booking Tabs */
.booking-tabs[b-904lrjh259] {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}

.booking-tab[b-904lrjh259] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    position: relative;
}

.booking-tab h2[b-904lrjh259] {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    margin: 0;
}

.booking-tab.active h2[b-904lrjh259] {
    font-weight: bold;
}

.booking-tab.active[b-904lrjh259]::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #dc3545;
}

.booking-tab .dx-icon[b-904lrjh259] {
    color: white;
    font-size: 14px;
    background-color: #dc3545;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Booking Flight Icon */
.booking-flight-icon[b-904lrjh259] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #dc3545;
    border-radius: 50%;
    margin-right: 8px;
}

.booking-flight-icon .dx-icon[b-904lrjh259] {
    color: white;
    font-size: 11px;
    line-height: 0;
}

.booking-flight-icon h4[b-904lrjh259]{
    font-size: 15px;
}

/* VIEW PARAMETER */
.view-parameter-row[b-904lrjh259]{
    padding: 10px 20px;
}
.view-parameter-item[b-904lrjh259] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

.view-parameter-item label[b-904lrjh259] {
    display: block;
    font-size: 16px;
    color: #6c757d;
    font-weight: 500;
    width: 180px;
    min-width: 180px;
    text-align: left;
    margin-right: 15px;
}

.view-parameter-item .dx-textbox[b-904lrjh259],
.view-parameter-item .dx-selectbox[b-904lrjh259],
.view-parameter-item .dx-numberbox[b-904lrjh259] {
    flex: 1;
}

.view-parameter-section-title[b-904lrjh259] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    margin-top: 30px;
}
.view-parameter-section-title-line[b-904lrjh259]{
    border-bottom: 1px dashed #ddd;
    margin: 0px -25px;
}
.view-parameter-section-title:first-child[b-904lrjh259] {
    margin-top: 0;
}

.view-parameter-divider[b-904lrjh259] {
    border-top: 1px solid #ddd;
    margin: 20px -25px 20px -25px;
}

.total-sell-display[b-904lrjh259] {
    font-size: 16px;
    font-weight: 700;
    color: #dc3545;
    padding: 5px 10px;
    flex: 1;
}


/* Passanger Info */

.passager-detail-card-wrapper[b-904lrjh259] {
    border: 1px solid #e5e7eb;
    border-top: none;
    background-color: #ffffff;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    cursor: pointer;
}

.passager-detail-card[b-904lrjh259] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 16px 24px;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    transition: all 0.2s ease;
    position: relative;
}

.passager-detail-card:hover[b-904lrjh259],
.passager-detail-card.expanded[b-904lrjh259] {
    background-color: #fafafa;
    border-left: 3px solid #dc2626;
}

.passager-detail-left[b-904lrjh259] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.passager-detail-name[b-904lrjh259] {
    font-weight: 600;
    font-size: 16px;
    color: #1f2937;
    margin-bottom: 4px;
}

.passager-detail-info[b-904lrjh259] {
    font-size: 13px;
    color: #6b7280;
}

.passager-detail-highlight[b-904lrjh259] {
    font-weight: 500;
    color: #374151;
}

.passager-detail-right[b-904lrjh259] {
    text-align: right;
    font-size: 13px;
    color: #6b7280;
}

.passager-detail-right div[b-904lrjh259] {
    margin-bottom: 3px;
}

.passager-detail-label[b-904lrjh259] {
    font-weight: 500;
    font-size: 12px;
    color: #6b7280;
}

.passager-detail-strong[b-904lrjh259] {
    font-size: 12px;
    font-weight: 600;
    background: #f9fafb;
    padding: 2px 6px;
    color: #1f2937;
}

.passager-detail-strong.null[b-904lrjh259] {
    color: #64748b;
    font-size: 12px;
}

.passager-detail-panel[b-904lrjh259] {
    display: none;
    padding: 24px;
    background-color: #f9fafb;
    border-bottom: 1px solid #f3f4f6;
}

.passager-detail-panel.show[b-904lrjh259] {
    display: block;
    animation: slideDown-b-904lrjh259 0.3s ease;
    cursor: default;
}

.passager-detail-panel.closing[b-904lrjh259] {
    padding: 0px 24px;
    animation: slideUp-b-904lrjh259 0.3s ease forwards;
}

@keyframes slideDown-b-904lrjh259 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

@keyframes slideUp-b-904lrjh259 {
    from {
        max-height: 500px;
        opacity: 1;
    }
    to {
        max-height: 0;
        opacity: 0;
    }
}

.passager-detail-grid[b-904lrjh259] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.passager-detail-section[b-904lrjh259] {
    background: white;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.passager-detail-section h3[b-904lrjh259] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
    color: #dc2626;
    text-transform: uppercase;
}

.passager-detail-item[b-904lrjh259] {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #f3f4f6;
}

.passager-detail-item:last-child[b-904lrjh259] {
    border-bottom: none;
}

.passager-detail-item-label[b-904lrjh259] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 500;
}

.passager-detail-item-value[b-904lrjh259] {
    font-size: 13px;
    color: #1f2937;
    font-weight: 500;
}

.passager-detail-item-value.null[b-904lrjh259] {
    color: #9ca3af;
    font-size: 12px;
}

.passager-detail-item-value.boolean[b-904lrjh259] {
    color: #dc2626;
    font-weight: 600;
}

/* Documents List */
.documents-list[b-904lrjh259] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 20px;
}

.documents-item[b-904lrjh259] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.documents-item .dx-icon[b-904lrjh259] {
    color: #999;
    font-size: 16px;
}

.documents-link[b-904lrjh259] {
    color: #dc3545;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
}

.documents-link:hover[b-904lrjh259] {
    color: #c82333;
    text-decoration: underline;
}

/* Invoice Documents Grid - File No. / File Name red link */
.invoice-document-link[b-904lrjh259] {
    color: #dc3545;
    text-decoration: none;
    font-weight: 500;
}

.invoice-document-link:hover[b-904lrjh259] {
    color: #c82333;
    text-decoration: underline;
}

.invoice-documents-grid-title[b-904lrjh259] {
    font-weight: bold;
}

/* Update Document popup - Document Info (layout seperti Index) */
.invoice-document-info[b-904lrjh259] {
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 16px;
}

.invoice-document-info-title[b-904lrjh259] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px 0;
}

.invoice-document-separator[b-904lrjh259] {
    height: 2px;
    margin-bottom: 16px;
}

.invoice-document-field[b-904lrjh259] {
    margin-bottom: 16px;
}

.invoice-document-field:last-child[b-904lrjh259] {
    margin-bottom: 0;
}

.invoice-document-label[b-904lrjh259] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

.invoice-document-select-wrapper[b-904lrjh259] {
    width: 100%;
}

/* Update Document popup - file upload areas (same as Index) */
.new-invoice-file-uploads[b-904lrjh259] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    touch-action: pan-y;
}

.new-invoice-file-uploads .invoice-upload-area[b-904lrjh259] {
    margin-bottom: 12px;
    width: 100%;
}

.new-invoice-file-uploads .invoice-upload-dropzone[b-904lrjh259] {
    padding: 20px 16px;
    border-radius: 6px;
    border: 2px dashed #ddd;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.new-invoice-file-uploads .invoice-upload-dropzone:hover[b-904lrjh259] {
    border-color: #ef233c;
    background-color: #fff5f5;
}

.new-invoice-file-uploads .invoice-upload-dropzone.file-selected .invoice-upload-main-row[b-904lrjh259] {
    display: none;
}

.new-invoice-file-uploads .invoice-upload-content[b-904lrjh259] {
    gap: 8px;
    align-items: center;
    text-align: center;
}

.new-invoice-file-uploads .invoice-upload-main-row[b-904lrjh259] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.new-invoice-file-uploads .invoice-upload-main-row .invoice-upload-icon i[b-904lrjh259] {
    font-size: 16px;
    color: #ef233c;
}

.new-invoice-file-uploads .invoice-upload-or-dragdrop[b-904lrjh259] {
    font-weight: 700;
}

.new-invoice-file-uploads .invoice-upload-filetype[b-904lrjh259] {
    color: #ef233c;
    font-weight: 700;
}

.new-invoice-file-uploads .invoice-upload-size[b-904lrjh259] {
    font-size: 11px;
    color: #999;
}

/* Filename row: icon + name di kiri, tombol hapus (silang) di kanan - seperti Index / gambar */
.invoice-upload-filename[b-904lrjh259] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    gap: 10px;
    min-height: auto;
    box-sizing: border-box;
}

.invoice-upload-filename-content[b-904lrjh259] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.invoice-upload-filename-content i[b-904lrjh259] {
    color: #dc3545;
    font-size: 14px;
    flex-shrink: 0;
}

.invoice-upload-filename span[b-904lrjh259] {
    word-break: break-all;
    text-align: left;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.invoice-upload-remove[b-904lrjh259] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #dc3545;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.invoice-upload-remove:hover[b-904lrjh259] {
    color: #fff;
    background-color: #dc3545;
}

.btn-invoice.mr-2[b-904lrjh259] {
    margin-right: 8px;
}

/* Passenger Form */

.passenger-form-item[b-904lrjh259] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    width: 100%;
}

.passenger-form-item label[b-904lrjh259] {
    display: block;
    font-size: 15px;
    color: #6c757d;
    font-weight: 500;
    width: 180px;
    min-width: 180px;
    text-align: left;
    margin-right: 15px;
}

.passenger-form-item .dx-textbox[b-904lrjh259],
.passenger-form-item .dx-selectbox[b-904lrjh259],
.passenger-form-item .dx-numberbox[b-904lrjh259],
.passenger-form-item .dx-datebox[b-904lrjh259] {
    flex: 1;
}

.passenger-form-section-title[b-904lrjh259] {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    margin-top: 30px;
}

.passenger-form-section-title-line[b-904lrjh259] {
    border-bottom: 1px dashed #ddd;
}

.passenger-form-section-title:first-child[b-904lrjh259] {
    margin-top: 0;
}

/* Route Form */
.route-form-item[b-904lrjh259] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
    width: 100%;
}

.route-form-item label[b-904lrjh259] {
    display: block;
    font-size: 15px;
    color: #6c757d;
    font-weight: 500;
    width: 180px;
    min-width: 180px;
    text-align: left;
    margin-right: 15px;
}

.route-form-item .dx-textbox[b-904lrjh259],
.route-form-item .dx-selectbox[b-904lrjh259],
.route-form-item .dx-numberbox[b-904lrjh259],
.route-form-item .dx-datebox[b-904lrjh259] {
    flex: 1;
}

.route-form-section-title[b-904lrjh259] {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    margin-top: 30px;
}

.route-form-section-title-line[b-904lrjh259] {
    border-bottom: 1px dashed #ddd;
}

.route-form-section-title:first-child[b-904lrjh259] {
    margin-top: 0;
}
/* _content/WahanaTravel.WebAdmin/Pages/InvoiceManagement/Payments/PaymentReceipt.cshtml.rz.scp.css */
/* Payment Tab Container */
.payment-tab-container[b-av0sdnp32n] {
    display: inline-flex;
    gap: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

/* Payment Tab Base */
.payment-tab[b-av0sdnp32n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 20px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
    border: none;
    flex: 1 1 0;
}

/* Payment Tab - Active (red) */
.payment-tab.active[b-av0sdnp32n] {
    background-color: #dc3545;
    color: #ffffff;
}

/* Payment Tab - Inactive */
.payment-tab:not(.active)[b-av0sdnp32n] {
    background-color: white;
    color: #333;
}

/* Specific borders so tabs tetap menyatu */
.payment-tab-unsettled[b-av0sdnp32n] {
    border-right: 1px solid #ddd;
}

.payment-tab-settled[b-av0sdnp32n] {
    border-left: 1px solid #ddd;
}

/* Payment Badge */
.payment-badge[b-av0sdnp32n] {
    background-color: #c82333;
    color: white;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid white;
    padding: 0 4px;
    box-sizing: border-box;
}

/* Payment Badge - Always show for both tabs */
.payment-tab .payment-badge[b-av0sdnp32n] {
    display: inline-flex;
}

/* Payment Badge - Show when tab is active */
.payment-tab.active .payment-badge[b-av0sdnp32n] {
    display: inline-flex;
}

/* Payment No. - Red Text */
.payment-no-red[b-av0sdnp32n] {
    color: red;
}

/* BCA Logo */
.bca-logo[b-av0sdnp32n] {
    width: auto;
    height: 26px;
    margin-right: 6px;
}

/* Amount Text */
.amount-text[b-av0sdnp32n] {
    font-size: 15px;
}

/* Amount Summary Section */
.amount-summary-section[b-av0sdnp32n] {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.amount-card[b-av0sdnp32n] {
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.received-amount[b-av0sdnp32n] {
    background-color: #4caf50;
    color: white;
    width: 100%;
}

.allocated-amount[b-av0sdnp32n] {
    background-color: #2196f3;
    color: white;
}

.unallocated-amount[b-av0sdnp32n] {
    background-color: #ff9800;
    color: white;
}

.amount-label[b-av0sdnp32n] {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    opacity: 0.9;
}

.amount-value[b-av0sdnp32n] {
    font-size: 24px;
    font-weight: bold;
}

.amount-cards-row[b-av0sdnp32n] {
    display: flex;
    gap: 15px;
}

.amount-cards-row .amount-card[b-av0sdnp32n] {
    flex: 1;
}

.allocated-amount-wrapper[b-av0sdnp32n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.manage-invoice-link[b-av0sdnp32n] {
    color: #dc3545;
    font-size: 14px;
    font-weight: 600;
    padding-left: 120px;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s;
    margin-top: -4px;
}

.manage-invoice-link:hover[b-av0sdnp32n] {
    color: #c82333;
    text-decoration: underline;
}

/* Info Section */
.info-section[b-av0sdnp32n] {
    margin-bottom: 16px;
    padding: 10px 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.03);
}

.info-header[b-av0sdnp32n] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.info-header h4[b-av0sdnp32n] {
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
}
.info-content-border[b-av0sdnp32n] {
    border: 1px dashed #f0f0f0;
    margin: 15px -20px 10px -20px;
}
.info-content[b-av0sdnp32n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.info-row[b-av0sdnp32n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.info-label[b-av0sdnp32n] {
    font-weight: 500;
    color: #6c757d;
    font-size: 14px;
}

.info-value[b-av0sdnp32n] {
    font-weight: 600;
    color: #212529;
    font-size: 14px;
}

/* Allocation Summary */
.allocation-summary-container[b-av0sdnp32n] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.allocation-summary-title[b-av0sdnp32n] {
    color: #dc3545;
    font-size: 18px;
    font-weight: bold;
}

.allocation-summary-border[b-av0sdnp32n] {
    border: 1px dashed #f0f0f0;
    margin: 15px -20px 20px -20px;
}

.allocation-summary-content[b-av0sdnp32n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.allocation-summary-column[b-av0sdnp32n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.allocation-summary-label[b-av0sdnp32n] {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

.allocation-summary-count[b-av0sdnp32n] {
    color: #dc3545;
    font-weight: bold;
}

.allocation-summary-value[b-av0sdnp32n] {
    color: #212529;
    font-size: 16px;
    font-weight: bold;
}

/* Invoice List Section */
.invoice-list-section[b-av0sdnp32n] {
    margin-top: 20px;
}

.invoice-status-full[b-av0sdnp32n] {
    background-color: #4caf50;
    color: white;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.invoice-status-partial[b-av0sdnp32n] {
    background-color: #ffc107;
    color: #212529;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.invoice-status-unpaid[b-av0sdnp32n] {
    background-color: #f44336;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

/* Add Invoice - Search Row */
.add-invoice-search-row[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    margin: 20px 0 12px;
}

.add-invoice-label[b-av0sdnp32n] {
    min-width: 90px;
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
}

.add-invoice-input-group[b-av0sdnp32n] {
    position: relative;
    flex: 1;
    margin-right: 15px;
}

.add-invoice-input-group .dx-icon-search[b-av0sdnp32n] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #b3b3b3;
    pointer-events: none;
}

.add-invoice-input[b-av0sdnp32n] {
    width: 100%;
    padding: 8px 10px 8px 34px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.add-invoice-input:focus[b-av0sdnp32n] {
    border-color: #ef233c;
}

.add-invoice-actions[b-av0sdnp32n] {
    display: flex;
    gap: 10px;
}

.add-invoice-actions .dx-button[b-av0sdnp32n] {
    min-width: 90px;
}

/* New Payment Layout */
.new-payment-section[b-av0sdnp32n] {
    margin-top: 15px;
    padding: 16px 20px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
}

.new-payment-header[b-av0sdnp32n] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.new-payment-header h4[b-av0sdnp32n] {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    color: #e53935;
}

.new-payment-header-border[b-av0sdnp32n] {
    border-bottom: 1px solid #dee2e6;
    margin: 16px -20px 16px -20px;
}

.new-payment-content[b-av0sdnp32n] {
    padding-top: 5px;
}

.new-payment-form-row[b-av0sdnp32n] {
    display: flex;
    gap: 0;
    margin-bottom: 8px;
}

.new-payment-form-row.full-width[b-av0sdnp32n] {
    flex-direction: row;
}

.new-payment-field[b-av0sdnp32n] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.new-payment-field.full-width[b-av0sdnp32n] {
    flex: 1 1 100%;
}

.new-payment-field label[b-av0sdnp32n] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    min-width: 120px;
    text-align: left;
}

.new-payment-field .dx-textbox[b-av0sdnp32n],
.new-payment-field .dx-selectbox[b-av0sdnp32n],
.new-payment-field .dx-numberbox[b-av0sdnp32n],
.new-payment-field .dx-datebox[b-av0sdnp32n],
.new-payment-field .dx-fileuploader[b-av0sdnp32n] {
    flex: 0 0 300px;
}

.new-payment-invoice-summary-row[b-av0sdnp32n] {
    display: flex;
    justify-content: flex-start;
    gap: 80px;
    padding: 15px 9px;
    border: 1px solid #e5e7eb;
    border-top: none;
}

.new-payment-invoice-total[b-av0sdnp32n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.summary-label-wrapper[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.new-payment-invoice-total .summary-label[b-av0sdnp32n] {
    font-size: 15px;
    color: #6c757d;
}

.summary-info-icon[b-av0sdnp32n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    flex-shrink: 0;
    line-height: 1;
}

.summary-info-icon.fas[b-av0sdnp32n] {
    font-size: 9px;
    color: #ffffff;
}

.new-payment-invoice-total .summary-value[b-av0sdnp32n] {
    font-size: 17px;
    font-weight: 700;
}

.passenger-form-item[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
    width: 100%;
}

.passenger-form-item label[b-av0sdnp32n] {
    display: block;
    font-size: 15px;
    color: #6c757d;
    font-weight: 500;
    width: 180px;
    min-width: 180px;
    text-align: left;
    margin-right: 15px;
}

.passenger-form-item .dx-textbox[b-av0sdnp32n],
.passenger-form-item .dx-selectbox[b-av0sdnp32n],
.passenger-form-item .dx-numberbox[b-av0sdnp32n],
.passenger-form-item .dx-datebox[b-av0sdnp32n] {
    flex: 1;
}

.invoice-remove-link[b-av0sdnp32n] {
    color: #e53935;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.invoice-remove-link:hover[b-av0sdnp32n] {
    text-decoration: underline;
}

/* New Payment - Invoice List Specific Styles */
.new-payment-invoice-section[b-av0sdnp32n] {
    margin-top: 16px;
}

.new-payment-invoice-grid-wrapper[b-av0sdnp32n] {
    margin-bottom: 8px;
}

.new-payment-invoice-no[b-av0sdnp32n] {
    color: #d32f2f;
    font-weight: 700;
}

.new-payment-amount[b-av0sdnp32n] {
    font-size: 15px;
    font-weight: 500;
    color: #6c757d;
}

.new-payment-allocated-cell[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.new-payment-number[b-av0sdnp32n] {
    width: 140px;
    background-color: #f5f5f5;
}

.new-payment-checkbox[b-av0sdnp32n] {
    margin-left: 4px;
}

.new-payment-status-full[b-av0sdnp32n] {
    background-color: #4caf50;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.new-payment-status-partial[b-av0sdnp32n] {
    background-color: #ffc107;
    color: #212529;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.new-payment-status-unpaid[b-av0sdnp32n] {
    background-color: #f44336;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.new-payment-remove-link[b-av0sdnp32n] {
    color: #e53935;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

/* Manage Invoice Edit - Allocated & Penalty Inputs */
.manage-invoice-allocated-cell[b-av0sdnp32n],
.manage-invoice-penalty-cell[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.manage-invoice-number[b-av0sdnp32n] {
    width: 140px;
}

.manage-invoice-checkbox[b-av0sdnp32n] {
    margin-left: 4px;
}

/* New Payment - Attachment File Uploader */
.new-payment-field .dx-fileuploader[b-av0sdnp32n] {
    width: 100%;
}

.new-payment-field .dx-fileuploader-input-wrapper[b-av0sdnp32n] {
    width: 100%;
}

.new-payment-field .dx-fileuploader-button[b-av0sdnp32n] {
    background-color: #e0e0e0;
    color: #333333;
    font-weight: 600;
}

/* Payment Submit Success Message */
.payment-submit-success[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.payment-success-icon[b-av0sdnp32n] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4caf50;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.payment-success-icon .dx-icon-check[b-av0sdnp32n] {
    color: #ffffff;
    font-size: 20px;
}

.payment-success-content[b-av0sdnp32n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.payment-success-message[b-av0sdnp32n] {
    color: #dc3545;
    font-size: 16px;
    font-weight: bold;
}

.payment-success-number[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #6c757d;
    font-size: 14px;
}

.payment-copy-icon[b-av0sdnp32n] {
    cursor: pointer;
    font-size: 16px;
    color: #6c757d;
    transition: color 0.2s;
}

.payment-copy-icon:hover[b-av0sdnp32n] {
    color: #dc3545;
}

/* Refund Payment Styles */
.refund-summary-row[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.refund-summary-label[b-av0sdnp32n] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #6c757d;
}

.refund-info-icon[b-av0sdnp32n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    flex-shrink: 0;
    line-height: 1;
}

.refund-info-icon.fas[b-av0sdnp32n] {
    font-size: 9px;
    color: #ffffff;
}

.refund-summary-value[b-av0sdnp32n] {
    font-size: 18px;
    font-weight: bold;
    color: #212529;
}

/* Disclaimer List */
.disclaimer-list[b-av0sdnp32n] {
    margin: 10px 0 0 0;
    padding-left: 20px;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.6;
}

.disclaimer-list li[b-av0sdnp32n] {
    margin-bottom: 3px;
}

/* Refund Invoice Section - No Padding */
.refund-invoice-section[b-av0sdnp32n] {
    padding: 0 !important;
    border: none;
}

.refund-invoice-header[b-av0sdnp32n] {
    padding: 16px 20px;
    border: 1px solid #e5e7eb;
    margin: -1px -1px 0 -1px;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.refund-invoice-section .new-payment-header-border[b-av0sdnp32n] {
    display: none;
}

.refund-invoice-section .invoice-list-section[b-av0sdnp32n] {
    margin-top: 0;
    padding: 0;
}

/* Remove border from refund invoice grid */
.refund-invoice-grid[b-av0sdnp32n] {
    border: none !important;
}

.refund-invoice-grid .dx-datagrid-headers[b-av0sdnp32n],
.refund-invoice-grid .dx-datagrid-rowsview[b-av0sdnp32n],
.refund-invoice-grid .dx-datagrid-border[b-av0sdnp32n],
.refund-invoice-grid .dx-datagrid[b-av0sdnp32n] {
    border: none !important;
}
/* _content/WahanaTravel.WebAdmin/Pages/Login.cshtml.rz.scp.css */
.dx-button:hover[b-vi2y9ohu3p] {
    color: white !important;
}

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

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

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

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

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

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

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

    #txtNewPassword .dx-texteditor-input[b-ffxuzzsump],
    #txtConfirmPassword .dx-texteditor-input[b-ffxuzzsump] {
        border: none !important;
        background: transparent;
        padding-left: 10px !important;
    }
/* _content/WahanaTravel.WebAdmin/Pages/Shared/_Layout.cshtml.rz.scp.css */
.dx-overlay-wrapper[b-iqg97n8q8x] {
    height: 100%;
}
/* _content/WahanaTravel.WebAdmin/Pages/Users/AdminUser.cshtml.rz.scp.css */
.badge-default-user[b-jgh1uqecqs] {
    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/WahanaTravel.WebAdmin/Pages/Users/CustomerB2B.cshtml.rz.scp.css */
.filter-container[b-jqljapg59w] {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

.cell-customer-logo[b-jqljapg59w] {
    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-jqljapg59w] {
    display: flex;
    flex-direction: column;
}

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

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

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

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

.customer-mapping-badge[b-jqljapg59w] {
    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-jqljapg59w]{
    border-bottom: 1px solid #e0e0e0;
    margin: 10px -20px;
}

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

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

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

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

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

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

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

.billing-bar-text[b-jqljapg59w] {
    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-jqljapg59w] {
    color: #d32f2f;
    font-size: 12px;
    font-weight: 700;
}

/* STATUS MOU */
.status-badge[b-jqljapg59w] {
    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-jqljapg59w] {
    background: #c8f7ce;
    color: #1b7f3b;
}

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

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

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

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

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

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

.customer-profile-content-header[b-jqljapg59w] {
    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-jqljapg59w] {
    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-jqljapg59w] {
    color: #555;
    font-size: 12px;
}

.customer-detail-profile[b-jqljapg59w] {
    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-jqljapg59w] {
    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-jqljapg59w] {
    width: 22px;
    height: 22px;
}

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

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

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

.customer-profile-content-detail-profile[b-jqljapg59w] {
    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-jqljapg59w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

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

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

.customer-data-row-detail-profile[b-jqljapg59w] {
    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-jqljapg59w] {
    color: #6b7280;
    font-weight: 500;
}

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

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

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

.customer-account-card-input[b-jqljapg59w] {
    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-jqljapg59w] {
    width: 100%;
    margin: 5px 0px;
    font-size: 20px;
    margin: 5px 0px;
    display: block;
    font-weight: bold;
}

.customer-logging-device-row[b-jqljapg59w] {
    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-jqljapg59w] {
    font-weight: 500;
    color: #374151;
}

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

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

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

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

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

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

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

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

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

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

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

.file-display-box[b-jqljapg59w] {
    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-jqljapg59w] {
    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-jqljapg59w] {
    padding: 10px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.invoice-credit-score-card[b-jqljapg59w] {
    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-jqljapg59w] {
    font-size: 28px;
    font-weight: 800;
    margin-top: 2px;
    letter-spacing: -0.5px;
}

/* Status Bar */
.invoice-status-bar[b-jqljapg59w] {
    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-jqljapg59w] {
    background-color: #3cdb7f;
}

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

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

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

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

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

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

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

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

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

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

table.invoice-data-rows thead tr[b-jqljapg59w],
.invoice-data-rows table thead tr[b-jqljapg59w] {
    display: table-row !important;
    border-bottom: 2px solid #d1d5db;
}
.border-r[b-jqljapg59w] {
    border-right: 2px solid #b1b5bf;
    display: inline-block;
}
table.invoice-data-rows thead th[b-jqljapg59w],
.invoice-data-rows table thead th[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-data-rows table thead th:last-child[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-data-rows table tbody tr[b-jqljapg59w] {
    display: table-row !important;
    transition: background-color 0.2s;
    background-color: #fff !important;
}

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

table.invoice-data-rows tbody td[b-jqljapg59w],
.invoice-data-rows table tbody td[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-data-rows table tbody td:last-child[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-data-rows table tbody td i[b-jqljapg59w] {
    margin-right: 8px;
    color: #6b7280;
    font-size: 14px;
}

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

table.invoice-data-rows tfoot td[b-jqljapg59w],
.invoice-data-rows table tfoot td[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-data-rows table tfoot td:last-child[b-jqljapg59w] {
    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-jqljapg59w] {
    padding: 5px 0;
}

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

.invoice-refund-value[b-jqljapg59w] {
    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-jqljapg59w] {
    min-width: auto;
    padding: 4px 8px;
}

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

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

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

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

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

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

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

/* Status icons styling */
.invoice-status-item i.fas[b-jqljapg59w] {
    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-jqljapg59w],
.invoice-section-group .invoice-data-rows table[b-jqljapg59w] {
    background-color: #fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rules-header[b-jqljapg59w] {
    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-jqljapg59w] {
    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-jqljapg59w] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

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

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

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

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

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

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

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

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

.rules-toggle-icon .fa[b-jqljapg59w] {
    -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-jqljapg59w] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

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

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

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


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

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

.document-category-header[b-jqljapg59w] {
    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-jqljapg59w] {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

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

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

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

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

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

.stat-card[b-wofr1rwpd2] {
    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-wofr1rwpd2] {
    font-size: 14px;
    color: #8c8c8c;
    font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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