*,
*:after,
*:before {
  box-sizing: border-box;
}
.form-all {
  font-family: "Inter", sans-serif;
}
.main .jotform-form {
  width: 100%;
  padding: 0 3%;
}
.form-all {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 752px;
}
.form-line-active {
  background-color: #ffffe0 !important;
}
.form-all {
  font-size: 16px;
}
li.form-line {
  margin-top: 12px;
  margin-bottom: 12px;
}
.form-line {
  padding: 12px 10px;
}
.form-section {
  padding: 0px 38px;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
.form-label {
  font-family: "Inter", sans-serif;
}
.form-line-column {
  width: calc(50% - 8px);
}
.form-checkbox-item label,
.form-checkbox-item span,
.form-radio-item label,
.form-radio-item span {
  color: #404a64;
}
.form-radio-item,
.form-checkbox-item {
  padding-bottom: 0px !important;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child {
  padding-bottom: 0;
}
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
  width: 100%;
}
.form-checkbox-item .editor-container div,
.form-radio-item .editor-container div {
  position: relative;
}
.form-checkbox-item .editor-container div:before,
.form-radio-item .editor-container div:before {
  display: inline-block;
  vertical-align: middle;
  left: 0;
  width: 20px;
  height: 20px;
}
.submit-button {
  font-size: 16px;
  font-weight: normal;
  font-family: "Inter", sans-serif;
}
.submit-button {
  min-width: 180px;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  min-width: 128px;
}
li[data-type="control_image"] div {
  text-align: left;
}
li[data-type="control_image"] img {
  border: none;
  border-width: 0px !important;
  border-style: solid !important;
  border-color: false !important;
}
.supernova {
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: repeat;
}
.supernova {
  background-image: none;
}
#stage {
  background-image: none;
}
/* | */
.form-all {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: repeat;
}
.form-header-group {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
}
.header-large h1.form-header {
  font-size: 2em;
}
.header-large h2.form-header {
  font-size: 1.5em;
}
.header-large h3.form-header {
  font-size: 1.17em;
}
.header-large h1 + .form-subHeader {
  font-size: 1em;
}
.header-large h2 + .form-subHeader {
  font-size: .875em;
}
.header-large h3 + .form-subHeader {
  font-size: .75em;
}
.header-default h1.form-header {
  font-size: 2em;
}
.header-default h2.form-header {
  font-size: 1.5em;
}
.header-default h3.form-header {
  font-size: 1.17em;
}
.header-default h1 + .form-subHeader {
  font-size: 1em;
}
.header-default h2 + .form-subHeader {
  font-size: .875em;
}
.header-default h3 + .form-subHeader {
  font-size: .75em;
}
.header-small h1.form-header {
  font-size: 2em;
}
.header-small h2.form-header {
  font-size: 1.5em;
}
.header-small h3.form-header {
  font-size: 1.17em;
}
.header-small h1 + .form-subHeader {
  font-size: 1em;
}
.header-small h2 + .form-subHeader {
  font-size: .875em;
}
.header-small h3 + .form-subHeader {
  font-size: .75em;
}
.form-header-group {
  text-align: left;
}
.form-header-group {
  font-family: "Inter", sans-serif;
}
div.form-header-group.header-large,
div.form-header-group.hasImage {
  margin: 0px -38px;
}
div.form-header-group.header-large,
div.form-header-group.hasImage {
  padding: 40px 52px;
}
.form-header-group .form-header,
.form-header-group .form-subHeader {
  color: 0;
}
.form-all {
  position: relative;
}
.form-all:before {
  content: "";
  background-image: url("https://www.jotform.com/uploads/spaarnegasthuis/form_files/97a7cb3bfe7bc5bff6b1a843b87bebd1.63e24a6b12e0d1.37346122.png");
  display: inline-block;
  height: 299px;
  position: absolute;
  background-size: 620px 299px;
  background-repeat: no-repeat;
  width: 100%;
}
.form-all { margin-top: 319px; }
.form-all:before {
  top: -309px;
  background-position: top center;
}
.form-line-error {
  overflow: hidden;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.form-line-error .form-error-message {
  background-color: #f23a3c;
  clear: both;
  float: none;
}
.form-line-error .form-error-message .form-error-arrow {
  border-bottom-color: #f23a3c;
}
.form-line-error input:not(#coupon-input),
.form-line-error textarea,
.form-line-error .form-validation-error {
  border: 1px solid #f23a3c;
  box-shadow: 0 0 3px #f23a3c;
}
.supernova {
  background-color: #ffffff;
  background-color: #ecedf3;
}
.supernova body {
  background-color: transparent;
}
.supernova .form-all,
.form-all {
  background-color: #ffffff;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
.form-matrix-table tr {
  border-color: #e6e6e6;
}
.form-matrix-table tr:nth-child(2n) {
  background-color: #f2f2f2;
}
.form-all {
  color: #2c3345;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html {
  color: #2c3345;
}
.form-line-error {
  overflow: hidden;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff4f4;
}
.form-header-group .form-header,
.form-header-group .form-subHeader {
  color: 0;
}

/*__INSPECT_SEPERATOR__*/
/* ==========================================================================
   VENDOR | Jotform theme overwrites
   These snippets should be copied into the Jotform 'Spaarne' theme builder: https://www.jotform.com/themes/#edit/64006edc3434620915363477
   ========================================================================== */
@font-face {
    font-family : 'Nexa';
    src : url('https://spaarne-rebuild.test.hoppinger.com/spa/fonts/NexaRegular.woff2') format('woff2'),
    url('https://spaarne-rebuild.test.hoppinger.com/spa/fonts/NexaRegular.woff') format('woff');
    font-weight : 400;
    font-style : normal;
    font-display : swap;
}

@font-face {
    font-family : 'Nexa';
    src : url('https://spaarne-rebuild.test.hoppinger.com/spa/fonts/NexaBold.woff2') format('woff2'),
    url('https://spaarne-rebuild.test.hoppinger.com/spa/fonts/NexaBold.woff') format('woff');
    font-weight : 700;
    font-style : normal;
    font-display : swap;
}

/* Poppins (fallback) */
@font-face {
    font-family : 'Poppins';
    font-style : italic;
    font-weight : 400;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
    unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family : 'Poppins';
    font-style : italic;
    font-weight : 400;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
    unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family : 'Poppins';
    font-style : italic;
    font-weight : 700;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
    unicode-range : U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family : 'Poppins';
    font-style : italic;
    font-weight : 700;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2');
    unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family : 'Poppins';
    font-style : italic;
    font-weight : 700;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2) format('woff2');
    unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family : 'Poppins';
    font-style : normal;
    font-weight : 400;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
    unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family : 'Poppins';
    font-style : normal;
    font-weight : 400;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
    unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family : 'Poppins';
    font-style : normal;
    font-weight : 700;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
    unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family : 'Poppins';
    font-style : normal;
    font-weight : 700;
    font-display : swap;
    src : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
    unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ----- Reset form skeleton styling */
.supernova {
    background-color : transparent !important;
    background-image : none !important;
}

.supernova body,
.supernova .form-all {
    margin : 0 !important;
}

.supernova .form-all {
    max-width : none !important;
    background : none !important;
    box-shadow : none !important;
}

.supernova .form-all:before {
    display : none !important;
}

.supernova .form-all .formLogoWrapper {
    display : none;
}

.supernova .form-all .form-section.page-section {
    padding : 0 !important;
}

.supernova .form-all .form-header-group {
    padding : 0 !important;
    margin : 0 0 24px 0 !important;
    border : none !important;
}

.supernova .form-all .form-header-group .form-subHeader {
    padding-top : 16px;
}

/* Fonts */
.supernova .form-all * {
    font-family : 'Nexa', 'Poppins', sans-serif !important;
    font-weight : 400;
    letter-spacing : 0.5px;
}

/* H1 */
.supernova .form-all .form-header {
    font-size : 1.5rem;
    line-height : 1.3125;
}

/* Text */
.supernova .form-all .form-subHeader,
.supernova .form-all li[data-type=control_text] {
    font-size : 1rem !important;
    line-height : 1.77778 !important;
}

/* Colors */
.supernova .form-all * {
    color : #212121 !important;
}

.supernova .form-all .form-required {
    color : #212121;
    margin-left : 0;
}

.supernova .form-all .form-line-error,
.supernova .form-all .form-line-active {
    background-color : transparent !important;
}

/* ----- Reset form control styling */
.supernova .form-all .form-line {
    margin-top : 0 !important;
    padding-top : 0 !important;
    padding-left : 0 !important;
    padding-right : 0 !important;
    margin-left : 0 !important;
    margin-right : 0 !important;
    padding-bottom : 0 !important;
    margin-bottom : 20px !important;
}

/* 100% wide fields */
li[data-type='control_textbox'] div[data-layout='half'],
li[data-type='control_dropdown'] div[data-layout='half'],
li[data-type='control_email'] div[data-layout='half'],
li[data-type='control_number'] div[data-layout='half'],
li[data-type='control_phone'] div[data-layout='half'],
li[data-type='control_datetime'] div[data-layout='half'],
li[data-type='control_signature'] div[data-layout='half'] {
    width : 100% !important;
    max-width : 882px;
}

/* ----- Form controls */
.supernova .form-all ::placeholder {
    color : #616161;
    font-weight : 400;
}

.supernova .form-all .form-dropdown,
.supernova .form-all .form-textarea,
.supernova .form-all .form-textbox,
.supernova .form-all .signature-pad-passive,
.supernova .form-all .signature-wrapper,
.supernova .form-all .form-checkbox + label:before,
.supernova .form-all .form-checkbox + span:before,
.supernova .form-all .form-radio + label:before,
.supernova .form-all .form-radio + span:before {
    transition : border-color 0.3s;
}

.supernova .form-all .form-dropdown:hover,
.supernova .form-all .form-textarea:hover,
.supernova .form-all .form-textbox:hover,
.supernova .form-all .signature-pad-passive:hover,
.supernova .form-all .signature-wrapper:hover,
.supernova .form-all .form-checkbox:hover + label:before,
.supernova .form-all .form-checkbox:hover + span:before,
.supernova .form-all .form-radio:hover + label:before,
.supernova .form-all .form-radio:hover + span:before {
    box-shadow : none;
    border-color : #009b9b;
}

/* Labels & Help texts */
.supernova .form-all .form-label {
    margin-bottom : 8px;
    margin-left : 0;
    font-weight : 700;
    font-size : 16px;
    line-height : 1.5;
    cursor : pointer;
}

.supernova .form-all .form-sub-label {
    margin-top : 4px;
    width : 100%;
    font-size : 14px;
    color : #616161 !important;
    cursor : pointer;
}

.supernova .form-all .form-html p,
.supernova .form-all .form-html ol,
.supernova .form-all .form-html ul {
    margin-top : 0;
    margin-bottom : 0;
}

.supernova .form-all .form-html p:not(:last-child),
.supernova .form-all .form-html ol:not(:last-child),
.supernova .form-all .form-html ul:not(:last-child) {
    margin-bottom : 24px;
}

/* Input */
.supernova .form-all .form-dropdown,
.supernova .form-all .form-textbox {
    height : 44px;
    padding : 0 20px;
}

.supernova .form-all .form-dropdown,
.supernova .form-all .form-textarea,
.supernova .form-all .form-textbox,
.supernova .form-all .signature-pad-passive,
.supernova .form-all .signature-wrapper {
    border-color : #bdbdbd;
    box-shadow : none;
}

/* Textarea */
.supernova .form-all .form-textarea {
    padding : 12px 20px;
}

/* Radio & Checkbox */
.supernova .form-all .form-checkbox + label,
.supernova .form-all .form-checkbox + span,
.supernova .form-all .form-radio + label,
.supernova .form-all .form-radio + span {
    padding-left : 40px;
    min-height : 24px;
    font-size : 16px;
    padding-top : 2px;
}

.supernova .form-all .form-checkbox:focus + label:before,
.supernova .form-all .form-checkbox:focus + span:before,
.supernova .form-all .form-radio:focus + label:before,
.supernova .form-all .form-radio:focus + span:before {
    border-color : #009b9b;
    box-shadow : none;
}

/* Radio */
.supernova .form-all .form-radio:checked + label:before,
.supernova .form-all .form-radio:checked + span:before {
    border-color : #b8bdc9;
}

.supernova .form-all .form-radio + label:before,
.supernova .form-all .form-radio + span:before {
    width : 24px;
    height : 24px;
}

.supernova .form-all .form-radio + label:after,
.supernova .form-all .form-radio + label div:after,
.supernova .form-all .form-radio + span:after,
.supernova .form-all .form-radio + span div:after {
    top : 5px;
    left : 5px;
    width : 14px;
    height : 14px;
}

.supernova .form-all .form-radio + label:after,
.supernova .form-all .form-radio + span:after {
    background-color : #009b9b;
}

/* Checkbox */
.supernova .form-all .form-checkbox:checked + label:after,
.supernova .form-all .form-checkbox:checked + span:before {
    background-size : 14px;
}

.supernova .form-all .form-checkbox:checked + label:before,
.supernova .form-all .form-checkbox:checked + span:before,
.supernova .form-all .form-checkbox:checked + span label:before {
    border-color : #009b9b;
    background-color : #009b9b;
}

.supernova .form-all .form-checkbox + label:before,
.supernova .form-all .form-checkbox + span:before,
.supernova .form-all .form-checkbox:checked + label:after,
.supernova .form-all .form-checkbox:checked + span:before {
    width : 24px;
    height : 24px;
    border-radius : 4px;
}

/* ----- Error styling */
.supernova .form-all .form-line-error input:not(#coupon-input),
.supernova .form-all .form-line-error textarea,
.supernova .form-all .form-line-error .form-validation-error {
    box-shadow : none !important;
    border-color : #b45a52 !important;
    background-color : rgba(240, 120, 110, 0.2);
}

.supernova .form-all .form-error-message {
    margin-top : 4px;
    margin-left : 2px;
    padding : 0;
    width : 100%;
    font-size : .875rem;
    background-color : transparent !important;
    background-image : none;
}

.supernova .form-all .form-error-message * {
    color : #b45a52 !important;
}

.supernova .form-all .form-error-arrow {
    display : none;
}

/* ----- Submit button */
.supernova .form-all .form-buttons-wrapper,
.supernova .form-all .form-submit-clear-wrapper {
    justify-content : unset;
    margin : 0 !important;
    padding : 0 !important;
    border : none !important;
}

.supernova .form-all .formFooter-button,
.supernova .form-all .submit-button {
    background-color : #0092cc !important;
    border-color : #0092cc !important;
    color : #fff !important;
    display : inline-flex;
    justify-content : center;
    align-items : center;
    margin : 0;
    padding : 16px 24px;
    min-height : 56px;
    line-height : 1.25;
    border-radius : 4px;
    font-weight : 400;
    font-size : 1rem;
    line-height : 1.5;
    text-align : center;
    transition : background-color 0.3s;
}

.supernova .form-all .formFooter-button:hover,
.supernova .form-all .submit-button:hover {
    background-color : #0d6588 !important;
}

.supernova .form-all .formFooter-button:before,
.supernova .form-all .submit-button:before {
    display : none;
}