*:focus {
  box-shadow: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  color: #444;
}

.h4, h4 {
  font-size: 17px;
}

.login {
  height: 100dvh;
  width: 100dvw;
}
.login .card {
  background: #f4f4f4;
}
.login__footer .btn {
  padding: 5px 30px;
}
.login form {
  width: 90%;
}

.logo {
  width: 100%;
}
.logo__img {
  width: 300px;
}

.small {
  font-size: 13px;
}

#captchaImg {
  cursor: pointer;
  margin-left: 107px;
  margin-bottom: 10px;
}
#captchaImg img {
  border-radius: 5px;
  width: 160px;
  height: 46px;
}

#formMessage {
  margin-left: 107px;
  margin-bottom: 10px;
  color: red;
}

.navbar-brand img {
  width: 200px;
}

.topup {
  font-size: 20px;
  color: red;
}

.billing {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #777;
}
.billing .red {
  color: red;
}
.billing .qrcode {
  width: 300px;
  height: 300px;
}
.billing .user a {
  color: #777;
  text-decoration: none;
}
.billing .user a:hover {
  color: green;
}/*# sourceMappingURL=style.css.map */