.ca-travel-table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.ca-travel-table-scroll > .bootstrap-table,
.ca-travel-table-scroll .fixed-table-container,
.ca-travel-table-scroll .fixed-table-body {
    min-width: 1450px;
}

.ca-travel-table-scroll .fixed-table-body {
    overflow-x: auto;
}

.ca-travel-table-scroll table {
    min-width: 1450px;
}

.ca-travel-table-scroll th,
.ca-travel-table-scroll td {
    white-space: nowrap;
}

.ca-travel-table-scroll th[data-field="reference_no"],
.ca-travel-table-scroll td[data-field="reference_no"] {
    min-width: 220px;
}

.ca-travel-table-scroll th[data-field="document_title"],
.ca-travel-table-scroll td[data-field="document_title"] {
    min-width: 500px;
    white-space: normal;
    line-height: 1.45;
}

.ca-travel-table-scroll th[data-field="status"],
.ca-travel-table-scroll th[data-field="status"] .th-inner,
.ca-travel-table-scroll td[data-field="status"] {
    min-width: 255px;
}

.ca-travel-table-scroll td[data-field="status"],
.ca-travel-table-scroll td.text-center {
    text-align: center !important;
}

.ca-travel-table-scroll .ca-travel-status-content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.25rem;
}

.ca-travel-table-scroll td[data-field="total_amount"] {
    text-align: left !important;
}

.ca-travel-table-scroll tr.ca-travel-overdue-row > td {
    background-color: #fff5f5 !important;
    border-top-color: #f8c4c4 !important;
    border-bottom-color: #f8c4c4 !important;
}

.ca-travel-table-scroll tr.ca-travel-overdue-row > td:first-child {
    border-left: 4px solid #dc3545 !important;
}