/* Hacky LWC styling workarounds (May not keep long-term) */
div [id*="help-message"] {
	display: none !important;
}

abbr[title="required"] {
	display: none;
}

input.slds-input[type="text"],
input.slds-input[type="tel"],
input.slds-input[type="password"] {
	height: 39.52px;
}

.slds-modal__header h1:focus-visible {
	outline: none;
}

.slds-popover {
	max-width: 250px !important;
}
/* Hacky LWC styling workarounds (May not keep long-term) */

body {
	background-color: #EFF2F5 !important
}

input[type="number"] {
	height: 39.52px;
}

select {
	height: 39.53px !important;
	background-image: url("../images/picklist-arrow.svg");
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
}

.section-1 {
	margin-top: -10px;
}

.wrapper .application-border {
	border: 0.5px solid #C5C8CC;
	border-radius: 8px;
}

.wrapper .input-label,
.wrapper .input-label font {
	font-family: AkkuratBlack;
	font-weight: 900;
	line-height: 12.11px;
	font-size: 10px !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #636466;
}

.wrapper .application-wrapper {
	display: flex;
	align-items: flex-start;
	padding-top: 25px;
}

.fixed {
	position: fixed;
	width: -webkit-fill-available;
	padding-right: 108px;
	top: 15px;
}

.break-word {
	overflow-wrap: anywhere;
}

.wrapper .border-radius-s {
	border-radius: 4px;
}

.wrapper .checkbox-input-label {
	cursor: pointer;
	line-height: 24px;
}

@media (max-width: 430px) {
	.wrapper .checkbox-input-label {
		margin-left: 10px;
	}
}

.wrapper .checkbox-input-label-disabled {
	line-height: 24px;
}

.wrapper .checkbox-input-label-read-only {
	line-height: 24px;
}

.wrapper .content-spacing {
	padding-left: 96px !important;
	padding-right: 96px !important;
}

.wrapper .fit-content {
	width: fit-content;
}

.wrapper .foreground-color {
	background-color: #fff;
	padding-bottom: 10px;
	box-shadow: none !important;
	border-radius: 3px;
}

.wrapper .foreground-with-tabs {
	box-shadow: none !important;
	margin-top: 0px !important;
}

.required-label-color,
.required-label-color font {
	color: #ED1C24 !important;
}

.wrapper .helptext-position,
.wrapper .helptext-position font {
	margin-left: .25rem;
	top: -0.2rem;
	position: relative;
}

.wrapper .input-footer-text,
.wrapper .input-footer-text font  {
	font-size: 14px;
	color: #636466;
}

.wrapper .input-label-container {
	display: flex;
	align-items: flex-end;
	height: 24px;
}

.wrapper .invisible {
	visibility: hidden !important;
}

.wrapper .justify-left {
	justify-content: left !important;
}

.wrapper .main-container {
	width: 100%;
	flex: 1 0 auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.wrapper .main-container:before,
.wrapper .main-container:after {
	content: " ";
	display: table;
}

.wrapper .main-container:after {
	clear: both;
}

.wrapper .main-container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.wrapper .main-container-fluid:before,
.wrapper .main-container-fluid:after {
	content: " ";
	display: table;
}

.wrapper .main-container-fluid:after {
	clear: both;
}

.wrapper .main-container>.navbar-header,
.wrapper .main-container>.navbar-collapse,
.wrapper .main-container-fluid>.navbar-header,
.wrapper .main-container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

.wrapper .optional-label,
.wrapper .optional-label font {
	font-family: Akkurat;
	font-weight: 400;
	line-height: 12.51px;
	font-size: 10px !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-left: auto;
	margin-bottom: 6px;
	color: #939598;
}

.wrapper .student-tile-container {
	background-color: #fff;
	margin-bottom: 15px;
	padding: 16px;
	padding-top: 0px;
}

.lwc-modal-btn {
	font-size: 15px !important;
}

.checkbox-label-inline {
	display: flex;
	align-items: baseline;
}

.wrapper input:focus,
.wrapper select:focus {
	border: 2px solid #f7941e !important;
	box-shadow: none !important;
}

.error-text {
	color: #ED1C24 !important;
}

.orange-link {
	color: #f7941e !important;
}

.mobile-action-div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.login-page {
	height: 100vh;
	padding-bottom: 2rem;
}

.login-header {
	padding: 24px;
	display: flex;
	justify-content: center;
	background-color: white;
}

.login-body-container {
	max-width: 560px !important;
}

.login-body {
	padding: 32px 40px 32px 40px !important;
}

.login-body h1 {
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	font-size: 40px !important;
	font-weight: 900 !important;
}

.login-body h4 {
	font-size: 18px !important;
}

.login-body .btn-primary {
	padding: 12px 24px 12px 24px !important;
	font-size: 18px !important;
}

.login-body .mobile-action-text {
	font-size: 14px !important;
}

.no-scroll {
	overflow: hidden;
	height: 100%;
}

#goog-gt-tt,
.goog-te-balloon-frame {
	display: none !important;
}

.goog-text-highlight {
	background: none !important;
	box-shadow: none !important;
}

@media (max-width: 992px) {
	.login-body-container {
		max-width: 100% !important;
	}
}

@media (max-width: 500px) {
	.login-body h1 {
		font-size: 36px !important;
		line-height: 36px !important;
		font-weight: 900 !important;
	}

	.login-body .btn-primary {
		width: 100%;
	}

	.login-body .name-input {
		width: 100% !important;
	}

	.login-body input {
		width: -webkit-fill-available;
	}
}

@media (max-width: 450px) {
	.login-body h1 {
		font-size: 32px !important;
		line-height: 32px !important;
		font-weight: 900 !important;
	}
}

@media (max-width: 425px) {
	.login-body h1 {
		font-size: 30px !important;
		line-height: 30px !important;
		font-weight: 900 !important;
	}
}

@media (max-width: 400px) {
	.login-body h1 {
		font-size: 28px !important;
		line-height: 28px !important;
		font-weight: 900 !important;
	}
}

@media (max-width: 385px) {
	.login-body h1 {
		font-size: 26px !important;
		line-height: 26px !important;
		font-weight: 900 !important;
	}
}

@media (max-width: 375px) {
	.login-body h1 {
		font-size: 24px !important;
		line-height: 24px !important;
		font-weight: 900 !important;
	}
}

@media only screen and (max-width: 1350px) {
	.wrapper .content-spacing {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.wrapper .sticky-sidebar {
		padding-right: 15px !important;
	}
}

@media only screen and (max-width: 992px) {
	.wrapper .application-wrapper {
		display: block;
		padding-top: 25px;
		padding-bottom: 130px !important;
	}

	.wrapper .ranking-mobile-padding {
		padding-bottom: 160px !important;
	}

	.wrapper .no-progress-bar {
		padding-bottom: 10px !important;
	}
	
	.wrapper .application-page-component {
		width: 100%;
	}
	
	.wrapper .sticky-sidebar {
		margin-left: 0px !important;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		padding: 15px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		z-index: 999 !important;
		background-color: #EFF2F5 !important;
		margin-top: 10px !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

@media (max-width: 767px) {
	.wrapper .content-spacing {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.navbar>.main-container .wrapper .navbar-brand,
	.navbar>.main-container-fluid .wrapper .navbar-brand {
		margin-left: -15px;
	}

	.wrapper .main-container>.navbar-header,
	.wrapper .main-container>.navbar-collapse,
	.wrapper .main-container-fluid>.navbar-header,
	.wrapper .main-container-fluid>.navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 500px) {
	.mobile-action-div {
		display: block;
	}
}