@charset "UTF-8";
/* CSS Document */


.form-control {
	border-radius: 100px;
	background: #FFF;
	padding: 0.75rem 1.25rem;
	border: 0;
	width: 100%; height:unset;
}

.bg-btm {
	background: url(../images/login_images/bg-btm.svg) top left no-repeat;
	z-index: 1
}

.btn {
	border-radius: 100px;
	background: #316094;
	color: #FFF;
	padding: 0.65rem 1rem;
	border: 0;
	transition: all 0.2s ease-in-out; display:flex; width:100%; justify-content:center;
}

.btn:hover, .btn:focus {
	background:#1f476b;
	color: #FFF;
}

.logo {width: 110px;  height: auto;}


.hello {
	width: 100%;
	display: block;
	color: #FFF;
	font-size: 8rem;
	font-family: vag-rundschrift-d, sans-serif;
	font-weight: 300;
	line-height:1;
}
.loginForm .dispTableCell > div {
	padding-left: 100px;
	width: 400px;
	text-align: right;
}
.confirmUser {
	text-align: center !important;
	color: #FFF;
	font-size: 1.5em;
	padding: 10px 0;
	display: block;
}


.form-group {
	position: relative;
}

span.signinError {
	color: #b70400 !important;
    visibility: visible;
    text-align: center;
    position: absolute;
    bottom: -40px;
    width: 100%;
    display: block;
    left: 0;
}
.footer {
	position: absolute;
	bottom: 10px;
	width: 100%;
	font-size: 13px;
}

textarea:focus, input:focus, input[type]:focus {   
    border-color: rgba(175, 117, 0, 1);
    box-shadow: 0;
    outline: 0 none;
}

.ErrorText {color:#fff; width:100%; font-size:0.9rem; text-align:center; display:flex; justify-content:center;}


.loginForm {
	background: url(../images/login_images/bg-mid.svg) top left no-repeat;
	background-size: cover;
}
.loginForm {background-position-x: 11px;}

.login-page .login-right {height:100vh;}
.login-page .login-left h2 {font-size:1.8rem;}
.login-page .login-right {justify-content:center; align-items:center;}
.login-page .login-right .form-box {max-width:300px; align-items:center; margin-bottom:5rem;}
.login-page .login-right .form-box.SelfReg {max-width:580px;}

.login-page .logo {position:absolute; left:2rem; bottom:7rem; z-index:99; width:120px;}



@media screen and (min-width:768px) {

	.login-page .logo {position:unset; left:unset; bottom:unset; z-index:99; width:200px;}
	.login-page .login-right .form-box {max-width:unset; margin-bottom:0;}


	}


@media screen and (min-width:992px) {

	.login-page .login-left {height:100vh;}
	.login-page .login-right {min-height:calc(100vh - 120px); align-items:unset;}
	.login-page .login-right .form-box {align-items: flex-start;}
	.logo {width:250px;}

	}