﻿
input[type='checkbox'],
input[type='radio'] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type='checkbox'] ~ label,
input[type='radio'] ~ label,
.css-labelchecked {
  padding-left: 24px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 4px;
  margin-left: 2px;
}

.css-checkboxlabel, input[type='checkbox'] ~ label {
  background-image: url('../images/controls/checkbox.png');
}
.css-checkboxlabel, input[type='checkbox'][class='input-validation-error'] ~ label {
  background-image: url('../images/controls/checkbox-required.png');
}
.css-radiolabel, input[type='radio'] ~ label {
  background-image: url('../images/controls/radiobutton.png');
}
.css-checkboxlabel.css-labelchecked {
  background-image: url('../images/controls/checkbox-checked.png') !important;
}
.css-radiolabel.css-labelchecked {
  background-image: url('../images/controls/radiobutton-checked.png') !important;
}
input[type='checkbox']:checked ~ label {
  background-image: url('../images/controls/checkbox-checked.png') !important;
}
input[type='radio']:checked ~ label {
  background-image: url('../images/controls/radiobutton-checked.png') !important;
}
.css-checkboxlabel.verplicht {
  background-image: url('../images/controls/checkbox-verplicht.png');
}
.css-radiolabel.verplicht {
  background-image: url('../images/controls/radiobutton-verplicht.png');
}
input[type='checkbox'].verplicht ~ label {
  background-image: url('../images/controls/checkbox-verplicht.png');
}
input[type='radio'].verplicht ~ label {
  background-image: url('../images/controls/radiobutton-verplicht.png');
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.back-to-top span {
    color: #ffffff;
}