/* School Combobox Search Instances */

/* START: CSS that may no longer be in use */
.customschool_search_box {
	position: absolute;
	left: 50%;
	top: -18vw;
	width: 460px;
	margin-left: -230px;
	z-index: 2;
}
.customschool_search_box #student_type {
	line-height: 15px;
	font-size: 14px;
}
form#home_school_search ul.typeahead.typeahead-long.dropdown-menu > li {
	width: 100%;
}


form#home_school_search ul.typeahead.typeahead-long.dropdown-menu > li > a {
	line-height: 20px;
}
.dropdown-item {
	font-size: 1rem;
}
/* END: CSS that may no longer be in use */


/* All Page Instances */
#home_school_search #school_wrapper .select2-container {
	top: 20px;
}


/* Students Page */
.slider_container {
	position: relative;
	/*overflow: hidden; if enabled, school dropdown list will not be shown*/
}
.slides {
	display: flex;
	transition: transform 0.5s ease-in-out;
}
.a_slide {
	min-width: 100%;
	box-sizing: border-box;
	transition: opacity 0.5s ease-in-out;
}
.a_slide.outofsight {
	opacity: 0;
}
.slider_container .navigation {
	display: inline-block;
}
.slider_container .navigation::before {
	content: "\00AB";
	font-size: 30px;
}
.slider_container .navigation.left {
	margin-right: 5px;
}
.slider_container .navigation.right {
	margin-left: 5px;
	opacity: 0;
}

#school_search {
	margin: 0 auto;
	width: 81.5%;
}
#school_search .combobox-container .combobox::placeholder {
	color: #888;
}
#school_search .input-group-addon.dropdown-toggle {
	display: none;
}
select#school {
	left: 100px;
	position: relative;
	margin: 0 auto;
}
.students .select2-container .select2-search__field {
	border-radius: 8px;
}
.selected_values {
	text-align: center;
}
#left_nav_and_dob {
	margin: 0 auto;
	width: fit-content;
}
.spinner-border.school-select-loader {
	display: table;
	margin: 0 auto;
}
.selected_school {
	font-weight: bold;
	color: #555555;
	line-height: 20px;
}
#select2-school-results {
	height: fit-content;
	max-height: 100%;
}
#select2-school-results > li {
	text-align: center;
}
#select2-school-results > li[aria-selected="false"] {
	color: #151515;
}
.select2-dropdown.select2-dropdown--below {
	margin-top: 1px;
}
.select2-container--default .select2-search__field[aria-controls="select2-school-results"] {
	border-radius: 8px;
}
.selected_studtype {
	color: #616161;
	line-height: 20px;
	text-shadow: 1px 1px 3px #fff;
}
#stateModalLabel {
  font-weight: 500;
}
#stateModalLabel span {
	display: block;
	font-weight: 400;
	margin-bottom: 5px;
	text-transform: initial;
}
#stateSelector {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.9);
	border-radius: 8px;
	height: 36px;
	text-align: center;
	width: 200px;
}
#schoolStateModal .modal-content {
	background-color: #e7e7e7;
}
#schoolStateModal .modal-footer {
	display: table;
	margin: 0 auto;
}


@media (max-width: 499px) {
	.ifs-home #home_school_search {
		/* Position the Home Page School-search combobox at the top of the screen on all mobile devices with < 485 px width */
		left: 5%;
		position: fixed;
		top: 53px;
		z-index: 999999999;
	}
}
#home_school_search {
	position: relative;
	z-index: 2;
}
#school_wrapper > .selected_values > div {
	display: contents;
}
#home_school_search .combobox,
#home_school_search #school_wrapper .select2-container,
#home_school_search select[name="student_type_id"],
#home_school_search input[name="date_of_birth"],
#school_name_input_form #school_input_boxcomboboxTextInput {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.9);
	border-radius: 8px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	font-size: 16px;
	height: 36px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	width: 460px;
	z-index: 1;
}
#school_wrapper .select2-container .select2-selection {
	border: none;
	border-radius: 8px;
	height: 34px;
	padding-top: 2px;
}
#school_wrapper .select2-container .select2-selection .select2-selection__arrow {
	right: 5px;
	top: 3px;
}
.students .select2-search__field {
	text-align: center;
}
#school_search #new_school_submit_div > button {
	border: 1px solid #01649c;
	box-shadow: 0px 0px 2px 2px #01649c3b;
	height: auto;
	line-height: 16px;
	margin: 6px 2px;
	max-width: 100%;
	padding: 10px 10px;
}
#schoolStateModal .modal-content .modal-body div {
	line-height: 24px;
	margin-bottom: 10px;
}
#schoolStateModal #state_select_wrapper {
	margin: 25px auto 10px;
}
@media (min-width: 650px) {
	#school_search .modal-dialog {
		max-width: 600px;
	}
}
#home_school_search select[name="student_type_id"],
#home_school_search input[name="date_of_birth"] {
	text-align: center;
	width: auto;
}
#plans-landing-page-top > #school_name_input_form {
	display: grid;
	margin: 0 auto 20px;
	text-align: center;
}
#plans-landing-page-top > #school_name_input_form > #school_name {
	margin: 0 auto 10px;
}
#plans-landing-page-top #school_input_boxcomboboxTextInput,
.school-id-0 #school_name_input_form ul {
	display: block;
	max-width: 100%;
	text-align: center;
	width: 460px !important;
}
#home_school_search .input-group-addon.dropdown-toggle,
#school_name_input_form .input-group-addon.dropdown-toggle {
	display: none;
}
#home_school_search .input-group > ul,
#school_name_input_form .input-group > ul {
	border: 1px solid rgba(0,0,0,0.9);
	display: table;
	max-height: 30vh;
	overflow: scroll;
}
#home_school_search .input-group > ul > li
#school_name_input_form .input-group > ul > li {
	border-bottom: 1px solid #eee;
}
@media (min-width: 485px) {
	#home_school_search .combobox-container ul,
	#school_name_input_form ul {
		width: 100%;
		margin: 0 auto;
		max-width: 460px;
		left: 31.5% !important;
		z-index: 99999999;
	}
	#home_school_search .combobox-container ul li,
	#school_name_input_form ul li {
		color: black !important;
		padding: 2px 6px;
		width: 100%;
		margin: 0 auto;
	}
	#home_school_search .combobox-container ul > li > a,
	#school_name_input_form ul > li > a {
		padding: 2px 0;
	}
}
@media (max-width: 484px) {
	#home_school_search .input-group,
	#school_name_input_form .input-group {
	max-width: 90vw;
	margin: 0 auto;
	display: block;
	}
}
@media (max-width: 484px) {
	#home_school_search .input-group > ul,
	#home_school_search .input-group > ul li,
	#school_name_input_form .input-group > ul,
	#school_name_input_form .input-group > ul li {
	width: 100%;
	padding: 0;
	display: block;
	margin: 0;
	}
	#home_school_search .input-group > ul > li > a,
	#school_name_input_form .input-group > ul > li > a {
	padding: 3px 6px;
	}
}
#school_name_input_form > .btn {
	margin: 20px auto auto;
}

#new_school_submit_div {
	position: absolute;
	width: 100%;
	text-align: center;
}