.page-section.login
{
	background: linear-gradient(180deg, #4776AD 0%, #326198 100%);
	min-height:500px;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:20px;
	padding-top:100px;
}

.page-section.login h1
{
	color:#fff;
	text-align:center;
}

.page-section.login .login-box-wrap
{
	width:100%;
	display:flex;
	justify-content:center;
}

.page-section.login .login-box
{
	min-width:300px;
	max-width:400px;
	background:#fff;
	padding:10px;
	flex-direction:column;
	margin-top:15px;
	opacity:0;
	transition: all 0.5s;
	pointer-events:none;
	position:absolute;
	transform:translateX(-100%);
}

.page-section.login .login-box.active
{
	opacity:1;
	pointer-events:all;
	transform:translateX(0);
	position:relative;
}

.page-section.login .login-box input
{
	margin-top:5px;
	margin-bottom:5px;
}

.page-section.login .login-box .op-input
{
	width:100%;
}

.page-section.login .login-box .btn-generic
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}