.mb-20 {
      margin-bottom: 20px;
  }
  .bgLogin {
      background: url(/assets/images/loginBg.jpg) no-repeat;
      background-position: center center;
      background-attachment: fixed;
      background-size: cover;
      z-index: -999;
      position: fixed;
      width: 100%;
      height: 100%;
  }

  .bgOpacity {
      position: fixed;
      height: 100%;
      background: rgba(255, 255, 255, 0.85);
      width: 100%;
      top: 0;
      left: 0;
      z-index: 1;
  }

  .loginContainer {
      width: 410px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
  }

  .innerLogin {
      width: 100%;
      float: left;
      background-color: rgba(255, 255, 255, 0.85);
      box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15);
      color: #333;
      padding: 20px;
      border-radius: 4px;
      z-index: 9;
  }

  .outerLogin {
      width: 100%;
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 99;
  }

  .innerLogin .logo img {
      height: 40px;
      width: auto;
      max-width: 90%;
  }

  .loginTitle {
      font-size: 18px;
      text-align: center;
      font-weight: 600;
      padding: 0 0 20px 0;
  }

  .btnLogin {
      min-width: 300px;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      display: flex;
      margin: 0 0 20px 0;
      text-transform: uppercase;
    background-color: #4b54a3;
    border-color: #4b54a3;
  }
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(124, 124, 124, 0.5);
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #262971;
    border-color: #262971;
    box-shadow: 0 0 0 .2rem rgba(124, 124, 124, 0.5);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #262971;
        border-color: #262971;
}
  .btnLogin:hover {
      color: #fff;
      background-color: #262971;
      border-color: #262971;
  }

  .copyright-footer {
      font-size: 13px;
      color: #666;
      text-align: center;
  }

  .copyright-footer a {
      color: #333;
  }

  .boxFooter {
      float: left;
      width: 100%;
      padding: 15px 0 0 0;
  }

  @media (max-width: 409px) {
      .innerLogin {
          width: 100%;
          padding: 0;
          left: 0;
          top: 15px;
          transform: initial;
      }

      .loginContainer {
          width: 90%;
          max-height: 92vh;
          overflow: hidden scroll;
      }

      .btnLogin {
          min-width: 80%;
      }
  }