body,html{ height: 100%; overflow: hidden; }
body{ background: #231815; }

/*login ===================================================*/

.login-picture{ opacity: 0.3; height: 100%; border-radius: 0px; background: url(../image/img-01.jpg) center top no-repeat; background-size: cover; }

.login{ position: absolute; top: 100px; left: 50%; margin-left: -200px; width: 400px; background: rgba(255,255,255,1); padding: 60px 50px; box-shadow: 0px 5px 30px rgba(0,0,0,0.5); border-radius: 12px; }
.login .logo{ margin: 00px 0px 50px 0px; text-align: center; }
.login .logo img{ height: 40px; }

.login-body{ width: 100%; }
.login-body .form-group{ margin-bottom: 20px; }
.login-body .form-group .input-group-addon{ background: #4f4644; color: #fff; border-color: #4f4644; }
.login-body .form-group .form-control{ border-radius: 0px; height: 44px; padding: 8px 10px; color: #4f4644; border-color: #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.login-body .forget{ margin-bottom: 30px; }
.login-body .forget label{ font-weight: normal; }

.login-body .login-submit{ border-radius: 3px; margin-bottom: 30px; height: 40px; box-shadow: 0px 3px 5px rgba(202,57,28,0.2); }
.login-body .note{ color: #a5a5a5; line-height: 120%; padding: 0px 10px; font-weight: 300; }

.login-footer{ font-size: 12px; color: #888; text-align: center; line-height: 20px; }


.logout{  text-align: center; margin-bottom: 30px; }
.logout h3{ margin-bottom: 15px; }