body{
	background-image: url(../img/loginbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
main.content{
	height: 100%;
	min-height: 100%;	
}
.container{
	position: relative;
	height: 100%;
}
.login-section{
	margin: 0;
	position: absolute;
	top:50%;
	right: 0;
	margin-top: -200px;
}
.login-top{
	text-align: center;
	font-size: 22px;
	color: #464646;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 10px;
}
.login-top img{
	margin-right: 14px;
	width: 40px;
}
.user-section{
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 26%);
}
.login-main-new {
    padding: 40px 30px 20px 30px;
}
.login-main-new .form-control{
	height: 50px;
	padding: 10px 20px;
	font-size: 14px;
}
.btn-sub{
	background-color: #fcb833;
	color: #fff;
	padding: 10px 16px;
	letter-spacing: 3px;
	box-shadow: 1px 1px 4px 1px rgb(202 230 254 / 80%);
	font-size: 18px;
}
.btn-sub:hover{
	background-color: #fcb833;
	color: #fff;
}