/* Flatpickr container */
.charter-tab .flatpickr-calendar {
width: 720px !important;
padding: 16px;
border-radius: 10px;
}
/* Two-month calendar spacing */
.flatpickr-months {
margin-bottom: 10px;
}
/* Time section layout */
.flatpickr-time {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-top: 1px solid #eee;
margin-top: 12px;
padding-top: 12px;
}
/* Hour / minute boxes */
.flatpickr-time input {
height: 42px;
font-size: 14px;
text-align: center;
}
/* Confirm button */
.flatpickr-confirm {
width: 100%;
text-align: right;
padding-top: 14px;
}
.flatpickr-confirm button {
background: #fff;
border: 1px solid #3f51b5;
color: #3f51b5;
padding: 8px 22px;
border-radius: 6px;
cursor: pointer;
}
.flatpickr-confirm button:hover {
background: #3f51b5;
color: #fff;
}
.filter-selected-list {
font-weight: 500;
}
.charter-one-way-booking-date-picker .row .col-sm-6.pe-sm-0 {
width: 100%;
padding-right: 12px !important;
}
.charter-one-way-booking-date-picker .booking-trip-value {
border-radius: 8px !important;
border-right: 1px solid var(--gray-2) !important;
padding-right: 50px !important;
}
/*.charter-one-way-booking-date-picker .row .col-sm-6.ps-sm-0 {
display: none !important;
}*/
.charter-one-way-booking-date-picker .trip-date-toggle {
background: url('data:image/svg+xml,') no-repeat;
width: 24px;
height: 24px;
top: 24px !important;
right: 16px;
left: auto !important;
transform: translate(0) !important;
pointer-events: none;
}
.charter-one-way-booking-date-picker .trip-date-toggle.trip-passenger-toggle {
background-image: url('data:image/svg+xml,');
transition: all 0.15s ease-in-out;
}
.charter-one-way-booking-date-picker .show ~ .trip-date-toggle.trip-passenger-toggle {
transform: rotateX(180deg) !important;
}
.booking-place-picker .booking-trip-value,
.charter-booking-date-picker .booking-trip-value {
padding-right: 40px !important;
}
.charter-one-way-booking-date-picker .booking-trip-value.rounded-end-0 {
border-radius: 8px !important;
}
.flatpickr-time {
padding-top: 0;
}
.numInputWrapper span {
height: 19px;
}
.numInputWrapper span.arrowUp {
border-bottom: 1px solid rgba(57,57,57,0.15);
}
.flatpickr-confirm button {
border: 1px solid var(--theme-color-1);
color: var(--theme-color-1);
}
.flatpickr-confirm button:hover {
background: var(--theme-color-1);
}
.charter-flights-booking-form:has(input#singleSegment:checked) #charterSegmentsWrapper .d-flex > .pe-2.w-100 {
padding-right: 0 !important;
}
.charter-flights-booking-form:has(input#singleSegment:checked) #charterSegmentsWrapper .d-flex > .pe-2.w-100 + div:has(.remove-tooltip-group),
div.pt-4.d-flex:has(>#addSegmentBtn.d-none) {
display: none !important;
}
.counter {
width: 115px;
}
/* Charter Feedback */
.charter-flight-banner {
padding: 120px 0;
background: url('../assets/images/charter-flight-banner-v2.webp') no-repeat center/cover;
}
.select-list .dropdown-toggle:disabled:after {
opacity: 0.4;
}
.charter-flight-hero {
margin-top: -85px;
}
.w-calc-56 {
width: calc(100% - 56px);
}
.w-calc-24 {
width: calc(100% - 24px);
}
.fare-card:has(input:checked) .fare-content {
border-color: var(--theme-color-1) !important;
}
@media (max-width: 991px) {
.charter-flight-banner {
background-position: right center;
}
}
@media (min-width: 992px) {
.charter-flight-details {
width: calc(100% - 45%);
}
}
/* multiple charter styles */
.flights-accordion-list .flights-accordion-details {
border: 2px solid transparent !important;
}
.flights-accordion-list:has(input:checked) .flights-accordion-details {
border: 2px solid var(--theme-color-1) !important;
}
.multiple-charter-sticky {
bottom: 64px;
z-index: 5;
}
.multiple-charter-sticky-bar {
box-shadow: 0px 3px 3px 0px #0000000D, 0px 3px 10px 0px #0000001A;
}
.btn-theme-1.disabled,
.btn-theme-1:disabled {
background: var(--gray-5);
pointer-events: none;
}
.my-bookings-tab-nav .nav-link {
border: 1px solid var(--theme-color-1-12);
}
.my-bookings-tab-nav .nav-link:not(.active):hover {
color: var(--theme-color-1);
border-color: var(--theme-color-1);
}
.bg-red-label {
background: #FFECEC;
}
/* Charter - No Availability */
.bg-red-label {
background: #FFECEC;
}
.terms-of-service-accordion .accordion-button {
font-size: 20px;
color: var(--font-color-1) !important;
}
ul.disc li {
list-style-type: disc;
}
.resize-none {
resize: none;
}
textarea.form-control {
min-height: 120px;
}
.charter-travel-details-inner .flex-1 {
max-width: 140px;
}
.mw-440 {
max-width: 440px;
}
/* Charter calendar start */
.xdsoft_datetimepicker {
font-size: 14px;
line-height: 24px;
font-family: var(--theme-font-1);
border-radius: 5px;
border: 0 !important;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
padding: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
display: none;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
display: flex;
justify-content: center;
height: 34px;
border-right: 1px solid #CACACA;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
width: 34px;
height: 34px;
display: inline-block;
background-repeat: no-repeat;
background-size: 32px 32px;
background-position: center center;
background-image: url('data:image/svg+xml,');
position: absolute;
top: 0;
opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev {
left: 0;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
transform: rotate(180deg);
right: 0;
}
.xdsoft_datetimepicker .xdsoft_label {
font-size: 17px;
padding: 8px 0;
font-weight: 500;
}
.xdsoft_datetimepicker .xdsoft_month {
width: auto;
}
.xdsoft_datetimepicker .xdsoft_year {
width: auto;
margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
font-size: 16px;
font-weight: 400;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
font-weight: 400;
background: #569ff7;
box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
background: transparent;
border: 0;
font-size: 90%;
color: #1C1C1C;
line-height: 1;
font-weight: normal;
border-top: 1px solid #CACACA;
}
.xdsoft_datetimepicker .xdsoft_calendar th:last-child {
border-right: 1px solid #CACACA;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
color: var(--theme-color-1);
font-size: 100%;
font-weight: 500;
width: 39px;
height: 39px;
border: 0;
background: transparent;
border: 1px solid #CACACA;
border-width: 1px 1px 0 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td div {
font-size: 100%;
color: var(--theme-color-1);
text-align: center;
width: 100%;
height: 100%;
line-height: 39px;
border: 0;
padding: 0;
margin: 0 auto;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover div {
background: #e6e6e6;
border-color: #e6e6e6;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div {
color: #569ff7;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:hover div {
color: #fff;
border-color: #959ea9;
background: #959ea9;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
color: #393939 !important;
background: #e6e6e6 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
color: #fff !important;
font-weight: 400;
background: #569ff7 !important;
border-color: #569ff7 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
background: transparent !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: calc(100% - 70px) !important;
margin-left: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 70px !important;
height: 260px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 100%;
width: 100%;
border: 1px solid #CACACA;
border-width: 1px 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
font-size: 100%;
color: var(--theme-color-1);
font-weight: 500;
background: transparent;
border: 0;
height: 35px;
line-height: 25px;
padding: 5px;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
padding: 6px;
padding-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
box-shadow: none !important;
opacity: 1 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
width: 34px;
height: 48px;
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 32px 32px;
background-position: center center;
opacity: 1;
transform: rotate(90deg);
margin: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
transform: rotate(270deg);
height: 59px;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
text-decoration: none;
}
.xdsoft_datetimepicker .xdsoft_label i {
width: 20px;
background-image: url('data:image/svg+xml,');
background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0;
}
@media (max-width: 575px) {
.xdsoft_datetimepicker {
width: calc(100vw - 40px);
left: 20px !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: calc(100% - 60px) !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 60px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar {
overflow: auto;
}
.xdsoft_datetimepicker .xdsoft_label {
font-size: 14px;
}
.home-form.booking-place-picker.mt-4,
.home-form.charter-booking-date-picker .passenger-section.mt-4,
.home-form.charter-booking-date-picker .date-section.mt-4 {
margin-top: 16px !important;
}
}
@media (min-width: 576px) {
.xdsoft_datetimepicker {
min-width: 520px;
}
}
@media (min-width: 768px) {
.xdsoft_datetimepicker {
min-width: 630px;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: calc(100% - 130px) !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 130px !important;
height: 410px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
padding: 8px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev {
left: 8px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
right: 8px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
font-size: 15px;
padding: 12px;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
width: 65px;
height: 65px;
}
.xdsoft_datetimepicker .xdsoft_calendar td div {
font-size: 16px;
line-height: 65px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
font-size: 16px;
height: 50px;
line-height: 30px;
padding: 10px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
height: 73px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
height: 71px;
background-position: -5px center;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
height: 54px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
height: 54px;
}
.flights-accordion-details.border-end {
border-right: 1px solid var(--gray-1) !important;
}
}
/* Charter calendar end */
.add-passenger-btn.disabled {
color: var(--gray-6);
pointer-events: none;
}
.flex-1-auto {
flex: 1;
}
.booked-on-label-green-light {
color: #629200;
background: rgba(101, 151, 0, 0.08);
border-color: #659700 !important;
}
.charter-passengers-dropdown-menu {
min-width: 290px;
}
.flights-selection-booking-form .form-btn-row .charter-passengers-dropdown-menu button:not(:hover) {
background: var(--theme-color-1);
}
.multiple-charter-sticky-bar .btn-white.disabled {
background: rgba(255, 255, 255, 0.4);
pointer-events: none;
}
.bg-font-color-3 {
background: var(--font-color-3);
}
.charter-carousel .slick-slide figure,
.charter-carousel-nav .slick-slide figure {
height: 100%;
}
.charter-carousel .slick-slide figure img,
.charter-carousel-nav .slick-slide figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.charter-rr-accordion .accordion-item:last-child {
border-bottom: 0 !important;
}
@media (max-width: 1365px) {
.inline-label label {
font-size: 14px;
}
}
@media (min-width: 576px) {
.charter-rr-details .separator-line-dot-plane {
width: 132px;
}
}
@media (min-width: 640px) {
.modal-medium {
max-width: 630px;
}
.modal-small {
max-width: 580px;
}
}
/* Reservation Summary */
.status-label-yellow {
color: #92400E;
background: #FFFBEB;
border-color: #FDE68A !important;
}
.status-label-yellow .dot {
color: #F59E0B;
}
.me-1 {
margin-right: .25rem !important;
}
.passenger-table-block table tr th:first-child, .passenger-table-block table tr td:first-child {
padding-left: 24px;
}
.passenger-table-block th {
font-size: 16px;
color: var(--font-color-1);
font-weight: 500;
background: #EBECF2;
padding: 12px 6px;
line-height: 1.4;
}
.passenger-table-block table tr th:first-child, .passenger-table-block table tr td:first-child {
padding-left: 24px;
}
.passenger-table-block table tr td:first-child {
font-weight: 500;
}
.passenger-table-block td {
font-size: 16px;
color: var(--font-color-1);
font-weight: 400;
padding: 16px 6px;
}
.bg-gray-1 {
background: var(--gray-1);
}
.status-label-green {
color: var(--font-color-1);
background: rgba(0, 184, 61, 0.08);
border-color: rgba(0, 184, 61, 0.22) !important;
}
.status-label-red {
color: var(--red-1) !important;
background: #ffedef;
border-color: var(--red-1) !important;
}
@media (min-width: 1200px) {
h5.h-small {
font-size: 20px !important;
}
}
/* 05-05-2026 */
.min-w-150 {
min-width: 150px;
}
/* Multi Segment */
.select-list.segment-select .dropdown-menu {
width: 172px;
}
.multi-segment-row p.x-small {
font-size: 13px !important;
}
.remove-tooltip {
width: 125px;
background: #FBE0E0;
right: -20px;
bottom: 42px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out;
}
.remove-tooltip-group:hover .remove-tooltip {
opacity: 1;
visibility: visible;
}
.remove-tooltip:after {
content: '';
background: url('data:image/svg+xml,') no-repeat;
width: 13px;
height: 11px;
position: absolute;
bottom: -10px;
right: 30px;
}
@media (max-width: 1199px) {
.multi-segment-row-list {
height: auto;
}
}
@media (max-width: 767px) {
.multi-segment-search-btn {
width: 100%;
}
.charter-passengers-dropdown-menu {
min-width: 250px;
}
.remove-tooltip-group {
margin-right: -4px;
}
.remove-tooltip-group svg {
width: 24px;
}
.flights-accordion-details.border-end {
border-bottom: 1px solid var(--gray-1) !important;
}
}
@media (min-width: 1200px) {
.form-btn-row>.col-xl-10 {
width: calc(100% - 184px);
}
.multi-segment-accordion-block .flights-accordion-details figure img {
height: 250px;
object-fit: cover;
}
}
@media (min-width: 1400px) {
.multi-segment-row p.x-small {
font-size: 14px !important;
}
}
/* No Available Routes */
.no-routes-alert {
background: rgba(212, 5, 4, 0.08);
border: 1px solid var(--red-1);
}
.calc-w-56 {
width: calc(100% - 56px);
}
@media (min-width: 1200px) {
.no-routes-alert {
width: calc(100% - 184px);
}
.charter-flights-booking-form:has(input#multiSegment:checked) #charterSegmentsWrapper .form-btn-row>.col-xl-6,
.charter-flights-booking-form:has(input#multiSegment:checked) #charterSegmentsWrapper .form-btn-row>.col-xl-4 {
width: 50%;
}
}
/* 11-05-2026 */
.form-field-set .form-check-label span {
border: 2px solid var(--theme-color-1) !important;
background-color: rgba(112, 156, 235, 0.22);
}
.form-field-set .form-check-label span svg {
stroke: var(--theme-color-1);
stroke-dashoffset: 0;
opacity: 0.2;
}
.form-field-set input:checked + .form-check-label span svg {
opacity: 1;
stroke: var(--white);
}
.fare-summary-charter-location-seperator:last-child {
border: 0 !important;
}
.passenger-summary-table-block.passenger-table-block td {
padding: 16px 8px;
}
.passenger-summary-table-block.passenger-table-block table tr th:first-child,
.passenger-summary-table-block.passenger-table-block table tr td:first-child {
width: 76px !important;
}
.passenger-summary-table-block.passenger-table-block table tr th:nth-child(2),
.passenger-summary-table-block.passenger-table-block table tr td:nth-child(2) {
width: 176px !important;
}
@media (min-width: 576px) {
.w-calc-sm-56 {
width: calc(100% - 56px);
}
}