@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
.login-container {
  background: rgb(42, 92, 167);
  background: linear-gradient(347deg, rgb(43, 138, 199) 0%, rgb(42, 92, 167) 67%);
}
.login-container .login-card {
  z-index: 1;
}
.login-container .login-logo {
  max-height: 75px;
  max-width: 200px;
  width: 90%;
  z-index: 1;
}
.login-container .login-footer-logo {
  max-height: 75px;
  max-width: 200px;
  width: 90%;
}
.login-container h1 {
  color: #2A5BA7;
  font-size: 28px;
}
.login-container p {
  color: #7987A1;
}
.login-container .btn-primary {
  background: #2A5BA7;
  border: 0;
  padding: 10px;
}
.login-container .btn-primary:hover {
  background: rgb(47.1244019139, 102.1028708134, 187.3755980861);
  -webkit-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.login-container::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url(/CDSGlobal.Uk.Web.Checkout.BMCAdminTheme/img/login-background.png) bottom no-repeat;
  background-size: 100%;
  z-index: 0;
}