@charset "UTF-8";
/* Omgevingsdienst West-Holland Toolkit Stylesheet by Bvanderwerf 12-2021*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Red+Hat+Display:wght@700&display=swap");
/* Start restoring default template settings to initial settings */
.orbeon .navbar-inverse .navbar-inner {
  background-color: initial;
  padding: initial; }

.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; }

.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; }

#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; }

.orbeon textarea:focus,
.orbeon input[type=text]:focus,
.orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus,
.orbeon .xforms-required.xforms-visited textarea:focus {
  border-color: #0074C3; }

.orbeon .xforms-required input[type="radio"],
.orbeon .xforms-required input[type="checkbox"],
.orbeon .xforms-required.xforms-empty input,
.orbeon .xforms-required.xforms-empty textarea,
.orbeon .xforms-required.xforms-empty select,
.xforms-required-empty .xforms-input-,
.orbeon .xforms-required.xforms-filled input,
.orbeon .xforms-required.xforms-filled textarea {
  border: 1px solid #404041; }

/* End restoring default template settings to initial settings */
html,
body,
html body,
.orbeon .orbeon-portlet-body,
.orbeon input,
.orbeon button,
.orbeon select,
.orbeon textarea {
  font-family: "Open Sans", sans-serif;
  color: #111827; }

h1,
.orbeon h1,
.orbeon h1 .xforms-control .xforms-output-output {
  font-family: "Red Hat Display", sans-serif;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #0074C3; }
  @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: #111827; }
  @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: 1.2rem;
  color: #111827;
  line-height: 1.4rem; }
  @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: #111827; }

.headerText {
  display: block;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #111827;
  padding: 0;
  max-width: 40%;
  margin: 10px 0; }
  @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: #111827;
  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: 50%; }

.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: 50% !important; }

.horizontal .xforms-mediatype-text-html {
  width: 50% !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-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: none !important;
  width: 100% !important; }

.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(50% - 2rem); }

.orbeon .overzicht .block-layout-horizontal .xforms-label {
  width: calc(50% - 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: 40%;
  margin: 10px 0; }
  @media (max-width: 991px) {
    .orbeon img.headerImage {
      max-width: calc(100% - 20px);
      margin: 10px; } }

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

.pageHeader {
  border-bottom: 5px solid #0074C3; }

.orbeon .xforms-input-input,
.orbeon .xforms-textarea textarea,
.orbeon select,
.orbeon textarea,
.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-radius: 3px;
  min-height: 2rem;
  border: 1px solid #404041; }

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

.orbeon .overzicht .xforms-label {
  color: #111827;
  font-style: italic;
  opacity: 1; }

textarea {
  min-width: 50%; }

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

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

.orbeon select {
  width: 100%; }

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

.xforms-alert::before {
  content: "\f071";
  font-family: "Font Awesome 5 Free"; }

.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,
.fr-formnavigation span.button-active button,
.cookieLawBanner a:focus,
.orbeon .btn:focus,
.orbeon .btn:active,
.orbeon .btn.active {
  box-shadow: none !important; }

.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: #0074C3;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: ""; }

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

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

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

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

.yui-skin-sam .yui-calendar td.calcell:hover, .yui-skin-sam .yui-calendar td.calcell:active {
  background-color: #0074C3; }
.yui-skin-sam .yui-calendar td.calcell a {
  color: #111827; }
  .yui-skin-sam .yui-calendar td.calcell a:hover, .yui-skin-sam .yui-calendar td.calcell a:active {
    background-color: #0074C3; }
.yui-skin-sam .yui-calendar td.calcell.selected a {
  background-color: #0DB14B; }
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
  background-color: #0074C3; }

.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
.file-upload-button {
  color: #fff;
  border-radius: 9px;
  background-color: #0074C3;
  border: none;
  font-weight: 400; }

.fr-formnavigation span.button-active .btn {
  background-color: #0DB14B; }

.orbeon button.close:hover,
.cookieLawBanner a:hover,
.orbeon .btn:hover,
.xforms-upload-as-button:hover {
  color: #fff;
  border-radius: 9px;
  background-color: #0DB14B;
  border: none; }

.ogone button img {
  display: none; }
.ogone button:before {
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  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: #111827;
    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: #0DB14B;
      border: 0;
      box-shadow: 0 0 white;
      text-decoration: underline; }

.nav-prev button.btn {
  background: #fff;
  color: #111827;
  border: 1px solid #111827; }
  .nav-prev button.btn:hover, .nav-prev button.btn:active, .nav-prev button.btn:focus {
    background: #fff;
    color: #111827;
    border: 1px solid #111827; }
.nav-prev span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "";
  margin-right: 5px; }

.nav-next span:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  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: #111827;
  background-color: #D9DFE7;
  border-radius: 9px;
  border: none; }

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

.orbeon .overzicht-trigger button.btn {
  color: #fff;
  min-width: 100px;
  min-height: 25px; }
  .orbeon .overzicht-trigger button.btn:focus, .orbeon .overzicht-trigger button.btn:active, .orbeon .overzicht-trigger button.btn:hover {
    color: white; }

.orbeon a {
  color: #0074C3;
  text-decoration: underline; }
  .orbeon a:hover, .orbeon a:focus {
    color: #0DB14B; }
    .orbeon a:hover span, .orbeon a:focus span {
      color: #0DB14B;
      text-decoration: underline; }
  .orbeon a span {
    color: #0074C3;
    text-decoration: underline; }

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

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

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

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

input[type=checkbox]:focus + span:before,
input[type=radio]:focus + span:before {
  box-shadow: none; }

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: #0074C3;
  margin-top: 3px; }

.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 45px;
      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: 0.8rem; }

.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: 700;
    content: "";
    color: #404041;
    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: 700;
    content: "";
    display: block;
    text-align: center;
    margin: 5px 0;
    color: #404041; }
  .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: #0074C3; }

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

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

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

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

.orbeon .alert-success,
.orbeon .alert-error,
.orbeon .alert-warning,
.orbeon .alert-danger {
  color: #333;
  font-weight: bold; }

/*# sourceMappingURL=TK_ODWH_12-2021.css.map */