.collapse{
    visibility: visible;
}

.slick-prev.slick-disabled {
    opacity: 0.8;
    pointer-events: none;
    cursor: default;
}

.slick-prev.slick-disabled svg circle {
    stroke: #999;
}

.slick-prev.slick-disabled svg path {
    fill: #999;
}

.flight-day-disabled {
    pointer-events: none; /* makes it unclickable */
    opacity: 0.5; /* faded look */
    cursor: not-allowed;
    filter: grayscale(100%);
}

.flight-day-disabled .text-color-1 {
    color: #aaa !important;
}

.booking-trip-value {
    height: 69px !important;
    font-size: 20px !important;
}

.readonly-disabled-look {
  background-color: #e9ecef;
  pointer-events: none; /* Prevent clicks */
  opacity: 1;
}

/* Dashboard Styles */
.card-stats .card-body {
    padding: 1.5rem;
}
.text-value {
    line-height: 1;
}
.col-sm-6.col-md-3.mb-3 > .col-sm-6.col-md-4 {
    width: 100% !important;
    background: #fff;
}

/* DataTable Custom Styles */
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    margin-left: 10px;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 10px;
}

.status-filter-container {
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 4px;
}

.status-filter-container label {
    font-weight: 600;
    margin-right: 10px;
}

.status-filter-container select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 15px;
    min-width: 200px;
}

.filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.filter-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-group input[type="date"] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
}

.btn-reset-filters {
    margin-left: auto;
}

.travel-details-inner {
  width: auto;
}

.travel-details-inner-itinerary {
  width: max-content;
}

.passengers-selection-list li {
    border-color: transparent !important;
}

.passengers-selection-list li.active, .passengers-selection-list li:hover {
    border-color: var(--blue-3) !important;
}

a.btn.btn-sm.btn-outline-success.download-boarding-pass, a.btn.btn-sm.btn-outline-primary.download-ticket {
    padding: 1px 5px;
}
.banner-heading p {
  color: #393939;
  font-weight: 500;
}
.home-banner {
  background-position: right center;
}
.verification-input-field input {
    font-size: 20px;
    font-weight: 700;
}
.booking-place-picker .booking-trip-value,
.booking-date-picker .booking-trip-value {
  padding-right: 40px !important;
}
.input-clear-icon {
  width: 10px;
  height: 11px;
  top: 29px;
  right: 24px;
  cursor: pointer;
  display: none;
}
select.custom-select.custom-select-sm.form-control.form-control-sm {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
    text-align: center;
}
.pss-body #irembopay-cardPayBtn,
.pss-body #irembopay-transferProceedBtn,
.pss-body #irembopay-payBtn {
    justify-content: center !important;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    cursor: not-allowed !important;
    opacity: 0.4;
}
.web-check-in-form .booking-trip-value+label,
form.manage-booking .booking-trip-value+label {
    left: 16px;
}
.inline-label input:focus + label,
.inline-label input:not(:placeholder-shown) + label {
  display: none;
}
.change-color{
    background-color: #6F9CEB;
    color: #021052;
}
.btn-gray{
    background-color: gray;
}

.currency-dd-btn:disabled > svg {
    visibility: hidden;
}
.inline-label input:focus + label {
    display: none !important;
}

.flights-selection-carousel .carousel-cell h6 > span {
    display: block;
}
.booking-widget-tab-content .booking-trip-value:focus {
    border-color: var(--theme-color-1) !important;
}

.inline-label select#countryCode {
    width: 100px;
    max-width: 100px !important;
    background-position: right 8px center;
    --bs-form-select-bg-icon: none !important;
}
.inline-label select#countryCode+input[type="tel"] {
    width: calc(100% - 100px);
}
.inline-label .form-select:focus + label {
    display: none !important;
}
