html,
body {
  height: 100%;
}

.x-login {
  position: relative;
  height: 100%;
  background-image: -webkit-image-set(
    url('../img/login-backgroud.png') 1x,
    url('../img/login-backgroud@2x.png') 2x
  );
  background-image: image-set(
    url('../img/login-backgroud.png') 1x,
    url('../img/login-backgroud@2x.png') 2x
  );
  background-size: cover;
  background-repeat: no-repeat;
}

.x-login form {
  position: absolute;
  right: 12.5%;
  top: 50%;
  transform: translateY(-50%);
  width: 380px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 22px 42px 36px;
}

.x-login-logo {
  text-align: center;
  margin-bottom: 24px;
}

.x-login-mfa {
  position: relative;
}

.x-login-mfa input {
  padding-right: 36px;
}

.x-login-mfa img {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 14px;
  height: 22px;
}