.login {
  width: 100%;
  height: 100%;

  .down-address {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 2;
    padding-right: 15px;
    color: red;
    text-align: right;

    .down-front {
      display: inline-block;
      font-size: 15px;
      color: white;
      cursor: pointer;
    }

    img {
      width: 150px;
    }
  }

  .login-content {
    width: 100% !important;
    height: 100% !important;
    background: url("/src/assets/auth/login-bg.png") no-repeat !important;
    background-size: cover !important;
    border-bottom: 3px solid #3139C7 !important;

    .login-center-content {
      max-height: calc(11% + 650px) !important;
      min-height: 600px !important;

      .login-center-left {
        position: relative !important;
        display: inline-block !important;
        width: 62% !important;
        height: 100% !important;
        background: url("/src/assets/auth/login-desc.png") no-repeat !important;
        background-size: 100% 100% !important;
      }
    }

    .login-form-usericon {
      background: url("/src/assets/auth/user.png") no-repeat !important;
      background-position-x: 35% !important;
    }

    .login-form-passicon {
      background: url("/src/assets/auth/pwd.png") no-repeat !important;
      background-position-x: 35% !important;
    }

    .login-title {
      color: #183698 !important;
    }

    .login-logo {
      & > div {
        height: 116px !important;
        margin-top: 36px !important;
        background: url("/src/assets/logo/amos-icon.png") no-repeat !important;
        background-size: auto 90% !important;
        background-position-x: 50% !important;
      }
    }
  }

  .signup-container {
    width: 100% !important;
    height: 99.7% !important;
    background: url("/src/assets/auth/login-bg.png") no-repeat !important;
    background-size: cover !important;
    border-bottom: 3px solid #3139C7 !important;

    .signup-verifica-img {
      width: 9.4rem !important;
      height: 2.7rem !important;
    }
  }

  .user-mgmt-table {
    .amos-grid-oper-btns {
      margin-bottom: 5px !important;

      .amos-grid-oper-btn {
        display: inline-block !important;
        margin-left: 5px !important;
      }
    }
  }

  .login-signup-container {
    display: none;
  }

  .login-footer {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    text-align: center;
    left: 0 !important;
  }
}

#app .login-content .login-center-content .login-center-right .login-form .login-submit {
  background: linear-gradient(180deg, #173B97, #1447A4 0, #124FAA 100%, #1250AB 0) !important;
  border: 1px solid #173B97 !important;
}
