@font-face {
  font-family: 'RO Sans';
  src: url('../../../../fonts/ROsanswebtextregular.eot');
  src: url('../../../../fonts/ROsanswebtextregular.ttf') format('truetype'), url('../../../../fonts/ROsanswebtextregular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RO Sans';
  src: url('../../../../fonts/ROsanswebtextitalic.eot');
  src: url('../../../../fonts/ROsanswebtextitalic.ttf') format('truetype'), url('../../../../fonts/ROsanswebtextitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'RO Sans';
  src: url('../../../../fonts/ROsanswebtextbold.eot');
  src: url('../../../../fonts/ROsanswebtextbold.ttf') format('truetype'), url('../../../../fonts/ROsanswebtextbold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'RO Serif';
  src: url('../../../../fonts/ROserifwebtextregular.eot');
  src: url('../../../../fonts/ROserifwebtextregular.ttf') format('truetype'), url('../../../../fonts/ROserifwebtextregular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RO Serif';
  src: url('../../../../fonts/ROserifwebtextitalic.eot');
  src: url('../../../../fonts/ROserifwebtextitalic.ttf') format('truetype'), url('../../../../fonts/ROserifwebtextitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'RO Serif';
  src: url('../../../../fonts/ROserifwebtextbold.eot');
  src: url('../../../../fonts/ROserifwebtextbold.ttf') format('truetype'), url('../../../../fonts/ROserifwebtextbold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/*
 * General
 */

html {
  border-top: 3px solid #535353;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

body {
  font-family: 'RO Sans', 'Calibri', Arial, Helvetica, sans-serif;
  font-size: .9375em;
  font-size: 1em;
  line-height: 1.625em;
  background-color: #f3f3f3;
  color: #000;
  margin: 0 auto;
}

input {
  font-size: 100%;
  font-family: 'RO Sans', 'Calibri', Arial, Helvetica, sans-serif;
}

ul {
  list-style: disc inside url("../../../../images/blt-1logo-li-a-blauw.gif");
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

legend {
  color: #154273;
  margin: 0 0 0.5em;
}

a {
  color: #154273;
  text-decoration: underline;
  outline: none;
}

a:focus, a:hover {
  color: #194E89;
  text-decoration: underline
}

a:visited {
  color: #767676
}

h1 {
  font-size: 1.50em;
  font-weight: normal;
}

h2 {
  font-size: 1.25em;
  margin: 0 0 0.5em;
}

h3 {
  font-size: 1.125em;
  line-height: 1.64em;
  margin: 1.6em 0 0 0;
}

h4 {
  font-size: 1.050em;
  margin: 0 0 0.5em;
}

h5 {
  font-size: .9375em;
  margin: 0 0 0.3em;
}

h6 {
  font-size: .875em;
  margin: 0 0 0.3em;
}

p {
  margin-bottom: 1em;
}

/*
 * Layouts
 */

#container-wrapper {
  max-width: 980px;
  margin: 0 auto;
}

#main-wrapper {
  background: url("../../../../images/ag-1logo-voet.gif") #fff;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: calc(100% + 16px);
  padding-bottom: 60px;
}

#main:focus {
  outline: none;
}

#main-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  padding-right: 20px;
}

.top, .bottom .column-small {
  display: none;
}

.fullwidth .column-wide {
  width: 90%;
}

.column-wide {
  width: 75%;
}

.column-wide .formsteps {
  width: 33.333333%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}

.column-wide .form-wrapper {
  width: 100%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}

.column-wide .formsteps+.form-wrapper {
  width: 66.666666%;
}

.column-wider {
  width: 25%;
  padding: 0 0 0 20px;
}

.totalContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.totalContainer>.whitespaceContainer {
  width: 33.333333%
}

.totalContainer>.editableContainer {
  width: 66.666666%;
  padding: 0 0 0 20px;
}

.totalContainer .editableContainer form {
  width: 100%;
  padding: 0;
}

/*
 * Header
 */

#header-wrapper {
  background: #fff;
}

.header-block-wrapper {
  background-color: #42145f;
  border-bottom: 10px solid #c6b8cf;
  height: 44px;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  box-sizing: content-box;
}

.header-block-wrapper .paragraph-default .text {
  font-size: .875em;
}

.header-block-wrapper .paragraph-default .text a {
  color: #fff;
}

/*
 * Footer
 */

#footer-wrapper {
  height: 44px;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px 5px;
  font-size: .875em;
}

.footer-default .statement p {
  margin: 0;
  color: #535353;
}

/*
 * Hidden
 */

.hidden, .block-functions, .readspeaker, .skiplinks, .navigation-default, .path-default, .properties, #languageswitch {
  display: none !important;
}

.block-hidden {
  display: none;
}

/*
 * Logo
 */

#header_logo {
  height: 85px;
  background: url("../../../../images/logo-jenv-justis_tcm34-2963.png");
  background-repeat: no-repeat;
  background-position: calc(50% + 114px) 0;
}

#header_logo a {
  display: block;
  height: 85px;
  width: 250px;
  margin: 0 auto;
  left: 100px;
  position: relative;
}

#header_logo img {
  display: none;
}

/**
 * Form titles
 */

.h1-wrapper {
  display: none;
}

.h1-form-title {
  display: block;
}

.h1-form-title h1 {
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  padding-bottom: 8px;
  margin-bottom: 0;
}

.h1-formstep-title h1 {
  font-size: 1.675em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  .h1-wrapper h1, .h1-formstep-title h1 {
    margin-left: 0;
  }
  .formsteps {
    margin-top: 0;
  }
}

/**
 * Blocks
 */

.block-attention div.h2-wrapper, .block-attention div.h3-wrapper, .block-attention div.h4-wrapper {
  float: left;
  margin: 0 7px 0 0;
}

.block-attention div.h2-wrapper h2, .block-attention div.h3-wrapper h3, .block-attention div.h4-wrapper h4 {
  margin: 0;
}

.block-default .table-default table, .block-default .listbulleted-default ul, .block-default .listbulleted-nobullets ul, .block-default .molist-nobullets ul, .block-default .listordered-default ol, .block-default .download-default ul, .block-default .molist-default ul {
  margin: 0 0 20px;
  float: left;
  width: 100%;
}

.block-right .table-default table, .block-right .image-default .wrapper, .block-right .listbulleted-default ul, .block-right .listbulleted-nobullets ul, .block-right .molist-nobullets ul, .block-right .listordered-default ol, .block-right .download-default ul, .block-right .molist-default ul {
  float: right;
  margin: 0 0 20px 12px;
}

.block-left, .block-right {
  margin: 0;
}

.block-left .table-default table, .block-left .image-default .wrapper, .block-left .listbulleted-default ul, .block-left .listbulleted-nobullets ul, .block-left .molist-nobullets ul, .block-left .listordered-default ol, .block-left .download-default ul, .block-left .molist-default ul {
  float: left;
  margin: 0 12px 20px 0;
}

.block-center .table-default table, .block-center .image-default .wrapper, .block-center .listbulleted-default ul, .block-center .listbulleted-nobullets ul, .block-center .molist-nobullets ul, .block-center .listordered-default ol, .block-center .download-default ul, .block-center .molist-default ul {
  margin: 0 auto;
}

.block-center .listbulleted-default ul, .block-center .listbulleted-nobullets ul, .block-center .molist-nobullets ul, .block-center .listordered-default ol, .block-center .download-default ul, .block-center .molist-default ul {
  text-align: center;
}

.molist-default ul, .listbulleted-default ul {
  margin: 0 0 1em;
  padding: 0 0 0 0.2em;
}

/*
 * Links
 */

a.pdf, a.doc, a.xlsx, a.zip {
  padding: 2px 0 3px 25px;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  background-image: url('../../../../images/icons.png');
  background-repeat: no-repeat;
}

a.pdf {
  background-position: left -748px;
}

a.doc {
  background-position: left -1094px;
}

a.xlsx {
  background-position: left -1154px;
}

a.zip {
  background-position: left -1204px;
}

a.pdf:hover, a.doc:hover, a.xlsx:hover, a.zip:hover {
  text-decoration: underline;
}

.download-pdf .download, .download-doc .download, .download-excel .download, .download-zip .download {
  display: inline;
}

.filesize {
  font-size: 0.9em;
  display: inline;
}

.filesize:before {
  content: " (";
}

.molist-pdf ul, .molist-doc ul, .molist-excel ul, .molist-zip ul {
  padding: 0;
  margin: 0 0 1em;
}

.molist-pdf ul li, .molist-doc ul li, .molist-excel ul li, .molist-zip ul li {
  padding: 0;
  margin: 0 0 0.5em;
  list-style: none;
}

.molist-pdf .filesize:before, .download-pdf .filesize:before {
  content: " (PDF, ";
}

.molist-doc .filesize:before, .download-doc .filesize:before {
  content: " (DOC, ";
}

.molist-excel .filesize:before, .download-excel .filesize:before {
  content: " (EXCEL, ";
}

.molist-zip .filesize:before, .download-zip .filesize:before {
  content: " (ZIP, ";
}

.filesize:after {
  content: ")";
}

/**
 * Tables
 */

.table-default {
  width: auto;
}

.table-default table {
  border-collapse: collapse;
  border: 1px solid #154273;
  margin: 0 0 1em;
  max-width: 570px;
}

.table-default table thead th, .table-default table caption {
  border-top: 1px solid #154273;
  border-left: 1px solid #154273;
  border-right: 1px solid #154273;
  font-weight: bold;
  text-align: left;
  background-color: #f1eae0;
  padding: 8px 12px;
  vertical-align: top;
}

.table-default table thead th {
  border-bottom: 1px solid #154273;
  background-color: #f1f1f1;
}

.table-default table tbody th, .table-default table tbody td {
  border: 1px solid #154273;
  padding: 8px 12px;
  vertical-align: top;
  text-align: left;
}

/*
 * Forms
 */

.column-wide .form-default .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.column-wider fieldset, .column-wide fieldset {
  padding: 0px;
  padding-bottom: 18px;
  margin: 0 0 5px;
}

.column-wider legend, .column-wide legend {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  font-style: italic;
}

.column-wide legend {
  font-size: 1.675em;
}

.column-wider legend {
  font-size: 1.75em;
}

.form-default:before, .form-default:after {
  content: "";
  display: table;
}

.form-default:after {
  clear: both;
}

fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  border-image: initial;
}

fieldset .fieldgrp-default, fieldset .fieldgrp {
  width: auto;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
}

fieldset .fieldgrp .wm-field {
  padding: 16px;
  overflow: hidden;
  background: #f3f3f3;
}

fieldset .fieldgrp .formbutton .wm-field {
  background: none;
  padding-right: 0;
  margin-top: 16px;
}

fieldset .fieldgrp:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

fieldset .flex-md-row .fieldgrp+.fieldgrp .wm-field {
  padding-top: 16px;
}

fieldset .fieldgrp+.fieldgrp .wm-field {
  padding-top: 0;
}

fieldset .fieldgrp+.fieldgrp-default .wm-field, fieldset .fieldgrp-default+.fieldgrp .wm-field {
  margin-top: 15px;
}

fieldset .fieldgrp+.fieldgrp .formcheckbox .wm-field {
  padding-top: 16px;
}

/**
 * @TODO Mogelijke fix voor wm-field + error-message (eronder)
 */

fieldset .fieldgrp .wm-field:not(.displayNone) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

fieldset .fieldgrp .wm-field [id^=error_wmform_] {
  width: 100%;
  order: 5;
}

/**
 * IE fix voor 'Bevestigen gegevens' hack
 */

fieldset .fieldgrp .wm-field .wrapper .wm-field-label+.wm-field-input {
  flex: 1 1 auto;
}

fieldset .fieldgrp .wm-field .wm-field-helptext {
  width: 100%;
}

@media only screen and (max-width: 479px) {
  fieldset .fieldgrp .wm-field .wm-field-label {
    width: 100%;
  }
  fieldset .fieldgrp .wm-field .wm-field-label+.wm-field-input {
    flex: auto;
    width: 100%;
  }
  .fieldgrp .wm_formelement_errors, .fieldgrp .wm-field [id^=error_wmform_] ul {
    margin-left: 0;
  }
}

/**
 * Zorg dat de fieldgroup voor buttons (onderin) een extra class krijgt 'fieldgrp-buttons'
 */

fieldset .fieldgrp-buttons {
  width: auto;
  float: right;
  background: none;
  padding: 0;
  margin-top: 16px;
}

fieldset .fieldgrp-default ol li {
  list-style: decimal inside;
}

fieldset .fieldgrp-default ul li {
  list-style: disc inside;
}

fieldset .fieldgrp-default i {
  font-style: italic;
}

fieldset .fieldgrp-default b {
  font-weight: 700;
}

.wm-field .field {
  width: 100%;
  position: relative;
}

.wm-field-label {
  float: left;
}

.wm-field-label .required {
  padding-left: 5px;
}

.wm-field-label label {
  width: 100%;
  padding: 2.5px 2px 4px;
}

.wm-field-input {
  width: 100%;
  overflow: hidden;
}

.wm-field-input input[type="text"], .wm-field-input input[type="password"], .wm-field-input input[type="email"], .wm-field-input input[type="number"], .wm-field-input input[type="url"], .wm-field-input input[type="tel"], .wm-field-input textarea, .wm-field-input select {
  border: 1px solid #fff;
  border-bottom: 2px solid #154273;
  height: 32px;
  box-sizing: border-box;
  padding: 0.25em;
}

.wm-field-input textarea {
  width: 100%;
  height: 96px;
  resize: vertical;
  max-width: 100%;
}

.wm-field-label+.wm-field-input {
  line-height: 32px;
}

.formcheckbox .wm-field-input .field {
  width: 100%;
}

/**
 * Zorg dat een readonly veld een extra class krijgt 'wm-field-readonly'
 */

.wm-field-readonly .wm-field-input .field {
  border: 1px solid #fff;
  height: 32px;
  box-sizing: border-box;
  padding: 0.25em;
  line-height: 1.45;
  cursor: default;
  border: 1px solid rgba(21, 66, 115, .15);
  border-bottom: 2px solid #154273;
  background-color: rgba(21, 66, 115, .05);
}

.wm-field-helptext {
  color: #666;
  line-height: 32px;
}

.wm-field-extratext {
  background-color: #154273;
  color: #fff;
  width: 26px;
  height: 32px;
  top: 0px;
  right: 0px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

/* .formcheckbox .wm-field-extratext {
  top: 14px !important;
} */

.wm-field-extratext:hover {
  background-color: #194E89;
  transition: background-color 250ms ease;
}

.formbutton, .formbutton .field, .formbutton-default, .formbutton-default .field, .formbuttontext, .formtextbox, .formcheckbox {
  position: relative;
}

.column-wide label {
  width: 15.0em;
}

.column-wide input, .column-wide select, .column-wide textarea {
  width: 100%;
}

.column-wider label {
  width: 100%;
  margin: 0 0 3px;
  word-break: break-word;
}

input[type=submit], .formbutton input, .formbutton-default input, .formbuttontext .button {
  width: auto;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
  line-height: 1.625;
  background-color: #154273;
}

input[type=submit]:disabled, .formbutton input:disabled, .formbutton-default input:disabled, .formbuttontext .button:disabled {
  background-color: #f3f3f3;
}

input[type=submit]:hover:enabled, .formbutton input:hover:enabled, .formbutton-default input:hover:enabled, .formbuttontext .button:hover:enabled {
  background-color: #194E89;
  transition: background-color 250ms ease;
}

.formradio input, .formcheckbox input {
  width: auto;
  vertical-align: middle;
}

.hdr-controls {
  padding: 10px 10px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}

.hdr-group {
  width: auto;
}

.hdr-control {
  display: none;
  border: 1px solid #89044C;
  border-radius: 3px 3px 3px 3px;
  background: #FFF;
}

.hdr-control.active {
  border-color: #000;
}

.hdr-control a {
  line-height: 30px;
  padding: 0 30px 0 10px;
  display: inline-block;
  background: transparent url("../../../../images/sprite-hdr_controls.png") no-repeat 100% -61px;
  text-decoration: none;
}

.hdr-control a:hover, .hdr-control.active a {
  background-position: 100% -384px;
  color: #000;
}

#selectievlakje .wm-field-input .field, #keuzerondje .wm-field-input .field {
  clear: both;
}

#selectievlakje input, #keuzerondje input {
  float: left;
}

#selectievlakje .wm-field-input label, #keuzerondje .wm-field-input label {
  margin-left: 5px;
}

.formfileupload {
  clear: both;
}

.formfileupload .formbuttontext .button {
  display: table;
  margin-top: 10px;
}

.formfileupload .formbuttontext .button.displayNone {
  display: none;
}

.formfileupload.upload-text-right .formbuttontext {
  display: flex;
  align-items: baseline;
}

.formfileupload.upload-text-right .formbuttontext .textbox {
  order: 1;
  width: 100%;
  margin-left: 10px;
}

.formfileupload input[type=file] {
  color: transparent;
  width: 0;
}

.formfileupload input[type=file]::-ms-browse {
	visibility: hidden;
}

.formfileupload input[type=file]::-webkit-file-upload-button {
	visibility: hidden;
}

.formfileupload input[type=file]::file-selector-button {
	visibility: hidden;
}

/*
 * Only showing the last error message (JUSDIG-3286)
 */

.formfileupload .wm_formelement_errors li {
	display:none;
}

.formfileupload .wm_formelement_errors li:last-child {
	display:initial;
}

/*
 * Custom overview form fragment
 */

 .formoverview {
  margin-bottom: 10px;
}

/*
 * Custom checkbox
 */

.formcheckbox {
  width: 100%;
  padding-left: 0;
}

.formcheckbox input[type="checkbox"] {
  opacity: 0;
  width: 1px;
  height: 0;
  position: absolute;
}

.formcheckbox .wm-field-input label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  width: 100%;
  min-height: 32px;
}

.formcheckbox .wm-field-input label::before, .formcheckbox .wm-field-input label::after {
  position: absolute;
  content: "";
  display: inline-block;
  box-sizing: content-box;
}

.formcheckbox .wm-field-input label::before {
  height: 15px;
  width: 15px;
  border: 1px solid rgba(21, 66, 115, .75);
  left: 0px;
  top: 4px;
  border-radius: 2px;
}

.formcheckbox .wm-field-input label::after {
  height: 5px;
  width: 9px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  left: 3px;
  top: 7px;
}

.formcheckbox .wm-field-input input[type="checkbox"]+label::after {
  content: none;
}

.formcheckbox .wm-field-input input[type="checkbox"]:checked+label::after {
  content: "";
}

.formcheckbox .wm-field-input input[type="checkbox"]:checked+label::before {
  background-color: #154273;
}

.formcheckbox .bold label {
  font-weight: bold;
}

/*
 * Custom radio
 */

.formradio {
  padding-left: 0;
  width: 100%;
}

.formradio .wm-field-input input[type="radio"] {
  opacity: 0;
  width: 1px;
  height: 0;
  position: absolute;
}

.formradio .wm-field-input label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  width: 100%;
}

.formradio .wm-field-input label::before, .formradio .wm-field-input label::after {
  position: absolute;
  content: "";
  display: inline-block;
  box-sizing: content-box;
}

.formradio .wm-field-input input:checked+label::before, .formradio .wm-field-input label::before {
  height: 15px;
  width: 15px;
  border: 1px solid rgba(21, 66, 115, .75);
  top: 6px;
  left: 0px;
  border-radius: 100%;
}

.formradio .wm-field-input input:checked+label::after, .formradio .wm-field-input label::after {
  height: 7px;
  width: 7px;
  background-color: #fff;
  top: 11px;
  left: 5px;
  border-radius: 100%;
}

/**
 * Screeningsprofiel Customs
 */

#screeningsprofiel_rb .wm-field-input {
  width: 100%;
}

#screeningsprofiel_rb .wm-field-input .field {
  margin-top: 8px;
}

#screeningsprofiel_rb .wm-field-input .field:first-of-type {
  margin-top: 0;
}

#screeningsprofiel_rb #sp_dropdown {
  margin: 0 -16px;
}

#screeningsprofiel_rb #sp_dropdown #wmformfragmentdescdiv_sp_dropdown p {
  margin: 0;
}

.formradio #screeningsprofiel_rb .wm-field-input input:checked+label::before, .formradio #screeningsprofiel_rb .wm-field-input label::before {
  top: 4px;
}

.formradio #screeningsprofiel_rb .wm-field-input input:checked+label::after, .formradio #screeningsprofiel_rb .wm-field-input label::after {
  top: 9px;
}

/**
 * Screeningprofiel Customs END
 */

.formradio .screeningprofiel .wm-field-input input:checked+label::before, .formradio .screeningprofiel .wm-field-input label::before {
  top: 4px;
}

.formradio .screeningprofiel .wm-field-input input:checked+label::after, .formradio .screeningprofiel .wm-field-input label::after {
  top: 9px;
}

.formradio .wm-field-input input[type="radio"]+label::after {
  content: none;
}

.formradio .wm-field-input input[type="radio"]:checked+label::after {
  content: "";
}

.formradio .wm-field-input input[type="radio"]:checked+label::before {
  background-color: #154273;
}

/**
 * Formsteps
 */

.formsteps li a {
  color: #000;
  text-decoration: none;
}

.formsteps li a:hover {
  text-decoration: underline;
}

.formsteps li.active {
  position: relative;
}

.formsteps li.step::before {
  content: "✔";
  width: 24px;
  color: #266A97;
  display: inline-block;
}

.formsteps li.active::before {
  content: "➜";
  width: 24px;
  font-weight: normal;
  display: inline-block;
}

.formsteps li.active~li.step {
  color: #a1a1a1;
}

.formsteps li.active~li.step::before {
  display: none;
}

.formsteps ol {
  margin-top: 0;
  padding: 0;
}

.formsteps ol li {
  margin-bottom: 10px;
}

.formsteps ol li.step {
  display: block;
}

.formsteps ol li.active span {
  font-weight: bold;
}

.formsteps_mobile_wrapper {
  display: none;
  padding: 16px;
  background: #f3f3f3;
  margin-bottom: 20px;
}

.formsteps_mobile_wrapper .formsteps_mobile {
  border: 1px solid #fff;
  border-bottom: 2px solid #154273;
  height: 32px;
  box-sizing: border-box;
  padding: 0.25em;
}

/**
 * Overview table
 */

.formoverviewtable {
  border-spacing: inherit;
  margin-bottom: 20px;
}

.formoverviewtable thead tr td, .formoverviewtable .theader tr td {
  font-weight: bold;
}

.formoverviewtable td {
  padding: .5em .6em;
  color: #000;
  background-color: #e6e6e6;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  border-collapse: collapse;
}

.formoverviewtable tbody tr td:nth-child(1) {
  width: 1%;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 1.125em;
}

.formoverviewtable tbody tr td:nth-child(2) {
  width: auto;
  background-color: #F3F3F3;
}

.overview_screeningsprofile {
  padding: 12px;
  background-color: #F2F2F2;
  margin-bottom: 0 !important;
}

#functieaspecten_view .overview_screeningsprofile:last-of-type {
  margin-bottom: 12px !important;
}

#screeningsprofiel #screeningsprofile_title {
  margin-top: 12px;
}

#screeningsprofiel #wmformfragment_screeningsprofiel {
  width: 100%;
}

/**
 * Logins
 */

.eHerkenningLogin .wm-field, .DigiDLogin .wm-field, .eIdasLogin .wm-field {
  padding: 0;
  margin-top: 16px;
}

.eHerkenningLogin .field, .DigiDLogin .field, .eIdasLogin .field {
  overflow: hidden;
}

.DigiDLogin input {
  background: url("../../../../images/digid_button_inloggen.png") no-repeat !important;
  float: left !important;
  min-width: 45px;
  height: 45px;
  font-size: 0px;
  color: #000;
  padding: 0 0 0 50px !important;
  margin: 0 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.eHerkenningLogin input {
  background: url("../../../../images/eherkenning_inloggen.png") no-repeat !important;
  float: left !important;
  min-width: 194px;
  height: 34px;
  font-size: 0px;
  color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.eIdasLogin input {
  border: none !important;
  background: url(../../../../images/eidas_button_inloggen.png) no-repeat !important;
  float: left !important;
  min-width: 55px;
  height: 50px;
  font-size: 19px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000;
  padding-left: 60px !important;
  font-weight: bold !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.formsection > .block-digid > .jq_gridcontentarea,
.formsection > .block-eidas > .jq_gridcontentarea,
.formsection > .block-eherkenning > .jq_gridcontentarea {
  display: flex;
  padding: 20px;
  background: #f3f3f3;
  margin-bottom: 40px;
}

.formsection .block-digid .jq_gridcontentarea,
.formsection .block-eidas .jq_gridcontentarea,
.formsection .block-eherkenning .jq_gridcontentarea {
  text-align: left;
}

.formsection .block-digid .jq_gridcontentarea .fieldgrp-default,
.formsection .block-eidas .jq_gridcontentarea .fieldgrp-default,
.formsection .block-eherkenning .jq_gridcontentarea .fieldgrp-default {
  margin-bottom: 15px;
  font-weight: bold;
}

.formsection .block-digid .jq_gridcontentarea .fieldgrp-default .text.wm-field-input,
.formsection .block-eidas .jq_gridcontentarea .fieldgrp-default .text.wm-field-input,
.formsection .block-eherkenning .jq_gridcontentarea .fieldgrp-default .text.wm-field-input {
  word-break: break-word;
}

.formsection .block-digid .jq_gridcontentarea .formbutton input.DigiDLogin {
  background: url(../../../../images/digid.svg) !important;
}

.formsection .block-eidas .jq_gridcontentarea .formbutton input.eIdasLogin {
  background: url(../../../../images/eidas.svg) !important;
}

.formsection .block-eherkenning .jq_gridcontentarea .formbutton input.eHerkenningLogin {
  background: url(../../../../images/eherkenning.svg) !important;
  min-width: auto;

}

.formsection .block-digid .jq_gridcontentarea .formbutton input.DigiDLogin,
.formsection .block-eidas .jq_gridcontentarea .formbutton input.eIdasLogin,
.formsection .block-eherkenning .jq_gridcontentarea .formbutton input.eHerkenningLogin {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  width: 80px;
  height: 80px;
  font-size: 0 !important;
}

.formsection .block-digid .jq_gridcontentarea input[type="submit"],
.formsection .block-eidas .jq_gridcontentarea input[type="submit"],
.formsection .block-eherkenning .jq_gridcontentarea input[type="submit"] {
  margin-left: 0;
}

.fieldgrp .block-digid .DigiDLogin,
.fieldgrp .block-eidas .eIdasLogin,
.fieldgrp .block-eherkenning .eHerkenningLogin {
  margin: 0;
}

.block-digid .fieldgrp.DigiDLogin,
.block-eidas .fieldgrp.eIdasLogin,
.block-eherkenning .fieldgrp.eHerkenningLogin {
  margin-right: 20px;
}

fieldset .block-login .fieldgrp .wm-field {
  padding: 0;
}

fieldset .block-login .fieldgrp-default, fieldset .block-login .fieldgrp {
  width: inherit;
}

fieldset .block-login .fieldgrp .formbutton .wm-field {
  margin-top: 0;
}

/**
 * Extratext
 */

.required-text {
  display: block;
  color: #535353;
  margin-bottom: 15px;
}

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

.extraTextElement {
  display: none;
  float: left;
  clear: both;
  padding-top: 16px;
  padding-right: 26px;
  width: 100%;
  line-height: 24px;
  position: relative;
  min-height: 48px;
  padding-left: 10px;
  padding-bottom: 16px;
  background-color: #d0e2f0;
}

.extraTextElement .extraTextClose {
  background-color: #154273;
  color: #fff;
  width: 26px;
  height: 32px;
  top: -2px;
  right: 0px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.extraTextElement .extraTextClose:hover {
  background-color: #194E89;
  transition: background-color 250ms ease;
}

.riskgroup, .list_category {
  margin-bottom: 16px;
}

.riskgroup:last-of-type {
  margin-bottom: 0;
}

.riskgroup_title, .list_category {
  font-weight: bold;
}

/* .formtextbox .wm-field-input .extraTextElement .extraTextClose {
  top: 88px;
} */

/**
 * Errors
 */

.wm_formelement_errors, .wm-field [id^=error_wmform_] ul {
  margin: 0;
  list-style: none;
  padding: 25px 0px 5px 10px;
  background: url(../../../../images/icon-error.png);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-color: #f1d6dd;
}

.fieldgrp .wm-field [id^=error_wmform_] ul li {
  width: 84%;
}

.formcheckbox .wm_formelement_errors, .formcheckbox .wm-field [id^=error_wmform_] ul {
  margin-left: 0 !important;
}

/**
 * Messages
 */

.wm_formelement_messages {
  background: url(../../../../images/icon-check.png);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-color: #e4f6dc;
  padding: 25px 0px 5px 10px;
  list-style: none;
}

/**
 * Unsorted
 */

.formsection .formbutton, .formsection .formbutton .field, .formsection .formbutton-default, .formsection .formbutton-default .field, .formsection .formbuttontext, .formsection .formtextbox {
  width: auto;
  position: relative;
  float: none;
}

.formsection .formbutton input.wm_input_back_button, .formsection input[type=submit].wm_input_back_button {
  position: relative;
  display: inline-block;
}

.formsection input[type=submit] {
  margin-left: 10px;
}

.formsection .jq_gridcontentarea {
  text-align: right;
}

.justis_container .formsection .jq_gridcontentarea {
  text-align: left;
}

.formsection .text_left .jq_gridcontentarea {
  text-align: left;
}

.formsection .jq_gridcontentarea>.fieldgrp {
  display: inline-block;
}

.justis_container .formsection .jq_gridcontentarea>.fieldgrp {
  display: block;
}

.formsection .jq_gridcontentarea>.DigiDLogin {
  display: block;
  min-width: 80px;
}

.formsection .jq_gridcontentarea>.eHerkenningLogin {
  display: block;
}

.formsection .jq_gridcontentarea>.eIdasLogin {
  display: block;
}

.formstaticheader-default .field {
  float: none;
}

.screeningprofiel .wm-field-input .field {
  padding: 6px 0;
}

.screeningprofiel .wm-field-input .field label {
  width: 430px;
}

.wm-field-input p {
  margin-bottom: 0;
}

.row .wm-field-label+.wm-field-input {
  flex: 1 !important;
  width: auto;
  overflow: visible;
}

.row .formcheckbox .wm-field-input {
  flex: none;
}

.row .formradio .wm-field-input {
  flex: none;
}

.row .wm-field-label label {
  float: left;
}

.fieldgrp .formsection .width-100 .jq_gridcontentarea .fieldgrp {
  width: 100%;
  text-align: left;
}

.fieldgrp .formsection .margin10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fieldgrp .formsection .gridelement > .wm-field-label {
  display: none;
}

/*
 * Alert
 */

.wm-field-input.text-alert p {
  background-color: #f6d4b2;
  padding: 10px;
}

.wm-field-input.text-alert-purple p {
  background-color: #e3dce7;
  padding: 10px;
}

/*
 * Popup
 */

.blockpopup {
  position: absolute;
  border: 2px solid #154273;
  padding: 10px;
  top: 50%;
  left: 50%;
  width: 286px;
  background-color: #ffffff;
  -moz-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.3);
  display: none;
  margin: -100px 0 0 -143px;
  z-index: 1000;
}

.fieldgrp .DigiDLogin {
  margin: 40px 0 16px;
}

.fieldgrp .wm-field.DigiDLogin, .fieldgrp .wm-field.eIdasLogin {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eIdasLogin+.fieldgrp .text.wm-field-input {
  text-align: left !important;
}

fieldset .fieldgrp+.fieldgrp .wm-field.conditionalFirst {
  padding-top: 16px;
}

#wmformfragment_screeningsopties_html .screeningwrapper>div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Keuzehulp VOG */

.keuzehulp {
  overflow-y: scroll;
}

.keuzehulp a.goback {
  position: absolute;
  margin-left: 40px;
  top: 100px;
  color: #fff;
}

.keuzehulp a.goback::before {
  background-image: url("../../../../images/arrow-right-white.png");
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  margin-left: -25px;
  transform: rotate(180deg);
  top: 2px;
}

.block-VOG-keuzehulp .wm-field-input {
  position: relative;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input {
  display: flex;
  margin-bottom: 15px;
}

.block-VOG-keuzehulp .formradio .formradio-block {
  background: #fff;
  padding: 0;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field {
  background: #fff;
  padding: 0;
  margin: 0;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input .field {
  text-align: center;
  width: auto;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input .field:first-child {
  margin-right: 20px;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::before,
.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::after {
  display: none;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
  min-height: 170px;
  background: #154273;
  cursor: pointer;
  color: #fff;
  width: 190px;
  height: 190px;
  font-weight: bold;
}

.block-VOG-keuzehulp .formradio .formradio-block.selected .wm-field-input label {
  opacity: 0.4;
}

.block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label {
  opacity: 1;
}

.block-contact {
  margin-top: 40px;
  padding: 20px;
  background: #f3f3f3;
  text-align: center;
}

.block-contact p {
  margin: 0;
}

.block-contact img {
  padding: 10px;
  width: auto;
  height: auto;
  border: 1px solid #000;
  border-radius: 80px;
}

.block-VOG-keuzehulp .formbutton {
  display: flex;
  justify-content: flex-end;
}

.block-VOG-keuzehulp fieldset>.fieldgrp .wm-field.faq {
  background: #fff;
  padding: 10px 0;
}

.block-VOG-keuzehulp .formcheckbox .wm-field.faq label {
  padding-left: 35px;
  cursor: pointer;
}

.block-VOG-keuzehulp .formcheckbox .wm-field.faq label::before,
.block-VOG-keuzehulp .formcheckbox .wm-field.faq input[type="checkbox"]:checked+label::before {
  border: 0;
  background-image: url("../../../../images/linkblue-sprite-icons-xl-1.2.png");
  background-position: -250px -316px;
  background-color: #fff;
  padding: 10px;
}

.block-VOG-keuzehulp .formcheckbox .wm-field.faq label::after {
  display: none;
}

.block-VOG-keuzehulp .formcheckbox .wm-field.faq label {
  font-weight: bold;
}

.block-VOG-keuzehulp .wm-field.contentelement.faq-answer {
  margin-top: 0;
  padding-left: 35px;
}

.block-VOG-keuzehulp .formsection .checklist .jq_gridcontentarea {
  text-align: left;
}

.block-VOG-keuzehulp .formsection .checklist .jq_gridcontentarea>.fieldgrp {
  display: block;
}

.block-VOG-keuzehulp .formsection .checklist {
  margin: 15px 0;
}

.block-VOG-keuzehulp .fieldgrp .checklist .wm-field {
  margin: 0;
  padding: 0px;
  background: transparent;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox label {
  background: #f3f3f3;
  padding: 10px 30px 10px 35px;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox .extraTextElement {
  width: 100%;
  background: #f6d4b2;
  margin: 10px 0;
  padding: 10px 40px 10px 25px;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox label::before {
  border: 0;
  display: inline-block;
  content: '';
  top: 20px;
  left: 20px;
  border-radius: 100px;
  height: 6px;
  width: 6px;
  background-color: #000;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox label::after {
  display: none;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox .wm-field-extratext {
  top: 7px !important;
  right: 8px;
}

.block-VOG-keuzehulp .fieldgrp .checklist .formcheckbox .extraTextElement .extraTextClose {
  top: 7px;
  right: 8px;
}

.block-VOG-keuzehulp .wm-field.contentelement.do-action-send-email .wm-field-helptext {
  display: none;
}

.block-VOG-keuzehulp .wm-field.contentelement.do-action-send-email.showText .wm-field-helptext {
  display: block;
  margin-left: 0;
  color: #000;
  background: #f6d4b2;
  padding: 10px;
  margin: 5px 0;
}


.trigger-action-send-email input[type=submit] {
  background: rgb(221, 221, 221);
  cursor: not-allowed;
  pointer-events: none;
}

.trigger-action-send-email.showButton input[type=submit] {
  cursor: pointer;
  pointer-events: initial;
  background: #194E89;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input .field {
  width: 100%;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input .extraTextElement {
  display: block;
  width: 100%;
  padding-left: 28px;
  background: #f3f3f3;
  margin-bottom: 20px;
  float: none;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input .extraTextElement .extraTextClose {
  display: none;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input .field .wm-field-extratext {
  display: none;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input .extraTextElement:nth-of-type(4) {
  display: none;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-helptext {
  margin-bottom: 5px;
  margin: 0 0 5px 0;
  color: #000;
  padding: 10px 0px 0 28px;
  line-height: 24px;

}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input label {
  font-weight: bold;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input label::before {
  top: 5px;
}

.block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input input[type="radio"]:checked+label::after {
  top: 10px;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email {
  margin-top: 0.5em;
  margin-bottom: 65px;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea {
  display: flex;
  position: relative;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist {
  padding-right: 0;
  padding-left: 20px;
  width: 100%;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .fieldgrp {
  background: #f3f3f3;
  width: auto;
  overflow: inherit;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .formbutton .wm-field {
  margin-top: 0;
  padding-right: 16px;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .formbutton .wm-field input[type="submit"] {
  margin-left: 0;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .wm-field-input p {
  display: none;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .wm-field-input input.sendlist {
  border-bottom: 0;
  line-height: 1.625;
  height: inherit;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist ul {
  position: absolute;
  margin-left: 0;
  bottom: -65px;
  text-align: left;
}

.block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist ul li {
  width: 100%;
}

/* Digid element */
.digidssosessiondata-default table, th, td {
  border: 1px solid;
}

.digidssosessiondata-default table {
background: #f3f3f3;
border-collapse: collapse;
width: 50%;
margin-bottom: 10px;
text-align: center;
}


/* Custom utilities */

.bg-grey {
  background: #f3f3f3;
}

.formsectionelement.mb-16 {
  margin-bottom: 16px;
}

.formsectionelement b {
  padding-left: 16px;
}

.addition_calculation_input_subtotaal .wm-field-input {
  min-height: 32px;
}

@media only screen and (min-width: 767px) {
  .flex-md-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .flex-md-row label {
    display: flex;
  }
  
  .flex-md-end {
    align-items: flex-end;
  }

  .flex-md-baseline {
    align-items: baseline;
  }
  
  .w-md-50 .fieldgrp {
    width: 50% !important;
  }
  
  .w-md-33 .fieldgrp {
    width: 33.33% !important;
  }
  .w-md-25 .fieldgrp {
    width: 25% !important;
  }
}

/*
 * Responsive
 */

@media only screen and (max-width: 991px) {

  .fullwidth .column-wide {
    width: 100%;
  }

  .column-wide {
    width: 100%;
  }
  .column-wider {
    width: 100%;
    padding: 0 20px;
  }
  .column-wide .totalContainer .whitespaceContainer {
    display: none;
  }
  .column-wide .totalContainer .editableContainer {
    width: 100%;
  }
  .column-wide .totalContainer .editableContainer .form-wrapper {
    width: 100%;
    padding: 0;
  }
  .keuzehulp .column-wider {
    padding: 0;
  }
  .block-contact {
    margin-left: 20px;
    text-align: left;
  }

  .block-contact .editableContainer {
    display: flex;
  }

  .block-contact .editableContainer .block-default {
    margin-right: 20px;
    align-self: center;
  }

  .block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist ul {
    bottom: -50px;
  }
}

/*
 * Responsive
 */

@media only screen and (max-width: 767px) {
  .column-wide .form-default .wrapper {
    flex-wrap: wrap;
  }
  .column-wide .formsteps {
    width: 100%;
  }
  .column-wide .formsteps ol {
    display: none;
  }
  .column-wide .formsteps_mobile_wrapper {
    display: block;
  }
  .column-wide .form-wrapper {
    width: 100%;
  }
  .column-wide .formsteps+.form-wrapper {
    width: 100%;
  }
  .block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist ul {
    bottom: -70px;
  }
  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input {
    display: block;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field {
    background: #fff;
    padding: 0;
    margin: 0;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input .field {
    margin: 0;
    text-align: left;
    width: 100%;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::before,
  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::after {
    display: block;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::before {
    top: 14px;
    left: 20px;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label {
    display: block;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
    min-height: 0;
    background: #f3f3f3;
    cursor: initial;
    color: #000;
    width: 100%;
    height: inherit;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label {
    background-color: #f3f3f3;
    color: #000;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label::before {
    top: 14px;
    left: 20px;
    background: transparent;
    border: 0;
  }

  .block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input input[type="radio"]:checked+label::before {
    background: transparent;
    border: 0;
  }

  .block-VOG-keuzehulp .formradio .wm-field.formradio-extratext .wm-field-input input[type="radio"]:checked+label::after {
    top: -2px;
    left: -1px;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label::after,
  .formradio .wm-field.formradio-extratext .wm-field-input input[type="radio"]:checked+label::after {
    top: 7px;
    left: 19px;
    background-image: url("../../../../images/baseline-check-24px.svg") !important;
    background-repeat: no-repeat !important;
    background: transparent;
    content: "";
    width: 30px;
    height: 30px;
  }

  .block-VOG-keuzehulp .formradio .formradio-block.selected .wm-field-input label {
    opacity: 1;
    background: 0;
  }
}

@media only screen and (max-width: 479px) {
  #header_logo {
    background-image: url("../../../../images/logo-fallback.png");
    background-position: 50% 0;
  }
  #header_logo a {
    width: 75px;
    left: 0;
  }
  .wm-field-label label {
    max-width: 100%;
    width: 100%;
  }
  .wm-field-input .field {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .wm-field-label+.wm-field-input {
    clear: left;
  }
  .fieldgrp .wm_formelement_errors, .fieldgrp .wm-field [id^=error_wmform_] ul {
    margin: 0;
  }
  .fieldgrp .wm-field [id^=error_wmform_] ul li {
    width: 100%;
  }
  .wm-field-helptext {
    margin-left: 0;
  }
  .wm-field-extratext {
    position: inherit;
  }
  .extraTextElement {
    position: relative;
    width: calc(100% - 30px);
  }
  .extraTextElement .extraTextClose {
    top: 8px !important;
    right: -30px;
    width: 24px;
  }
  #wmformfragment_screeningsopties_html .screeningwrapper>div:first-of-type .wm-field-label {
    height: auto !important;
  }
  #wmformfragment_screeningsopties_html .screeningwrapper>div:first-of-type .wm-field-label label {
    padding-left: 0;
    font-style: italic;
  }

  .wm-field-input > select {
    width: 100%;
  }

  /* Keuzehulp VOG */

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input {
    display: block;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field {
    background: #fff;
    padding: 0;
    margin: 0;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input .field {
    margin: 0;
    text-align: left;
    width: 100%;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::before,
  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::after {
    display: block;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label::before {
    top: 14px;
    left: 20px;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input label {
    display: block;
    margin-bottom: 10px;
    padding: 10px 10px 10px 50px;
    min-height: 0;
    background: #f3f3f3;
    cursor: initial;
    color: #000;
    width: 100%;
    height: inherit;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label {
    background-color: #f3f3f3;
    color: #000;
  }

  .block-VOG-keuzehulp .formradio .formradio-block .wm-field-input input:checked+label::before {
    top: 14px;
    left: 20px;
  }

  .block-VOG-keuzehulp .checklist .wm-field-extratext {
    position: absolute;
  }

  .block-VOG-keuzehulp .checklist .extraTextElement {
    position: unset;
  }

  .block-VOG-keuzehulp .fieldgrp .formsection .block-email {
    margin-bottom: 90px;
  }

  .block-VOG-keuzehulp .fieldgrp .formsection .block-email .jq_gridcontentarea .wm-field.sendlist ul {
    bottom: -90px;
  }
}