.login-box {  width:100%!important;max-width:360px; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto!important;}
.login-logo { width:100%; }
.login-container { height:100%;width:100%;position:relative; }

@media (min-width: 400px) { 
    .login-page { background-color: #d2d6de!important; } 
    .login-box { -webkit-box-shadow: -1px 0px 7px 1px rgba(179,173,179,1); -moz-box-shadow: -1px 0px 7px 1px rgba(179,173,179,1); box-shadow: -1px 0px 7px 1px rgba(179,173,179,1); width:100%!important;max-width:360px;}
}
@media (max-width: 399px) { .login-page { background-color: white!important; } }
@media (max-height: 400px)  { .login-logo { display: none; } }

.menu_visible { visibility:visible!important; }
/*V2*/
.login-background { width:100%; height:100%; background-repeat:no-repeat; background-position-x: center; }
.login-cornerbox { position:absolute; top:0; left:0; color:white; font-family: Arial; margin-left:18px; }
.login-cornerbox-appname { float:left; font-size: 36px; }
.login-cornerbox-timeframe { float:left; font-size: 32px; opacity: 0.75; }
.login-box { -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60); -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60);  box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60); border-radius:10px; width: 100% !important; max-width: 480px; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto !important; background-color:white; height:450px; }
.login-logo { float: left;
margin-top: 35px;
height: 185px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 140px;
line-height: 155px; }
.login-box-error { height: 25px; float: left; width: 100%;padding-top: 2px; }
.login-box-body { background: #fff; border-top: 0; color: #666; float: left; width: 320px; height: 114px; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 5px; margin-left: auto; margin-right: auto; float: initial;}
.login-box-body-left { float:left; float: left; width: 240px; padding-left: 15px;}
.login-box-body-right { float:left; width:65px; }
.btn-login { width:50px; margin-left:10px; height:75px; border-radius:3px; font-size: 33px; }
.login-create-box { float:left;width:100%;padding-right: 68px; }
.btn-login-create { float:right;text-decoration: underline; }
.form-group-login { margin-bottom:7px; }
/*.login-box-incorrect { color:#E32636; margin: 0; text-align: center;}*/ 




.login-header-container { float:left; width:100%;height:51px; }
.login-header { line-height:18px; padding-left:21px; font-weight:bold; width:100%; float:left; position: relative; top: 50%; transform: translateY(-50%); }

.login-box-body-container {  width:100%; height:114px;float:left; }