.mb-10 {
	margin-bottom: 6rem!important;
}
.mb-20 {
	margin-bottom: 12rem!important;
}
.py-48 {
	padding-top: 48px;
	padding-bottom: 48px;
}

input[type=text] ~ .password-hidden {
	display: none;
}

input[type=password] ~ .password-shown {
	display: none;
}

.mb-6 {
	margin-bottom: 4rem!important;
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 86rem;
		width: 86rem;
		padding: 0px;
	}
}

.btn {
	border: none;
	background: #3200cb;
	font-size: .875rem;
	max-width: 100%;
	cursor: pointer;
	vertical-align: baseline;
	color: #fff;
	padding: 8px 12px;
}

/*passwod validation check start*/

.sfm > * {
	display: none;
}
.focus .focus, .visited .visited, .required .required, .checked .checked, .not-checked .not-checked, .matched .matched, .not-matched .not-matched, .pattern-valid .pattern-valid, .pattern-invalid .pattern-invalid, .submit-invalid .submit-invalid {
	display:block;
}
.sfm .pattern-invalid, .sfm .required, .sfm .not-matched {
	color:red;
}

.validation {
	display:block;
	list-style:none;
	padding-left:0;
}
.validation li:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E22800'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M6.706 6l3.15-3.144c.165-.201.151-.495-.033-.679-.184-.184-.478-.198-.68-.033L6 5.294l-3.144-3.15c-.201-.165-.495-.151-.679.033-.184.184-.198.478-.033.68L5.294 6l-3.15 3.144c-.196.197-.196.515 0 .712.198.192.514.192.712 0L6 6.706l3.144 3.15c.198.192.514.192.712 0 .196-.197.196-.515 0-.712L6.706 6z' transform='translate(-776 -724) translate(612 394) translate(32 224) translate(0 26) translate(132 80)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	font-size: 15px;
	line-height: 6px;
}
.pattern-uppercase-valid .pattern-uppercase:before, .pattern-lowercase-valid .pattern-lowercase:before, .pattern-digit-valid .pattern-digit:before, .pattern-symbol-valid .pattern-symbol:before, .pattern-nospace-valid .pattern-nospace:before, .pattern-size-valid .pattern-size:before, .pattern-allow-chars-valid .pattern-allow-chars:before, .pattern-notallow-chars-valid .pattern-notallow-chars:before {
	font-size: 15px;
	line-height: 6px;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310BC00'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M3.263 6.263c-.132 0-.258-.052-.35-.144L.143 3.356c-.164-.201-.15-.495.034-.679.184-.184.478-.198.68-.033l2.406 2.412L8.143.15c.197-.181.5-.176.69.01.19.188.2.49.023.69L3.62 6.113c-.092.098-.222.152-.356.15z' transform='translate(-776 -692) translate(612 394) translate(32 224) translate(0 26) translate(132 48) translate(1.5 3)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
section {
	margin-bottom: 20px;
	padding: 20px;
	width: 400px;
}
section:nth-child(odd) {
	background: #efefef;
}
label {
	display:block;
	font-weight:bold;
}

/*progressbar*/
.passwordStrength .progressWrapper>p {
	margin-bottom: 0.25rem;
}

.securityProgressBar .securityProgressBarInner.overThreshold {
	background: #f99505;
}

.securityProgressBar .securityProgressBarInner {
	position: absolute;
	height: 100%;
}

.passwordStrength {
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 0.75rem;
	margin-bottom: 1rem;
}

.securityProgressBar-le--dts {
	background: #aec6d3;
}

.passwordStrength .progressWrapper .progressBar {
	height: 0.1875rem;
}

/*passwod validation check end*/

.mainClass {
	height: 100%;
}

.inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 20rem;
	animation: appear .6s ease-in-out forwards;
	width: 100%;
}

@media (max-width: 991.98px) {
	.inner {
		display: block;
	}
}


@media (max-width: 991.98px) {
	.loginForm {
		width: 100%;
		max-width: 100%;
	}

	.loginForm > .img {
		width: 30%;
		max-width: 30%;
	}

	.authForm {
		width: 70%;
		max-width: 70%;
	}
}

@media (max-width: 575.98px) {
	.loginForm > .img {
		display: none;
	}

	.authForm {
		width: 100%;
		max-width: 100%;
	}
	.justify-content-between:has( > .footer-legal-notes) {
		display: block !important;
	}

	.footer-legal-notes {
		justify-content: space-around;
	}

	.footer-copyright{
		display: block;
		text-align: center;
	}

	.title {
		display: none;
	}

	.navbar-brand {
		width: 100%;
		text-align: center;
	}

}