/* Start Tekstbrowser functionaliteit */
.visuallyhidden,
.tekstbrowser {
  /*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.tekstbrowser.focusable:active,
.visuallyhidden.focusable:focus,
.tekstbrowser.focusable:focus {
  /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Einde Tekstbrowser functionaliteit */
.formulier legend {
  /*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.formulier legend.focusable:active,
.formulier legend.focusable:focus {
  /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.formulier fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.formulier fieldset.rij legend.label,
.formulier fieldset legend.tussenkop {
  /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.formulier fieldset.rij legend.label,
.formulier fieldset legend.tussenkop {
  width: 100%;
}
.formulier .verzenden input,
.formulier .knoppen input,
.formulier .versturen input {
  cursor: pointer;
}
.invoer input.timefield_hour {
  width: 24px;
  margin-right: 3px;
}
.invoer input.timefield_minutes {
  width: 24px;
}
.invoer input.datefield {
  width: 96px;
}
.invoer input.datefield_day {
  width: 24px;
  margin-right: 3px;
}
.invoer input.datefield_month {
  width: 24px;
  margin-right: 3px;
}
.invoer input.datefield_year {
  width: 47px;
}
.invoer .zoeken-daterange-month,
.invoer .zoeken-daterange-year {
  float: left;
}
.invoer .zoeken-daterange-month label,
.invoer .zoeken-daterange-year label {
  display: block;
}
.invoer .zoeken-daterange {
  display: table-cell;
}
.invoer .zoeken-daterange-untill {
  padding-right: 24px;
  vertical-align: bottom;
}
.file.has-deletebutton .invoer input {
  display: inline;
}
.file.has-deletebutton .invoer button.deletefile {
  display: inline;
  padding: 4px 7px;
}
.file.has-deletebutton .invoer button.deletefile::after {
  content: 'x';
}
/* 3671 : Textareas moeten meegroeien met de invoer
   http://www.alistapart.com/articles/expanding-text-areas-made-elegant/
*/
.expandingArea textarea,
.expandingArea pre {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}
.expandingArea {
  position: relative;
  border: 1px solid #888;
  background: #fff;
}
.expandingArea > textarea,
.expandingArea > pre {
  padding: 5px;
  background: transparent;
  font: 400 13px/16px helvetica, arial, sans-serif;
  /* Make the text soft-wrap */
  white-space: pre-wrap;
}
.expandingArea.expandActive > textarea {
  /* Hide any scrollbars */
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.expandingArea > pre {
  display: none;
}
.expandingArea.expandActive > pre {
  display: block;
  /* Hide the text; just using it for sizing */
  visibility: hidden;
}