body, h1, h2, h3, h4, h5, h6, span, input, hr {
  transition: 0.1s all linear !important;
}
:root {
  --bg-color: #eee;
  --bg-medium-color: #fff666;
  --bg-high-color: #ffb666;
  --bg-veryhigh-color: #ff6666;
  --navbar-color: #ccc;
  --border-color: #bbb;
  --navbar-risk-medium-bg: var(--bg-medium-color);
  --navbar-risk-high-bg: var(--bg-high-color);
  --navbar-risk-veryhigh-bg: var(--bg-veryhigh-color);
  --risk-medium-bg: var(--bg-medium-color);
  --risk-high-bg: var(--bg-high-color);
  --risk-veryhigh-bg: var(--bg-veryhigh-color);
  --risk-prohibited-bg: var(--bg-veryhigh-color);
  --risk-medium-border: var(--bg-color);
  --risk-high-border: var(--bg-color);
  --risk-veryhigh-border: var(--bg-color);
  --risk-prohibited-border: var(--bg-veryhigh-color);
  --risk-medium-color: black;
  --risk-high-color: black;
  --risk-veryhigh-color: white;
  --risk-prohibited-color: white;
}
.custom-dark {
  --bg-color: #212529;
  --navbar-color: #1a1d20;
  --border-color: #495057;
  --navbar-risk-medium-bg: var(--navbar-color);
  --navbar-risk-high-bg: var(--navbar-color);
  --navbar-risk-veryhigh-bg: var(--navbar-color);
  --risk-medium-bg: var(--bg-color);
  --risk-high-bg: var(--bg-color);
  --risk-veryhigh-bg: var(--bg-color);
  --risk-prohibited-bg: var(--bg-veryhigh-color);
  --risk-medium-border: var(--bg-medium-color);
  --risk-high-border: var(--bg-high-color);
  --risk-veryhigh-border: var(--bg-veryhigh-color);
  --risk-prohibited-border: var(--bg-veryhigh-color);
  --risk-medium-color: white;
  --risk-high-color: white;
  --risk-veryhigh-color: white;
  --risk-prohibited-color: black;
}
body {
  background-color: var(--bg-color);
}
.custom_navbar {
  background-color: var(--navbar-color);
  border: 1px solid transparent;
}
.navbar_risk_medium {
  background-color: var(--navbar-risk-medium-bg) !important;
  border: 1px solid var(--risk-medium-border) !important;
}
.navbar_risk_high {
  background-color: var(--navbar-risk-high-bg) !important;
  border: 1px solid var(--risk-high-border) !important;
}
.navbar_risk_veryhigh {
  background-color: var(--navbar-risk-veryhigh-bg) !important;
  border: 1px solid var(--risk-veryhigh-border) !important;
}
.nav-item {
  cursor: pointer;
  user-select: none;
}
.disabled {
  cursor: default !important;
}
.dropdown-text {
  width: 100% !important;
  text-align: center !important;
}
.container-lg {
  max-width: 960px;
}
#content {
  max-width: 720px;
}
.heading-grayed-out {
  color: var(--border-color) !important;
}
input {
  background-color: var(--bg-color) !important;
  border-color: var(--border-color) !important;
  cursor: pointer;
  user-select: none;
}
.riskLevel {
  line-height: 38px;
  background-color: var(--bg-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  cursor: default;
  user-select: none;
}
.risk_low {
  background-color: var(--bg-color);
  border-color: var(--border-color);
}
.risk_medium {
  background-color: var(--risk-medium-bg);
  border-color: var(--risk-medium-border);
  color: var(--risk-medium-color);
}
.risk_high {
  background-color: var(--risk-high-bg);
  border-color: var(--risk-high-border);
  color: var(--risk-high-color);
}
.risk_veryhigh {
  background-color: var(--risk-veryhigh-bg);
  border-color: var(--risk-veryhigh-border);
  color: var(--risk-veryhigh-color);
}
.risk_prohibited {
  background-color: var(--risk-prohibited-bg);
  border-color: var(--risk-prohibited-border);
  color: var(--risk-prohibited-color);
}