.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: center;
    background-color: #2E6F9B;
}
.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-version { float:left; font-size: 17px; opacity: 0.9; line-height: 22px; clear: left;}
.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:3px; width: 100% !important; max-width: 480px; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto !important; background-color:white; height:450px; min-width:320px; }
.login-logo { float: left;
margin-top: 35px;
height: 185px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 140px;
line-height: 155px; 
position:relative;

}

.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; }*/

.login-create-box { text-align: center; height:56px; background-color:white; margin-top:1px; margin-bottom:1px;}
/*.btn-login-create { float:right;text-decoration: underline; }*/
.form-group-login { margin-bottom:7px; }
.login-box-incorrect { color:#E32636; margin: 0; text-align: center;}  /*padding: 0 5px 9px 81px;*/ 
.login-logo-bottom { width:100%; float:left;height:30px;text-align:center; margin-top: 15px; position:relative; }
.login-logo-bottom:after {
    content: "";
    background-color: #E8E8E8;
    position:absolute;
    height: 2px;
    left:0;
    right:0;
    top:15px;
    z-index:-1;
}



.login-logo-bottom-img { height: 30px;background-color:white;padding-left: 10px; padding-right: 10px; }
.login-loading-body {
    /*
    height: 190px;
    width: 480px;
    background-color: #fff;
    color: lightgray;
    text-align: center;
    position: absolute;
    bottom: 46px;
    z-index: 1;
    padding-top: 69px;*/
    display: none;
    top:156px;
    /*width: 480px;*/
    width: 100%;
    background-color: #fff;
    color: lightgray;
    text-align: center;
    position: absolute;
    bottom: 46px;
    z-index: 1;
    padding-top: 108px;
}
.login-loading-spinner { background-image: url('../../Images/spinner.gif'); height: 40px; width: 40px; background-size: cover; margin-right: auto; margin-left: auto; margin-bottom: 6px; }
.login-app-version { width: 100%; text-align: center; color: #cacecf; margin-top: 3px; float: left; }

@media(max-width: 767px) {
    .logo { display:none!important; }
}



.login-header-container {
    float:left; width:100%;height:52px;
}
.login-header { line-height:18px; padding-left:21px; font-weight:bold; width:100%; float:left; position: relative; top: 50%; transform: translateY(-50%); }
.login-header-tab { line-height: 46px;width: 50%;float: left;position: relative;top: 50%;transform: translateY(-50%);height: 100%;border-top: 4px solid lightgray;text-align: center; font-size: 16px; border-bottom: 1px solid lightgray;}

.login-header-tab-left { border-right:1px solid lightgray; border-top:4px solid #3C8DBC; font-weight:bold; }
.btn-login-create { color:black; text-decoration:none; color:#384D61; font-size: 16px;}
.login-box-body-container {  width:100%; height:95px;float:left;position:relative; }


.login-box-error {
    height: 33px;
    float: left;
    width: 100%;
    position: absolute;
    bottom:0px;
    font-size: 14px;
    z-index: 2;
}
.login-box-body { 
    /*background: #fff; border-top: 0; color: #666; float: left; width: 320px; height: 85px; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; position: absolute; left: 80px; top: 20px;*/ 
    background: #fff; border-top: 0; color: #666; width: 320px; height: 96px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; top: 10px; margin: auto;

}
.login-box-body-left { float:left;  width: 240px; padding-left: 15px;}
.login-box-body-right { float:left; width:65px; }

.login-request-link-container {
    text-align: right;
    height: 18px;
    line-height: 18px;
    width: 100%;
    float: left;
    margin-top:4px;
}

.login-forgot-box { text-align: center; height:22px; line-height:22px; background-color:white; width:100%; float:left; }
.login-forgot-link { padding: 0; padding-right: 0px;  }

@media (max-width:480px) {
    .login-middle-button-container-custom { margin-top: 0 !important; }
    .login-box-branding-container-separator { display:none; }
    .login-logo { display: none!important; }

    .login-language-custom a {  color: #3C8DBC !important; }

    .login-box-block-container { top: 0!important; }
}

@media (max-width:600px) {
    .login-powered-by { display: none; }
    .login-box { max-width: none; width: 100%; max-width: none!important; border-radius: 0 !important; height: 100% !important; box-shadow: none; transform:none; top:0; }
    .login-background { background-image: none !important; background-color: #3C8DBC !important; }

    .login-header { text-align: center; padding-left: 0px !important; }
    .login-box-incorrect { margin: 0; text-align: center; padding: 0 0 0 0 !important; }
}

@media (max-height:580px) {
    .login-box { width: 100%; border-radius: 0 !important; height: 100% !important; position: relative; box-shadow: none; max-width: none!important; transform:none; top:0;}
    .login-background { background-image: none !important; background-color: #3C8DBC !important; }
    .login-logo { display: none; }
    .login-language-custom a { color: #3C8DBC !important; }
    .login-box-block-container { top: 0 !important; }
    .login-header { text-align: center; padding-left: 0px !important; }
    .login-box-incorrect { margin: 0; text-align: center; padding: 0 0 0 0 !important; }
}

@media (max-height:388px) {
    .login-cornerbox { display: none; }
}

.login-middle-button {
    height: 31px;
    line-height: 29px;
        /*margin-top: 15px;*/
    border: 1px solid #AEB1B8;
    border-radius: 1px;
    background-color: #F4F5F7;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .login-middle-button-container {
        float: left;
        height: 60px;
        border-bottom: 1px solid #E7E7E7;
        text-align: center;
        width: 100%;
    }