html { 
	height: 100%;
	background: url('../images/login_bg.jpg') no-repeat center center fixed;
	height: 100% !important;
	filter:alpha(opacity=50);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

body.login { 
	background-color: rgba(0,0,0,.7) !important;
	min-height: 100% !important;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

#loginWrapper {
	background-color: #fff;
	align-items: center;
	display: flex;
	flex-direction: row;
	padding: 20px;
	border-radius: 15px;
}
#loginWrapper .card {
	border: none !important;
}


#loginBox {
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 10% 0;
}

#loginWrapper label {
	text-align: left;
	width: 100%;
	font-weight: 400;
	color: #444;
}

.form-login {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}