body.login{
	margin:0;
	font-family:Open Sans, Arial, sans-serif;
	font-size:12px;
	background:#428bca; overflow:auto;
}
form{
    padding:0;
    margin:0;
}
/*.login-left{
	width:60%;
	float:left;
	display:table-cell;
	text-align:center;
}
.login-left img{
	width:100%;
	max-width:1000px;
}*/
.login-right{
	/*background-color:white;
	width:40%;
	position:fixed;	
	right:30%;
	top:0;
	bottom:0;*/
    width: 400px;
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px ;
    z-index: 300;
    border-radius:3px;
}
.logoLog{
	/*padding-top:30px;*/
	height:90px;
	text-indent:-9999px;
	background:url('/_layouts/15/LacViet.Bio.MembershipProvider/images/logoLogin.png?v=1.1') no-repeat center top;
}
.logon1{
	text-align:center;
    color:#ee2e24;
    font-size:18px;
	margin-top:7px;
	margin-bottom:12px;	
}
.logon2{
	text-align:center;
	color:#428bca;
	font-size:18px;
	margin-top:4px;
}
.loginBox{
     /*padding: 50px 50px 40px 40px;*/
}
@media (max-width:460px){
.login-right {
    width: 280px;
}
}
 
.label{
	font-size:15px;
	color:#666;
	line-height:20px;
}
div.inputBox{
	margin-bottom:5px;
}
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] {
    appearance: none;
    display: inline-block;
    height: 34px;
    padding: 6px;
    width:100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 15px;
    color: #888;
}
.btnLog{
	margin-top:10px;
}
.btnLog input{
    border:0;
    border-radius:2px;
	height:34px;
	line-height:34px;
	font-size:14px;
    color: #fff;
    background-color: #428bca;
	width:100%;
}
.btnLog input:hover{
	background-color:#106ea5;
	cursor:pointer;
}
.footer{
	padding-top:10px;
    margin-top:30px;
	text-align:center;
	border-top:1px #ddd solid;
	font-size:12px;
	color:#666;
	line-height:20px;
	padding-bottom:20px; width:100%; background-color:white;
}
div.checkPass{
	margin:5px 0;
	color:#858585;
}
.wrap{
	position:relative;
	z-index:90;
	background-color:white;
}
@media (min-width:768px){
.loginBox {
    background: rgba(0, 0, 0, 0) url("/_layouts/15/LacViet.Bio.MembershipProvider/images/icon-user.png") no-repeat scroll center 5px;  
    padding-top:115px; 
}
}
#lblAccountInfo{
    display:block;
    margin:5px;
    text-align:center;   
}


@media (max-width:991px){
.login-left{
	width:50%;
}
.login-right{
	width:50%;
}
.login-right > div{
	padding-left:10px;
	padding-right:10px;
}
}
@media (max-width:600px){
.login-left{
	display:none;
}
.login-right{
	width:100%;
}
}