/* AWARD INQUIRY & ITINERARY */

/* FADE EFFECT */
@keyframes displayContent {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	}
}

/* ENTIRE CONTAINER */
#award_inquiry {
	background-color: white;
	box-shadow: 0px 0px 16px #A6D4FF;

	margin: 10px 10px;
}

/* BUTTONS */
#airport_search,
button.inquiry_links {
	width: 100%;
}

button.inquiry_links {
	transition: var(--transition_speed);
	font-size: 15px;
	padding: 12px 0px;
}

button.inquiry_link_selected {
	background-color: var(--BM_darkblue);
}

.BM_dropdown_option:hover,
.BM_dropdown_option_selected,
button.inquiry_link_selected:hover {
	background-color: var(--BM_lightgreen);
}

button.inquiry_link_selected:hover {
	color: var(--BM_darkblue);
}

button#inquiry_link_inquiry {
	border-top-left-radius: var(--BM_border);
	border-top-right-radius: var(--BM_border);
}

button#inquiry_link_assistance {
	border-bottom-left-radius: var(--BM_border);
	border-bottom-right-radius: var(--BM_border);
}

/* MAIN CONTENT CONTAINER */
.inquiry_content {
	animation: displayContent var(--transition_speed);
	padding: 10px 10px;
}

#AIF_airport_selection {
	margin-top: 8px;
	margin-bottom: 22px;
}

#AIF_airport_selection:after {
	content: "";
	clear: both;
  	display: table;
}

.AIF_airport,
#AIF_airport_swap {
	float: left;
}

#AIF_airport_departure {
	text-align: right;
	margin-right: 3%;
}

#AIF_airport_arrival {
	text-align: left;
	margin-left: 3%;
}

.AIF_airport {
	line-height: 23px;
	margin-top: 12px;
	width: 41%;
}

.airport_duplicate {
	color: var(--BM_red);
}

.AIF_airport_code,
.AIF_city_name,
#airport_search input,
#airport_search_results .airport_IATA,
#airport_search_results .airport_ALL {
	font-variation-settings: "wdth" 112.5;
}

.AIF_airport_code,
#airport_search_results .airport_city {
	font-weight: 200;
}

.AIF_airport_code {
	font-size: 32pt;
}

.AIF_city_name,
#airport_search_results a {
	font-size: 11pt;
	font-weight: 100;
}

#AIF_airport_swap,
#airport_search_results a,
#airport_search_results .airport_ALL {
	color: var(--BM_darkblue);
}

#AIF_airport_swap,
#airport_search_results .airport_IATA,
#airport_search_results .airport_ALL {
	font-weight: 500;
	text-align: center;
}

#AIF_airport_swap {
	font-size: 30pt;
	margin-top: -9px;
	width: 12%;
}

#airport_search,
#award_flight_inquiry,
#award_itinerary_form,
#award_ascend_form {
	display: none;
}

#airport_search,
#award_flight_inquiry {
	background-color: white;

	overflow: auto;
	overscroll-behavior: none;
	
	height: 100%;
	position: fixed;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#award_flight_inquiry {
	z-index: 100;
}

#airport_search {
	z-index: 101;
}

.BM_dropdown,
.AIF_button,
#airport_search_results,
#airport_search input {
	margin-left: auto;
	margin-right: auto;
}

.AIF_button,
#airport_search input,
#airport_search_results a {
	display: block;
}

#airport_search input {
	border: none;
	border-bottom: 1px solid var(--BM_darkblue);

	font-size: 19pt;
	font-weight: 300;

	height: 40px;
	margin-top: 11px;
	margin-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

#airport_search input:focus,
.inquiry_content input:focus,
#boundlessmiles_contact input:focus {
	outline: none;
}

input#airport_search_field {
	margin-top: 85px;
}

#airport_search_results {
	margin-bottom: 20px;
}

#airport_search_results a {
	margin-top: 8px;

	font-size: 15pt;
	font-variation-settings: "wdth" 100;
}

#AIF_airport_swap:hover,
#airport_search_results a:hover .airport_IATA,
.BM_dropdown_header:hover .BM_dropdown_arrow,
.BM_dropdown_active {
	color: var(--BM_lightgreen);
}

#airport_search_results .airport_IATA,
#airport_search_results .airport_ALL {
	border-radius: var(--BM_border);
	float: left;
	width: 70px;
}

#airport_search_results .airport_IATA {
	background: var(--BM_darkblue);
	color: white;
}

#airport_search_results .airport_ALL {
	background: var(--BM_lightgreen);
	margin-left: 6px;
}

#airport_search_results .airport_city {
	overflow: hidden;
	padding-left: 8px;
}

.BM_dropdown,
.AIF_button,
#airport_search_results,
#airport_search input {
	width: 85%;
}

.BM_dropdown {
	position: relative;
	margin-top: 18px;
	margin-bottom: 20px;
}

.BM_dropdown_header,
.BM_dropdown_option,
.BM_dropdown_message {
	font-variation-settings: "wdth" 112.5;
}

.BM_dropdown_header {
	border-bottom: 1px solid var(--BM_darkblue);

	font-size: 13pt;
	font-weight: 400;
	
	height: 32px;
	margin-top: 12px;
	margin-bottom: 14px;
}

.BM_dropdown_selection {
	margin-left: 2px;
}

.BM_dropdown_arrow {
	float: right;
	transform: rotate(180deg);

	font-size: 24pt;
	
	line-height: 13px;
	margin-right: 2px;
}

.BM_dropdown_options,
#AIF_trip_type_MC_message {
	display: none;
}

.BM_dropdown_options {
	background-color: var(--BM_darkblue);

	position: absolute;
	z-index: 95;

	margin-top: -15px;
	width: 100%;
}

.BM_dropdown_option {
	color: white;

	font-size: 14pt;
	font-weight: 300;

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
}

.BM_dropdown_arrow,
.BM_dropdown_option:hover,
.BM_dropdown_option_selected,
.BM_dropdown_message {
	color: var(--BM_darkblue);
}

.BM_dropdown_message {
	border-left: 5px solid var(--BM_lightgreen);

	font-size: 12pt;
	font-weight: 100;

	margin-bottom: 14px;
	padding-left: 7px;
	padding-right: 7px;
}

.AIF_button {
	font-size: 12pt;
	margin-bottom: 9px;
}

/* MY ITINERARY & ASCEND */
.inquiry_content input,
#award_itinerary_form .BM_dropdown_message,
#award_ascend_form .BM_dropdown_message {
	margin-left: auto;
	margin-right: auto;

	width: 85%;
}

.inquiry_content input,
#boundlessmiles_contact input,
#award_itinerary_form input[type=submit],
#award_ascend_form input[type=submit] {
	border: none;
}

.inquiry_content input,
#boundlessmiles_contact input[type=text] {
	display: block;
	border-bottom: 1px solid var(--BM_darkblue);

	font-size: 13pt;
	font-weight: 400;
	font-variation-settings: "wdth" 112.5;

	height: 38px;

	margin-top: 12px;
	margin-bottom: 14px;
	padding-left: 2px;
	padding-right: 2px;
}

#award_itinerary_form input[type=submit],
#award_ascend_form input[type=submit] {
	background-color: var(--BM_blue);
	color: white;
	cursor: pointer;

	height: auto;
	font-size: 12pt;

	margin-top: 18px;
	margin-bottom: 7px;
	padding: 14px 32px;
}

#award_itinerary_form input[type=submit]:hover,
#award_ascend_form input[type=submit]:hover {
	background-color: var(--BM_darkblue);
}

#award_itinerary_form .BM_dropdown_message,
#award_ascend_form .BM_dropdown_message {
	margin-top: 7px;
	margin-bottom: 10px;
}

#award_ascend_form a,
#award_ascend_form a:visited,
#AFI_details_legal a,
#AFI_details_legal a:visited {
	color: var(--BM_darkblue);
	font-weight: 600;
}

#award_ascend_form a:hover,
#AFI_details_legal a:hover {
	color: var(--BM_lightgreen);
}

.AIF_invalid_entry {
	border: 2px solid var(--BM_red) !important;
	border-radius: var(--BM_border);
}

#award_flight_inquiry_details {
	margin-top: var(--navigation_top_size);
	padding: 12px;
}

.AFI_message,
.AFI_inquiry_details {
	margin-left: 10px;
	margin-right: 10px;

	padding-left: 10px;
	padding-right: 10px;
}

.AFI_message,
.AFI_details_dates_label,
.container_checkbox {
	color: var(--BM_black);
}

.AFI_message,
input.AFI_milespoints_entry {
	font-size: 12pt;
}

.AFI_message {
	margin-top: 2px;
	margin-bottom: 2px;	
}

.AFI_message_header,
#AFI_details_flight,
.AFI_details_date,
.AFI_details_multicity_citypair {
	font-weight: 500;
}

.AFI_message_header,
#AFI_details_trip,
.AFI_details_dates_label,
input.AFI_date_flexibility,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	font-size: 13pt;
}

.AFI_inquiry_details {
	border-left: 5px solid var(--BM_blue);
	height: fit-content;

	margin-top: 12px;
	margin-bottom: 12px;
}

#AFI_details_flight,
.AFI_details_date,
input.AFI_date_flexibility,
input.AFI_milespoints_entry,
#award_flight_inquiry_details textarea,
#AFI_details_contact input[type=text],
#AFI_details_multicity .BM_dropdown_header,
#AFI_details_multicity input.AFI_multicity_airport {
	color: var(--BM_darkblue);
}

#AFI_details_flight,
.AFI_details_date {
	font-size: 14pt;
}

#AFI_details_flight,
.AFI_details_date,
input.AFI_date_flexibility,
input.AFI_milespoints_entry,
.container_checkbox,
#award_flight_inquiry_details textarea,
#boundlessmiles_contact textarea,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	font-variation-settings: "wdth" 112.5;
}

#AFI_details_trip,
.AFI_details_dates_label {
	font-weight: 200;
}

.AFI_details_dates_label {
	margin-right: 10px;
	display: inline-block;
}

#AFI_details_date1,
#AFI_details_date2,
button.AFI_milespoints_remove,
#AFI_details_multicity .BM_dropdown {
	display: inline-block;
}

.AFI_details_date {
	margin-left: 17px;
}

input.AFI_date_flexibility,
input.AFI_milespoints_entry,
#award_flight_inquiry_details textarea,
#boundlessmiles_contact textarea,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	border: none;
	border-bottom: 1px solid var(--BM_darkblue);
}

input.AFI_date_flexibility,
input.AFI_milespoints_entry {
	height: 32px;
}

input.AFI_date_flexibility,
#award_flight_inquiry_details textarea {
	font-weight: 300;
}

input.AFI_date_flexibility {
	text-align: center;
	width: 60px;

	margin-top: 5px;
	margin-bottom: 7px;
	padding-left: 3px;
	padding-right: 3px;
}

textarea:focus,
input.AFI_date_flexibility:focus,
input.AFI_milespoints_entry:focus,
#AFI_details_contact input[type=text]:focus,
#AFI_details_multicity input.AFI_multicity_airport:focus {
	outline: none;
}

input#AFI_date1_flexibility_after,
input#AFI_date2_flexibility_after,
.AFI_date_flexibility_after {
	margin-left: 14px;
}

#AFI_details_date2 {
	margin-top: 8px;
}

input.AFI_milespoints_entry,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	padding-left: 2px;
	padding-right: 2px;
}

input.AFI_milespoints_entry {
	margin-top: 1px;
	margin-bottom: 14px;
}

.AFI_milespoints_entry_program,
.AFI_milespoints_entry_balance {
	margin-right: 7px;
}

.AFI_milespoints_entry_program {
	width: 49%;
}

.AFI_milespoints_entry_balance {
	width: 24%;
}

button.AFI_milespoints_add,
.AFI_multicity_remove {
	width: 52%;
	
	margin-bottom: 12px;
	margin-left: unset;
	margin-right: unset;

	padding: 10px 23px;
}

button.AFI_milespoints_remove {
	background-color: var(--BM_red);
	float: right;

	width: auto;	
	padding: 6px 14px;
}

button.AFI_milespoints_remove:hover,
button.AFI_multicity_remove:hover {
	background-color: #AD0030;
}

#boundlessmiles_contact textarea,
.container_checkbox,
.container_checkbox input:checked ~ .bm_checkbox:after,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	display: block;
}

.container_checkbox {
	position: relative;
	font-size: 17px;

	margin-top: 7px;
	margin-bottom: 9px;
	padding-left: 35px;
	padding-right: 10px;
}

.container_checkbox input,
.bm_checkbox,
.bm_checkbox:after {
	position: absolute;
}

.container_checkbox input {
  	opacity: 0;
}

.bm_checkbox {
	background-color: #EAEFFF;

	height: 25px;
  	width: 25px;

  	margin-top: 6px;
	top: 0;
  	left: 0;
}

.bm_checkbox:hover,
.container_checkbox input:checked ~ .bm_checkbox {
	background-color: var(--BM_blue);
}

.bm_checkbox:after,
textarea#AFI_elitestatus_details,
#AFI_details_multicity,
#AFI_details_multicity_message {
	display: none;
}

.bm_checkbox:after {
	content: "";
}

.container_checkbox .bm_checkbox:after {
	border: solid white;
	border-width: 0px 3px 3px 0px;
	transform: rotate(45deg);

	height: 11px;
	width: 5px;

	top: 4px;
	left: 9px;
}

#award_flight_inquiry_details textarea,
#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	width: 92%;
}

#award_flight_inquiry_details textarea,
#boundlessmiles_contact textarea {
	resize: none;
	font-size: 16px;
	
	height: 100px;
	padding: 5px;
}

#award_flight_inquiry_details textarea#AFI_elitestatus_details {
	margin-bottom: 8px;
}

#award_flight_inquiry_details textarea::placeholder {
	transform: translateY(47px);
}

#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	height: 38px;
}

#AFI_details_contact input[type=text],
#AFI_details_multicity input.AFI_multicity_airport {
	margin-bottom: 14px;
}

input#AFI_contact_phone {
	margin-bottom: 18px !important;
}

textarea#AFI_contact_message {
	height: 150px;
}

textarea#AFI_contact_message::placeholder {
	transform: translateY(122px);
}

#AFI_details_multicity .BM_dropdown,
#AFI_details_multicity .BM_dropdown_header {
	margin-top: 0px;
}

#AFI_details_multicity .BM_dropdown {
	width: 134px;

	margin-bottom: 3px;
	margin-left: 13px;
}

#AFI_details_multicity .BM_dropdown_header {
	margin-left: 4px;
	margin-bottom: 0px;
}

#AIF_calendar_mc2_header {
	margin-left: 0px !important;
	width: 130px;
}

.AFI_details_multicity_citypair {
	color: var(--BM_red);

	font-size: 11pt;
	font-variation-settings: "wdth" 125;
}

#AFI_button_multicity_add,
.AFI_multicity_remove {
	margin-top: 5px;
}

.AFI_multicity_remove {
	background-color: var(--BM_red);
	margin-bottom: 8px;
}

#container_checkbox_legal_terms {
	margin-bottom: 3px;
}

button#AFI_button_multicity_add {
	margin-bottom: 6px;
}

button#AFI_button_submit {
	margin-top: 16px;
	margin-bottom: 12px;
}

.AFI_multicity_cp_added {
	margin-top: 14px;
}

.AFI_invalid_entry_text {
	color: var(--BM_red);
}

#award_itinerary_form .BM_dropdown_message,
#award_ascend_form .BM_dropdown_message {
	color: var(--BM_black);
}

/* STYLES - PHONE */
@media screen and (max-width: 769px) {
	.AFI_details_dates_label {
		vertical-align: bottom;
	}
}

/* STYLES - TABLET */
@media screen and (min-width: 769px) {
	#container_award_inquiry {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		
		height: 740px;
		margin-bottom: 25px;
		padding-top: 25px;
	}

	#welcome_message {
		color: white;
		text-shadow: 0px 0px 20px var(--BM_black);
	}

	#award_inquiry {
		box-shadow: none;
		width: 530px;

		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	#award_inquiry button#inquiry_link_inquiry {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	#award_inquiry button#inquiry_link_assistance {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	#award_flight_inquiry_details {
		width: 500px;
		padding-left: 20px;
	}

	#AFI_button_milespoints_add,
	#AFI_button_multicity_add,
	.AFI_multicity_remove {
		width: 140px;
	}

	textarea#AFI_elitestatus_details::placeholder {
		transform: translateY(72px);
	}

	button#AFI_button_submit {
		margin-left: 25px;
	}
}

/* STYLES - DESKTOP */
@media screen and (min-width: 1025px) {
	.container_fullscreen_bg {
		background-color: rgb(6, 68, 175, 0.9);
		display: none;
		
		height: 100%;
		width: 100%;
		position: fixed;

		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#award_container.container_fullscreen_bg {
		z-index: 100;
	}

	#airport_search_container.container_fullscreen_bg,
	#calendar_container.container_fullscreen_bg {
		z-index: 102;
	}

	#award_flight_inquiry,
	#airport_search,
	#BM_calendar_main,
	#airport_search_navigation,
	#BM_fullscreen_nav_AFI {
		position: absolute;
	}

	#award_flight_inquiry,
	#airport_search,
	#BM_calendar_main {
		margin-top: auto;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}

	#airport_search,
	#BM_calendar_main {
		height: 500px;
		width: 590px;
	}

	#award_flight_inquiry {
		height: 691px;
		width: 647px;
	}
}

/* STYLES - LARGE DESKTOP */
@media screen and (min-width: 1275px) {
	#welcome_message {
		float: right;
		text-align: left;

		font-size: 42pt;
		font-weight: 600;
		font-variation-settings: "wdth" 125;

		width: 26%;
		margin-top: 90px;
		margin-left: auto;
		margin-right: 9%;
	}

	#award_inquiry {
		float: left;
		width: 515px;

		margin-top: 40px;
		margin-left: 10%;
	}
}