html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body {
  font-size: 15px;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

:root {
  --selection-color: #000;
  --selection-background-color: #e8e8e8;
}

.navbar {
  --bs-navbar-active-color: var(--selection-color);
}

.nav-link.active {
  background-color: var(--selection-background-color);
}

.dropdown-menu {
  --bs-dropdown-link-active-color: var(--selection-color);
  --bs-dropdown-link-active-bg: var(--selection-background-color);
}

.green {
  color: white;
  background: green;
}

.amber {
  color: white;
  background: orange;
}

.red {
  color: white;
  background: red;
}

input.input-number-int[type="number"]::-webkit-outer-spin-button,
input.input-number-int[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.input-number-int[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.footer {
  width: 100%;
  white-space: nowrap;
  line-height: 40px;
}