.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info{
    color: white;
    background-color: #ab852e;
}
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}
/*.sidebar {*/
/*    background-color:*/
/*}*/
.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}
.table.dataTable tbody tr td,
.table.dataTable thead tr th {
    text-align: center;
}
/* Add this to highlight the row */
.expired-contract-row {
    background-color: #ffdddd !important; /* You can customize the background color */
}

/* Add this to highlight only the name cell */
.expired-contract {

}

.expired-text {
    color: red; /* Customize the text color as needed */
    font-size: 80%; /* Adjust the font size */
    font-style: italic; /* Add italic style for an alert-like appearance */
    font-weight: bold;
}
/* Add this to your custom.css file */

/* Add this to your custom.css file */

.card-body {
    padding: 20px; /* Adjust the padding as needed */
}

.small-box-container {
    max-height: 300px; /* Set the maximum height as needed */
    overflow-y: auto;
    border: 1px solid #ddd; /* Add borders */
    border-radius: 5px; /* Add border-radius for rounded corners */
    margin-bottom: 20px; /* Add margin at the bottom */
}

/* Center the table inside the small box */
.small-box-container table {
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
}

.small-box-container th {
    font-weight: bold;
    background-color: #f86c6b;
    color: #fff;
    text-align: center;
}

.small-box-container td {
    text-align: center;
}

.small-box-container tbody tr:hover {
    background-color: #f5f5f5;
}

.SelectedFuelPrices th {
    font-weight: bold;
    background-color: #ab852e;
    color: #fff;
    text-align: center;
}
.SelectedFuelPrices td {
    text-align: center;
}
.SelectedFuelPrices tbody tr:hover {
    background-color: #f5f5f5;
}
.SelectedHandlingServices th {
    font-weight: bold;
    background-color: #ab852e;
    color: #fff;
    text-align: center;

}
.SelectedHandlingServices td {
    text-align: center;
}
.SelectedHandlingServices  tbody tr:hover {
    background-color: #f5f5f5;
}
.mixjetCharges th {
    font-weight: bold;
    background-color: #ab852e;
    color: #fff;
    text-align: center;

}
.mixjetCharges td {
    text-align: center;
}
.mixjetCharges  tbody tr:hover {
    background-color: #f5f5f5;
}
.client-details th {
    font-weight: bold;
    background-color: #ab852e;
    color: #fff;
    text-align: center;

}
.client-details td {
    text-align: center;
}
.client-details tbody tr:hover {
    background-color: #f5f5f5;
}

.btn-primary {
    background-color: #ab852e;
    color: #fff;
}
.btn-success{
    background-color: #ab852e;
}
.statusForm_{
    background-color: #d4edda; /* Green background color */
    color: #155724; /* Dark green text color */
    font-weight: bold; /* Bold text */
    padding: 0.375rem 0.75rem; /* Padding */
    border: 1px solid #c3e6cb; /* Border */
    border-radius: 0.25rem; /* Border radius */
}

.fuelprice-status-select {
    background-color: #E4E7EA;
    color: black;
    font-weight: bold;
    text-align: center; /* Center the text */
}

.status-circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
}

.active {
    background-color: green;
}

.inactive {
    background-color: red;
}

.on-hold {
    background-color: orange;
}

.small-input {
    max-width: 5cm;
}
.custom-table {
    width: 100%;
    border-collapse: collapse;
}

.custom-table th,
.custom-table td {
    padding: 10px;
    border: 1px solid #ddd;
}

.custom-table th {
    background-color: #f0f0f0; /* Light gray background for header */
    color: #333; /* Dark gray text color for header */
}

.custom-table td {
    background-color: #fff; /* White background for cells */
    color: #666; /* Medium gray text color for cells */
}

.custom-table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Light gray background for even rows */
}
.big-input {
    font-size: 18px; /* Adjust the font size as needed */
    font-weight: bold;
}

/* Adjust layout for the "Add to Price" and "Quote Currency" boxes */
.row {
    margin-bottom: 20px; /* Add space between rows */
}

.col-sm-6 {
    padding-right: 15px; /* Add space between columns */
}

.input-group-text {
    padding: 0.375rem 0.75rem; /* Adjust the padding for consistency */
}
.nowrap {
    white-space: nowrap;
}
.flash-note {
    color: #ab852e
}
.dynamic-width {
    min-width: 100px; /* Adjust as needed */
    width: auto;
}
.status-flight {
    color: #6f42c1 ;
}
.table.dataTable tbody td {
    padding: 8px 10px ;
    font-size: 13px;
    white-space: nowrap;        /* prevent text wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

.table.dataTable tbody tr {
    height: 45px ;   /* force compact rows */
}

/* Optional: make header compact too */
.table.dataTable thead th {
    padding: 8px 10px ;
    font-size: 13px;
}