:root {
  --dark-green: #006532;
  --light-green: #61b22f;
  --blue: #02216e;
  --black: #061720;
  --fluorescent-green: #44d62c;
}

.logo > img {
  display: none;
}

.logo {
  background-image: url("/skyspark01_ommnia_nl/assets/logo.png");
  width: 100%;
  aspect-ratio: 4; /* Logo width divided by logo height */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

span#resetspan a {
  color: #408ad5;
  text-decoration: none;
}

input[type="submit"] {
  background: var(--light-green) !important;
  border: 1px solid var(--dark-green) !important;
}

input[type="submit"]:active {
  background: var(--dark-green) !important;
  box-shadow: var(--dark-green) 0 1px 2px inset !important;
  border-bottom-color: var(--dark-green) !important;
}

span#resetspan a {
  color: var(--light-green) !important;
}

html {
  background-image: url("/skyspark01_ommnia_nl/assets/login.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body {
  background: none;
  backdrop-filter: blur(10px);
  min-height: 100vh;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#loginForm {
  margin: 0 !important;
}

/* Remove the "Licenced To" text */
.lic:not(:has(a)) {
  display: none;
}

.lic {
  color: white !important;
}

.lic > a {
  color: white !important;
}