@font-face {
  font-family: 'ROregular';
  src: url("../fonts/ROsanswebtextregular.ttf") format("truetype");
  src: url("../fonts/ROsanswebtextregular.woff") format("woff"); }
@font-face {
  font-family: 'ROitalic';
  src: url("../fonts/ROsanswebtextitalic.ttf") format("truetype"); }
@font-face {
  font-family: 'RObold';
  src: url("../fonts/ROsanswebtextbold.ttf") format("truetype");
  src: url("../fonts/ROsanswebtextbold.woff") format("woff"); }
html, body {
  height: 100%; }

.d-flex {
  flex: 1 1 auto; }

.w-90 {
  max-width: 90% !important; }

.ul-equal {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  .ul-equal li {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: -10px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    -ms-column-fill: balance;
    column-fill: balance; }

.w-fit-content {
  max-width: fit-content; }

.abs-right {
  position: absolute;
  right: 0; }

.row.equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .row.equal-height [class*='col-'] {
    display: flex;
    flex-direction: column; }

body {
  font-family: "ROregular", Verdana, sans-serif;
  background-color: #ededed; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  cursor: default;
  margin: 0;
  font-family: "RObold", Arial, sans-serif;
  font-weight: 400;
  white-space: normal;
  color: #000; }
  h1.bld-section-heading, h2.bld-section-heading, h3.bld-section-heading, h4.bld-section-heading, h5.bld-section-heading, h6.bld-section-heading,
  .h1.bld-section-heading, .h2.bld-section-heading, .h3.bld-section-heading, .h4.bld-section-heading, .h5.bld-section-heading, .h6.bld-section-heading {
    font-family: "ROregular", Verdana, sans-serif;
    font-weight: 500;
    margin: 30px 0; }

h1, .h1 {
  font-size: 28px; }

h2, .h2 {
  font-size: 22px; }
  h2.h2-heading, .h2.h2-heading {
    margin-bottom: 10px; }

h3, .h3 {
  font-size: 20px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

small {
  font-size: 16px; }

.bld-specificaties {
  font-size: 14px;
  font-family: 'ROregular', Arial, sans-serif; }

.bld-username {
  text-transform: uppercase;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media (min-width: 320px) and (max-width: 767px) {
  h1, .h1 {
    font-size: 24px; }

  h2, .h2 {
    font-size: 20px; }

  h3, .h3 {
    font-size: 18px;
    line-height: 1.3; }

  h4, .h4 {
    font-size: 16px; }

  h5, .h5 {
    font-size: 20px; }

  h6, .h6 {
    font-size: 16px; } }
.font-italic {
  font-family: "ROitalic", Arial, sans-serif;
  font-style: unset !important; }

.font-bold {
  font-family: "RObold", Arial, sans-serif;
  font-weight: 400; }

.font-italic-bold {
  font-family: "RObold", Arial, sans-serif;
  font-weight: 400;
  font-style: italic; }

.font-lowercase {
  text-transform: lowercase; }

.lead {
  font-weight: 400; }

.screenreader-show-only {
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
  text-indent: -10000px; }

.pointer {
  cursor: pointer; }

.blue {
  color: #007bc7; }

.black {
  color: #000; }

.grey {
  color: #999999; }

.dark-grey {
  color: #535353; }

.yellow {
  color: #ffb612; }

.red {
  color: #ca005d; }

.green {
  color: #39870c; }

i {
  font-style: normal;
  font-family: "ROitalic", Arial, sans-serif; }

hr {
  margin-left: -18px;
  margin-right: -18px; }

p {
  cursor: default; }
  p.display-4 {
    font-size: 22px;
    font-weight: 400;
    padding: 10px 0 20px; }
    @media (min-width: 320px) and (max-width: 767px) {
      p.display-4 {
        font-size: 1.1rem;
        font-weight: 500; }
        p.display-4:not(.bld-timestamp) {
          text-align: center; } }
  p.large {
    font-size: 18px; }

.icon {
  font-size: 18px; }
  .icon.large {
    font-size: 40px; }
  .icon.medium {
    font-size: 20px;
    line-height: 1.2; }
  .icon.small {
    font-size: 15px; }
  .icon.extra-small {
    font-size: 10px; }
  .icon.ondersteuning-margin {
    margin-left: -6px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .icon.ondersteuning-margin {
        margin-left: -10px; } }

.icon-arrow {
  display: inline-block;
  -webkit-transition: 0.3s transform ease-out;
  -moz-transition: 0.3s transform ease-out;
  -ms-transition: 0.3s transform ease-out;
  transition: 0.3s transform ease-out;
  -webkit-transform: translateX(0px) rotate(0);
  -moz-transform: translateX(0px) rotate(0);
  -ms-transform: translateX(0px) rotate(0);
  transform: translateX(0px) rotate(0); }
  .icon-arrow.icon-rotated {
    -webkit-transform: translateX(0px) rotate(180deg);
    -moz-transform: translateX(0px) rotate(180deg);
    -ms-transform: translateX(0px) rotate(180deg);
    transform: translateX(0px) rotate(180deg); }

.icon-plus {
  display: inline-block;
  font-size: 12px !important;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: 15% 55%;
  -moz-transform-origin: 15% 55%;
  -ms-transform-origin: 15% 55%;
  transform-origin: 15% 55%; }

.bld-custom-icon {
  position: relative;
  display: inline-table;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .bld-custom-icon.logout {
    background-image: url(../img/custom-icons/mbd_icon_uitloggen.svg); }
  .bld-custom-icon.service {
    background-image: url(../img/custom-icons/mbd_icon_service.svg); }
  .bld-custom-icon.close {
    background-image: url(../img/custom-icons/mbd_icon_close.svg); }
  .bld-custom-icon.externe-link {
    -webkit-transition: 0.3s transform ease-out;
    -moz-transition: 0.3s transform ease-out;
    -ms-transition: 0.3s transform ease-out;
    transition: 0.3s transform ease-out;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    background-image: url(../img/custom-icons/mbd_icon_externe-link.svg); }
    .bld-custom-icon.externe-link.white {
      background-image: url(../img/custom-icons/mbd_icon_externe-link_white.svg); }
  .bld-custom-icon.success {
    background-image: url(../img/custom-icons/mbd_icon_succes.svg); }

.bld-circle-plus.closed .vertical {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.bld-circle-plus.closed .horizontal {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 1; }
.bld-circle-plus.opened {
  opacity: 1; }
  .bld-circle-plus.opened .vertical {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .bld-circle-plus.opened .horizontal {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
.bld-circle-plus.circle-plus {
  height: 20px;
  width: 26px;
  font-size: 1em; }
.bld-circle-plus.circle-plus .circle {
  position: absolute;
  width: 20px;
  height: 20px; }
.bld-circle-plus.circle-plus .circle .horizontal {
  position: absolute;
  background-color: #007bc7;
  width: 9px;
  height: 3px;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bld-circle-plus.circle-plus .circle .horizontal {
      margin-left: -11px; } }
  @supports (-ms-ime-align: auto) {
    .bld-circle-plus.circle-plus .circle .horizontal {
      margin-left: -11px; } }
.bld-circle-plus.circle-plus .circle .vertical {
  position: absolute;
  background-color: #007bc7;
  width: 3px;
  height: 9px;
  left: 50%;
  margin-left: -7.5px;
  top: 50%;
  margin-top: -3px; }

.card {
  border: none;
  box-shadow: 10px 10px 10px rgba(204, 204, 204, 0.15); }

.card-header {
  padding: 0; }
  .card-header:first-child {
    border-radius: 0; }
  @media (min-width: 320px) and (max-width: 767px) {
    .card-header {
      padding: 0 20px; } }

#bld-faq-accordion .card-body {
  margin-left: 32px; }

.card-body {
  padding: 0.35rem 30px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .card-body {
      padding: 0.35rem 20px; } }
  .card-body .text-container {
    margin-left: 15px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .card-body .text-container {
        margin: 10px 15px; } }

.bld-skip-link {
  position: absolute;
  left: -1000em;
  top: 0;
  z-index: 10; }
  .bld-skip-link:focus {
    left: 20px;
    z-index: 1000;
    top: 20px; }
  .bld-skip-link.top {
    position: relative;
    width: 130px; }
    .bld-skip-link.top:focus {
      z-index: 1000;
      top: -20px;
      position: relative;
      left: calc(100vw - 150px); }

.bld-btn-container {
  text-align: center; }
  .bld-btn-container button {
    display: inline-block; }
  .bld-btn-container button:nth-last-child(2):first-child,
  .bld-btn-container button:nth-last-child(2):first-child ~ * {
    width: auto;
    float: left;
    margin-bottom: 10px; }
    @media (max-width: 1030px) {
      .bld-btn-container button:nth-last-child(2):first-child,
      .bld-btn-container button:nth-last-child(2):first-child ~ * {
        width: auto;
        margin-left: 5px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-btn-container button:nth-last-child(2):first-child,
      .bld-btn-container button:nth-last-child(2):first-child ~ * {
        width: auto; } }

.btn {
  cursor: pointer; }
  .btn.bld-btn {
    padding: 9px 25px;
    min-height: 44px;
    background-color: #007bc7;
    font-family: "RObold", Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    border: none;
    white-space: normal;
    border-radius: unset;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); }
    .btn.bld-btn:first-letter:not(i) {
      text-transform: capitalize; }
    .btn.bld-btn:hover {
      background-color: #01689b; }
    .btn.bld-btn.disabled {
      background-color: #cccccc;
      border: none;
      cursor: not-allowed;
      color: #696969;
      opacity: 0.8; }
  .btn.bld-no-btn {
    width: 100%;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: unset; }
  .btn.bld-btn-inverted {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 1px solid #b2d7ee;
    color: #007bc7; }
    .btn.bld-btn-inverted:hover {
      background-color: #ddeff8;
      border: 1px solid #b2d7ee;
      color: #007bc7; }
    .btn.bld-btn-inverted.disabled {
      background-color: white;
      border: 1px solid #b4b4b4;
      cursor: not-allowed;
      color: #b4b4b4; }
      .btn.bld-btn-inverted.disabled:hover {
        color: #b4b4b4; }
  .btn.close {
    background-color: #535353 !important;
    opacity: 1;
    color: white; }
    .btn.close:hover {
      background-color: #999999;
      opacity: 1; }
  .btn.bld-dropdown-btn {
    background-color: #fff;
    color: #696969;
    min-height: auto;
    padding: 7px 0px 7px 25px;
    border: 1px solid #b4b4b4;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -ms-box-shadow: 0 0 0;
    box-shadow: 0 0 0; }
    .btn.bld-dropdown-btn:after {
      border: none;
      margin-left: 0px; }
    .btn.bld-dropdown-btn:hover {
      background-color: #fff; }
    .btn.bld-dropdown-btn span {
      width: 210px;
      display: inline-flex; }
    .btn.bld-dropdown-btn .icon {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      font-size: 13px;
      background-color: #007bc7;
      color: #fff;
      padding: 11px;
      margin-right: 0px;
      left: 200px; }
  .btn .icon-arrow {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg); }
  .btn.collapsed .icon-arrow {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg); }
  .btn.collapsed .icon-plus {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

@media (min-width: 320px) and (max-width: 767px) {
  .btn {
    font-size: 16px; } }
@media (width: 320px) {
  .btn {
    font-size: 14px; } }
.btn:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important; }

.bg-white {
  background-color: #fff !important; }

.bg-grey {
  background-color: #ededed !important; }

.bg-light-grey {
  background-color: #f3f3f3 !important; }

.bg-white-border {
  background-color: #fff !important;
  border: 1px solid #dddddd; }

.bg-transparent {
  background-color: transparent !important; }

.bg-divider {
  background-color: #e6e6e6; }

@media (min-width: 320px) and (max-width: 767px) {
  [class*=col-] {
    padding-left: 10px;
    padding-right: 10px; } }

.container-fluid {
  min-height: calc(100vh - 400px); }
  @media (min-width: 320px) and (max-width: 767px) {
    .container-fluid {
      min-height: calc(100vh - 248px); } }

.bld-info-container {
  margin-top: -20px;
  padding: 20px 30px; }
  @media (min-width: 1030px) {
    .bld-info-container {
      padding: 40px 80px; } }
  .bld-info-container::after {
    content: '';
    position: relative;
    width: 0;
    height: 0;
    left: 50%;
    bottom: -63px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top-style: solid;
    border-top-width: 20px;
    border-top-color: #f5f5f5;
    margin-left: -25px;
    z-index: 5; }
    @media (min-width: 1030px) {
      .bld-info-container::after {
        bottom: -83px; } }

.bld-content-container {
  padding: 30px 15px 80px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-content-container {
      padding: 30px 0 80px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    .bld-content-container {
      padding: 30px 0px 80px; } }
  .bld-content-container .bld-block-link {
    color: unset; }
  .bld-content-container.large {
    padding: 80px 15px 80px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-content-container.large {
        padding: 30px 0 0; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-content-container.bld-ots .bld-block-container {
      padding: 15px 10px;
      margin-bottom: 10px; } }
  .bld-content-container.bld-mijngegevens .bld-inline-accordion-link {
    padding: 8px 0;
    padding-bottom: 2px; }
    .bld-content-container.bld-mijngegevens .bld-inline-accordion-link.list {
      border-bottom: none; }

#welcome-anim .bld-dashboard-content {
  display: none; }

a {
  color: #007bc7; }
  a:not([href]):not([tabindex]) {
    color: #007bc7; }
    a:not([href]):not([tabindex]):hover {
      color: #01689b;
      cursor: pointer; }
  a:-moz-focusring {
    color: #7bb5f6;
    outline: 2px solid #7bb5f6; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    a {
      /* IE10+ CSS styles go here */ }
      a:focus {
        outline: 2px solid #7bb5f6; } }
  @supports (-ms-ime-align: auto) {
    a {
      /* EDGE CSS styles go here */ }
      a:focus {
        outline: 2px solid #7bb5f6; } }
  a.bld-link-underline {
    text-decoration: underline; }
    a.bld-link-underline:hover {
      text-decoration: underline; }
  a.bld-link-hoverline:hover span {
    text-decoration: underline; }
  a:hover {
    outline: none;
    text-decoration: none;
    color: #007bc7; }

.bld-link-list .bld-block-link {
  padding: 0 20px 15px;
  margin: 0px -20px; }

.bld-block-link a span:first-letter {
  text-transform: capitalize; }
.bld-block-link:hover span, .bld-block-link:hover p {
  text-decoration: underline; }
.bld-block-link:hover .externe-link {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px); }
.bld-block-link:hover .icon-arrow {
  -webkit-transform: translateX(5px) rotate(0);
  -moz-transform: translateX(5px) rotate(0);
  -ms-transform: translateX(5px) rotate(0);
  transform: translateX(5px) rotate(0); }
  .bld-block-link:hover .icon-arrow.icon-rotated {
    -webkit-transform: translateX(-5px) rotate(180deg);
    -moz-transform: translateX(-5px) rotate(180deg);
    -ms-transform: translateX(-5px) rotate(180deg);
    transform: translateX(-5px) rotate(180deg); }
.bld-block-link span, .bld-block-link p {
  color: #007bc7; }
  .bld-block-link span.no-link, .bld-block-link p.no-link {
    text-decoration: none;
    color: #000;
    cursor: pointer; }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-block-link span.no-link, .bld-block-link p.no-link {
        padding-left: 33px !important; } }
.bld-block-link .externe-link {
  width: 12px;
  height: 12px;
  margin-left: -1px;
  margin-right: -1px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-block-link .externe-link {
      width: 15px; } }

.bld-table-container {
  padding: 30px 15px !important;
  background-color: white; }
  .bld-table-container #correspondentieTabel tbody td:first-child, .bld-table-container #correspondentieTabel tbody td:nth-child(2) {
    display: none; }
  .bld-table-container #bezoekTable thead th:first-child {
    min-width: 115px; }
  .bld-table-container #bezoekTable tbody td:first-child {
    min-width: 115px; }
  .bld-table-container .bld-table {
    background-color: #fff;
    padding: 10px;
    overflow-y: scroll;
    margin-bottom: 0; }
    .bld-table-container .bld-table .corr-type, .bld-table-container .bld-table .corr-year {
      display: none; }
    .bld-table-container .bld-table tbody td {
      padding-top: 8px;
      padding-bottom: 8px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .bld-table-container .bld-table tbody td {
          min-width: 160px; } }
      .bld-table-container .bld-table tbody td a {
        color: #01689b; }
        .bld-table-container .bld-table tbody td a:hover span, .bld-table-container .bld-table tbody td a:hover p {
          text-decoration: underline; }
    .bld-table-container .bld-table tbody tr:nth-of-type(odd) {
      background-color: #eef7fb; }
    .bld-table-container .bld-table thead {
      font-weight: bold; }
      .bld-table-container .bld-table thead.thead-trans {
        background-color: transparent; }
      .bld-table-container .bld-table thead tr .sort-by::before {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
        border-top-color: #cccccc;
        margin-top: -3px; }

.table-noresult {
  display: none; }

.bld-logo {
  position: relative;
  width: 160px;
  height: 100px;
  left: 50%;
  background: url("../img/logo/BD_logo_desktop.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  margin-bottom: 25px;
  -webkit-transform: translateX(-25px);
  -moz-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px); }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-logo {
      width: 110px;
      height: 60px;
      margin-bottom: 10px;
      background: url("../img/logo/BD_logo_tablet.svg");
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); } }

.bld-login-img {
  width: 100%;
  min-width: 40px;
  max-width: 60px;
  height: auto;
  margin-right: 19px;
  display: inherit; }
  .bld-login-img.large {
    max-width: 80px; }
  .bld-login-img.small {
    width: 38px;
    height: 50px;
    min-width: none;
    max-width: none;
    max-height: none; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-login-img {
      max-width: 40px;
      max-height: 40px;
      margin-right: 10px; } }

.bld-swipe {
  position: absolute;
  display: inline-block;
  top: 20vh;
  right: 25px;
  height: 100px;
  width: 50px;
  background-color: rgba(153, 153, 153, 0.67);
  z-index: 1;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px; }
  .bld-swipe img {
    width: 0;
    height: auto; }
    .bld-swipe img.swipe-anim {
      width: 50%;
      transform: translateX(10px);
      animation-name: swipeLeft;
      animation-duration: 1.3s;
      animation-timing-function: ease-out;
      animation-delay: 0;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      animation-play-state: running; }

.bld-loader {
  width: 200px; }
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .bld-loader .loading {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 0.25rem solid #007bc7;
    border-top-color: #fff;
    animation: spin 1s infinite linear; }

.nav-tabs .bld-circle-check {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  background-color: #fff;
  border: 2px solid #535353;
  border-radius: 50%; }
.nav-tabs .active .bld-circle-check {
  background-color: #007bc7;
  border: 0px solid #fff;
  border-radius: 50%;
  background-image: url("../img/custom-icons/mbd_icon_check_white.svg");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat; }

@-webkit-keyframes swipeLeft {
  0% {
    transform: translateX(10px) scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(-5px) scale(0.9);
    opacity: 0.8; } }
@-moz-keyframes swipeLeft {
  0% {
    transform: translateX(10px) scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(-5px) scale(0.9);
    opacity: 0.8; } }
@-ms-keyframes swipeLeft {
  0% {
    transform: translateX(10px) scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(-5px) scale(0.9);
    opacity: 0.8; } }
@-o-keyframes swipeLeft {
  0% {
    transform: translateX(10px) scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(-5px) scale(0.9);
    opacity: 0.8; } }
@keyframes swipeLeft {
  0% {
    transform: translateX(10px) scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(-5px) scale(0.9);
    opacity: 0.8; } }
.bld-machtiging-img {
  width: 100%;
  height: auto;
  max-width: 40px; }

.modal .modal-dialog {
  max-width: 440px; }
  .modal .modal-dialog .modal-content {
    border-radius: unset;
    border: none; }
    .modal .modal-dialog .modal-content .modal-body {
      min-height: 175px;
      padding: 2rem 1rem 2rem; }
      @media (min-width: 320px) and (max-width: 767px) {
        .modal .modal-dialog .modal-content .modal-body {
          padding: 2rem 1rem 2rem; } }
      .modal .modal-dialog .modal-content .modal-body .btn.bld-btn {
        min-width: 110px;
        margin-right: 10px; }
.modal .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  border-radius: 0; }
  .modal .close .icon {
    position: absolute;
    width: 13px;
    height: 13px;
    opacity: 1;
    left: 10px;
    top: 10px; }

.modal-backdrop.show {
  opacity: 0.15; }

ul.bld-list {
  margin-top: 1rem; }
  @media (min-width: 320px) and (max-width: 767px) {
    ul.bld-list {
      -webkit-padding-start: 20px; } }

section > :not(nav) ul {
  padding-left: 0px; }
section > :not(nav) ul > li {
  list-style-type: none; }
  section > :not(nav) ul > li .icon {
    font-size: 10px;
    margin-right: 15px; }

.custom-control {
  padding: 0.5rem 2.2rem; }
  .custom-control .toggleInput {
    display: none; }
    @media (min-width: 320px) and (max-width: 767px) {
      .custom-control .toggleInput.bld-filter .custom-checkbox {
        padding: 10px 0px 0px 40px; } }
    @media (min-width: 768px) and (max-width: 1029px) {
      .custom-control .toggleInput.bld-filter .custom-checkbox {
        padding: 10px 0 0 10px; } }
    .custom-control .toggleInput.bld-filter .custom-checkbox label {
      left: 20px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .custom-control .toggleInput.bld-filter .custom-checkbox label {
          left: -5px; } }
      .custom-control .toggleInput.bld-filter .custom-checkbox label::before, .custom-control .toggleInput.bld-filter .custom-checkbox label::after {
        left: -30px; }
  .custom-control .form-control {
    border: 1px solid #b2d7ee;
    border-radius: unset; }
    .custom-control .form-control:focus {
      border: 1px solid #007bc7;
      box-shadow: none; }
  .custom-control .custom-control-label::before, .custom-control .custom-control-label::after {
    width: 22px;
    height: 22px;
    left: -2.3rem;
    top: 2px; }
  .custom-control .custom-control-label::before {
    background-color: #fff;
    border: 2px solid #535353; }
  .custom-control .custom-control-label:hover::before {
    border: 2px solid #007bc7; }
  .custom-control.custom-radio.large-content .custom-control-label::before, .custom-control.custom-radio.large-content .custom-control-label::after {
    top: 11px; }
  .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bc7;
    color: #007bc7;
    border: 6px solid #fff; }
  .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: unset;
    border: 2px solid #007bc7;
    border-radius: 50%; }
  .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label {
    cursor: not-allowed; }
    .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
      border: 2px solid #999999; }
  .custom-control.custom-checkbox .custom-control-label::before, .custom-control.custom-checkbox .custom-control-label::after {
    width: 20px;
    height: 20px;
    border-radius: .25rem; }
  .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bc7;
    border: #007bc7;
    border-radius: 0.25rem; }
  .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: url('data:image/svg+xml;utf8, <svg width="18px" height="18px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Checkbox_active_icon" transform="translate(-1.500000, -1.000000)" fill="%23FFFFFF"><g id="Fill-1"><path d="M14.0379312,4.73606522 L8.94476547,10.4643721 L5.88347848,7.79851364 C5.55958367,7.51670906 5.08175865,7.51283989 4.75529834,7.78948558 C4.42755527,8.06613126 4.34866604,8.53945978 4.56801659,8.90767584 L8.27645182,15.1312365 C8.43294753,15.3936953 8.71515291,15.5549107 9.01916507,15.5555556 C9.32574273,15.5555556 9.60730673,15.3969196 9.76572657,15.1351057 L15.4290754,5.77235804 C15.6625362,5.38608586 15.5644057,4.88502828 15.2039525,4.61612094 C14.8422165,4.34721359 14.3368123,4.39944739 14.0379312,4.73606522 Z"></path></g></g></g></svg>');
    background-image: unset;
    border-radius: 0.25rem; }
  .custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
    cursor: not-allowed; }
    .custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
      border: 2px solid #999999; }

.bld-controls-heading {
  margin: 1.9rem 2.2rem 0.6rem; }

.bld-dropdown .dropdown-logo {
  width: 18px;
  max-height: 18px; }
.bld-dropdown .dropdown-toggle {
  background-color: #fff;
  border-color: #b4b4b4;
  padding-left: 15px;
  border-radius: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px; }
  .bld-dropdown .dropdown-toggle:after {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: 0px;
    border: 0;
    background-image: url("../img/custom-icons/mbd_icon_delta_omlaag_wit.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 13px 8px;
    background-color: #007bc7; }
  .bld-dropdown .dropdown-toggle .filter-option-inner-inner {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%); }

.dropdown.show .bld-dropdown-btn {
  border: 1px solid #007bc7 !important; }
.dropdown .bld-dropdown-menu {
  -webkit-transform: translate3d(0px, 38px, 0px) !important;
  -moz-transform: translate3d(0px, 38px, 0px) !important;
  -ms-transform: translate3d(0px, 38px, 0px) !important;
  transform: translate3d(0px, 38px, 0px) !important;
  border-radius: 0;
  width: 240px;
  border-color: #b4b4b4;
  border-top: 0; }
  .dropdown .bld-dropdown-menu .logo {
    width: 18px;
    max-height: 18px; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%; }
.bootstrap-select .dropdown-toggle {
  width: calc(100% - 40px); }

.bld-breadcrumb {
  background-color: #fff;
  z-index: 1; }
  .bld-breadcrumb .breadcrumb {
    background-color: transparent;
    padding: 7px 0px;
    margin-bottom: 0rem; }
    @media (max-width: 768px) {
      .bld-breadcrumb .breadcrumb {
        padding: 7px 0; } }
    @media (min-width: 992px) {
      .bld-breadcrumb .breadcrumb {
        padding: 7px 15px; } }
    .bld-breadcrumb .breadcrumb .breadcrumb-item.active {
      padding-left: 0rem; }
    .bld-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      background: url('data:image/svg+xml;utf8,<svg width="5px" height="8px" viewBox="0 0 5 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="breadcrumbs" transform="translate(-328.000000, -17.000000)" fill="%23000000"><g id="home"><g transform="translate(255.000000, 11.000000)"><g id="Group-19" transform="translate(73.000000, 0.000000)"><g id="delta_rechts" transform="translate(0.000000, 6.000000)"><path d="M0.207673958,6.58181562 L2.86359991,3.99984543 L0.207673958,1.41787524 C-0.137990775,1.08221245 -0.0200258265,0.652217412 0.325638907,0.316221291 C0.67130364,-0.0194414997 1.11332928,-0.134106842 1.45899401,0.201889278 L4.74075145,3.39185245 C5.08641618,3.72784857 5.08641618,4.27217562 4.74075145,4.60783841 L1.45899401,7.7981349 C1.11332928,8.13413103 0.67130364,8.01946568 0.325638907,7.68346956 C-0.0200258265,7.34747344 -0.137990775,6.91747841 0.207673958,6.58181562 Z" id="Fill-1"></path></g></g></g></g></g></g></svg>');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 5px 8px;
      padding: 0 15px;
      color: rgba(0, 0, 0, 0);
      content: "."; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .bld-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
          /* IE10+ CSS styles go here */
          background: url("../img/custom-icons/mbd_icon_delta_rechts_zwart.png");
          background-repeat: no-repeat;
          background-position-x: center;
          background-position-y: center;
          background-size: 5px 8px; } }
      @supports (-ms-ime-align: auto) {
        .bld-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
          /* EDGE CSS styles go here */
          background: url("../img/custom-icons/mbd_icon_delta_rechts_zwart.png");
          background-repeat: no-repeat;
          background-position-x: center;
          background-position-y: center;
          background-size: 5px 8px; } }
    .bld-breadcrumb .breadcrumb li {
      color: #000;
      position: relative;
      display: flex;
      align-items: center; }
      .bld-breadcrumb .breadcrumb li a {
        display: flex;
        align-items: center; }
      .bld-breadcrumb .breadcrumb li .icon {
        font-size: 16px; }

.bld-header {
  position: relative;
  z-index: 3; }

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  visibility: hidden;
  overflow: hidden;
  outline: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out; }
  .backdrop.show {
    visibility: visible;
    opacity: 0.15; }

nav a {
  color: #000; }
  nav a:hover {
    color: #007bc7; }

.navbar {
  height: 60px;
  min-height: 60px;
  padding: 0;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .navbar.douane.bld-navbar {
    background-color: #76d2b6; }
  .navbar.toeslagen.bld-navbar {
    background-color: #d52b1e; }
    .navbar.toeslagen.bld-navbar .navbar-brand {
      color: #fff; }
  @media (min-width: 320px) and (max-width: 767px) {
    .navbar {
      height: auto;
      min-height: 40px; } }
  .navbar .navbar-nav {
    height: 60px;
    width: auto; }
    @media (max-width: 1030px) {
      .navbar .navbar-nav.bld-account {
        width: 100%; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .navbar .navbar-nav {
        height: 40px; } }
    .navbar .navbar-nav li {
      font-weight: 500;
      font-size: 1.1rem; }
  .navbar .container-fluid {
    padding: 0; }
  .navbar .inactive.nav-item:hover {
    background-color: transparent !important;
    cursor: default; }
  .navbar.bld-navbar {
    background-color: #8fcae7; }
    .navbar.bld-navbar .navbar-brand {
      white-space: normal;
      margin-right: 0; }
      .navbar.bld-navbar .navbar-brand:hover {
        cursor: inherit; }
      @media (min-width: 320px) and (max-width: 767px) {
        .navbar.bld-navbar .navbar-brand {
          font-size: 18px; } }
      @media (width: 320px) {
        .navbar.bld-navbar .navbar-brand {
          font-size: 16px;
          margin: 0; } }
    .navbar.bld-navbar .nav-item {
      height: 100%;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      transition: all 1s ease-out; }
      .navbar.bld-navbar .nav-item.active {
        background-color: #b2d7ee; }
      .navbar.bld-navbar .nav-item:hover {
        background-color: #b2d7ee; }
      .navbar.bld-navbar .nav-item.show {
        background-color: rgba(1, 104, 155, 0.15); }
      .navbar.bld-navbar .nav-item .nav-link {
        color: #000;
        height: 100%; }
      .navbar.bld-navbar .nav-item.dropdown {
        height: 100%; }
        .navbar.bld-navbar .nav-item.dropdown.bld-menu {
          width: 110px;
          background-color: #b2d7ee; }
          @media (min-width: 320px) and (max-width: 767px) {
            .navbar.bld-navbar .nav-item.dropdown.bld-menu {
              width: 49px; } }
          .navbar.bld-navbar .nav-item.dropdown.bld-menu:hover {
            background-color: #b2d7ee; }
          .navbar.bld-navbar .nav-item.dropdown.bld-menu.show {
            background-color: rgba(1, 104, 155, 0.15); }
          .navbar.bld-navbar .nav-item.dropdown.bld-menu .dropdown-toggle::after {
            display: none; }
        .navbar.bld-navbar .nav-item.dropdown .dropdown-menu {
          position: absolute;
          margin: 0;
          padding: 0;
          border-radius: unset;
          border: none;
          min-width: 275px;
          max-width: 290px;
          box-shadow: 3px 0px 10px 1px rgba(193, 193, 193, 0.55); }
          @media (min-width: 320px) and (max-width: 575px) {
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu {
              width: 100vw;
              position: absolute; } }
          .navbar.bld-navbar .nav-item.dropdown .dropdown-menu p {
            padding: 10px 20px;
            border-bottom: 1px solid #f3f3f3; }
          .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item {
            display: block;
            width: 100%;
            padding: 12px 13px;
            font-size: 18px; }
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item.active {
              background-color: #eef7fb;
              color: #000;
              font-family: "RObold", Arial, sans-serif; }
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover:not(.dashboard) {
              background-color: #eef7fb;
              color: #007bc7; }
              .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover:not(.dashboard)::before {
                -webkit-transform: translateX(3px);
                -moz-transform: translateX(3px);
                -ms-transform: translateX(3px);
                transform: translateX(3px); }
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item::before {
              display: inline-block;
              margin-right: 14px;
              margin-left: 7px;
              content: url('data:image/svg+xml;utf8, <svg width="6" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M.24224 8.22736l3.098-3.2275-3.098-3.2275c-.4032-.41958-.2656-.95708.1376-1.37708.4032-.41958.9188-.56292 1.322-.14292l3.828 3.9875c.4032.42.4032 1.10042 0 1.52l-3.828 3.98792c-.4032.42-.9188.27667-1.322-.14333-.4032-.42-.5408-.9575-.1376-1.37709z" fill="%23007BC7" fill-rule="evenodd"/></svg>');
              -webkit-transition: all 0.3s ease-out;
              -moz-transition: all 0.3s ease-out;
              -ms-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out; }
              @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item::before {
                  /* IE10+ CSS styles go here */
                  width: 6px;
                  height: 10px;
                  background: url("../img/custom-icons/mbd_icon_delta_rechts_blauw.png");
                  background-position-x: center;
                  background-position-y: center;
                  background-repeat: no-repeat;
                  background-size: 6px 10px;
                  content: ""; } }
              @supports (-ms-ime-align: auto) {
                .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item::before {
                  /* EDGE CSS styles go here */
                  width: 6px;
                  height: 10px;
                  background: url("../img/custom-icons/mbd_icon_delta_rechts_blauw.png");
                  background-position-x: center;
                  background-position-y: center;
                  background-repeat: no-repeat;
                  background-size: 6px 10px;
                  content: ""; } }
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item.dashboard::before {
              margin-left: 3px;
              margin-right: 10px;
              content: url('data:image/svg+xml;utf8, <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M11.77413 5.69406L6.57867.2512c-.31963-.33486-.83782-.33486-1.1569 0l-5.196 5.44286c-.14455.152-.22582.35714-.22582.57143 0 .44628.34527.808.77127.808h.31963v4.57142h3.81819v-4h2.18181v4h3.81819V7.0735h.31963c.426 0 .77128-.36172.77128-.808 0-.21429-.08128-.42-.22582-.57143" fill="%23000" fill-rule="evenodd"/></svg>'); }
              @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item.dashboard::before {
                  /* IE10+ CSS styles go here */
                  width: 12px;
                  height: 12px;
                  background: url("../img/custom-icons/mbd_icon_home_zwart.png");
                  background-position-x: center;
                  background-position-y: center;
                  background-repeat: no-repeat;
                  background-size: 12px 12px;
                  content: ""; } }
              @supports (-ms-ime-align: auto) {
                .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item.dashboard::before {
                  /* EDGE CSS styles go here */
                  width: 12px;
                  height: 12px;
                  background: url("../img/custom-icons/mbd_icon_home_zwart.png");
                  background-position-x: center;
                  background-position-y: center;
                  background-repeat: no-repeat;
                  background-size: 12px 12px;
                  content: ""; } }
            .navbar.bld-navbar .nav-item.dropdown .dropdown-menu .dropdown-item.dashboard:hover {
              color: #000;
              background-color: #eef7fb; }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-menu {
          right: 0;
          left: inherit; }
          @media (min-width: 320px) and (max-width: 767px) {
            .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-menu {
              width: 70vw; } }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .icon {
          font-size: 15px;
          padding-right: 5px; }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-toggle::after {
          display: inline-block;
          width: unset;
          height: unset;
          margin-left: .255em;
          vertical-align: unset;
          border-top: none;
          border-right: none;
          border-bottom: none;
          border-left: none;
          content: url('data:image/svg+xml;utf8, <svg width="10" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M1.773.242L5 3.34 8.228.242c.42-.403.957-.265 1.377.138.42.403.563.919.143 1.322L5.76 5.53c-.42.403-1.1.403-1.52 0L.252 1.702C-.168 1.299-.024.783.396.38c.42-.403.957-.541 1.377-.138z" fill="%23000" fill-rule="evenodd"/></svg>');
          padding-left: 5px; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-toggle::after {
              /* IE10+ CSS styles go here */
              content: unset;
              width: 27px;
              height: 12px;
              margin-left: 7px;
              background: url("../img/custom-icons/mbd_icon_delta_omlaag_zwart.png");
              background-repeat: no-repeat;
              background-position-x: center;
              background-position-y: center;
              background-size: 10px 6px; } }
          @supports (-ms-ime-align: auto) {
            .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-toggle::after {
              /* EDGE CSS styles go here */
              content: unset;
              width: 27px;
              height: 12px;
              margin-left: 7px;
              background: url("../img/custom-icons/mbd_icon_delta_omlaag_zwart.png");
              background-repeat: no-repeat;
              background-position-x: center;
              background-position-y: center;
              background-size: 10px 6px; } }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item.active,
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item .bld-custom-icon {
          background-color: unset;
          color: #007bc7;
          font-weight: 400; }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item .bld-custom-icon {
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out; }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item:hover {
          background-color: #eef7fb; }
          .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item:hover .bld-custom-icon {
            -webkit-transform: translateX(3px);
            -moz-transform: translateX(3px);
            -ms-transform: translateX(3px);
            transform: translateX(3px); }
        .navbar.bld-navbar .nav-item.dropdown.bld-account .dropdown-item::before {
          display: none;
          content: "";
          height: unset;
          background-image: none; }

/* The sticky class is added to the header with JS (> bld-function.js ) when it reaches its scroll position */
.sticky {
  position: fixed;
  top: -80px;
  width: 100%;
  animation-name: sticky-anim;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-direction: normal; }

@-webkit-keyframes sticky-anim {
  0% {
    top: -80; }
  100% {
    top: 0; } }
@-moz-keyframes sticky-anim {
  0% {
    top: -80; }
  100% {
    top: 0; } }
@-ms-keyframes sticky-anim {
  0% {
    top: -80; }
  100% {
    top: 0; } }
@-o-keyframes sticky-anim {
  0% {
    top: -80; }
  100% {
    top: 0; } }
@keyframes sticky-anim {
  0% {
    top: -80; }
  100% {
    top: 0; } }
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.menu-hamburger {
  width: 14px;
  height: 2px;
  border-radius: 0px;
  background-color: #000;
  position: relative;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .menu-hamburger::after, .menu-hamburger::before {
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 2px;
    border-radius: 0px;
    background-color: #000;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .menu-hamburger::before {
    bottom: 4px; }
  .menu-hamburger::after {
    top: 4px; }
  .menu-hamburger.menu-hamburger-active {
    background-color: transparent; }
    .menu-hamburger.menu-hamburger-active::before {
      animation-name: menu-active-before-active;
      animation-duration: 0.5s;
      animation-fill-mode: forwards; }
    .menu-hamburger.menu-hamburger-active::after {
      animation-name: menu-active-after-active;
      animation-duration: 0.5s;
      animation-fill-mode: forwards; }

.bld-hamburger-text {
  margin-left: 10px;
  font-size: 18px;
  margin-top: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-hamburger-text {
      display: none; } }
  .bld-hamburger-text.active {
    animation-name: menu-text-change;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-direction: normal; }

/*--- MENU ANIMATION ---*/
@-webkit-keyframes menu-active-after-active {
  0% {
    top: 4px;
    transform: rotate(0deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(-45deg); } }
@-moz-keyframes menu-active-after-active {
  0% {
    top: 4px;
    transform: rotate(0deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(-45deg); } }
@-ms-keyframes menu-active-after-active {
  0% {
    top: 4px;
    transform: rotate(0deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(-45deg); } }
@-o-keyframes menu-active-after-active {
  0% {
    top: 4px;
    transform: rotate(0deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(-45deg); } }
@keyframes menu-active-after-active {
  0% {
    top: 4px;
    transform: rotate(0deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 0px;
    transform: rotate(-45deg); } }
@-webkit-keyframes menu-active-before-active {
  0% {
    bottom: 4px;
    transform: rotate(0deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 0px;
    transform: rotate(45deg); } }
@-moz-keyframes menu-active-before-active {
  0% {
    bottom: 4px;
    transform: rotate(0deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 0px;
    transform: rotate(45deg); } }
@-ms-keyframes menu-active-before-active {
  0% {
    bottom: 4px;
    transform: rotate(0deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 0px;
    transform: rotate(45deg); } }
@-o-keyframes menu-active-before-active {
  0% {
    bottom: 4px;
    transform: rotate(0deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 0px;
    transform: rotate(45deg); } }
@keyframes menu-active-before-active {
  0% {
    bottom: 4px;
    transform: rotate(0deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 0px;
    transform: rotate(45deg); } }
@-webkit-keyframes menu-active-after {
  0% {
    top: 0px;
    transform: rotate(-45deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 4px;
    transform: rotate(0deg); } }
@-moz-keyframes menu-active-after {
  0% {
    top: 0px;
    transform: rotate(-45deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 4px;
    transform: rotate(0deg); } }
@-ms-keyframes menu-active-after {
  0% {
    top: 0px;
    transform: rotate(-45deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 4px;
    transform: rotate(0deg); } }
@-o-keyframes menu-active-after {
  0% {
    top: 0px;
    transform: rotate(-45deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 4px;
    transform: rotate(0deg); } }
@keyframes menu-active-after {
  0% {
    top: 0px;
    transform: rotate(-45deg); }
  50% {
    top: 0px;
    transform: rotate(0deg); }
  100% {
    top: 4px;
    transform: rotate(0deg); } }
@-webkit-keyframes menu-active-before {
  0% {
    bottom: 0px;
    transform: rotate(45deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 4px;
    transform: rotate(0deg); } }
@-moz-keyframes menu-active-before {
  0% {
    bottom: 0px;
    transform: rotate(45deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 4px;
    transform: rotate(0deg); } }
@-ms-keyframes menu-active-before {
  0% {
    bottom: 0px;
    transform: rotate(45deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 4px;
    transform: rotate(0deg); } }
@-o-keyframes menu-active-before {
  0% {
    bottom: 0px;
    transform: rotate(45deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 4px;
    transform: rotate(0deg); } }
@keyframes menu-active-before {
  0% {
    bottom: 0px;
    transform: rotate(45deg); }
  50% {
    bottom: 0px;
    transform: rotate(0deg); }
  100% {
    bottom: 4px;
    transform: rotate(0deg); } }
@-webkit-keyframes menu-text-change {
  0% {
    opacity: 0;
    margin-top: 0px; }
  20% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@-moz-keyframes menu-text-change {
  0% {
    opacity: 0;
    margin-top: 0px; }
  20% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@-ms-keyframes menu-text-change {
  0% {
    opacity: 0;
    margin-top: 0px; }
  20% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@-o-keyframes menu-text-change {
  0% {
    opacity: 0;
    margin-top: 0px; }
  20% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@keyframes menu-text-change {
  0% {
    opacity: 0;
    margin-top: 0px; }
  20% {
    opacity: 0;
    margin-top: 10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
.menu-hamburger-animation::after {
  animation-name: menu-active-after;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }

.menu-hamburger-animation::before {
  animation-name: menu-active-before;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }

.bld-notifications {
  padding: 30px 0; }
  .bld-notifications.list-group {
    margin: 20px; }
    @media (min-width: 768px) {
      .bld-notifications.list-group {
        margin: 0; } }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-notifications.list-group {
        margin: 0; } }
    .bld-notifications.list-group .list-group-item {
      border: none;
      padding: 6px 10px; }
      .bld-notifications.list-group .list-group-item .icon {
        padding-right: 15px; }

.bld-messages {
  padding: 0px 0px 15px; }

.alert {
  color: #000;
  margin-left: -17px;
  margin-right: -17px;
  margin-bottom: 15px;
  padding: 0.75rem 12px;
  border-radius: 0;
  border: none;
  background-color: #f3f3f3; }
  .alert a {
    color: #01689b; }
  @media (min-width: 320px) and (max-width: 767px) {
    .alert {
      margin-left: -14px;
      margin-right: -14px;
      padding: 0.75rem 10px;
      margin-bottom: 5px; } }
  .alert.bld-prio1 {
    border-left: 3px solid #ca005d;
    padding-top: 30px;
    padding-bottom: 30px;
    /*  If a notification has 2 or more buttons the padding should be smaller
        See bld-functions.js > notificationStyle();
    */ }
    @media (min-width: 320px) and (max-width: 767px) {
      .alert.bld-prio1 {
        padding-top: 15px;
        padding-bottom: 15px; } }
    .alert.bld-prio1.bld-prio1-large {
      padding-top: 10px;
      padding-bottom: 10px; }
  .alert.bld-prio2 {
    border-left: 3px solid #ffb612; }
  .alert.bld-prio3 {
    border-left: 3px solid #39870c; }
  .alert.bld-prio4 {
    border-left: 3px solid #007bc7; }
  .alert.bld-alert {
    padding: 15px 30px;
    border: none;
    margin: 0;
    border-radius: unset; }
    @media (min-width: 320px) and (max-width: 767px) {
      .alert.bld-alert {
        font-size: 16px; } }
    .alert.bld-alert.alert-primary {
      background-color: #ddeff8; }
      .alert.bld-alert.alert-primary .icon {
        color: #007bc7; }
    .alert.bld-alert.alert-warning {
      background-color: #fdf6bb; }
      .alert.bld-alert.alert-warning .icon {
        color: #ffb612; }
    .alert.bld-alert.alert-danger {
      background-color: #f9dfdd; }
      .alert.bld-alert.alert-danger .icon {
        color: #d52b1e; }
    .alert.bld-alert.alert-success {
      background-color: #e1eddb; }
      .alert.bld-alert.alert-success .icon {
        color: #39870c; }
      .alert.bld-alert.alert-success .bld-custom-icon {
        width: 18px;
        height: 18px;
        top: 5px; }
    .alert.bld-alert.alert-light {
      background-color: #e6e6e6; }
      .alert.bld-alert.alert-light .icon {
        color: #999999; }
    .alert.bld-alert.alert-inline {
      margin-left: -17px;
      margin-right: -17px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .alert.bld-alert.alert-inline {
          margin-left: -14px;
          margin-right: -14px;
          padding: 15px; } }
    .alert.bld-alert p {
      margin: 0; }
      @media (min-width: 320px) and (max-width: 767px) {
        .alert.bld-alert p {
          font-size: 17px; } }
      .alert.bld-alert p.highlight {
        font-family: "RObold", Arial, sans-serif;
        font-size: 16px; }

.bld-block-container {
  padding: 30px 30px;
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .bld-block-container.large {
    padding: 50px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-block-container.large {
        padding: 30px 20px; } }
  .bld-block-container.static-page h2 {
    margin: 30px 0;
    margin-bottom: 10px;
    font-family: "ROregular", Verdana, sans-serif; }
  .bld-block-container.bld-ots-login {
    padding: 20px 20px;
    min-height: 100px;
    background-color: #f3f3f3; }
    .bld-block-container.bld-ots-login:hover {
      box-shadow: 0 0 0 !important; }
    .bld-block-container.bld-ots-login .bld-login-item {
      min-height: 70px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .bld-block-container.bld-ots-login .bld-login-item {
          min-height: 50px; } }
      @media (min-width: 320px) and (max-width: 575px) {
        .bld-block-container.bld-ots-login .bld-login-item h4 {
          padding-left: 10px;
          padding-right: 0; } }
  @media (max-width: 768px) {
    .bld-block-container.bld-filter-block {
      padding: 0; } }
  .bld-block-container.bld-filter-block .custom-control {
    padding: 5px 10px; }
    @media (max-width: 768px) {
      .bld-block-container.bld-filter-block .custom-control {
        padding: 5px 43px; } }
    .bld-block-container.bld-filter-block .custom-control .custom-control-input {
      z-index: 1;
      width: 100%;
      height: 20px;
      position: absolute;
      left: 0;
      top: 8px; }
    .bld-block-container.bld-filter-block .custom-control .custom-control-label {
      text-transform: capitalize; }
    .bld-block-container.bld-filter-block .custom-control.custom-checkbox .custom-control-label::before, .bld-block-container.bld-filter-block .custom-control.custom-checkbox .custom-control-label::after {
      width: 18px;
      height: 18px; }
    .bld-block-container.bld-filter-block .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      content: url('data:image/svg+xml;utf8, <svg width="16px" height="16px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Checkbox_active_icon" transform="translate(-3.000000, -3.000000)" fill="%23FFFFFF"><g id="Fill-1"><path d="M14.0379312,4.73606522 L8.94476547,10.4643721 L5.88347848,7.79851364 C5.55958367,7.51670906 5.08175865,7.51283989 4.75529834,7.78948558 C4.42755527,8.06613126 4.34866604,8.53945978 4.56801659,8.90767584 L8.27645182,15.1312365 C8.43294753,15.3936953 8.71515291,15.5549107 9.01916507,15.5555556 C9.32574273,15.5555556 9.60730673,15.3969196 9.76572657,15.1351057 L15.4290754,5.77235804 C15.6625362,5.38608586 15.5644057,4.88502828 15.2039525,4.61612094 C14.8422165,4.34721359 14.3368123,4.39944739 14.0379312,4.73606522 Z"></path></g></g></g></svg>');
      background-image: unset; }
  .bld-block-container.bld-filter-block.sticky-top {
    top: 80px;
    z-index: 1; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-block-container.bld-nav-block .icon-arrow {
      font-size: 15px; } }
  .bld-block-container.bld-nav-block:hover, .bld-block-container.bld-sideblock:hover {
    box-shadow: 10px 10px 10px rgba(204, 204, 204, 0.25); }
  .bld-block-container.bld-nav-block a:hover p, .bld-block-container.bld-nav-block a:hover .icon, .bld-block-container.bld-sideblock a:hover p, .bld-block-container.bld-sideblock a:hover .icon {
    cursor: pointer; }
  .bld-block-container.bld-nav-block a:hover .icon-arrow, .bld-block-container.bld-sideblock a:hover .icon-arrow {
    -webkit-transform: translateX(5px) rotate(0deg);
    -moz-transform: translateX(5px) rotate(0deg);
    -ms-transform: translateX(5px) rotate(0deg);
    transform: translateX(5px) rotate(0deg); }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-block-container {
      padding: 15px 20px; } }
  .bld-block-container.static {
    margin-bottom: 26px; }
  .bld-block-container .bld-block-lead {
    margin: 30px 0; }
    .bld-block-container .bld-block-lead:first-of-type {
      margin-top: 0; }
    .bld-block-container .bld-block-lead h2 {
      margin-bottom: 10px;
      font-family: "ROregular", Verdana, sans-serif; }
  .bld-block-container .bld-block-highlight {
    background-color: #eef7fb;
    padding: 20px; }
    .bld-block-container .bld-block-highlight.success {
      background-color: #e1eddb; }
  .bld-block-container .bld-block-login {
    max-width: 320px; }

.bld-sideblock {
  padding: 15px 30px 25px; }
  .bld-sideblock a:hover p {
    text-decoration: underline; }
  .bld-sideblock .bld-cta p {
    width: auto !important; }
  .bld-sideblock.bld-tile * {
    cursor: pointer; }
  .bld-sideblock.bld-tile h2 {
    margin-bottom: 10px; }
  .bld-sideblock.bld-tile:hover .bld-cta p {
    text-decoration: underline; }
  .bld-sideblock.bld-tile:hover .icon-arrow {
    -webkit-transform: translateX(3px) rotate(0deg);
    -moz-transform: translateX(3px) rotate(0deg);
    -ms-transform: translateX(3px) rotate(0deg);
    transform: translateX(3px) rotate(0deg); }
    .bld-sideblock.bld-tile:hover .icon-arrow.icon-rotated {
      -webkit-transform: translateX(-5px) rotate(180deg);
      -moz-transform: translateX(-5px) rotate(180deg);
      -ms-transform: translateX(-5px) rotate(180deg);
      transform: translateX(-5px) rotate(180deg); }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-sideblock.bld-tile {
      margin-top: 30px;
      padding: 15px 15px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-sideblock {
      padding: 0px 10px; } }
  .bld-sideblock p {
    width: 100%; }
  .bld-sideblock a {
    font-weight: 500; }
    .bld-sideblock a .icon {
      line-height: 1.8; }
  .bld-sideblock .icon.service, .bld-sideblock .icon.vraagteken {
    width: 31px;
    height: 60px; }
  .bld-sideblock .bld-service-item {
    margin-bottom: 20px; }
    .bld-sideblock .bld-service-item p {
      margin-bottom: 0; }
    .bld-sideblock .bld-service-item a:hover {
      outline: initial;
      text-decoration: underline; }

@media (min-width: 320px) and (max-width: 767px) {
  .accordion h2 {
    font-size: 18px; } }
.accordion#bld-filter-accordion-sm .card {
  box-shadow: none; }
.accordion#bld-filter-accordion-sm .custom-control-label {
  text-transform: capitalize; }
.accordion#bld-filter-accordion .card {
  box-shadow: none;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .accordion#bld-filter-accordion .card .card-header {
    padding-bottom: 10px; }
  .accordion#bld-filter-accordion .card .btn {
    padding: 0; }
  .accordion#bld-filter-accordion .card .card-body {
    padding: 0 8px; }
.accordion#bld-filter-accordion .custom-control-label {
  text-transform: capitalize; }
.accordion .bld-inline-accordion-link {
  padding-bottom: 15px !important; }
  .accordion .bld-inline-accordion-link.collapsed {
    padding: 10px 0;
    padding-bottom: 10px !important; }
.accordion .card {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .accordion .card.open {
    margin-bottom: 26px; }
  .accordion .card .card-header {
    background-color: #fff;
    border-bottom: none; }
    .accordion .card .card-header h3 {
      word-break: keep-all;
      cursor: pointer; }
    .accordion .card .card-header .btn {
      width: 100%;
      padding: 13px 30px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .accordion .card .card-header .btn {
          padding: 14px 0; } }
    .accordion .card .card-header:hover h2, .accordion .card .card-header:hover h3 {
      color: #007bc7; }
    .accordion .card .card-header.disabled > * {
      color: #cccccc; }
    .accordion .card .card-header.disabled .icon {
      color: #cccccc; }
  .accordion .card .card-body {
    padding-bottom: 0; }

nav.pagination {
  height: auto;
  margin: 30px 0 0; }

.page-item .page-link {
  color: #007bc7;
  font-weight: bold;
  cursor: auto;
  border: none;
  background-color: transparent;
  border-color: #dee2e6; }
  .page-item .page-link .icon {
    font-size: 10px;
    text-decoration: none;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
    .page-item .page-link .icon.icon-inverted {
      -webkit-transform: translateX(-10px);
      -moz-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px); }
.page-item.active .page-link {
  z-index: 0;
  color: #007bc7;
  background-color: #eef7fb; }
.page-item:hover {
  cursor: pointer;
  background-color: transparent; }
  .page-item:hover a span {
    text-decoration: underline; }
  .page-item:hover .icon-arrow {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); }
    .page-item:hover .icon-arrow.icon-inverted {
      -webkit-transform: translateX(-15px);
      -moz-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
      transform: translateX(-15px); }
.page-item.disabled {
  opacity: 0.4; }
  .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    border: none;
    background-color: transparent; }

.progress-steps {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 40px 0; }
  .progress-steps:after {
    content: "";
    display: table;
    clear: both; }
  .progress-steps .progress-step {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 33.3%;
    text-align: center; }
    .progress-steps .progress-step .step-content {
      display: inline-block; }
    .progress-steps .progress-step .step-icon {
      background: #fff;
      color: #b4b4b4;
      display: block;
      border-radius: 100%;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 39px;
      margin: 0 auto 10px auto;
      position: relative;
      font-size: 20px;
      font-family: "RObold", Arial, sans-serif;
      font-weight: 400;
      z-index: 2;
      border: 2px solid #b4b4b4; }
      .progress-steps .progress-step .step-icon .icon {
        line-height: 42px; }
    .progress-steps .progress-step .step-text {
      font-size: 16px;
      color: #000; }
    .progress-steps .progress-step .step-line {
      height: 2px;
      width: 100%;
      background: #b4b4b4;
      float: left;
      position: absolute;
      left: -50%;
      top: 20px;
      z-index: 1; }
    .progress-steps .progress-step.active .step-icon {
      background: #007bc7;
      color: #fff;
      border: 0; }
    .progress-steps .progress-step.active .step-text {
      font-family: "RObold", Arial, sans-serif;
      font-weight: 400; }
    .progress-steps .progress-step.active .step-line {
      background: #00aeef; }
    .progress-steps .progress-step.complete .step-icon {
      background: #39870c;
      color: #fff;
      border: 0; }
    .progress-steps .progress-step.complete .step-line {
      background: #39870c; }
    .progress-steps .progress-step.complete ~ .active .step-line {
      background: #39870c; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-tabs .nav-link.active {
  border-bottom: 1px solid #dddddd; }
.nav-tabs .nav-item {
  background-color: #dddddd; }
.nav-tabs .nav-link {
  width: 50%;
  padding: 20px;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0px; }

.bld-footer {
  position: relative;
  height: auto;
  clear: both;
  padding: 40px 0 50px;
  background-color: #dddddd;
  color: #000; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-footer {
      padding: 15px 0 15px;
      height: auto;
      margin-top: 30px;
      margin-bottom: -100px; }
      .bld-footer .col-12 {
        padding-left: 0;
        padding-right: 0; } }
  .bld-footer h3 {
    margin-bottom: 15px; }
  .bld-footer li .externe-link {
    min-width: 12px;
    height: 12px; }
  .bld-footer a {
    color: #000; }
    @media (min-width: 320px) and (max-width: 767px) {
      .bld-footer a {
        padding: 0;
        height: 50px; } }
    .bld-footer a:hover {
      outline: initial;
      text-decoration: underline;
      color: #007bc7; }
  @media (min-width: 320px) and (max-width: 767px) {
    .bld-footer .bld-no-btn {
      padding: 0;
      height: 50px; } }
  .bld-footer .accordion ul, .bld-footer .accordion .btn {
    padding: 0px 20px; }
  .bld-footer .accordion h3 {
    margin-bottom: 0; }
  .bld-footer .accordion hr {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #cccccc;
    margin-left: 0;
    margin-right: 0; }
  .bld-footer .ul-equal li a {
    float: left;
    clear: both;
    overflow: hidden; }
    .bld-footer .ul-equal li a::before {
      content: '';
      display: inline-block;
      min-height: 13px;
      width: 12px;
      background-repeat: no-repeat;
      background-position: 0 6px;
      padding-left: 25px;
      padding-top: 25px;
      float: left; }
  .bld-footer .ul-equal li.external a::before {
    background-image: url(../img/custom-icons/mbd_icon_externe-link.svg);
    background-size: 12px 12px; }
  .bld-footer .ul-equal li.internal a::before {
    background-image: url(../img/custom-icons/mbd_icon_delta_rechts_blauw.svg);
    background-size: 6px 10px; }

.help-link {
	font-size: 0.80em;
	color: rgb(83, 83, 83);
	text-decoration: underline;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../img/dropdown-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;;
  border-radius: 0.375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select {
  word-wrap: normal;
}
select {
  text-transform: none;
}
select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/*# sourceMappingURL=styles.css.map */