/* Form Validation */

input.validREQ, select.validREQ, textarea.validREQ, .fileUpload + label.validREQ {
  border-right-width: 5px;
  border-right-color: #ff904b;
  }

input.validOK, select.validOK, textarea.validOK, .fileUpload + label.validOK {
  border-right-width: 5px;
  border-right-color: #4da42f;
  }

span.validREQ {
  border: solid 0px;
  border-right-width: 5px;
  border-right-color: #ff904b;
  padding-right: 20px;
  border-radius: 5px;
  }

span.validOK {
  border: solid 0px;
  border-right-width: 5px;
  border-right-color: #4da42f;
  padding-right: 20px;
  border-radius: 5px;
  }



/* Voor verbergen van te valideren velden:
  als een veld niet moet worden gevalideerd (omdat het in deze situatie niet van toepassing is)
  volstaat het om het gewoon te verbergen (style.display = 'none').
  Echter, als de bovenliggende container verborgen wordt (om bv een volledig gedeelte van een form tijdelijk te verbergen)
  dan is het nodig om de onderliggende form fields (input, select, textarea en zelfs span en label) ook op display = 'none' te zetten.
  Het is pas als het form-field zelf de display = 'none' heeft dat het wordt uitgesloten van validatie.
*/

.hide input, .hide select, .hide textarea, .hide span, .hide label {
  display: none;
  }