body { 
	font-size:12px;
	background-image:url(../images/bg-login.jpg);
}
.aside-login {
	position:fixed;
	display:block;
	width:30%;
	height:100%;
	top:0;
	padding:30px;
	background-color:rgba(0,0,0,.45);
}
.aside-login.left {
	left:0;
	right:auto;
}
.aside-login.right {
	left:auto;
	right:0;
}
.form-container {
	position:absolute;
	width:100%;
	max-width:320px;
	text-align:center;
	top:50%;left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding:5px;
	border-radius:15px;
	border:1px solid #fff;
}
.form-container .panel {
	margin-bottom:0px;
	border-radius:15px;
	background-color:rgba(245,237,48,.55);
}
.form-container .panel .panel-body > img {
	height:150px;
	margin-top:-130px;
	margin-bottom:20px;
}
.form-container .panel .form-control {
	font-weight:bold;
}
.form-container .panel .form-control::placeholder {
	color:#ddd;
}
.form-container .panel button[type="submit"] {
	background-color:transparent;
	border:1px solid #fff;
	border-radius:15px;
	color:#fff;
}
.form-container .panel button[type="submit"]:hover {
	background-color:rgba(255,255,255,.3);
}
.form-group .input-group,
.form-group .form-control, 
.form-group .input-group-addon,
.form-group .input-group-btn .btn {
	background-color:transparent;
	border-color:transparent;
	box-shadow:none;
	border-bottom-color:#fff;
	border-radius:0px;
	color:#fff;
}

.form-group.has-error .input-group,
.form-group.has-error .form-control, 
.form-group.has-error .input-group-addon,
.form-group.has-error .input-group-btn .btn {
	border-color:transparent;
	border-bottom-color:#891010;
	color:#891010;
	box-shadow:none;
}
.form-group.has-error .help-block {
	color:#891010;
	text-align:left;
} 
.form-group.has-success .input-group,
.form-group.has-success .form-control, 
.form-group.has-success .input-group-addon,
.form-group.has-success .input-group-btn .btn {
	border-color:transparent;
	border-bottom-color:#006900;
	color:#006900;
	box-shadow:none;
}
.form-group.has-success .help-block {
	color:#006900;
	text-align:left;
} 

@media (max-width:768px){
	.aside-login {
		width:100%;
	}
}