//
// Login
// --------------------------------------------------

.login-pf {
  background-color:  @login-bg-color;
  @media (min-width: @screen-sm-min) {
    background-image: url("@{img-path}/@{img-bg-login-2}");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 30%;
  }
  @media (min-width: @screen-md-min) {
    background-size: auto;
  }
  #badge {
    margin-bottom: 50px;
  }
  body {
    background: transparent;
    @media (min-width: @screen-sm-min) {
      background-image: url("@{img-path}/@{img-bg-login}");
      background-repeat: no-repeat;
      background-size: 30%;
      height: 100%;
    }
    @media (min-width: @screen-md-min) {
      background-size: auto;
    }
  }
  #brand {
    top: -30px;
    @media (min-width: @screen-sm-min) {
      top: -40px;
      + .alert {
        margin-top: -20px;
      }
    }
  }
  .container {
    padding-top: 0;
    @media (min-width: @screen-md-min) {
      bottom: 20%;
      padding-right: 120px;
    }
  }
}
