$logo-title-color: #010511;
$btn-bg-color: linear-gradient(180deg, #e60012 0%, #e60012 0%, #e60012 100%, #e60012 100%);
$btn-border-color: #e60012;

#app {
  .login-content {
    width: 100%;
    height: 100%;
    background: url('../../assets/auth/login-bg.png') no-repeat;
    background-size: cover;
    border-bottom: 3px solid #3139c7;

    .login-center-content {
      // min-height: 550px;

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

        .login-language-bottom {
          top: 13rem;
          left: 0;
          width: 100%;
          text-align: center;
        }
      }

      .login-center-right {
        margin-left: 0;

        .login-logo {
          // position: fixed;
          // margin-inline-start: 7.7%;
          // margin-top: 3%;
          // background: url('../../assets/auth/amos-logo.png') no-repeat;

          .safety-logo {
            display: table;
            margin: 0 auto;
            margin-top: 4rem;

            img {
              width: 100%;
              height: 100%;
            }
          }
        }

        .login-title {
          margin-top: 2rem;
          font-size: 22px;
          color: $logo-title-color;
        }

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

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

          .login-submit {
            background: $btn-bg-color;
            border: 1px solid $btn-border-color;
          }
        }

        .login-signup-container {
          visibility: hidden;
        }
      }
    }
  }
}

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

  .ant-input {
    color: white;
    background-color: #272a3f;
    border: 1px solid #44506e;
    border-radius: 5px;
  }

  .ant-btn-primary[disabled] {
    color: white;
    background-color: #bdbdbd;
  }

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

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

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