body { 
	background: url(/img/broker/layout/login-background.jpg) no-repeat;
	background-size: cover;
	padding:0;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #053863;
	font-weight: 100;
	font-size: 24px;
	color: #333e48;
}

h3 strong {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
}

#rme { margin-left:20px; display:inline; }
#login { display:block; text-align:center; margin:0px auto; width:100%; height:100%; min-height:600px; background-color:#ffffff; border:1px solid #efefef; border-radius:6px; padding:40px; }

.login-wrap {
	background:rgba(255,255,255, 0.8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -1;
}

.login { height:100%; min-height:600px; }
.padd { padding:40px; background:#fff; }

#login-form { margin:30px auto; max-width:300px; text-align:left; }
#forgot-form { margin:10px auto; max-width:400px; text-align:left; }

#login-form .btn-primary { background-color: #333e48; }

p.bg-success, p.bg-warning { font-size:14px; border-radius:6px; }

.login-side {
	margin-top: 15%;
}

.login { height:100vh; }
.login>.row { height:100%; display:flex; align-items:center; justify-content: center; }
.login .login-side { margin-top:0; }

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

	#rme { margin-left:40px; display:block; float:left; margin-top:20px; }
	
}

@media only screen and (max-width : 1200px) {
	body {
		background: #eee;
		padding: 20px;
	}
	.login-side {
		display:none;
	}
}

@media only screen and (min-width : 1400px) {
	h3 {
		font-size: 28px;
	}
	.login-side {
		margin-top: 15%;
	}
}

@media only screen and (min-width : 1600px) {
	h3 {
		font-size: 32px;
	}
	.login-side {
		margin-top: 15%;
	}
}