body {
  padding-top: 6rem;
}

.max-1400 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px; 
}

.left-margin-20 {
  margin-left: 20px;
}

.right-margin-20 {
  margin-right: 20px;
}

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.detail-bottom-spacer {
  margin-bottom: 100px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

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

.margin-left-5 {
  margin-left: 5px;
}

.margin-right-5 {
  margin-right: 5px;
}
.cursor_pointer {
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0px;

}

.kleur-0 {
  background-color: gray;
  color: white;
}

.kleur-1 {
  background-color: darkgreen;
  color: white;
}
.kleur-2 {
  background-color: green;
  color: white;
}
.kleur-3 {
  background-color: goldenrod;
  color: white;
}

.kleur-4 {
  background-color: coral;
  color: white;
}

.kleur-5 {
  background-color: darkred;
  color: white;
}

}



.is-required   {
  padding-right: calc(1.5em + .75rem);
  background-image: url('/static/img/required.svg');
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}