body {
 background-color: #333;
 padding: 0;
}
#overlayfrm {
 background-color: #333;
 -moz-opacity: 0.8;
 opacity: 0.80;
 filter:alpha(opacity=80);
}
.form-signin {
 /* max-width: 90%; */
 padding: 15px;
 margin: 0 auto;
}
.form-signin .checkbox,
.form-signin .form-signin-heading {
 margin-bottom: 10px;
}
.form-signin .checkbox {
 font-weight: normal;
}
.form-signin .form-control {
 position: relative;
 font-size: 16px;
 height: auto;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.form-signin .form-control:focus {
 z-index: 2;
}
.form-signin input[type="text"] {
 margin-bottom: -1px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
 margin-bottom: 10px;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
.account-wall {
 margin-top: 10%;
 padding: 20px 20px 20px 20px;
 background-color: #ffffff;
 -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
 margin-top:-50px;
}
.logo-wrapper > img {
 padding: 15px;
 width:100%;
}
.login-title {
 color: #555;
 font-size: 18px;
 font-weight: 400;
 display: block;
}
.profile-img {
 width: 96px;
 height: 96px;
 margin: 0 auto 10px;
 display: block;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.need-help {
 margin-top: 10px;
}
.new-account {
 display: block;
 margin-top: 10px;
}
.btn,.btn:hover,btn:focus, btn:active {
 background-color: #265797 !important;
 border-color:#265797 !important;
}

.center {
 margin: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}