:root {
  --darkblue: #295466;
  --lightblue: #BED4E2;
  --white: #ffffff;
}

/* Version badge inside navbar brand */
a.navbar-brand > span.version {
  background-color: var(--darkblue) !important;
  color: var(--white) !important;
  border-radius: 5px !important;
  padding: 2px 6px !important;
  font-size: 0.8rem !important;
  margin-left: 10px !important;
}

/* Active navbar tab */
.navbar-light .navbar-nav .active > .nav-link {
  background: var(--lightblue);
  color: var(--darkblue);
  border-radius: 4px;
}

/* Hover navbar tab */
.navbar-light .navbar-nav .nav-item > .nav-link:hover {
  background: var(--lightblue);
  color: var(--darkblue);
  border-radius: 4px;
}

.navbar small.nav-text.text-muted.me-auto {
  color: var(--white) !important;
  background-color: var(--darkblue) !important;
  padding: 2px 6px;
  border-radius: 5px;
  margin-left: 10px;

  font-family: inherit;      /* keep the original font */
  font-weight: normal;       /* remove bold */
  font-size: 0.8rem;         /* original smaller size */
  line-height: normal;       /* default line height */
}