/* Enrollment Pages */
/* All css in /templates/ifs_template/css/custom.css needs to be moved here eventually so we are template-independent. */


.sch_yr_radio,
.landing_page_multi_state_option {
	display: inline-block;
	margin-left: 10px !important;
	padding: 0 10px 0;
}
.user-error, .rate-error, .customer-error {
	background-color: #ba2020;
	border: 0.5px inset rgba(0,0,0,0.2);
	border-radius: 8px;
	color: #fff;
	margin: 10px 0 40px;
	text-align: center;
}
.user-info {
	background-color: #5d96ba;
	border: 0.5px inset rgba(0,0,0,0.2);
	border-radius: 8px;
	color: #fff;
	margin: 10px 0 40px;
	text-align: center;
}
.alert-message .alert-heading,
.user-error .alert-heading {
	color: #fff;
	margin: 0 auto 6px;
}
.user-error > p,
.user-info > p,
.rate-error > p,
.customer-error > p,
.alert > div {
	background-color: #fff;
	border-radius: 6px;
	padding: 4px;
	color: #333;
	margin: 2px;
}
.sch_yr_radio > .sch_year,
.landing_page_multi_state_option > .sch_state {
	font-size: 15px;
	font-style: normal;
	padding-left: 7px;
}
.user-error h3, .rate-error h3, .customer-error h3, .rate-error h3 {
	/* I don't think this one ever happens since we changed h3 tags to h4. */
	color: #E64838;
	text-align: center;
	font-size: 18px;
}
#system-message > .alert, .selector_top_level_students, .old_plp_layout #multi_state_select {
	background-color: var( --e-global-color-quaternary );
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 24px;
	box-shadow: 0 0px 8px 1px rgba(0,0,0,0.25),inset 0 -1px 0 0 #148EDD,inset 0 0 0 1px #39719663,0 0.5px;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.user-error h4, .rate-error h4, #system-message > .alert > h4, .customer-error h4, .selector_top_level_students h3, #multi_state_select h3 {
	color: inherit;
	margin: 0;
	padding: 2px 2px 0;
}
#sp-main-body .user-error .alert-heading,
#sp-main-body .rate-error .alert-heading {
	color: #fff;
	font-size: 20px;
}
.enrollment h2#subtitle, .waiver h2#subtitle, .optin h2#subtitle {
	font-size: 24px;
}


/* Plans Landing Page & Enrollment Page 1 */
#input_quantity_parent /* `plan_terms`.`monsTot` rate type only */ {
	background-color: #253762;
	border: 2px solid #253762;
	color: #ffffff;
	margin: 0 auto 30px;
	position: relative;
	top: 10px;
	left: -3px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: -webkit-transform 0.2s 0s;
	-moz-transition: -moz-transform 0.2s 0s;
	transition: transform 0.2s 0s;
}
#input_quantity {
	border-radius: 0;
	text-align: center;
	width: 100px;
}


/* Enrollment Page 1 */
#enrollment-1.main-body {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
}
#plan_info_group {
	margin-bottom: 20px;
}
.plan_info_label, .plan_info_data {
	display: inline-block;
/*	vertical-align: top; */
	width: 49%;
}
.plan_info_label {
	text-align: right;
	font-weight: bold;
	padding-right: 0.5em;
}
.plan_info_data {
	padding-left: 0.5em;
	text-align: left;
/*	white-space: nowrap; */
}
.update-link {
	background-color: #f2f2f2;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: 0 0px 3px 1px #ccc;
	color: #337ab7;
	cursor: pointer;
	display: table;
	margin: 5px auto;
	padding: 1px 10px;
}
#plan_info_group > .plan_info_parent {
	line-height: 20px;
	margin-bottom: 8px;
	vertical-align: top;
}
#plan_info_group > #primary_sport_wrapper > .plan_info_label {

}
#plan_info_group > .plan_info_parent select,
#plan_info_group > .plan_info_parent input {
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	height: 32px;
	max-width: 100%;
	width: 160px;
}
.plan_info_data > select, .plan_info_data > input {
	height: 2.3em;
}
#acknowledgement-checkbox, #acknowledgement-label {
	display: table-cell;
	margin: 0;
}
#acknowledgement-checkbox {
	left: -8px;
	position: relative;
	vertical-align: middle;
}
#acknowledgement-label {
	font-size: 14px;
}
#acknowledgement {
	background-color: #f2f2f2;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 1px inset rgba(0,0,0,0.1);
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	max-width: 700px;
	margin: 20px auto 0;
}
#acknowledgement > ul {
	list-style: none;
	padding: 0;
}
#acknowledgement li {
	padding-bottom: 4px;
}
#acknowledgement > #underw_default li::before {
	content: "\2014\202F";
}
#acknowledgement > #underw_default li::after {
	content: "\202F\2014";
}
#acknowledgement > #underw_crum_and_forster {
list-style: disc;
padding-left: 12px;
}
#acknowledgement > #underw_crum_and_forster li::before {
	content: "";
}
#acknowledgement > #underw_crum_and_forster li::after {
	content: "";
}
#plan_info_group > #new-stud > h5, 
#plan_info_group > #campus_list > h5, 
#plan_info_group > #grad-stat > h5 {
	margin-bottom: 8px;
}
#plan_info_group > #new-stud > .plan_info_label, 
#plan_info_group > #campus_list > .plan_info_label, 
#plan_info_group > #grad-stat > .plan_info_label,
#plan_info_group > #new-stud > .plan_info_data, 
#plan_info_group > #campus_list > .plan_info_data, 
#plan_info_group > #grad-stat > .plan_info_data,
#plan_info_group > #primary_sport_wrapper > .plan_info_label,
#plan_info_group > #primary_sport_wrapper > .plan_info_data,
#plan_info_group > #relat_to_student_wrapper > .plan_info_label,
#plan_info_group > #relat_to_student_wrapper > .plan_info_data {
/*	margin-top: 4px;
	text-align: center;
	width: 100%; */
}
#plan_info_group > #new-stud select, 
#plan_info_group > #campus_list select, 
#plan_info_group > #grad-stat select,
#plan_info_group > #primary_sport_wrapper select,
#plan_info_group > #relat_to_student_wrapper select {
/*	display: table;
	margin: auto; */
}
#sports_enrollment_closed {
	color: #a90000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 28px auto;
	max-width: 500px;
	text-align: center;
}
#enroll_1_custom_verbiage {
	margin: 30px auto;
	max-width: 700px;
	text-align: center;
}


/* Enrollment Page 2 */
.enrollment_2 form[id*="login-form"] input {
	max-width: 100%;
}
.login-register > #sp-main-body {
	display: table;
	margin: auto;
	text-align: center;
}
#member-registration .fldset_gdpr_privacy_policy .wrapper_gdpr_privacy_policy_lbl {
	margin: 15px -15px 20px 0;
}
#member-registration .password-group {
	max-width: 100%;
}
#member-registration .password-group .input-group {
	display: block;
	max-width: 100%;
}
h2#subtitle {
	font-size: 28px;
}
.login-register .row {
	display: block;
}
.login-register > #sp-main-body .container:last-child {
  float: right;
}
.login-register #sp-main-body .registration.login-register {
	display: table;
	margin: 14px 0;
/*	width: auto; */
}


.checkbox-and-label {
	display: table;
	margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
}
.below-component {
	clear: both;
}
.com-ajaxregister.view-registration .nav-bottom > .back, .com-ajaxregister.view-registration .nav-bottom > .forward {
	width: auto;
	display: inline-block;
	padding: 8px 12px;
	margin: 0 8px 10px;
}
@media (max-width: 450px) {
	.com-ajaxregister.view-registration .nav-bottom > .back, .com-ajaxregister.view-registration .nav-bottom > .forward {
	display: table;
	padding: 8px 12px;
	margin: 0 auto 10px;
	}
}


/* Thus far only for IMG Acedamy */
#member-registration input[disabled="disabled"],
#member-registration input[readonly="readonly"] {
	background-color: #eee;
}


/* Enrollment Page 3 */
#acknowledge_on_pload {
	position: relative;
}
#acknowledge_on_pload .modal-content {
	display: grid;
	text-align: center;
}
#acknowledge_on_pload .btn_close_modal {
	display: table;
	margin: 40px auto 20px;
}
#coverage_info {
	font-size: 15px;
}
.dependents_table .dp_type {
	font-weight: 600;
	text-align: right;
}
.dependents_table .dp_dob,
.dependents_table .dp_gender {
	text-align: center;
}
#confirm_and_pay input,
.optin_or_waiver_page input {
	border: 1px solid #cacaca;
	border-radius: 4px;
}


/* Enrollment Page 4 */
#pay_onhold_messaging {
	font-style: italic;
	margin-bottom: 40px;
}


/* Flywire */
#flywire_preselect_wrapper #preselect_payment_type {
	border-top: 1px solid rgba(0,0,0,0.15);
	margin-top: 13px;
	padding-top: 10px;
}
#flywire_preselect_wrapper {
	background-color: #e7f5ff;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 8px;
	box-shadow: 0 0 12px 1px rgba(0,0,0,0.15);
	display: table;
	line-height: 18px;
	margin: 40px auto 0;
	padding: 20px 15px;
	text-align: center;
}
#flywire_preselect_wrapper #check-prepopulate-billing {
	font-size: 17px;
}
#flywire_preselect_wrapper #check-prepopulate-billing:hover {
	cursor: pointer;
}
#flywire_preselect_wrapper #flywire-prefill-billing {
	display: inline-block;
	height: 14px;
	line-height: 24px;
	margin: 3px;
}
#flywire_preselect_wrapper .prepopulate_billing {
	display: inline;
	padding: 0 5px;
}
#preselect_payment_type h6 {
	color: #253762;
}
#flywire_preselect_wrapper .radios_btns_wrapper_outter {
	margin-top: 7px;
}
#flywire_preselect_wrapper .prepopulate_billing_wrapper span,
#flywire_preselect_wrapper #coverage_info .prepopulate_billing_wrapper input,
#flywire_preselect_wrapper .radio_parent .label_wrapper,
#flywire_preselect_wrapper .radio_parent .form-check-input {
	display: inline-block;
	height: 14px;
	line-height: 24px;
	margin: 3px;
}
#flywire_preselect_wrapper label {
	color: #337ab7;
	font-size: 16px;
	font-weight: normal;
}
#flywire_preselect_wrapper input.radio {
	position: relative;
	top: 3px;
}
#message_body {
	max-width: 600px;
	margin: 0 auto 29px;
}
.enrollment_3 #check_prepopulate_billing_wrapper label #flywire-prefill-billing {
	height: auto;
}


/* Enrollment Pages */
#subuser_alert {
	background-color: #EAF7FF;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 1px inset rgba(0,0,0,0.1);
	display: table;
	line-height: 16px;
	padding: 10px;
	margin: 5px auto 10px;
	max-width: 700px;
	text-align: center;
}

.dependents_table {
	margin-left: auto;
	margin-right: auto;
}
.dependents_table td,
.dependents_table th {
	padding-left: 10px;
	padding-right: 10px;
}
#add_dependent_close_btn {
	opacity: 1;
	position: absolute;
	right: 0;
}
#add_dependent_close_btn .modal_close_btn_x {
	background-color: transparent !important;
}


/* Keiser Campuses Page */
.keiser-campuses .combobox-container,
.idp-schools .combobox-container  {
	display: table;
	margin: 0 auto;
}
.keiser-campuses #home_school_search .combobox-container ul {
	left: 0 !important;
	max-width: none;
}
.keiser-campuses #home_school_search .combobox,
.idp-schools #home_school_search .combobox {
	width: 500px;
}
#student_type_wrapper .select_wrapper {
	display: table;
	margin: 0 auto;
	text-align: center;
}


/* Update Payment Information Page */

.student_update_payment_info #card_update_fields {
	display: table;
	margin: 30px auto;
	max-width: 600px;
}
.student_update_payment_info #card_update_fields input {
	height: 34px;
}