@media only screen and (min-width: 768px){
	.login-page .outer {display: table;position: absolute;height: 100%; width: 100%;}
	.login-page .middle {display: table-cell; vertical-align: middle;}
	.login-page .inner {
	  	margin-left: auto;
	  	margin-right: auto;
	  	width: 500px;
		min-height:420px;
	  	border-radius:0.3em;
		padding-top:10px;
		box-shadow: 0 5px 15px -4px rgba(31, 73, 125, 0.8), 
					0 -3px 5px -4px rgba(31, 73, 125, 0.8), 
					1px 0 15px -4px rgba(31, 73, 125, 0.8), 
					-1px 0 5px -4px rgba(31, 73, 125, 0.8);
	}
	.login-page .form-login{
		padding:15px;
	}
	.login-page .request-code{
		min-height:220px;
		padding-bottom: 25px
	}
	.login-page #sideBarToggler,
	.login-page .jba-sidebar{display: none}	
}
@media only screen and (max-width: 767px){
	body.login-page{
		padding:25px;
	}
	.page-holder{
		height:calc(100% - 50px);
		max-width:98%;
		margin:5px 15px;
	}
	.request-code-page{
		min-height:100%;
		margin:0 auto;
		padding:25px;
	}
}