html, body { margin: 0; padding: 0; position: relative;font-style: normal !important; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; width: 100%; height: 100%; overflow: auto; color:#37433f; top:0; left:0;  }

#wrap-login{width:100%; height:100%; float:left; position:relative; background:#eef2f5;}
#wrap-login .panel-login {width: 400px; height: 420px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -200px; border-radius: 5px; padding: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.15);}
/*#wrap-login .panel-login .logo{position:absolute; top:-85px; left:50%; margin-left:-79px; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius:2px; background:#fff;}*/

#wrap-login .panel-login .logo{position:absolute;top: 394px;left:50%;margin-left: 130px;box-shadow: 0 0 5px rgba(0,0,0,.1);border-radius:2px;background:#fff;width: 60px;opacity: 0.6;}

#wrap-login .panel-login .fa-user-secret { display: block; margin: 0 auto; width: 75px; height: 75px; line-height: 72px; padding-left: 3px; font-size: 30px; text-align: center;  border-radius: 50%;  border: 3px solid rgba(0,0,0,.1); margin-bottom: 25px; margin-top: 10px;}
#wrap-login .panel-login h3 {font-size: 20px; margin: 0; padding: 0; display: block; text-align: center; font-weight: 400;}
#wrap-login .panel-login h4 {font-size: 13px; color: rgba(0,0,0,.5); text-align: center; margin: 0; padding: 5px 0 0px 0;}
#wrap-login .panel-login ul.form { width: 100%; float: left; margin: 0; padding: 0; list-style: none;}
#wrap-login .panel-login ul.form li { width: 100%; float: left; position: relative; margin-top: 20px;}
#wrap-login .panel-login ul.form li:before { width: 30px; height: 35px; display: block; font-family: 'FontAwesome'; line-height: 35px; text-align: center; position: absolute; top: 0;  left: 0; color: rgba(0,0,0,.5); font-size: 14px;}
#wrap-login .panel-login ul.form li.user:before {content: "\f007";}
#wrap-login .panel-login ul.form li.pass:before { content: "\f084";}
#wrap-login .panel-login ul.form li input[type='text'],
#wrap-login .panel-login ul.form li input[type='password'] { width: 100%; height: 35px; background: none;  border: 1px solid rgba(0,0,0,.1); padding: 0 5px 0 28px; transition: .3s;  border-radius: 3px; font-size:13px; background:rgba(0,0,0,.02)}
#wrap-login .panel-login ul.form li input[type='text']:focus,
#wrap-login .panel-login ul.form li input[type='password']:focus{outline:none; border-color:#0c77bb;}
#wrap-login .panel-login ul.form li .bnt-login { width: 100%; line-height: 38px; background: #0c77bb; border-radius: 3px; text-decoration: none; color: #fff; text-align: center;display: block; font-weight: 500; transition: .3s; cursor:pointer; }
#wrap-login .panel-login ul.form li .bnt-login:hover{ background: #138fcd;}
#wrap-login .warning{color:red;padding-left:2px}
#wrap-login .panel-login ul.form li .bnt-login i {display: inline-block;font-size: 10px;width: 18px; height: 18px; margin-left: 10px;padding-left: 2px;line-height: 14px;border-radius: 50%;border: 2px solid #fff; text-align: center;}
#wrap-login .copy { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; padding: 10px 20px;}
#wrap-login .copy a {text-decoration: none; color: rgba(0,0,0,.7); transition: .3s;}
#wrap-login .copy a:hover {color: #0c77bb;}

.validation-summary-errors ul
{
	list-style-type:none;
	padding:0px;	
}

.field-validation-error, .validation-summary-errors li
{
	font-weight:bold;
}

.icon
{
	padding-left: 135px;	
}

.hidden
{
    display:none;
}

#loginByUserPass
{
    margin-bottom: 15px;
}

#lblID
{
    margin:5px;
    display:block;    
    line-height:20px;
    height:20px;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    width:355px;
}