/*========================================================
        DARK LAYOUT
=========================================================*/
.bg-authentication {
  background-color: #eff2f7;
}
.bg-authentication .login-footer {
  padding: 0rem 1.5rem 0.5rem;
}
.bg-authentication .login-footer .footer-btn .btn {
  padding: 0.9rem 1.2rem !important;
  margin: 1rem 1rem 1rem 0rem;
}

.login-logo {
  background: url(/images/hpbv.png?d3c1d6599c648934f068cc058aa5808b) no-repeat;
  position: absolute;
  top: 12px;
  left: 0;
  height: 115px;
  width: 350px;
  background-position: 50% 50%;
  background-size: 350px;
  z-index: 9;
}

.bg-logo {
  position: absolute;
  top: -76px;
  left: -23px;
  background-color: #fff;
  height: 200px;
  width: 107%;
  transform: rotate(-5deg);
  opacity: 0.8;
  z-index: 9;
}

.img-login-bg {
  width: 900px !important;
  height: 500px !important;
  background-size: contain !important;
  z-index: 0;
}
.img-login-bg.pool {
  background: url(/images/bg_login_pool.jpg?e6d2caeef540534885d83eadfd071484) no-repeat;
}
.img-login-bg.snooker {
  background: url(/images/bg_login_snooker.jpg?ae99fbc4a3f38a6edd35838cb02415ae) no-repeat;
}

.overflow-hidden {
  overflow: hidden;
}

.small-bg-login {
  height: 259px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bg-authentication {
    width: 100%;
  }
}