body {
    background:#e1e1e1;
}


.login-left-panel {
  margin-top: 80px;
  z-index: 1;
  position: relative;
  max-height: 404px;
  height: 404px !important;
  background-color: #fff;
}

.login-left-panel .tab {
    height: 404px;
    width: 200px;
    background-color: #b32317;
    position: relative;
    float:left;
}

.login-left-panel .tab:after {
    display: block;
    content:" ";
    width: 100px;
    height: 404px;
    background-color: #b32317;
    position: absolute;
    right: -40px;
    transform:skewX(190deg);
    -ms-transform:skewX(190deg);
    -webkit-transform:skewX(190deg);
    z-index: -1;
}

.login-left-panel .tab img{
  position: absolute;
  width:150px;
  top:20px;
  left:20px;
}

.login-left-panel-disclaimer {
  margin-top: 80px;
  z-index: 1;
  position: relative;
  max-height: 700px;
  height: 700px !important;
  background-color: #fff;
}

.login-left-panel-disclaimer .tab {
    height: 700px;
    width: 200px;
    background-color: #b32317;
    position: relative;
    float:left;
}

.login-left-panel-disclaimer .tab:after {
    display: block;
    content:" ";
    width: 100px;
    height: 700px;
    background-color: #b32317;
    position: absolute;
    right: -40px;
    transform:skewX(190deg);
    -ms-transform:skewX(190deg);
    -webkit-transform:skewX(190deg);
    z-index: -1;
}

.login-left-panel-disclaimer .tab img{
  position: absolute;
  width:150px;
  top:20px;
  left:20px;
}

.form-signin {
    width: 216px;
    text-align:center;
    padding: 60px 0 0 0;
    margin: 0 auto 20px;
    background-color: transparent;
    border: transparent; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,.0);
    box-shadow: 0 0 0 rgba(0,0,0,.0);
    overflow: hidden;
    position:relative;

}

.form-signin input[type="text"], .form-signin select, .form-signin input[type="password"] {
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width:216px;
}

.form-signin label {
    font-size: 12px;
    text-align:left;
}

.form-signin-disclaimer {
    width: 380px;
    text-align:center;
    padding: 60px 0 0 0;
    margin: 0 auto 20px;
    background-color: transparent;
    border: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,.0);
    box-shadow: 0 0 0 rgba(0,0,0,.0);
    overflow: hidden;
    position:relative;
}

.form-signin-disclaimer input[type="text"], .form-signin-disclaimer input[type="password"] {
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width:380px;
}

.form-signin-disclaimer select {
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width:380px;
    max-width: 380px;
    min-width: 380px;
}

.form-signin-disclaimer label {
    font-size: 12px;
    text-align:left;
}

.js #div_jscriptwarning {
    display: none;
}

.no-js #div_jscriptwarning {
    display: block;
    text-align: center;
} 

@media (max-width: 640px) {
	body, .form-signin {
        background-color:#b32317;
	}
    .login-left-panel {
        margin-top:0;
        background:#b32317;
    }
    .login-left-panel .tab {
        height:80px;
        width:270px;
    }
    div.container-fluid.masthead,  .navbar-inverse .navbar-inner {
        background:#b32317;
        border:none;
    }
    .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
        box-shadow:none;
    }
    .form-signin {
        padding-top:20px;
    }
    .form-signin label {
        color:#fff;
    }
    .hidden-phone {
        display:block!important;
    }
    .app_title {
        display:none;
    }
    .alert-danger, .alert-error {
        background-color:#e1e1e1;
        color:#666;
        font-size:12px;
    }
    .no-js #div_jscriptwarning {
        color:#fff;
    }
}

@media (max-width: 480px) {
    .login-left-panel .tab img{
        top:30px;
        left:52px;
    }
    .login-left-panel .login-form {
        left: 52px; 
        top: 104px;
        position: absolute;
    }
}

.login-left-panel-mfa {
  margin-top: 80px;
  z-index: 1;
  position: relative;
  max-height: 700px;
  height: 700px !important;
  background-color: #fff;
}

.login-left-panel-mfa .tab {
    height: 700px;
    width: 200px;
    background-color: #b32317;
    position: relative;
    float:left;
}

.login-left-panel-mfa .tab:after {
    display: block;
    content:" ";
    width: 200px;
    height: 700px;
    background-color: #b32317;
    position: absolute;
    right: -40px;
    transform:skewX(190deg);
    -ms-transform:skewX(190deg);
    -webkit-transform:skewX(190deg);
    z-index: -1;
}

.login-left-panel-mfa .tab img{
  position: absolute;
  width:150px;
  top:20px;
  left:20px;
}

.form-signin-mfa {
    width: 500px;
    text-align:center;
    padding: 60px 0 0 0;
    margin: 0 auto 20px;
    background-color: transparent;
    border: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,.0);
    box-shadow: 0 0 0 rgba(0,0,0,.0);
    overflow: hidden;
    position:relative;
}

.form-signin-mfa input[type="text"], .form-signin-mfa input[type="password"] {
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width:380px;
}

.form-signin-mfa select {
    font-size: 12px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width:380px;
    max-width: 380px;
    min-width: 380px;
}

.form-signin-mfa label {
    font-size: 12px;
    text-align:left;
}