@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

.footer {
	overflow: hidden;
}

.main-title {
	font-size: 6vw;
	font-weight: bold;
	font-family: 'Poppins';
	letter-spacing: 3px;
}

/* start: this style is taken from bootstrap.overrides.scss angular application (#2124) */

.navbar-nav .link-active {
	background-color: #ffc107; /*--yellow*/
}

	.navbar-nav .link-active.nav-link {
		color: #343a40; /* --grey-dark */
	}

.nav-pills .nav-link.link-active,
.nav-pills .nav-link:hover {
	background-color: #007bff; /* $primary */
	color: #fff;
}

.navbar.bg-dark.box-shadow {
	box-shadow: 0 0 5px 0px #666; /* $box-shadow-navbar */
}

.navbar-brand {
	font-family: 'Poppins';
}

.external-login-button {
	background-color: #fff;
	color: #666;
	border-color: #a8a8a8;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	font-family: sans-serif;
	font-weight: 600;
	width: 50%;
}

@media (max-width: 750px) {
	.external-login-button {
		width: 95%;
		padding: 15px 20px;
	}

	.provider-margin {
		margin-left: 20px;
	}
}

.Facebook {
	height: 2em;
	align-content: center;
	background-image: url('data:image/svg+xml;utf8,%3Csvg width=%221em%22 height=%221em%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M24 47C36.7025 47 47 36.7025 47 24C47 11.2975 36.7025 1 24 1C11.2975 1 1 11.2975 1 24C1 36.7025 11.2975 47 24 47Z%22 fill=%22white%22%3E%3C/path%3E%3Cpath d=%22M24 1C11.2964 1 1 11.2964 1 24C1 35.4775 9.40298 44.9804 20.3846 46.7205L20.3936 30.6629H14.5151V24.009H20.3936C20.3936 24.009 20.3665 20.2223 20.3936 18.5363C20.4206 16.8503 20.7542 15.2274 21.6288 13.7487C22.9722 11.4586 25.0639 10.3407 27.6335 10.0251C29.7432 9.76362 31.826 10.0521 33.9087 10.3407C34.0529 10.3587 34.125 10.3767 34.2693 10.4038C34.2693 10.4038 34.2783 10.6472 34.2693 10.8005C34.2603 12.4053 34.2693 16.0839 34.2693 16.0839C33.2685 16.0659 31.6096 15.9667 30.5096 16.138C28.6884 16.4175 27.6425 17.5806 27.6064 19.4108C27.5704 20.8354 27.5884 24.009 27.5884 24.009H33.9988L32.962 30.6629H27.5974V46.7205C38.597 44.9984 47.009 35.4775 47.009 24C47 11.2964 36.7036 1 24 1Z%22 fill=%22%230075FA%22%3E%3C/path%3E%3C/svg%3E');
	background-size: contain;
	background-repeat: no-repeat;
}

.Google {
	height: 2em;
	align-content: center;
	background-image: url('data:image/svg+xml;utf8,%3Csvg width=%221em%22 height=%221em%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M43 24.4313C43 23.084 42.8767 21.7885 42.6475 20.5449H24.3877V27.8945H34.8219C34.3724 30.2695 33.0065 32.2818 30.9532 33.6291V38.3964H37.2189C40.885 35.0886 43 30.2177 43 24.4313Z%22 fill=%22%234285F4%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M24.3872 43.001C29.6219 43.001 34.0107 41.2996 37.2184 38.3978L30.9527 33.6305C29.2165 34.7705 26.9958 35.4441 24.3872 35.4441C19.3375 35.4441 15.0633 32.1018 13.5388 27.6108H7.06152V32.5337C10.2517 38.7433 16.8082 43.001 24.3872 43.001Z%22 fill=%22%2334A853%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M13.5395 27.6094C13.1516 26.4695 12.9313 25.2517 12.9313 23.9994C12.9313 22.7472 13.1516 21.5295 13.5395 20.3894V15.4668H7.06217C5.74911 18.0318 5 20.9336 5 23.9994C5 27.0654 5.74911 29.9673 7.06217 32.5323L13.5395 27.6094Z%22 fill=%22%23FBBC04%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M24.3872 12.5568C27.2336 12.5568 29.7894 13.5155 31.7987 15.3982L37.3595 9.94866C34.0018 6.88281 29.6131 5 24.3872 5C16.8082 5 10.2517 9.25777 7.06152 15.4674L13.5388 20.39C15.0633 15.8991 19.3375 12.5568 24.3872 12.5568Z%22 fill=%22%23EA4335%22%3E%3C/path%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: contain;
}

.Microsoft {
	height: 2em;
	align-content: center;
	background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 width=%2248%22 height=%2248%22%3E%3Cpath fill=%22%23F25022%22 d=%22M6 6h17v17H6z%22/%3E%3Cpath fill=%22%237FBA00%22 d=%22M25 6h17v17H25z%22/%3E%3Cpath fill=%22%2300A4EF%22 d=%22M6 25h17v17H6z%22/%3E%3Cpath fill=%22%23FFB900%22 d=%22M25 25h17v17H25z%22/%3E%3C/svg%3E');
	background-size: contain;
	background-repeat: no-repeat;
}

.eye {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-eye%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M16%208s-3-5.5-8-5.5S0%208%200%208s3%205.5%208%205.5S16%208%2016%208M1.173%208a13%2013%200%200%201%201.66-2.043C4.12%204.668%205.88%203.5%208%203.5s3.879%201.168%205.168%202.457A13%2013%200%200%201%2014.828%208q-.086.13-.195.288c-.335.48-.83%201.12-1.465%201.755C11.879%2011.332%2010.119%2012.5%208%2012.5s-3.879-1.168-5.168-2.457A13%2013%200%200%201%201.172%208z%22/%3E%3Cpath%20d%3D%22M8%205.5a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5M4.5%208a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200%22/%3E%3C/svg%3E');
}

.eye-slash {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-eye-slash%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.359%2011.238C15.06%209.72%2016%208%2016%208s-3-5.5-8-5.5a7%207%200%200%200-2.79.588l.77.771A6%206%200%200%201%208%203.5c2.12%200%203.879%201.168%205.168%202.457A13%2013%200%200%201%2014.828%208q-.086.13-.195.288c-.335.48-.83%201.12-1.465%201.755q-.247.248-.517.486z%22/%3E%3Cpath%20d%3D%22M11.297%209.176a3.5%203.5%200%200%200-4.474-4.474l.823.823a2.5%202.5%200%200%201%202.829%202.829zm-2.943%201.299.822.822a3.5%203.5%200%200%201-4.474-4.474l.823.823a2.5%202.5%200%200%200%202.829%202.829%22/%3E%3Cpath%20d%3D%22M3.35%205.47q-.27.24-.518.487A13%2013%200%200%200%201.172%208l.195.288c.335.48.83%201.12%201.465%201.755C4.121%2011.332%205.881%2012.5%208%2012.5c.716%200%201.39-.133%202.02-.36l.77.772A7%207%200%200%201%208%2013.5C3%2013.5%200%208%200%208s.939-1.721%202.641-3.238l.708.709zm10.296%208.884-12-12%20.708-.708%2012%2012z%22/%3E%3C/svg%3E');
}

.password-toggle {
	position: absolute;
	top: 55%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

.passwordField-padding {
	padding-right: 40px;
}

.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: content-box;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	margin-bottom: 3em;
}

	.lds-ellipsis div {
		position: absolute;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: currentColor;
	}

		.lds-ellipsis div:nth-child(1) {
			left: -85px;
			color: #F4B401;
		}

		.lds-ellipsis div:nth-child(2) {
			left: -35px;
			color: #3A4A99;
		}

		.lds-ellipsis div:nth-child(3) {
			left: 15px;
			color: #E84239;
		}

		.lds-ellipsis div:nth-child(4) {
			left: 65px;
			color: #30A853;
		}

.separator {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.separator::before,
	.separator::after {
		content: "";
		flex: 1;
		border-bottom: 2px solid #000;
		max-width: 25%;
	}

	.separator::before {
		margin-right: .5em;
	}

	.separator::after {
		margin-left: .5em;
	}

.mb-0 {
	margin-bottom: 0;
}


/* end: this style is taken from bootstrap.overrides.scss angular application (#2124) */