:root {
  --bs-primary-rgb: 22, 119, 255;
}

.bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 1) 85%),
    radial-gradient(ellipse at top left, rgba(13, 110, 253, 0.5), transparent 50%),
    radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.5), transparent 50%),
    radial-gradient(ellipse at top right, rgba(255, 228, 132, 0.5), transparent 50%),
    radial-gradient(ellipse at center right, rgba(0, 189, 126, 0.5), transparent 50%),
    radial-gradient(ellipse at center left, rgba(255, 228, 132, 0.5), transparent 50%)
}

th {
  min-width: 150px;
  text-align: center;
  vertical-align: middle;
  font-weight: 300;
  font-size: 1.125rem;
  color: rgb(108, 117, 125)
}

td {
  width: 450px;
  min-width: 200px;
}

a {
  color: rgb(108, 117, 125);
  text-decoration: none;
}

a:hover {
  color: var(--bs-primary);
  text-decoration: underline;
}

.form-control:focus {
  box-shadow: none;
}

.primary-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}