html{
	background-color:#2F2F2F;
}

body, #mainWrapper {
	height: 100%;
	background: url('/image/login/bodyBg-4d7b731686345e89cd63518fa0e31ba1.jpg') center no-repeat;
}

body, #mainWrapper, .form-control{
	font-size:12px!important;
}


.remember{
	display: block;
	font-size: 13px;
	height: 25px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 30px;
	z-index: 99;
	cursor: pointer;
}
.remember a{
	display:block;width:30px;height:30px;
}
.remember .showPassword{
	background:url('/image/login/elements-4b5b5789843b18f2e16dc7c80c169756.png') left;
}

.remember .hidePassword{
	background:url('/image/login/elements-4b5b5789843b18f2e16dc7c80c169756.png') 30px !important;
}

#mainWrapper {
	height: 100vh; 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:1px;
}

#authHeaderWrapper{
	clear:both;
	width: 100%;
	height:3%;
	padding-top:5px;
	padding-bottom:5px;
}

.login-container {
    margin-top: 100px;
    background:#fff;
    width: 650px;
    margin: 120px auto 0;
    background-color: #ffffff;
    border: 1px solid rgba(165, 165, 165, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(165, 165, 165, 0.5);
    box-shadow: 0 3px 9px rgba(165, 165, 165, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    
}

.register-tips {
	text-align:center;
	line-height:40px;
	color:#666;
	font-size:13px;
	    position: absolute;
    left: 0;
    right: 0;
}
.register-tips a{
	color:#2f81c7;
}
.logo{
	width: 80%;
    margin:auto;
	margin-top:45px;
}
.logo img{
	width:100%;
}
.login-card {
    width: 80%;
    margin: auto;
}
.login-form {
    padding:5% 10% 10%;
}

.alert{
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	margin-bottom:7px;
}