.main{
height : 100vh;
}

.identity-left-side{

}

.field-validation-error {
							  width:100%;
}

.footer.custom-padding {
width:100%;
margin-top:0;margin-left:0;
}

.login-right {
	background: url('/images/RRLoginChalkboard.jpg');
	background-size: cover;
	background-position: bottom;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	border: 1px solid #DADEF0 !important;
	color: #6c7485 !important;
	font-size: 16px;
	transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
	background-color: transparent !important;
}

	.identity-left-side.identity-form-container .login-form {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}


.identity-right-side {
	background: url('/images/RRLoginChalkboard.jpg');
	background-size:cover;
background-position: bottom right;
	color: #ffffff;
	position:relative;
min-height:400px;
}

	.identity-right-side img {
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: 300px;
max-width:100%;
	}


.identity-right-side .title-text {
		font-size: 70px;
		text-align: right;
		line-height: initial;
		color: #ffffff !important;
		font-weight: bold;
	}
	.identity-right-side .subtitle-text {
		font-size: 20px;
		text-align: right;
		font-weight: normal;
		line-height: 1.5;
		
	}

.login-right {
/*	margin-top: 30%;
	margin-left: 10%;
	margin-right: 20%;*/
}

	.gold-text {
		color: #f3b784;
	}

.first-time-user h4 {
	color: #000;
}

.first-time-user .btn-default {
	background: #8286ed;
min-width:70%;
}

.container {
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
}

.container .row.page-row{
	min-height:100vh;
}

.login-form{
	/*margin-top:2em;*/
	margin-top:20%;
}

.login-first-input{
	margin-top:41px;
}

.login-form label.form-label{
	font-weight:bold;
	font-size: 13px;
	color:#42444c;
}

.login-form input.form-control {
	border: 1px solid #DADEF0 !important;
	color: #101112 !important; /*#96a1b8!important;*/
	font-size:16px;
	background-color: #ffffff !important;
}

	.login-form input.form-control:focus {
		border: 1px solid #8286ed !important;
		color: #0c1b33 !important;
		font-size: 16px;
		box-shadow:none;
	}
	.login-form input.form-control:active {
		border: 1px solid #8286ed !important;
		color: #0c1b33 !important;
		font-size: 16px;
		box-shadow: none;
	}

.login-form input[type="password"] {
	color: #353C8B !important;
	font-size: 16px !important;
	letter-spacing: 0.025em;
}

.login-form input[type="password"]:focus {
	color: #353C8B !important;
	font-size: 16px !important;
	letter-spacing: 0.025em;
}

.purple-active-input {
	border: 1px solid #8286ed !important;
	font-size: 12px !important;
	letter-spacing: 0.025em;
}

.forgot-password{
	font-size:14px;
	font-weight:bold;
	color:#353c8b;
}

.login-submit {
	background-color: #f2b784;
	border: none;
	border-radius: 36px;
	width: 70% !important;
	font-size: 14px;
	color: #353c8b;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
}

	.login-submit:hover {
		background-color: #353c8b;
		color: #ffffff;
	}

.welcome-header{
color:#0c1b33;
font-size:30px;
font-weight:bolder;
}

.register {
	margin-top: 2em;
	color: #0c1b33;
	font-size: 14px;
	font-weight: normal;
}

.register-link{
font-weight:bold;
color:#353c8b;
text-decoration:underline;
}

.form-check-input:checked {
	background-color: #353c8b !important;
	border-color: #353c8b !important;
	box-shadow:none;
	border-radius:0px;
}

.form-check-input {
	border-radius: 0px !important;
	border-color: #dadef0 !important;
}

.form-check-input:focus {
	
	box-shadow: none;
	
}
.form-check-input:active {
	box-shadow: none;
}


@media screen and (min-width: 1400px) {
	.identity-left-side.identity-form-container .login-form{
		max-width: 1320px;
	}
}

@media screen and (min-width: 1200px) {
	.identity-left-side.identity-form-container .login-form {
		max-width: 1140px;
	}
}

@media screen and (max-width:1125px){
	.identity-right-side .title-text {
		font-size: 60px;
	}

/*	.login-right {
		margin-left: 5%;
		margin-right: 5%;
	}*/
}

@media screen and (min-width: 992px) {
	.identity-left-side.identity-form-container .login-form {
		max-width: 960px;
	}
}

@media screen and (min-width: 768px) {
	.identity-left-side.identity-form-container .login-form {
		max-width: 720px;
	}
}

@media screen and (min-width: 576px) {
	.identity-left-side.identity-form-container .login-form {
		max-width: 540px;
	}
}

@media screen and (max-width:400px) {

		.login-submit {
			width: 100% !important;
		}

		.identity-right-side .title-text {
			font-size: 40px;
		}

		.identity-right-side .subtitle-text {
			font-size: 14px;
		}

		.identity-left-side img {
			width: 250px !important;
		}
	}