#login{
  background:#333;
}
#login .text-primary{
    color:#2e588f;
}
.login-content{
    /*background:#0b8945;*/
}
.text-hover-primary:hover, a.text-hover-primary:hover{
    color:#2e588f !important;
}
h1, h2, h3{
    color:#2e588f;
}
.dashboard_logo{
    height:115px;
    width:350px;
    margin:0 auto;
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
    display:block;
}
.btn.btn-primary{
    background: #fabe39;
    border-color:#fabe39;
    color:#2e588f;
    transition: all 0.3s;
}
.btn.btn-primary.focus:not(.btn-text), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled){
    background: #2e588f;
    border-color:#2e588f;
    color:#fff;
}
.login.login-1 .login-aside .aside-img {
  min-height: 450px
}
.login.login-1 .login-forgot, .login.login-1 .login-signin, .login.login-1 .login-signup {
  display: none
}
.login.login-1.login-signin-on .login-signup {
  display: none
}
.login.login-1.login-signin-on .login-signin {
  display: block
}
.login.login-1.login-signin-on .login-forgot {
  display: none
}
.login.login-1.login-signup-on .login-signup {
  display: block
}
.login.login-1.login-signup-on .login-signin {
  display: none
}
.login.login-1.login-signup-on .login-forgot {
  display: none
}
.login.login-1.login-forgot-on .login-signup {
  display: none
}
.login.login-1.login-forgot-on .login-signin {
  display: none
}
.login.login-1.login-forgot-on .login-forgot {
  display: block
}
.form-control{
  font-size:1.1rem;
  font-weight:400;
}
.auth_info, .auth_info h3, .auth_info a{
  color:#fff;
}
.auth_apps .app, .auth_apps .platform{
  display:inline;
}
.auth_apps .platform::after{
  content: ": ";
}
.auth_platform .app:not(:last-of-type)::after{
  content: " | ";
}
.auth_info a{
  text-decoration: underline;
}
#QRCODE{
    display:inline-block;
    padding:50px;
    background:#fff;
}

@media (min-width:992px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 700px
  }
  .login.login-1 .login-content {
    width: 100%;
  }
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 450px
  }
}
@media (min-width:992px) and (max-width:1399.98px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 450px
  }
}
@media (max-width:991.98px) {
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 400px
  }
}
@media (max-width:575.98px) {
  .login.login-1 .aside-img {
    min-height: 300px !important;
    background-size: 400px
  }
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 100%
  }
}