.login-box {
	border: 1px solid #eee;
	border-radius: 5px;
	min-height: 350px;
	margin: 70px auto 10px auto;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 60%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 60%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
}
.login-box h1 {
	font-size: 20px;
	padding: 50px 0 15px 0;
	text-align: center;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}
.login-box h3 {
	font-size: 14px;
	color: #4a4a4a;
	text-align: center;
	line-height: 22px;
}
.login-box h4 {
	font-size: 13px;
	color: #999;
	text-align: center;
}
.login-page {
    color: #333;
}
.login-page,
.register-page {
    background: #d2d6de;
}
.login-logo, .register-logo {
    margin-top: 25px;
}
@media (max-width:768px) {
    .login-box, .register-box {
        width: 90%;
        margin-top: 20px
    }
}
.invalid-feedback {

    color: #e3342f;
}
.register-box {
    width: 80% !important;
    margin: 2% auto
}
.has-feedback label~.form-control-feedback {
    top: 20px;
}