.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* From Ron Valstar's orginal mixins */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
/* shadows */
@font-face {
  font-family: 'FunktionRegular';
  src: url('/fonts/funktion-webfont.eot');
  src: url('/fonts/funktion-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/funktion-webfont.woff') format('woff'), url('/fonts/funktion-webfont.ttf') format('truetype'), url('/fonts/funktion-webfont.svg#FunktionRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-hv63k6');
  src: url('../fonts/icomoon.eot?#iefix-hv63k6') format('embedded-opentype'), url('../fonts/icomoon.ttf?-hv63k6') format('truetype'), url('../fonts/icomoon.woff?-hv63k6') format('woff'), url('../fonts/icomoon.svg?-hv63k6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fout:before {
  content: "\e600";
}
.icon-uitproberen:before {
  content: "\e601";
}
.icon-lenen:before {
  content: "\e602";
}
.icon-goed:before {
  content: "\e603";
}
.lightbox .logreg .input.checkbox,
.lightbox .logreg .input .input-wrap {
  position: relative;
}
.lightbox .logreg .input.checkbox:after,
.lightbox .logreg .input .input-wrap:after {
  position: absolute;
  top: 0.15em;
  right: -0.7em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: block;
  font-size: 2em;
  font-weight: bold;
}
.lightbox .logreg .input.valid input {
  border-color: green;
}
.lightbox .logreg .input.valid .input-wrap:after {
  content: "\e603";
  color: green;
}
.lightbox .logreg .input.error input {
  border-color: red;
}
.lightbox .logreg .input.error .input-wrap:after {
  content: "\e600";
  color: red;
}
.lightbox .logreg .input.checkbox .input-wrap {
  display: inline-block;
}
.lightbox .logreg .input.checkbox .input-wrap:after {
  display: none;
}
.lightbox .logreg .input.checkbox:after {
  top: -0.2em;
}
.lightbox .logreg .input.checkbox.valid:after {
  content: "\e603";
  color: green;
}
.lightbox .logreg .input.checkbox.error:after {
  content: "\e600";
  color: red;
}