html {
	background: none;
}

body {
	background-image: radial-gradient(at 17% 0%, #f0f0f0 0, transparent 50%),radial-gradient(at 98% 1%, #f0f0f0 0, transparent 50%),radial-gradient(at 33% 87%, #f0f0f0 0, transparent 50%),radial-gradient(at 65% 86%, #f0f0f0 0, transparent 50%),radial-gradient(at 61% 21%, #f0f0f0 0, transparent 50%),radial-gradient(at 36% 1%, #f0f0f0 0, transparent 50%),radial-gradient(at 31% 31%, rgba(255, 171, 82, 0.8) 0, transparent 50%),radial-gradient(at 42% 32%, #f58f8f 0, transparent 50%),radial-gradient(at 0% 1%, #f0f0f0 0, transparent 50%),radial-gradient(at 10% 66%, #f0f0f0 0, transparent 50%),radial-gradient(at 64% 56%, #e830a9 0, transparent 50%),radial-gradient(at 68% 46%, #8c54bb 0, transparent 50%),radial-gradient(at 99% 98%, #f0f0f0 0, transparent 50%),radial-gradient(at 67% 59%, #fb75ff 0, transparent 50%),linear-gradient(#8832de,#8832de);
  background-attachment: fixed;
  background-color: var(--ThemeBgColor);
}

.login_cont {
	box-shadow: 0px 12px 20px -8px rgba(26,26,26,0.24), 0px 1px 0px 0px rgba(204,204,204,0.5) inset, 0px -1px 0px 0px rgba(0,0,0,0.17) inset, -1px 0px 0px 0px rgba(0,0,0,0.13) inset, 1px 0px 0px 0px rgba(0,0,0,0.13) inset;
}

.login_cont label {
	color: #193f79;
	font-size: 13pt;
	font-family: Poppins;
	font-weight: 600;
}

a[href="/password-reset"] {
	font-size: 0.6em !important;
	font-family: Poppins;
}

/*
color: dodgerblue;
  font-size: 0.6em;
  font-family: Poppins;
}
*/

.login_btn, .signup_btn {
	border-radius: 7px;
	font-family: bahnschrift,sans-serif;
	font-size: 15pt;
	transition: 150ms;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	font-family: Poppins;
	font-size: 16px;
	padding: 5px;
	height: unset;
}

.login_text {
	width: 100%;
	border: none;
	/* background: #f0f3f8; */
	border-radius: 5px;
	height: 33px;
	margin-top: 5px;
	appearance: none;
	padding: 0 10px;
	font-family: bahnschrift,sans-serif;
	font-size: 11pt;
	color: #3e689f;
	margin-bottom: 16px;
	transition: 150ms box-shadow, 250ms border-radius;
	border: 2px solid #193f7933;
	/*! border-radius: 0; */
	border-bottom: 1px solid red;
	border: none;
	border-bottom: 2px solid #3e689f38;
	background: none;
	border-radius: 0;
}

.login_text:focus-within {
	border-radius: 5px;
}

.social-signin {
	background: #e8eaf5;
	color: black;
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

@media (max-width: 600px) {
	
	body {
		background: white;
		padding: 0;
	}

	.login_cont {
		box-shadow: none;
	}

}

.invalid .login_text {
	box-shadow: none;
	border-color: #fb4a4a;
}