/**
 * Cascade Transport — CHBS date/time/duration popups (jQuery UI).
 */

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div,
.chbs-datepicker.ui-datepicker,
.chbs-datepicker#ui-datepicker-div {
	z-index: 100000 !important;
	background: #1c1f26 !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 12px !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
	padding: 14px 12px 16px !important;
	color: #fff !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker .ui-datepicker-header,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div .ui-datepicker-header,
.chbs-datepicker.ui-datepicker .ui-datepicker-header,
.chbs-datepicker#ui-datepicker-div .ui-datepicker-header {
	background: transparent !important;
	border: none !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker .ui-datepicker-title,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div .ui-datepicker-title,
.chbs-datepicker.ui-datepicker .ui-datepicker-title,
.chbs-datepicker#ui-datepicker-div .ui-datepicker-title {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 4px 0 10px !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker th,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div th,
.chbs-datepicker.ui-datepicker th,
.chbs-datepicker#ui-datepicker-div th {
	color: rgba(255, 255, 255, 0.55) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	padding: 6px 0 !important;
	background: transparent !important;
	border: none !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td,
.chbs-datepicker.ui-datepicker td,
.chbs-datepicker#ui-datepicker-div td {
	padding: 2px !important;
	border: none !important;
	background: transparent !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td a,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td a,
.chbs-datepicker.ui-datepicker td a,
.chbs-datepicker#ui-datepicker-div td a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 32px !important;
	height: 32px !important;
	margin: 0 auto !important;
	border-radius: 8px !important;
	border: none !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: center !important;
	line-height: 32px !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td span,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td span,
.chbs-datepicker.ui-datepicker td span,
.chbs-datepicker#ui-datepicker-div td span {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 32px !important;
	height: 32px !important;
	margin: 0 auto !important;
	border-radius: 8px !important;
	border: none !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.28) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-align: center !important;
	line-height: 32px !important;
	cursor: default !important;
	pointer-events: none !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td a.ui-state-hover,
.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td a.ui-state-active,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td a.ui-state-hover,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td a.ui-state-active,
.chbs-datepicker.ui-datepicker td a.ui-state-hover,
.chbs-datepicker.ui-datepicker td a.ui-state-active,
.chbs-datepicker#ui-datepicker-div td a.ui-state-hover,
.chbs-datepicker#ui-datepicker-div td a.ui-state-active {
	background: rgba(255, 108, 0, 0.22) !important;
	color: #fff !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker td a.ui-state-highlight,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div td a.ui-state-highlight,
.chbs-datepicker.ui-datepicker td a.ui-state-highlight,
.chbs-datepicker#ui-datepicker-div td a.ui-state-highlight {
	background: #265085 !important;
	color: #fff !important;
}

.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker .ui-datepicker-prev,
.chbs-booking-form-id-606.chbs-datepicker.ui-datepicker .ui-datepicker-next,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div .ui-datepicker-prev,
.chbs-booking-form-id-606.chbs-datepicker#ui-datepicker-div .ui-datepicker-next,
.chbs-datepicker.ui-datepicker .ui-datepicker-prev,
.chbs-datepicker.ui-datepicker .ui-datepicker-next,
.chbs-datepicker#ui-datepicker-div .ui-datepicker-prev,
.chbs-datepicker#ui-datepicker-div .ui-datepicker-next {
	top: 6px !important;
	cursor: pointer;
	filter: brightness(0) invert(1);
	opacity: 0.8;
}

.chbs-booking-form-id-606 .ui-selectmenu-menu.ui-front,
.ui-selectmenu-menu.ui-front {
	z-index: 100000 !important;
	background: #1c1f26 !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
	padding: 4px 0 !important;
	max-height: 240px !important;
}

.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-menu-item,
.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-menu-item-wrapper,
.ui-selectmenu-menu .ui-menu-item,
.ui-selectmenu-menu .ui-menu-item-wrapper {
	color: #fff !important;
	background: transparent !important;
	border: none !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 9px 14px !important;
	line-height: 1.3 !important;
}

.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-menu-item:first-child,
.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-menu-item:first-child .ui-menu-item-wrapper,
.ui-selectmenu-menu .ui-menu-item:first-child,
.ui-selectmenu-menu .ui-menu-item:first-child .ui-menu-item-wrapper {
	border-top: none !important;
}

.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-state-active,
.chbs-booking-form-id-606 .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,
.ui-selectmenu-menu .ui-state-active,
.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
	background: rgba(255, 108, 0, 0.2) !important;
	color: #fff !important;
	margin: 0 !important;
}

.chbs-booking-form-id-606 .ui-timepicker-wrapper,
.ui-timepicker-wrapper {
	z-index: 100000 !important;
	background: #1c1f26 !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
}

.chbs-booking-form-id-606 .ui-timepicker-wrapper .ui-timepicker-list li,
.ui-timepicker-wrapper .ui-timepicker-list li {
	color: #fff !important;
	font-size: 14px !important;
	padding: 8px 14px !important;
	background: transparent !important;
}

.chbs-booking-form-id-606 .ui-timepicker-wrapper .ui-timepicker-list li:hover,
.chbs-booking-form-id-606 .ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected,
.ui-timepicker-wrapper .ui-timepicker-list li:hover,
.ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected {
	background: rgba(255, 108, 0, 0.2) !important;
	color: #fff !important;
}

/* CHBS validation tooltips */
.qtip.chbs-qtip.chbs-qtip-error {
	background: #b91c1c !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.qtip.chbs-qtip.chbs-qtip-error .qtip-content {
	padding: 8px 12px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

/* Fixed-location searchable suggestions (local list, not Google Places) */
.chbs-main.chbs-widget .ui-autocomplete {
	z-index: 100000 !important;
	background: #1c1f26 !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
	padding: 4px 0 !important;
	max-height: 260px !important;
	overflow-y: auto !important;
}

.chbs-main.chbs-widget .ui-autocomplete .ui-menu-item {
	border: none !important;
	margin: 0 !important;
}

.chbs-main.chbs-widget .ui-autocomplete .ui-menu-item-wrapper {
	display: block;
	color: #fff !important;
	background: transparent !important;
	border: none !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 10px 14px !important;
	line-height: 1.35 !important;
	cursor: pointer;
}

.chbs-main.chbs-widget .ui-autocomplete .ui-menu-item:first-child .ui-menu-item-wrapper {
	border-top: none !important;
}

.chbs-main.chbs-widget .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.chbs-main.chbs-widget .ui-autocomplete .ui-menu-item-wrapper:hover {
	background: rgba(38, 80, 133, 0.45) !important;
	color: #fff !important;
	margin: 0 !important;
}

.chbs-main:not(.chbs-widget) .ui-autocomplete {
	z-index: 100000 !important;
	background: #fff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 10px !important;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14) !important;
	padding: 6px 0 !important;
	max-height: 280px !important;
	overflow-y: auto !important;
}

.chbs-main:not(.chbs-widget) .ui-autocomplete .ui-menu-item {
	border: none !important;
	margin: 0 !important;
}

.chbs-main:not(.chbs-widget) .ui-autocomplete .ui-menu-item-wrapper {
	display: block;
	color: #1a1c22 !important;
	background: transparent !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 10px 16px !important;
	line-height: 1.35 !important;
	cursor: pointer;
}

.chbs-main:not(.chbs-widget) .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.chbs-main:not(.chbs-widget) .ui-autocomplete .ui-menu-item-wrapper:hover {
	background: #f3f4f6 !important;
	color: #1a1c22 !important;
	margin: 0 !important;
}