@charset "UTF-8";
/* Asten Toolkit Stylesheet by I.Pustjens 03-2022*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap");
/* Start restoring default template settings to initial settings */
.orbeon .navbar-inverse .navbar-inner {
  background-color: initial;
  padding: initial; }
 .orbeon form {
    background-color: white;
    background-size: 100% 60px;
    background-repeat: no-repeat;
}

.xforms-required {
  background-color: initial; }

.orbeon .navbar-inverse .navbar-inner .container h1 {
  color: initial; }

.orbeon [class*="span"],
.orbeon .row,
.xforms-update-full {
  margin-left: initial; }

.tab-visible {
  margin-top: initial; }

.xforms-update-full {
  width: initial; }

.fr-formnavigation {
  margin: initial; }

.orbeon button.close,
.cookieLawBanner a,
.orbeon button.btn,
.yui-skin-sam .yui-button button {
  min-height: initial; }

.orbeon .xforms-required input[type="radio"],
.orbeon .xforms-required input[type="checkbox"],
.orbeon .xforms-required.xforms-empty input,
.orbeon .xforms-required.xforms-empty textarea,
.xforms-required-empty .xforms-input-,
.orbeon .xforms-required.xforms-empty select {
  box-shadow: initial;
 border: 2px solid #0B0C0C;  }

.orbeon label.radio input[type="radio"],
.orbeon label.checkbox input[type="radio"],
.orbeon label.radio input[type="checkbox"],
.orbeon label.checkbox input[type="checkbox"] {
  width: 1rem;
  height: 1rem; }

.orbeon .orbeon-portlet-body,
.orbeon .xforms-output-output,
.orbeon .xforms-label,
.orbeon label,
.orbeon button,
.orbeon .btn,
.orbeon .xforms-alert.xforms-active,
.orbeon .digid-button .yui-button.yui-push-button,
.xforms-required label em,
.mandatory-text div em,
.orbeon .xforms-visited > .xforms-alert.xforms-active,
.orbeon .xforms-visited.xforms-alert.xforms-active,
.orbeon .xforms-hint-appearance-inline .xforms-hint,
.orbeon .navbar .fr-language-choice,
.orbeon .navbar .fr-goto-content {
  font-size: initial;
  line-height: 1.5em; }

.orbeon .xforms-invalid > .xforms-alert.xforms-active::before {

    border-color: #000000 transparent;

}

#o0fr-form-group {
  margin: initial; }

.xforms-label + .xforms-required {
  padding-left: initial; }

.xforms-required {
  padding: initial;
  margin: initial; }

.orbeon .xforms-select1-appearance-full .xforms-items {
  float: initial; }

.xforms-item-with-image > label::before {
  height: initial; }

div.block-layout-vertical .xforms-label {
  display: initial; }

div.block-layout-vertical label.checkbox {
  margin-top: initial; }

/* End restoring default template settings to initial settings */
html, body {
    font-size: 15px;
    font-family: source sans pro;
}
html,
body,
html body,
.orbeon .orbeon-portlet-body,
.orbeon input,
.orbeon button,
.orbeon select,
 {
  font-family: Source Sans Pro;
  color: #181A1A; 
  background-color: #003771;}
.orbeon textarea
 {
  font-family: Source Sans Pro;
  color: #181A1A;
  border: 2px solid #0B0C0C;
  border-radius: 4px;  }
h1,
.orbeon h1,
.orbeon h1 .xforms-control .xforms-output-output {
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #181A1A; }
  @media (min-width: 992px) {
    h1,
    .orbeon h1,
    .orbeon h1 .xforms-control .xforms-output-output {
      font-size: 2.4rem;
      line-height: 2.6rem; } }

h2,
.orbeon h2,
.orbeon h2 .xforms-control .xforms-output-output {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #2E2E33; }
  @media (min-width: 992px) {
    h2,
    .orbeon h2,
    .orbeon h2 .xforms-control .xforms-output-output {
      font-size: 1.6rem;
      line-height: 1.8rem; } }

h3,
.orbeon h3,
.orbeon h3 .xforms-control .xforms-output-output {
  font-size: 20px;
  color: #222222;
  line-height: 30px; }
  @media (min-width: 992px) {
    h3,
    .orbeon h3,
    .orbeon h3 .xforms-control .xforms-output-output {
      font-size: 1.4rem;
      line-height: 1.6rem; } }

h4,
.orbeon h4,
.orbeon h4 .xforms-control .xforms-output-output,
h5,
.orbeon h5,
.orbeon h5 .xforms-control .xforms-output-output,
h6,
.orbeon h6,
.orbeon h6 .xforms-control .xforms-output-output {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #003771; }

.headerText {
  display: block;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #000;
  text-align: right;
  padding: 0;
  max-width: 40%;
  margin: 12px 10px; }
  @media (max-width: 991px) {
    .headerText {
      font-size: 0.8rem;
      line-height: 1.2rem;
      padding: 5px;
      max-width: 100%;
      margin: 10px; } }

.block_title {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.8rem;
  padding-top: 0.5rem; }

/* Horizontal style - naast elkaar */
.block-layout-horizontal {
  display: inline-block;
  width: 100%; }
  .block-layout-horizontal > span .xforms-items,
  .block-layout-horizontal > span .xforms-label + *,
  .block-layout-horizontal > span .xforms-input-input,
  .block-layout-horizontal > span input[type="text"],
  .block-layout-horizontal > span .xforms-textarea textarea,
  .block-layout-horizontal > span .xforms-type-date,
  .block-layout-horizontal > .xforms-type-decimal input {
    float: right;
    width: 60%; }

.horizontal .xforms-items,
.horizontal .xforms-label + *,
.horizontal .xforms-input-input,
.horizontal input[type="text"],
.horizontal .xforms-select1-appearance-full .xforms-items,
.horizontal .xforms-select-appearance-full .xforms-items {
  float: right !important;
  width: 60% !important; }

.vertical .xforms-items, .vertical .xforms-label + *, .vertical .xforms-input-input, .vertical input[type="text"], .vertical .xforms-select1-appearance-full .xforms-items, .vertical .xforms-select-appearance-full .xforms-items {
  float: right !important;
  width: 60% !important;
}

.horizontal .xforms-mediatype-text-html {
  width: 60% !important; }

/* Vertical style - onder elkaar */
.block-layout-vertical {
  display: inline-block;
  width: 100%; }
  .block-layout-vertical > span .xforms-items,
  .block-layout-vertical > span .xforms-label + *,
  .block-layout-vertical > span .xforms-input-input,
  .block-layout-vertical > span input[type="text"],
  .block-layout-vertical > span .xforms-textarea textarea,
  .block-layout-vertical > span .xforms-type-date,
  .block-layout-vertical > .xforms-type-decimal input {
    float: none;
    width: 100%;
    display: block; }

.vertical .xforms-mediatype-text-html {
  width: 100% !important; }

.xforms-update-full .block-layout-vertical {
  display: inline-block; }

div.block-layout-horizontal {
  padding-bottom: 10px; }
  div.block-layout-horizontal .xforms-label {
    margin: initial;
    width: calc(40% - 2rem); }

.orbeon .overzicht .block-layout-horizontal .xforms-label {
  width: calc(40% - 2rem); }

.orbeon .overzicht .block-layout-vertical .xforms-label {
  width: 100%; }

.xforms-update-full {
  max-width: initial;
  width: 100%; }
  @media (min-width: 992px) {
    .xforms-update-full {
      margin: 0 10px;
      width: 80%;
      flex: 1; } }

#o0fr-form-group {
  margin: 0 10px; }
  @media (min-width: 992px) {
    #o0fr-form-group {
      display: flex;
      flex-direction: row-reverse;
      margin: 0;
      flex-wrap: wrap; } }

.orbeon .fr-mode-new .xforms-required .xforms-label:after,
.orbeon .fr-mode-edit .xforms-required .xforms-label:after,
.orbeon .fr-mode-test .xforms-required .xforms-label:after,
.orbeon .xforms-dialog .xforms-required .xforms-label:after {
  color: #e21212; }

.orbeon .overzicht .default-block > div > div {
  margin-bottom: 1rem; }

.fr-mode-new {
  max-width: 1200px;
  margin: 0 auto; }

.headerImage,
.orbeon .headerImage,
.orbeon .xforms-output,
.fr-border,
.digidBox {
  margin: initial;
  margin-right: initial; }

.orbeon img.headerImage {
  display: inline-block;
  max-width: 30%;
  margin: 10px 0; }
  @media (max-width: 991px) {
    .orbeon img.headerImage {
      max-width: 30%;
      margin: 10px; } }

@media (max-width: 480px) {
  .orbeon div.pageHeader {
    width: 100%; } }
.orbeon .navbar-inverse {
  margin: 10px; }

.pageHeader {
  background-color: #fff;}

.orbeon .xforms-input-input,
.orbeon select,
.orbeon input[type="text"],
.orbeon input[type="password"],
.orbeon input[type="datetime"],
.orbeon input[type="datetime-local"],
.orbeon input[type="date"],
.orbeon input[type="month"],
.orbeon input[type="time"],
.orbeon input[type="week"],
.orbeon input[type="number"],
.orbeon input[type="email"],
.orbeon input[type="url"],
.orbeon input[type="search"],
.orbeon input[type="tel"],
.orbeon input[type="color"],
.orbeon .uneditable-input {
 border: 2px solid #0B0C0C;
border-radius: 4px;
  height: 46px;
font-size: 18px  }

.orbeon .fr-mode-new .xforms-readonly .xforms-label {
  color: #000; }

.orbeon .xforms-required.xforms-empty input {
  border: 2px solid #0B0C0C; 
  border-radius: 4px;
  height: 46px;
  padding-left: 12px}

.orbeon .overzicht .xforms-label {
  color: #000;
  font-weight: bold;
  opacity: 1; }

textarea {
  min-width: 60%; }

.orbeon .xforms-input input.xforms-type-date {
  min-width: 60%; }

.orbeon .xforms-visited > .xforms-alert.xforms-active:not(:empty) {
  background-color: #e21212;
  color: white;
  font-weight: bold;
  padding: 0.5rem;
  font-size: 15px; }

.orbeon select {
  width: 100%; }

.orbeon input[disabled],
.orbeon select[disabled],
.orbeon textarea[disabled],
.orbeon input[readonly],
.orbeon select[readonly],
.orbeon textarea[readonly] {
  color: #000; }

.xforms-alert::before {
  content: "\f071";
  font-family: 'Font Awesome 5 Free'; }
.orbeon .xforms-alert.xforms-active {
    font-family: source sans pro;}
.overzicht .xforms-output-output:empty::after {
  content: "Niet ingevuld";
  font-style: italic; }

.orbeon textarea:focus,
.orbeon input[type="text"]:focus,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus,
.orbeon .xforms-required.xforms-visited textarea:focus,
.cookieLawBanner a:focus,
.orbeon .btn:focus,
.orbeon .btn.active {
  border-color: #0B0C0C;
  box-shadow: 0px 0px 0px 4px #00A8B8;  }
  .fr-formnavigation span.button-active button {
  border-color: #0B0C0C;
  box-shadow: 0px 0px 0px 4px #000000;  }
  
.orbeon .xforms-required.xforms-invalid.xforms-visited input, .orbeon .xforms-required.xforms-invalid.xforms-visited textarea {
    border: 2px solid #bd0f18;
}
.orbeon .xforms-help {
  background-image: none;
  color: transparent;
  text-indent: 0;
  float: left;
  margin: 0 2px;
  max-width: 1.2em;
  max-height: 1.5em; }
  .orbeon .xforms-help:before {
    color: #003771;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: ""; }

.orbeon .xforms-hint {
  margin-bottom: 10px;
  color: #000; }

.xforms-hint:before {
  color: #000;
  font-size: 11px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: ""; }

.yui-skin-sam .yui-calcontainer {
  background-color: #ddd; }

.yui-skin-sam .yui-calendar a.calnav {
  color: #003771; }

.yui-skin-sam .yui-calendar td.calcell:hover, .yui-skin-sam .yui-calendar td.calcell:active {
  background-color: #003771; }
.yui-skin-sam .yui-calendar td.calcell a {
  color: #000; }
  .yui-skin-sam .yui-calendar td.calcell a:hover, .yui-skin-sam .yui-calendar td.calcell a:active {
    background-color: #003771; }
.yui-skin-sam .yui-calendar td.calcell.selected a {
  background-color: #4F9ECF; }
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
  background-color: #003771; }

.fr-formnavigation span.button-active button,
.cookieLawBanner a:focus,
.orbeon .btn:focus,
.orbeon .btn:active,
.orbeon .btn.active,
.orbeon button.close,
.cookieLawBanner a,
.orbeon button.btn,
.yui-skin-sam .yui-button button,
.orbeon .btn,
.xforms-upload-as-button {
  /* Auto layout */
display: flex;
flex-direction: row;
align-items: center;

/* Yellow */
color: #fff;
padding-top: 14px ;
padding-bottom: 14px;
background: #003771;
box-shadow: 0px 4px 15px -4px rgba(36, 37, 38, 0.3), inset 0px -3px 0px rgba(15, 26, 21, 0.2);
border-radius: .375rem;
border: none;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
margin: 0px 20px;}

.orbeon button.close:hover,
.cookieLawBanner a:hover,
.orbeon .btn:hover,
.xforms-upload-as-button:hover {
  color: #000;
  background: #00A8B8;
  box-shadow: 0px 4px 15px -4px rgba(36, 37, 38, 0.3), inset 0px -3px 0px rgba(15, 26, 21, 0.2);
  border-radius: .375rem;
}

.ogone button img {
  display: none; }
.ogone button:before {
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: ""; }
.ogone button:after {
  content: 'Betalen'; }

.digidBox {
  position: relative;
  width: 100%;
  background-color: transparent; }
  @media (max-width: 991px) {
    .digidBox {
      right: 0;
      flex-wrap: wrap; } }
  .digidBox button.btn {
    background: transparent;
    color: #000;
    border: 0;
    font-size: 0.8rem;
    text-decoration: underline;
    min-height: initial !important;
    width: initial;
    padding: 0; }
    .digidBox button.btn:hover, .digidBox button.btn:active, .digidBox button.btn:focus {
      background: #fff;
      color: #000;
      border: 0;
      box-shadow: 0 0 white;
      text-decoration: underline; }

.nav-prev button.btn {
  background: #fff;
  color: #000;
  border: none;
box-shadow: none;  }
  .nav-prev button.btn:hover, .nav-prev button.btn:active, .nav-prev button.btn:focus {
    color: #000;
	display: flex;
flex-direction: row;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;

/* Green 50% */
background: #00A8B8;
box-shadow: 0px 4px 15px -4px rgba(36, 37, 38, 0.3), inset 0px -3px 0px rgba(15, 26, 21, 0.2);
border-radius: .375rem; }
.nav-prev span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  margin-right: 5px; }

.nav-next span:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  margin-left: 10px; }

.orbeon .fr-formnavigation span.problem span button {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  border-right: 5px solid #e21212;
  border-left: 5px solid #e21212; }

.orbeon button.btn,
.orbeon .btn {
  min-height: 2.5rem; }

.orbeon .btn.disabled,
.orbeon .btn[disabled],
.orbeon .btn.disabled:hover,
.orbeon .btn[disabled]:hover,
.orbeon .warningtxt.div-visible + .verstuur .VERSTUUR button.btn {
  color: #000;
  display: flex;
flex-direction: row;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;

/* Yellow */
background: #ccc;
box-shadow: 0px 4px 15px -4px rgba(36, 37, 38, 0.3), inset 0px -3px 0px rgba(15, 26, 21, 0.2);
border-radius: .375rem;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0; }

.warningtxt + .verstuur > span {
  width: 100%; }
  .warningtxt + .verstuur > span button {
    width: 100%; }

.orbeon a {
  color: #000;
  text-decoration: underline; }
  .orbeon a:hover, .orbeon a:focus {
    color: #000; }

input[type="radio"],
input[type="checkbox"] {
  height: 0 !important;
  margin: 0 !important;
  width: 0 !important;
  display: none; }

input[type="radio"]:checked + span::before {
  box-shadow: 0 0 0 3px #fff inset;
  background-color: #0B0C0C; }

input[type="radio"] + span::before {
  border-radius: 100%; }

input[type="checkbox"] + span::before,
input[type="radio"] + span::before {
  content: "";
  display: inline-block;
  border: 2px solid #0B0C0C;
  background: #fff;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  margin-bottom: -3px; }

input[type="checkbox"] + span::before {
  margin-left: 0;
  border-radius: 2px; }

input[type="checkbox"]:checked + span::before {
  content: "\2713";
  border-color: transparent;
  font-weight: bold;
  line-height: 1em;
  color: #fff;
  font-size: 1em;
  text-align: center;
  float: left;
  background-color: #003771;
  margin-top: 3px; }
  
.orbeon .xforms-required.xforms-filled input, .orbeon .xforms-required.xforms-filled textarea {
    border-color: #000;
    height: 46px;
	border: 2px solid #0B0C0C;
border-radius: 4px;
padding-left: 12px
}

.orbeon .btn label.checkbox {
  margin: 10px 0; }

.fr-formnavigation {
  display: flex;
  flex-wrap: wrap;
  max-width: initial;
  width: 100%;
  margin-bottom: 1.5rem;
  overflow: hidden; }
  @media (min-width: 992px) {
    .fr-formnavigation {
      display: block;
      margin: 0 0 15px 30px;
      width: 20%;
      flex: 1; } }
  .fr-formnavigation button.btn {
    min-height: 2.5rem; }
    @media (max-width: 991px) {
      .fr-formnavigation button.btn {
        padding: 10px 15px 5px 15px; } }

.fr-view-appearance-full {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse; }

@media (max-width: 991px) {
  .orbeon .fr-formnavigation > span button.btn {
    font-size: 0 !important; }
  .orbeon .fr-formnavigation button:after {
    content: "1";
    font-size: 1rem; }
  .orbeon .fr-formnavigation span:nth-child(2) button:after {
    content: "2"; }
  .orbeon .fr-formnavigation span:nth-child(3) button:after {
    content: "3"; }
  .orbeon .fr-formnavigation span:nth-child(4) button:after {
    content: "4"; }
  .orbeon .fr-formnavigation span:nth-child(5) button:after {
    content: "5"; }
  .orbeon .fr-formnavigation span:nth-child(6) button:after {
    content: "6"; }
  .orbeon .fr-formnavigation span:nth-child(7) button:after {
    content: "7"; }
  .orbeon .fr-formnavigation span:nth-child(8) button:after {
    content: "8"; }
  .orbeon .fr-formnavigation span:nth-child(9) button:after {
    content: "9"; }
  .orbeon .fr-formnavigation span:nth-child(n + 10) button:after {
    content: ">"; } }
.orbeon .fr-formnavigation button.btn {
  min-width: initial;
  font-size: initial; }

.fr-formnavigation .button-active button:hover {
  cursor: pointer; }

@media (max-width: 991px) {
  .button-relevant span,
  .button-irrelevant span {
    display: inline-block; }
  .button-relevant:after,
  .button-irrelevant:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #999;
    display: inline-block;
    margin: .5rem; }
  .button-relevant:last-child:after,
  .button-irrelevant:last-child:after {
    content: ""; } }
@media (min-width: 992px) {
  .button-relevant:after,
  .button-irrelevant:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    display: block;
    text-align: center;
    margin: 5px 0;
    color: #999; }
  .button-relevant:last-child:after,
  .button-irrelevant:last-child:after {
    content: ""; } }

.fr-formnavigation span.button-active,
.fr-formnavigation span.button-inactive {
  height: initial; }

.collapseTriggerLabel {
  display: none !important; }

.orbeon .popover {
  border-color: #003771; }

.orbeon .popover.right .arrow {
  border-right-color: #003771; }

.orbeon .popover.left .arrow {
  border-left-color: #003771; }

.orbeon .popover.top .arrow {
  border-top-color: #003771; }

.orbeon .popover.bottom .arrow {
  border-bottom-color: #003771; }

.orbeon .alert-success,
.orbeon .alert-error,
.orbeon .alert-warning,
.orbeon .alert-danger {
  color: #333;
  font-weight: bold; }
}
.orbeon .xforms-required.xforms-empty input, .orbeon .xforms-required.xforms-empty textarea, .xforms-required-empty .xforms-input-, .orbeon .xforms-required.xforms-empty select {
  border: 2px solid #0B0C0C;
} 
.xforms-required.xforms-filled input, .orbeon .xforms-required.xforms-filled textarea {
  background-color: #fff;
}
.invulhulp
{
  background-color: #E6EFEB;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  padding: 18px;
  width: 95%;
}
.orbeon .navbar-inverse .navbar-inner .container h1 {
  padding-top: 20px;
  padding-bottom: 10px;
}
.digidBox button.btn {
  color: #fff;
  font-size: 0.8rem;
  padding-left: 10px;
	padding-top: 8px;
padding-bottom: 8px;
background: #003771;
}
.VERSTUUR button.btn {
  padding-left: 30px;
  width: 140px;
}
.warningtxt + .verstuur > span button {
  width: 140px;
}
.upload-block .xforms-label > div {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
.orbeon .fr-mode-new .fr-view-appearance-full, .orbeon .fr-mode-edit .fr-view-appearance-full, .orbeon .fr-mode-view .fr-view-appearance-full, .orbeon .fr-mode-test .fr-view-appearance-full {
    border: unset;
    display: flex !important
;
}