:root {
  --rood: #c01e02;
  --zwart: #383838;
  --rood-rgb: 192, 30, 2;
  --rood-bg: 192, 30, 2, 0.2;
  --zwart-rgb: 56, 56, 56;
  --zwart-bg: 56, 56, 56, 0.2;
  --groen-bg: 25, 175, 10, 0.3;
  --rood-bg: 192, 30, 2, 0.3;
  --bs-link-color: var(--rood);
  --bs-link-hover-color: var(--rood);
  --bs-nav-pills-link-active-bg: var(--rood);
  --bs-link-color-rgb: var(--rood-rgb);
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")
}

@font-face {
  font-family: droidSans;
  src: url("../font/DroidSans.ttf") format("truetype");
}

@font-face {
  font-family: droidSansBold;
  src: url("../font/DroidSans-Bold.ttf") format("truetype");
}

body {
  font-family: 'droidSans', sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #777;
  font-weight: 400;
  margin-right: 0px;
}

.backgroundLogin {
  background-color: #fff;
  background-image: url('../images/background.jpg');
  background-position: center 86px;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 585px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--rood);
}

.form-switch {
  display: flex !important;
}

.form-check-input:checked {
  background-color: var(--rood) !important;
  border-color: var(--zwart) !important;
}

.tab-content {
  border-left: 1px solid var(--bs-border-color);
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  padding: 10px;
}

.nav-tabs {
  margin-bottom: 0;
}