@charset "UTF-8";
/*
    tf.mijn-omgeving.scss
*/
/*
    shared/_index.scss
*/
/*
    shared/_common.scss
*/
.stepmenu-container .stepmenu-item-active > div {
  font-weight: bold;
}

.progressbar progress, .progressbar progress::-webkit-progress-bar, .progressbar progress::-webkit-progress-value {
  /* %tf-progress-bar */
  height: 5px;
  border-radius: 5px;
}

.progressbar .percentage {
  /* %tf-progress-percentage-text */
  color: #154273;
  font-size: 19px;
  font-weight: bold;
}

.mainmenu .navbar {
  /* %mo-main-menu */
  background-color: #F5F5F5;
  border-color: #e1e1e1;
}

footer.space-footer {
  /* %mo-footer */
  background: #D52B1E;
}
footer.space-footer h2, footer.space-footer div a {
  color: #ffffff;
}
footer.space-footer h2 {
  font-size: 1.80203rem;
}

body, .text {
  font-size: 20px !important;
}

input[type=text], input[type=password], input[type=email], input[type=month], input[type=week], input[type=number], input[type=tel], input[type=time], input[type=datetime-local], input[type=datetime], input[type=search], input[type=url], input[type=date], textarea {
  /* %default-text-input */
  padding: 5px;
  border: 1px solid #154273;
  font-size: 20px;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
}

select {
  /* %default-dropdown-input */
  font-size: 20px;
  padding: 7px;
  border: 1px solid #154273;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
}

.tf-required-field .tf-label-wrapper::before,
.tf-required-field .tf-control-wrapper fieldset::before, .required-active {
  margin: 0;
  position: absolute;
  top: 7px;
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  color: transparent;
  background: #154273;
  display: inline-block;
}

.formsset-navigation-btn-previous, .formsset-navigation-btn-next, .formsset-navigation-btn-overview, input[type=submit], a.generic-button, button.generic-button, .tf-dialog-button-confirm, .tf-dialog-button-cancel {
  /* %default-button */
  font-size: 18px;
  font-weight: normal;
  border-radius: 5px;
  padding: 0;
}

details summary, details summary::after {
  /* %default-help-button */
  font-size: 33px;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  content: "\e8fd";
}

.formsset-navigation-btn-previous, .formsset-navigation-btn-next {
  font-family: "Material Icons";
  padding: 5px 10px;
}

.formsset-navigation-btn-overview {
  padding: 5px 10px;
}

html {
  scroll-behavior: auto !important;
}

legend + * {
  clear: none !important;
}

h1 {
  font-size: 2.02729rem;
  font-weight: bold;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: black;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

h2 {
  font-size: 2.02729rem;
  font-weight: normal;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: #154273;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

h3 {
  font-size: 1.80203rem;
  font-weight: normal;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: black;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

h4 {
  font-size: 1.5rem;
  font-weight: normal;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: black;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

h5 {
  font-size: 14px;
  font-weight: normal;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: black;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

h6 {
  font-size: 12px;
  font-weight: normal;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
  color: black;
  margin: 0 0 10px;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

body {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  display: grid;
}
body > form {
  width: 100%;
  min-height: 100vh;
  height: 100%;
}
body > form, body .mijnomgeving-table {
  display: table;
}
body a {
  color: #01689b;
  padding: 2px;
  word-wrap: break-word;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body a .hyperlink {
  color: #01689b;
}
body a .hyperlink:visited {
  color: #884488;
}
body a .hyperlink:active {
  color: #b50010;
}
body a.bypass {
  position: absolute;
  top: -100vh;
  transition: top 0.1s;
}
body a.bypass:focus {
  border-width: 2px;
  border-style: solid;
  border-color: #154273;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  padding: 5px;
  background: #E1E1E1;
  color: #000000;
  display: block;
  top: 0;
  z-index: 9999;
}

body, .text {
  font-size: 16px;
  color: #000000;
  word-break: break-word;
  font-family: Rijksoverheid SansWebText, Calibri, sans-serif;
}

td {
  word-break: break-word;
}

.error-container {
  background-color: #EEEEEE;
}

.resume-container p {
  padding: 10px;
  margin: 0 0 20px 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  border-color: #154273;
}
.resume-container p:empty {
  display: none;
}

.rotate {
  animation: rotate 1.5s linear infinite;
}

[class^=animate-], [class*=" animate-"] {
  visibility: visible;
}

@keyframes rotate {
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes outToRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes outToRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes outToLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes outToLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes inFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes inFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes inFromRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes inFromRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.matrix label, .matrix legend, .matrix .tf-question-label {
  font-weight: bold;
}

/** Screenreader utilities */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*
    shared/_responsive.scss
*/
@media screen and (max-width: 600px) {
  div.tf-question-wrapper div.tf-label-wrapper, div.tf-question-wrapper div.tf-control-wrapper {
    width: 100%;
  }
  div.tf-question-wrapper fieldset legend {
    width: 100%;
    height: auto;
    display: block;
  }
  div.tf-control-wrapper fieldset > div {
    width: 100%;
    margin-left: 0;
  }
  /* Partial Date - partialdate / text */
  .partialdate-row label:nth-child(1) {
    width: 100%;
    margin: 0 0 5px 0;
    position: relative;
    top: 5px;
  }
  .partialdate-row span:nth-child(2) {
    width: calc(100% - 114px);
    top: -10px;
    left: 0;
  }
  .partialdate-row span:nth-child(3) {
    bottom: 15px;
    right: 85px;
  }
  .partialdate-row label:nth-child(4) {
    bottom: 15px;
    right: 0;
  }
}
@media screen and (max-width: 576px) {
  input[type=submit].generic-button, input[type=submit].change-button {
    font-size: 0.9em;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px !important;
  }
}

@media (min-width: 768px) {
  .navbar > .container {
    width: 720px !important;
  }
}
@media (min-width: 991px) {
  .navbar > .container {
    width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .navbar > .container {
    width: 1140px !important;
  }
}

/*
    shared/_iconfont.scss
*/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.MaterialIcons-Regular.eot");
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.MaterialIcons-Regular.woff2") format("woff2"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.MaterialIcons-Regular.woff") format("woff"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.MaterialIcons-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.eot");
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.woff2") format("woff2"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.woff") format("woff"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.ttf") format("truetype"), url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
@font-face {
  font-family: "Graphik";
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.Graphik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.Graphik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("/MijnILT-A/Embedded/Resources.Stylesheets.Fonts.Graphik-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
.material-icons {
  font-family: "Material Icons", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

/*
    shared/_callout.scss
*/
.callout-validator {
  z-index: 1001;
  cursor: pointer;
  margin: 0;
  padding: 0 0 0 2px;
  border: 0;
}

.help-callout, .validate-callout, .validate-callout-persistent-fullwidth, .validate-callout-persistent-controlwidth {
  position: absolute;
  margin: 14px 0;
  height: auto;
  font-size: 90%;
  text-align: left;
  padding: 5px 5px;
  width: 375px;
  z-index: 1;
  background-color: #ffffcc;
  border: 1px solid #ccc;
  word-wrap: break-word;
}

.validate-callout {
  width: 200px;
  margin: 15px 0;
}

.validate-callout-persistent-fullwidth {
  width: auto;
  position: relative;
  margin: 15px 0 10px 0;
}

.validate-callout-persistent-controlwidth {
  width: auto;
  position: relative;
  margin: 15px 0 5px 0;
}

.help-callout-co-up, .validate-callout-co-up, .validate-callout-persistent-fullwidth-co-up, .validate-callout-persistent-controlwidth-co-up {
  position: absolute;
  display: block;
  top: -10px;
  margin: 0;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffcc;
}

.help-callout-co-up2, .validate-callout-co-up2, .validate-callout-persistent-fullwidth-co-up2, .validate-callout-persistent-controlwidth-co-up2 {
  position: absolute;
  display: block;
  top: -11px;
  margin: 0;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}

.help-callout-co-up, .help-callout-co-up2 {
  left: 175px;
  padding: 0;
  width: 0;
  height: 0;
}

.validate-callout-co-up, .validate-callout-co-up2, .validate-callout-persistent-fullwidth-co-up, .validate-callout-persistent-fullwidth-co-up2, .validate-callout-persistent-controlwidth-co-up, .validate-callout-persistent-controlwidth-co-up2 {
  left: 25px;
  padding: 0;
  width: 0;
  height: 0;
}

/*
    shared/_labelledquestions.scss
*/
.tf-question-wrapper {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
.tf-question-wrapper.positioning-encapsulated .tf-label-wrapper, .tf-question-wrapper.positioning-encapsulated .tf-control-wrapper {
  width: 100%;
}
.tf-question-wrapper.positioning-encapsulated-top .tf-label-wrapper, .tf-question-wrapper.positioning-encapsulated-top .tf-control-wrapper {
  width: 100%;
}
.tf-question-wrapper.positioning-encapsulated-right .tf-label-wrapper, .tf-question-wrapper.positioning-encapsulated-right .tf-control-wrapper {
  width: 100%;
}
.tf-question-wrapper.positioning-top .tf-label-wrapper, .tf-question-wrapper.positioning-top .tf-control-wrapper {
  width: 100%;
}
.tf-question-wrapper.positioning-encapsulated .tf-control-wrapper {
  width: 100%;
}
.tf-question-wrapper.positioning-encapsulated-top fieldset legend {
  height: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}
.tf-question-wrapper.positioning-encapsulated-top fieldset > div, .tf-question-wrapper.positioning-encapsulated-top fieldset > span {
  width: 100%;
  margin-left: 0;
}
.tf-question-wrapper.positioning-encapsulated-right fieldset legend {
  margin-left: 50%;
  width: 50%;
}
.tf-question-wrapper.positioning-encapsulated-right fieldset > div, .tf-question-wrapper.positioning-encapsulated-right fieldset > span {
  width: 50%;
  margin-left: 0;
}
.tf-question-wrapper .tf-label-wrapper {
  vertical-align: top;
  margin: 0;
  width: 50%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tf-question-wrapper .tf-control-wrapper {
  margin: 0;
  width: 50%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tf-question-wrapper .tf-control-wrapper fieldset {
  width: 100%;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  border-width: 0;
  border: none;
  padding: 0;
  margin: 0;
}
.tf-question-wrapper fieldset legend {
  font-size: 16px;
  padding: 0;
  margin: 0;
  height: initial;
  float: left;
  width: 50%;
}

fieldset > div, fieldset > span {
  clear: unset; /* Bootstrap override -> clear:unset; */
  width: 50%;
  margin-left: 50%;
  display: block;
}

/*
    shared/_generic-popup-control.scss
*/
dialog {
  min-width: 20rem;
  border-width: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  z-index: 1000;
}
dialog .tf-dialog-content-wrapper {
  padding: 20px 30px 30px 30px;
}
dialog .d-visible {
  display: block !important;
}
dialog .d-hidden {
  display: none !important;
}
dialog .tf-dialog-title {
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: normal;
  color: #000000;
  /* For session timeout popup */
}
dialog .tf-dialog-title .session-timeout-title, dialog .tf-dialog-title .session-expired-title {
  padding-bottom: 10px;
}
dialog .tf-dialog-title .session-timeout-title {
  display: block;
}
dialog .tf-dialog-title .session-expired-title {
  display: none;
}
dialog .tf-dialog-body > div {
  position: relative;
}
dialog .tf-dialog-body > div > div {
  position: relative;
}
dialog .tf-dialog-body label {
  padding-right: 25px;
}
dialog .tf-dialog-body .session-timeout-body {
  display: block;
}
dialog .tf-dialog-body .session-expired-body {
  display: none;
}
dialog .close-info-button {
  font-family: "Material Icons";
  font-size: 24px;
  float: right;
  text-align: center;
  background: none;
  border: none;
  color: red;
  border-radius: 0;
}
dialog .close-info-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #154273;
}
@media (forced-colors: active) {
  dialog .close-info-button:focus {
    outline: 2px solid #154273;
    outline-offset: 2px;
  }
}
dialog .close-info-button:visited {
  color: red;
}
dialog .dialog-close-link {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #01689b;
  text-decoration: underline;
  cursor: pointer;
  border-radius: 0;
  display: block;
  text-align: center;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: fit-content;
}
dialog .dialog-close-link:focus {
  outline: none;
  box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #154273;
}
@media (forced-colors: active) {
  dialog .dialog-close-link:focus {
    outline: 2px solid #154273;
    outline-offset: 2px;
  }
}
dialog::backdrop {
  opacity: 0.3;
  background-color: #000000;
  z-index: 999;
}

/*
    controls/_index.scss
*/
/*
    controls/_input.scss
*/
/* Tekst inputs */
input[type=text], input[type=password], input[type=email], input[type=month], input[type=week], input[type=number], input[type=tel], input[type=time], input[type=datetime-local], input[type=datetime], input[type=search], input[type=url], input[type=date] {
  min-height: 36px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 3em;
  height: auto;
  min-width: 100%;
  max-width: 100%;
}

div input:focus-visible, div select:focus-visible, div textarea:focus-visible {
  outline: 2px solid #154273;
  outline-offset: -1px;
}

/* Checkbox and Radiobutton */
.checkbox-input, .radiobutton-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkbox-input label, .radiobutton-input label {
  margin-right: 15px;
  margin-left: 10px;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkbox-input > span, .radiobutton-input > span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

span.checkbox-input span, span.radiobutton-input span {
  display: inline-block;
  vertical-align: top;
}

div[data-tftype=question] span label {
  display: inline;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ; /* IE8-9 */
  line-height: normal;
}

/* Dropdown list - dropdown-input / text */
select:disabled {
  opacity: 0.7; /* Bootstrap override */
}

select {
  width: 100%;
  cursor: pointer;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

option:not(:checked) {
  color: #154273;
}

select option:focus, select option:hover {
  outline: none;
  background: #154273;
  color: #FFF;
}

/* Required Bullet - required-active / required-passive */
.tf-required-field .tf-label-wrapper::before,
.tf-required-field .tf-control-wrapper fieldset::before {
  display: inline-block;
  content: "*";
  position: absolute;
  margin-left: -6px;
}

#main div.tf-required-field div.tf-label-wrapper::before {
  margin: 0;
  position: absolute;
  top: 12px;
  left: -15px;
}
#main div.tf-required-field div.tf-control-wrapper fieldset::before {
  margin: 0;
  position: absolute;
  top: 7px;
  left: -15px;
}

.required-active, .required-passive {
  vertical-align: middle;
}

/*
    controls/_input.scss
*/
/*
    controls/_buttons.scss;
*/
.tf-dialog-button-cancel, .tf-dialog-button-confirm, a.generic-button, button.generic-button, a[role=button], input[type=button], input[type=submit] {
  /* %default-button-internal */
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}
.tf-dialog-button-cancel:disabled, .tf-dialog-button-confirm:disabled, a.generic-button:disabled, button.generic-button:disabled, a[role=button]:disabled, input[type=button]:disabled, input[type=submit]:disabled {
  cursor: default;
}

input[type=submit] {
  width: 100%;
  padding: 10px 15px;
  margin-top: 10px;
}

a.generic-button, button.generic-button {
  margin-top: -3px;
  text-decoration: none;
  padding: 9px 14px;
  outline: none;
}

.back-button {
  position: relative;
  bottom: 5px;
  text-decoration: none;
  font-size: 14px;
  color: black;
  background-color: #EEEEEE;
  border-radius: 6px;
  padding: 4px 8px;
  margin-right: 16px;
}
.back-button:before {
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  content: "keyboard_arrow_left";
  vertical-align: middle;
  margin: 0px -2px 0 -6px;
  display: inline-block;
}
.back-button:hover, .back-button:focus {
  outline: none;
  background-color: #154273;
  color: #FFF;
  text-decoration: none;
}

input[value].generic-button, a.generic-button, button.generic-button {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].generic-button, a.generic-button, button.generic-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].generic-button, a.generic-button, button.generic-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].generic-button:hover, a.generic-button:hover, button.generic-button:hover {
  color: #154273;
  border: 2px solid #154273;
}
input[value].generic-button:focus, a.generic-button:focus, button.generic-button:focus {
  color: #154273;
  border: 2px solid #154273;
}
input[value].generic-button:disabled, a.generic-button:disabled, button.generic-button:disabled {
  background: #777777;
  color: #154273;
  border: 2px solid #777777;
}
input[value].next-question-button, a.next-question-button, button.next-question-button {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].next-question-button, a.next-question-button, button.next-question-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].next-question-button, a.next-question-button, button.next-question-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].next-question-button:hover, a.next-question-button:hover, button.next-question-button:hover {
  color: #154273;
  border: 2px solid #154273;
}
input[value].next-question-button:focus, a.next-question-button:focus, button.next-question-button:focus {
  color: #154273;
  border: 2px solid #154273;
}
input[value].next-question-button:disabled, a.next-question-button:disabled, button.next-question-button:disabled {
  background: #777777;
  color: #154273;
  border: 2px solid #777777;
}
input[value].next-step-button, a.next-step-button, button.next-step-button {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].next-step-button, a.next-step-button, button.next-step-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].next-step-button, a.next-step-button, button.next-step-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].next-step-button:hover, a.next-step-button:hover, button.next-step-button:hover {
  color: #154273;
  border: 2px solid #154273;
}
input[value].next-step-button:focus, a.next-step-button:focus, button.next-step-button:focus {
  color: #154273;
  border: 2px solid #154273;
}
input[value].next-step-button:disabled, a.next-step-button:disabled, button.next-step-button:disabled {
  background: #777777;
  color: #154273;
  border: 2px solid #777777;
}
input[value].previous-step-button, a.previous-step-button, button.previous-step-button {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].previous-step-button, a.previous-step-button, button.previous-step-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].previous-step-button, a.previous-step-button, button.previous-step-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].previous-step-button:focus, a.previous-step-button:focus, button.previous-step-button:focus {
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].add-button, a.add-button, button.add-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].add-button, a.add-button, button.add-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].remove-button, a.remove-button, button.remove-button {
  background: url("/MijnILT-A/Embedded/Images.baseline_indeterminate_check_box_black_36dp.png") center/31px no-repeat transparent;
  color: transparent;
  border: 2px solid transparent;
}
@media (max-width: 576px) {
  input[value].remove-button, a.remove-button, button.remove-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].remove-button, a.remove-button, button.remove-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].remove-button:focus, a.remove-button:focus, button.remove-button:focus {
  border: 2px solid #154273;
}
input[value].remove-button-smalltext, a.remove-button-smalltext, button.remove-button-smalltext {
  color: #E70739;
  font-size: 12px;
  border: 2px solid transparent;
}
@media (max-width: 576px) {
  input[value].remove-button-smalltext, a.remove-button-smalltext, button.remove-button-smalltext {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].remove-button-smalltext, a.remove-button-smalltext, button.remove-button-smalltext {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].remove-button-smalltext:hover, a.remove-button-smalltext:hover, button.remove-button-smalltext:hover {
  border: 2px solid #E70739;
}
input[value].remove-button-smalltext:focus, a.remove-button-smalltext:focus, button.remove-button-smalltext:focus {
  border: 2px solid #E70739;
}
input[value].change-button, a.change-button, button.change-button {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  input[value].change-button, a.change-button, button.change-button {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].change-button, a.change-button, button.change-button {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].change-button:focus, a.change-button:focus, button.change-button:focus {
  border: 2px solid #154273;
}
input[value].change-button-smalltext, a.change-button-smalltext, button.change-button-smalltext {
  color: #154273;
  font-size: 12px;
  border: 2px solid transparent;
}
@media (max-width: 576px) {
  input[value].change-button-smalltext, a.change-button-smalltext, button.change-button-smalltext {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  input[value].change-button-smalltext, a.change-button-smalltext, button.change-button-smalltext {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
input[value].change-button-smalltext:hover, a.change-button-smalltext:hover, button.change-button-smalltext:hover {
  border: 2px solid #154273;
}
input[value].change-button-smalltext:focus, a.change-button-smalltext:focus, button.change-button-smalltext:focus {
  border: 2px solid #154273;
}
/* Keyboard focus */
input[type=submit]:focus-visible,
input[type=button]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #154273;
}
@media (forced-colors: active) {
  input[type=submit]:focus-visible,
  input[type=button]:focus-visible {
    outline: 2px solid #154273;
    outline-offset: 2px;
  }
}

input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
  border: none;
  outline: none;
}

/* Details/Summary controls (Help buttons basically) */
details summary::after, details summary {
  background: none;
  color: #154273;
  text-align: center;
  display: block;
  position: relative;
  transform: translateY(10%);
}

details summary {
  cursor: pointer;
}
details summary > * {
  display: inline;
}
details .help-callout {
  color: black;
  border: 1px solid #ccc;
}

/* Help - help */
div.help > div {
  min-width: 250px;
  padding: 15px;
  background: #FFF;
  border: 1px solid #154273;
  position: absolute;
  right: 0;
  z-index: 4;
}
div.help a.help:visited, div.help a.help:focus, div.help a.help {
  /* %help-style */
  width: 36px;
  height: 36px;
  display: block;
  color: transparent;
  font-size: 0;
  position: relative;
}
div.help a.help::after {
  content: "\e8fd";
  font-size: 33px;
  font-family: "Material Icons", sans-serif;
  color: #154273;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Dialog Buttons */
.tf-dialog-button-confirm {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  .tf-dialog-button-confirm {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  .tf-dialog-button-confirm {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
.tf-dialog-button-confirm:hover {
  color: #154273;
  border: 2px solid #154273;
}
.tf-dialog-button-confirm:focus {
  color: #154273;
  border: 2px solid #154273;
}
.tf-dialog-button-confirm:disabled {
  background: #777777;
  color: #154273;
  border: 2px solid #777777;
}
.tf-dialog-button-cancel {
  color: #154273;
  border: 2px solid #154273;
}
@media (max-width: 576px) {
  .tf-dialog-button-cancel {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  .tf-dialog-button-cancel {
    font-size: 1.1em;
    padding: 10px 0.25em;
  }
}
.tf-dialog-button-cancel:hover {
  color: #154273;
  border: 2px solid #154273;
}
.tf-dialog-button-cancel:focus {
  color: #154273;
  border: 2px solid #154273;
}
.tf-dialog-button-cancel:disabled {
  background: #777777;
  color: #154273;
  border: 2px solid #777777;
}

/*
    controls/_input.scss
*/
/*
    controls/_calendar.scss
*/
/* Calender - calender-input / text */
.calendar-input.tf-question-control {
  position: relative;
}
.calendar-input button.ui-datepicker-trigger {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  background: none;
  border: none;
  cursor: pointer;
}
.calendar-input button.ui-datepicker-trigger:focus {
  outline: 2px solid #154273;
}
.calendar-input button.ui-datepicker-trigger::-moz-focus-inner {
  border: none;
  outline: none;
}
.calendar-input button.ui-datepicker-trigger img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

img.ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  bottom: 15px;
  cursor: pointer;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: calc(50% - 10px);
  padding: 0;
  margin: 3px 5px;
  float: left;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 2px;
}

button {
  border: 1px solid #A1A1A1;
  border-radius: 2px;
}

/*
    controls/_input.scss
*/
/*
    controls/_formsset.scss
*/
h4.formsset-header {
  font-weight: 600;
}

ol.formsset-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin-left: 20px;
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
  padding-inline-start: unset;
}

.formsset-navlink {
  border: 1px solid #061E18;
  border-bottom: none;
}
.formsset-navlink:last-child {
  border-bottom: 1px solid #061E18;
}

.formsset-navlink-link {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.75em 1.5em;
  text-decoration: none;
  color: #000000;
}
.formsset-navlink-link:focus, .formsset-navlink-link:hover {
  padding: 0.75em 1.5em;
  outline: 2px solid #061E18;
  border: none;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

.formsset-navlink-container {
  width: 100%;
  display: flex;
  align-items: center;
}

.formsset-navlink-badge {
  width: 18px;
  height: 18px;
  margin: 11px 5px 11px auto;
  font-size: 14px;
  background-color: #FFCC00;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  color: #454545;
  line-height: 1.35;
}

.formsset-navlink-status {
  margin-left: auto;
}
.formsset-navlink-status.unanswered::after, .formsset-navlink-status.in-progress::after, .formsset-navlink-status.completed::after {
  font-size: 24px;
  font-family: "Material Icons";
  text-align: center;
  display: block;
  position: relative;
  transform: translateY(7.5%);
  padding-bottom: 4px;
}
.formsset-navlink-status.unanswered::after {
  content: "\e15b";
  color: #061E18;
}
.formsset-navlink-status.in-progress::after {
  content: "\e923";
  color: #DC651D;
}
.formsset-navlink-status.completed::after {
  content: "\e86c";
  color: #03C04A;
}

span.formsset-agreement-checkbox {
  display: flex;
  margin: 10px 0;
  align-items: center;
}
span.formsset-agreement-checkbox label {
  font-weight: normal;
  font-size: 14px;
  margin-right: 4px;
}
span.formsset-agreement-checkbox input[type=checkbox] {
  margin: unset;
}

.formsset-navigation-buttons {
  display: flex;
  margin-top: 40px;
  border-top: 2px solid #e1e1e1;
  padding-top: 20px;
  justify-content: center;
}
.formsset-navigation-buttons > input[type=submit]:focus {
  color: #061E18;
  background: #C7E4DD;
}

.formsset-navigation-btn-previous {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.formsset-navigation-btn-next {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.formsset-navigation-btn-overview {
  background: transparent;
  border: 1px solid #061E18;
  border-radius: 0px;
}

.formsset-warning {
  background-color: #ffffcc;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

/*
    controls/_input.scss
*/
/*
    controls/_grid.scss
*/
/* Grid control - gridcontrol /  text */
table.gridcontrol {
  width: 100%;
  height: 100%;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table.gridcontrol tr {
  border-color: transparent;
}
table.gridcontrol tr.header {
  background-color: #FFF;
  border: none;
  font-weight: bold;
  display: table-row;
}
table.gridcontrol tr.header th {
  border: none;
}
table.gridcontrol tr.data:nth-child(even) {
  background-color: #EEEEEE;
}
table.gridcontrol tr.data:nth-child(odd) {
  background-color: #FFF;
}
table.gridcontrol tr.selectedRow {
  background-color: #dc651d;
  border-color: #000;
}
table.gridcontrol tr.selectedRow td {
  border-color: #000;
}

/*
    controls/_input.scss
*/
/*
    controls/_kodisionmaps.scss
*/
/* Map - kodision-maps / kodision-maps-image */
.kodision-maps, .gmap-active, .gmap-passive, .leaflet-control-container {
  width: 100%;
  min-height: 400px;
  margin: 0;
}

input.kodision-maps {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.kodision-maps-image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
.kodision-maps-image img {
  width: 100%;
  max-width: 600px;
}

.kodision-maps-buttoncontainer {
  width: auto;
  height: 65px;
  padding-top: 5px;
  background-color: #EEEEEE;
}
.kodision-maps-buttoncontainer a {
  margin: 0 auto;
  display: block;
  text-decoration: none;
  text-align: center;
}

a.kodision-maps-closebutton, a.kodision-maps-openbutton {
  display: block;
  text-decoration: none;
  text-align: center;
}
a.kodision-maps-closebutton {
  width: 80%;
}

/*
    controls/_input.scss
*/
/*
    controls/_partialdate.scss
*/
/* Partial Date - partialdate / text */
.partialdate-callout {
  display: block !important;
}
.partialdate-value {
  padding: 5px;
  border: 1px solid #154273;
  background-color: #FAFAFA;
  display: block;
}
.partialdate-row {
  width: 100%;
  padding: 2px 0;
  height: auto;
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.partialdate-row label {
  width: 100%;
  max-width: 80px;
}
.partialdate-row span:last-child {
  width: 100%;
  margin-left: 10px;
}
.partialdate-row label:nth-child(4) {
  width: 80px;
  margin: 0 0 0 0;
  right: 0;
}
.partialdate-row span, .partialdate-row label {
  display: inline-block;
}
.partialdate-row span select {
  display: block;
}
.partialdate-button, .partialdate-clear {
  display: none;
}

/*
    controls/_input.scss
*/
/*
    controls/_sketch.scss
*/
/* Sketch - sketch */
.sketch {
  height: 100%;
  width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch.nocanvas {
  height: 100px;
}

.sketch-container {
  width: 100%;
  height: 100%;
  display: block;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-container.nocanvas {
  height: 100px;
}

.sketch-canvaswrapper {
  display: inline-block;
  width: 100%;
}

.sketch-canvas {
  height: 100%;
  width: 100%;
  border: 1px solid #E1E1E1;
  display: block;
  cursor: crosshair;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-canvas:hover, .sketch-canvas:focus {
  border: 1px solid #154273;
}
.sketch-canvas.dragover {
  border: 2px dashed #ffd800;
}

/* Sketch - Passive view image*/
.sketch-image {
  cursor: default;
  display: block;
  width: 100%;
  max-width: 600px;
  border: 2px solid #154273;
}

/*Sketch - Top Toolbox*/
.sketch-toptoolbox {
  width: 100%;
  min-height: 30px;
  padding: 10px;
  border-width: 1px 1px 0px 1px;
  border-color: #E1E1E1;
  border-style: solid;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-toptoolbox .sketch-resetcanvas-container, .sketch-toptoolbox .sketch-colorpickerwrapper {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  color: #000;
}
.sketch-toptoolbox .sketch-sizeslider-container {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  color: #000;
}
.sketch-toptoolbox .sketch-sizeslider-container .sketch-sizeindicator-wrapper {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  color: #000;
}
.sketch-toptoolbox .sketch-sizeslider-container .sketch-sizeslider-info {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top;
  color: #000;
  margin-right: 15px;
}
.sketch-toptoolbox .sketch-sizeslider-container .sketch-sizeslider {
  width: 150px;
  margin-top: 6px;
  margin-right: 10px;
  display: inline-block;
}
.sketch-toptoolbox .sketch-sizeslider-container .sketch-sizeslider span {
  top: -4px;
  cursor: pointer;
}
.sketch-toptoolbox .sketch-sizeslider-container .sketch-sizeslider span:focus {
  outline: 2px solid #154273;
}

.sketch-resetcanvas-container {
  margin: 0 50px 0 0;
}
.sketch-resetcanvas-container div {
  margin: 0 5px;
}
.sketch-resetcanvas-container div:first-child {
  margin: 0 5px 0 0;
}
.sketch-resetcanvas-container div:last-child {
  margin: 0 0 0 5px;
}

.sketch-sizewrapper {
  white-space: nowrap;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sketch-sizeindicator {
  border-radius: 50%;
}

.ui-widget-content span.ui-state-active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.sketch-button {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  border: solid 1px transparent;
  background-position: center;
  cursor: pointer;
}
.sketch-button:hover {
  outline: 1px solid #154273;
}

.sketch-container input[type=color]:hover {
  outline: 1px solid #154273;
}

.sketch-resetcanvas::after {
  content: "\e5cd";
  font-family: "Material Icons", sans-serif;
  font-size: 24px;
}

.sketch-undo::after {
  content: "\e166";
  font-family: "Material Icons", sans-serif;
  font-size: 24px;
}

.sketch-redo::after {
  content: "\e15a";
  font-family: "Material Icons", sans-serif;
  font-size: 24px;
}

.sketch-toolbox .right input {
  display: block;
}

.sketch-colorpickerwrapper {
  height: 26px;
  padding-right: 5px;
}
.sketch-colorpickerwrapper .sketch-colorpickerbutton {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  width: 24px;
  margin-left: 2px;
  border: 1px solid #DC651D;
}
.sketch-colorpickerwrapper a {
  color: #000;
  line-height: 22px;
  padding-left: 3px;
}

.sketch-toptoolbox .sketch-colorpickercontainer .ui-slider {
  background-image: none;
  margin-top: 5px;
}
.sketch-toptoolbox .sketch-colorpickercontainer .ui-widget-content {
  margin-top: 5px;
  border-color: #000;
}

.sketch-colorpickercontainer {
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #DC651D;
  background-color: #FFF;
}

.sketch-pick-background {
  margin-right: 15px;
}
.sketch-pick-background::after {
  content: "\e410";
  font-family: "Material Icons", sans-serif;
  font-size: 24px;
}

.sketch-container input[type=color] {
  width: 26px;
  height: 26px;
  padding: 0px 2px;
  margin: 0px 15px 0 25px;
  border: none;
  background: none;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*Sketch - Toolbox bottom*/
.sketch-bottomtoolbox {
  width: 100%;
  border: 1px solid #E1E1E1;
  padding: 30px 15px;
  background: #FAFAFA;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-bottomtoolbox .color-picker, .sketch-bottomtoolbox .background-upload {
  display: inline;
  vertical-align: top;
}
.sketch-bottomtoolbox .background-reset {
  display: inline;
  vertical-align: top;
  width: 40px;
  padding-right: 10px;
}
.sketch-bottomtoolbox .background-reset .sketch-resetbackground::after {
  content: "\e872";
  font-family: "Material Icons", sans-serif;
  font-size: 24px;
}
.sketch-bottomtoolbox .background-upload input {
  display: inline-block;
  max-width: 100%;
}
.sketch-bottomtoolbox .background-upload a {
  margin-top: 15px;
  display: inline-block;
  color: #000;
}

/*Sketch - stamptoolbox*/
.sketch-stamptoolbox {
  width: 100%;
  height: 45px;
  line-height: 0;
  border-width: 0 1px 1px 1px;
  border-color: #E1E1E1;
  border-style: solid;
  display: block;
  position: relative;
  top: -7px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-stamptoolbox .sketch-stamp-prev, .sketch-stamptoolbox .sketch-stamp-next {
  width: 45px;
  height: 100%;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-stamptoolbox .sketch-stamp-prev:hover, .sketch-stamptoolbox .sketch-stamp-next:hover, .sketch-stamptoolbox .sketch-stamp-prev:focus, .sketch-stamptoolbox .sketch-stamp-next:focus {
  border: 1px solid #154273;
}
.sketch-stamptoolbox .sketch-stamp-prev {
  float: left;
}
.sketch-stamptoolbox .sketch-stamp-next {
  float: right;
}
.sketch-stamptoolbox .sketch-stamp-prev::after {
  content: "\e5cb";
  font-family: "Material Icons", sans-serif;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sketch-stamptoolbox .sketch-stamp-next::after {
  content: "\e5cc";
  font-family: "Material Icons", sans-serif;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sketch-stamptoolbox .sketch-stampscroller {
  height: 44px;
  display: inline-block;
  position: absolute;
  right: 45px;
  left: 45px;
  overflow: hidden;
}
.sketch-stamptoolbox .sketch-stamps {
  display: inline-block;
  white-space: nowrap;
  height: 100%;
  min-width: 100%;
}
.sketch-stamptoolbox .sketch-stamps .sketch-stamp {
  width: 41px;
  height: 41px;
  padding: 5px;
  margin: 2px;
  position: relative;
  cursor: pointer;
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-stamptoolbox .sketch-stamps .sketch-stamp:hover, .sketch-stamptoolbox .sketch-stamps .sketch-stamp:focus {
  outline: 1px solid #154273;
}
.sketch-stamptoolbox .sketch-stamp.selected {
  background-color: #ccc;
}

/*Sketch - Styling for the multiple background selector.*/
.sketch-backgroundpicker-background {
  background-color: #000;
  opacity: 0.3;
}

.sketch-backgroundpicker-wrapper {
  padding-top: 30px;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker {
  background: white;
  border: 2px solid #154273;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-preview {
  width: 600px;
  height: 600px;
  margin: 5px auto 5px auto;
  border: 1px solid #154273;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-imagestrip {
  border: 1px solid #154273;
  background: white;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-imagestrip img {
  border: 1px solid #154273;
  display: inline-block;
  margin-top: 2px;
  cursor: pointer;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-imagestrip img.active {
  border: 1px solid #154273;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-buttonbar {
  height: 40px;
  width: 208px;
  margin: 0 auto;
}
.sketch-backgroundpicker-wrapper .sketch-backgroundpicker .sketch-backgroundpicker-buttonbar button {
  width: 100px;
  height: 30px;
  display: inline-block;
  margin: 1px;
  cursor: pointer;
}

/*
    controls/_input.scss
*/
/*
    controls/_tfstyles.scss
*/
/* Alert message - alert-message */
.alert-message {
  color: #E70739;
  font-weight: bold;
}

/* Information - information*/
.information {
  font-weight: bold;
  padding: 10px;
  color: #154273;
}
.information:hover {
  color: #154273;
}
.information:focus {
  color: #154273;
}

/* Invisible - invisible */
.invisible {
  display: none;
}

/* image */
img[data-tftype=imagesubelement] {
  max-width: 100%;
  height: auto !important;
}

/* Label - label-active / label-passive */
.label-active, .label-passive {
  color: #000000;
}

/* Line - line */
.line {
  width: 100%;
  height: 1px;
  color: transparent;
  margin: 20px 0;
  display: block;
  background-color: #E1E1E1;
}
.line span {
  width: 100%;
  height: 1px;
  color: transparent;
  margin: 20px 0;
  display: block;
  background-color: #E1E1E1;
}

.required-passive {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  color: transparent;
  background: #154273;
  display: inline-block;
}

/* Subheader - subheader */
.subheader {
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: normal;
}

/* Text Small - text-small */
.text-small {
  font-size: 14px;
}

/*
    controls/_input.scss
*/
/*
    controls/_upload.scss
*/
input[type=file].upload.tf-question-control {
  display: inline-block !important;
}

/* Upload - upload / text */
.upload.clear-button-visible {
  max-width: 85%;
}
.upload > button.clear-upload {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
}
.upload > button.clear-upload::after {
  content: "\e872";
  font-size: 20px;
  font-family: "Material Icons", sans-serif;
  color: #154273;
  text-align: center;
}

.upload-wrapper table {
  width: 100%;
  table-layout: fixed;
  margin-top: 2px;
}
.upload-wrapper th, .upload-wrapper td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-wrapper tr td:nth-child(1) {
  text-align: left;
}
.upload-wrapper tr td:nth-child(2) {
  text-align: left;
}
.upload-wrapper tr td:nth-child(3) {
  text-align: left;
}
.upload-wrapper tr td:nth-child(1) {
  padding: 0 2px;
}
.upload-wrapper tr td:nth-child(2) {
  padding: 0 2px;
}
.upload-wrapper tr td:nth-child(3) {
  padding: 0 2px;
}
.upload-wrapper tr td:nth-child(4) {
  padding: 0 2px;
}
.upload-wrapper tr th:nth-child(3) {
  padding: 0 2px;
  width: 22px;
}
.upload-wrapper tr th:nth-child(2) {
  width: 25%;
}

button.upload-delete-file, button.upload-cancel {
  background: none;
  padding: 2px 0 0 0;
  border: 0;
}
button.upload-delete-file:hover {
  cursor: pointer;
}
button.upload-cancel:hover {
  cursor: pointer;
}
button.upload-cancel::before {
  content: "\e5cd";
  font-family: "Material icons", sans-serif;
}
button.upload-delete-file::before {
  content: "\e872";
  font-family: "Material icons", sans-serif;
}
button.upload-cancel::before, button.upload-delete-file::before {
  font-size: 20px;
  color: #154273;
}

/*
    controls/_input.scss
*/
.progressbar {
  width: 100%;
  margin: 25px 0;
  display: flex;
  align-items: center;
}
.progressbar progress {
  width: calc(100% - 50px);
  display: inline-block;
}
.progressbar progress::-webkit-progress-bar {
  background-color: #EBEBEB;
}
.progressbar progress::-webkit-progress-value {
  background-color: #154273;
}
.progressbar progress::-moz-progress-bar {
  background-color: #154273;
}
.progressbar .percentage {
  width: 50px;
  text-align: right;
}
.progressbar .barcontainer {
  width: calc(100% - 50px);
  height: 5px;
  border-radius: 5px;
  display: inline-block;
  background-color: #EBEBEB;
}
.progressbar .bar {
  height: 5px;
  border-radius: 5px;
  background-color: #154273;
}

/*
    controls/_input.scss
*/
/*
    shared/_step-menu.scss
*/
.stepmenu-container {
  display: grid;
  grid-template-areas: "nav-start main" "nav-end main";
  counter-reset: step-menu-item sub-menu-item;
}
.stepmenu-container li.stepmenu-item::marker {
  content: "";
}
.stepmenu-container li.stepmenu-item > ol > li.stepmenu-hierarchical:first-child > div {
  counter-set: sub-menu-item 0;
}
.stepmenu-container li.stepmenu-item.stepmenu-hierarchical > div > *:not(.sr-only)::before {
  counter-increment: sub-menu-item;
  content: counter(step-menu-item) "." counter(sub-menu-item) ". ";
}
@supports (content: "x"/"y") {
  .stepmenu-container li.stepmenu-item.stepmenu-hierarchical > div > *:not(.sr-only)::before {
    content: counter(step-menu-item) "." counter(sub-menu-item) ". "/"";
  }
}
.stepmenu-container li.stepmenu-item:not(.stepmenu-hierarchical) > div > *:not(.sr-only)::before {
  counter-increment: step-menu-item;
  content: counter(step-menu-item) ". ";
}
@supports (content: "x"/"y") {
  .stepmenu-container li.stepmenu-item:not(.stepmenu-hierarchical) > div > *:not(.sr-only)::before {
    content: counter(step-menu-item) ". "/"";
  }
}
.stepmenu-container li.stepmenu-item {
  list-style: none;
}
.stepmenu-container li.stepmenu-item > div > * {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}
.stepmenu-container .stepmenu-header {
  font-weight: bold;
}
.stepmenu-container .stepmenu-item {
  color: black;
}
.stepmenu-container .stepmenu-item-navigable > div {
  color: #061E18;
}
.stepmenu-container .stepmenu-item-active > div {
  color: #00856A;
}
.stepmenu-container .stepmenu-item[aria-disabled=true] > div {
  color: #767676;
}
@media screen and (min-width: 1025px) {
  .stepmenu-container[data-layout-desktop=left] {
    grid-template-areas: "nav-start main" "nav-end main";
    grid-template-columns: 300px auto;
  }
  .stepmenu-container[data-layout-desktop=left] li.stepmenu-item {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .stepmenu-container[data-layout-desktop=left] nav.stepmenu > ol {
    padding-left: 0;
  }
  .stepmenu-container[data-layout-desktop=left] nav.stepmenu {
    padding-right: 15px;
  }
  .stepmenu-container[data-layout-desktop=right] {
    grid-template-areas: "main nav-start" "main nav-end";
    grid-template-columns: auto 300px;
  }
  .stepmenu-container[data-layout-desktop=right] li.stepmenu-item {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .stepmenu-container[data-layout-desktop=right] nav.stepmenu > ol {
    padding-left: 0;
  }
  .stepmenu-container[data-layout-desktop=right] nav.stepmenu {
    padding-left: 15px;
  }
  .stepmenu-container[data-layout-desktop=top] {
    grid-template-areas: "nav-start" "nav-end" "main";
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu h4 {
    display: none;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu > ol > li:first-child > div > * {
    padding-left: 0.75rem;
    margin-left: 0px;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu > ol > li:first-child > div::before {
    border: none;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item {
    display: contents;
    list-style: none;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > ol {
    display: contents;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div {
    display: list-item;
    background-color: #f3f3f3;
    height: 3rem;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div::marker {
    content: "";
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > span, .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > a {
    display: inline-block;
    line-height: 3rem;
    max-width: 50vw;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > span:focus, .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > a:focus {
    outline: 2px solid #154273;
    outline-offset: 2px;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > span, .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div > a {
    padding: 0 0.75rem 0 1.5rem;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div::before {
    content: "";
    border-top: 1.5rem solid #f3f3f3;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #f3f3f3;
    position: absolute;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item > div::after {
    content: "";
    border-top: 1.5rem solid transparent;
    border-left: 0.75rem solid #f3f3f3;
    border-bottom: 1.5rem solid transparent;
    position: absolute;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item-active > div,
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div {
    background-color: #f9e11e;
    color: #061E18;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item-active > div::before,
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div::before {
    border-top: 1.5rem solid #f9e11e;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #f9e11e;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-item-active > div::after,
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div::after {
    border-left: 0.75rem solid #f9e11e;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical > div {
    background-color: #e9e9e9;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical > div::before {
    border-top: 1.5rem solid #e9e9e9;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #e9e9e9;
  }
  .stepmenu-container[data-layout-desktop=top] .stepmenu li.stepmenu-hierarchical > div::after {
    border-left: 0.75rem solid #e9e9e9;
  }
  .stepmenu-container[data-layout-desktop=accordion] {
    display: flex;
    flex-direction: column;
  }
  .stepmenu-container[data-layout-desktop=accordion] .stepmenu {
    display: contents;
    margin-top: -20px;
  }
  .stepmenu-container[data-layout-desktop=accordion] .stepmenu ol {
    display: contents;
  }
  .stepmenu-container[data-layout-desktop=accordion] .stepmenu li {
    display: contents;
  }
  .stepmenu-container[data-layout-desktop=accordion] .stepmenu li.stepmenu-item-future > div {
    order: 2;
  }
  .stepmenu-container[data-layout-desktop=accordion] .stepmenu-header {
    display: none;
  }
  .stepmenu-container[data-layout-desktop=accordion] ol {
    padding: 0;
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item > div {
    width: 100%;
    max-width: 90vw;
    line-height: 6rem;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #E1E1E1;
    position: relative;
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item > div > * {
    max-width: 100%;
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item > div::after {
    content: "\e5cc";
    font-family: "Material Icons", sans-serif;
    font-size: 35px;
    color: black;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  @supports (content: "x"/"y") {
    .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item > div::after {
      content: "\e5cc"/"";
    }
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item.stepmenu-hierarchical > div {
    padding-left: 2rem;
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item.stepmenu-item-navigable > div::after {
    color: #884488;
  }
  .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item.stepmenu-item-active > div::after {
    content: "\e313" !important;
    color: #00856A;
  }
  @supports (content: "x"/"y") {
    .stepmenu-container[data-layout-desktop=accordion] li.stepmenu-item.stepmenu-item-active > div::after {
      content: "\e313"/"";
    }
  }
  .stepmenu-container[data-layout-desktop=accordion] nav.stepmenu > ol > li:first-of-type > div {
    border-top: none;
  }
  .stepmenu-container[data-layout-desktop=accordion] .main-container {
    order: 1;
    padding-bottom: 30px;
  }
  .stepmenu-container[data-layout-desktop=accordion] .main-container > div > div {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .stepmenu-container[data-layout-mobile=top] {
    grid-template-areas: "nav-start" "nav-end" "main";
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu h4 {
    display: none;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu > ol > li:first-child > div > * {
    padding-left: 0.75rem;
    margin-left: 0px;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu > ol > li:first-child > div::before {
    border: none;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item {
    display: contents;
    list-style: none;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > ol {
    display: contents;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div {
    display: list-item;
    background-color: #f3f3f3;
    height: 3rem;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div::marker {
    content: "";
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > span, .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > a {
    display: inline-block;
    line-height: 3rem;
    max-width: 50vw;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > span:focus, .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > a:focus {
    outline: 2px solid #154273;
    outline-offset: 2px;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > span, .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div > a {
    padding: 0 0.75rem 0 1.5rem;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div::before {
    content: "";
    border-top: 1.5rem solid #f3f3f3;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #f3f3f3;
    position: absolute;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item > div::after {
    content: "";
    border-top: 1.5rem solid transparent;
    border-left: 0.75rem solid #f3f3f3;
    border-bottom: 1.5rem solid transparent;
    position: absolute;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item-active > div,
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div {
    background-color: #f9e11e;
    color: #061E18;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item-active > div::before,
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div::before {
    border-top: 1.5rem solid #f9e11e;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #f9e11e;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-item-active > div::after,
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical.stepmenu-item-active > div::after {
    border-left: 0.75rem solid #f9e11e;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical > div {
    background-color: #e9e9e9;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical > div::before {
    border-top: 1.5rem solid #e9e9e9;
    border-left: 0.75rem solid #FFF;
    border-bottom: 1.5rem solid #e9e9e9;
  }
  .stepmenu-container[data-layout-mobile=top] .stepmenu li.stepmenu-hierarchical > div::after {
    border-left: 0.75rem solid #e9e9e9;
  }
  .stepmenu-container[data-layout-mobile=accordion] {
    display: flex;
    flex-direction: column;
  }
  .stepmenu-container[data-layout-mobile=accordion] .stepmenu {
    display: contents;
    margin-top: -20px;
  }
  .stepmenu-container[data-layout-mobile=accordion] .stepmenu ol {
    display: contents;
  }
  .stepmenu-container[data-layout-mobile=accordion] .stepmenu li {
    display: contents;
  }
  .stepmenu-container[data-layout-mobile=accordion] .stepmenu li.stepmenu-item-future > div {
    order: 2;
  }
  .stepmenu-container[data-layout-mobile=accordion] .stepmenu-header {
    display: none;
  }
  .stepmenu-container[data-layout-mobile=accordion] ol {
    padding: 0;
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item > div {
    width: 100%;
    max-width: 90vw;
    line-height: 6rem;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #E1E1E1;
    position: relative;
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item > div > * {
    max-width: 100%;
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item > div::after {
    content: "\e5cc";
    font-family: "Material Icons", sans-serif;
    font-size: 35px;
    color: black;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  @supports (content: "x"/"y") {
    .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item > div::after {
      content: "\e5cc"/"";
    }
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item.stepmenu-hierarchical > div {
    padding-left: 2rem;
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item.stepmenu-item-navigable > div::after {
    color: #884488;
  }
  .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item.stepmenu-item-active > div::after {
    content: "\e313" !important;
    color: #00856A;
  }
  @supports (content: "x"/"y") {
    .stepmenu-container[data-layout-mobile=accordion] li.stepmenu-item.stepmenu-item-active > div::after {
      content: "\e313"/"";
    }
  }
  .stepmenu-container[data-layout-mobile=accordion] nav.stepmenu > ol > li:first-of-type > div {
    border-top: none;
  }
  .stepmenu-container[data-layout-mobile=accordion] .main-container {
    order: 1;
    padding-bottom: 30px;
  }
  .stepmenu-container[data-layout-mobile=accordion] .main-container > div > div {
    margin-bottom: 25px;
  }
}
.stepmenu-container .stepmenu {
  grid-area: nav-start;
}
.stepmenu-container .main-container {
  grid-area: main;
}

/*
    mijnomgeving/_index.scss
*/
/*
    mijnomgeving/_common.scss
*/
/* MijnOmgeving Styles */
body, .header-bar > .container {
  background-color: #FFF;
}

/* Text */
body, .text {
  font-size: 16px;
  color: #000000;
  word-break: break-word;
}

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
  color: black;
}

a {
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: underline;
}

/* Button */
input[type=submit].login-button, input[type=submit].register-button {
  width: 100%;
  border-width: 2px;
  border-style: solid;
}

/* Header */
.header h4, .header h5, .header h6, .header h1, .header h2, .header h3, .header {
  margin-bottom: 5px;
  line-height: normal;
}

.header {
  font-weight: normal;
  font-size: 30px;
}
.header h1, .header h2, .header h3 {
  font-weight: normal;
}
.header h4, .header h5, .header h6 {
  font-weight: bold;
}
.header h1 {
  font-size: 35px;
}
.header h2 {
  font-size: 30px;
}
.header h3 {
  font-size: 25px;
}
.header h4 {
  font-size: 20px;
}
.header h5 {
  font-size: 20px;
  text-decoration: underline;
}
.header h6 {
  font-size: 20px;
}

.tf-accordion-content > input {
  width: 100% !important;
  max-width: 1024px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div.group-container, div.login-container, div.forgot-container {
  max-width: 720px;
  margin: 40px auto 0 auto;
  float: none;
  background-color: #FFF;
}

/* NL Maps */
[data-tftype=nlmapsleaflet] .nlmapsleafet-container {
  width: 100%;
  height: 400px;
}
[data-tftype=nlmapsleaflet] .kodision-maps-image img {
  max-width: none;
}

span.or-line {
  width: 1px;
  height: 100%;
  display: block;
  background: #E1E1E1;
}
span.text-divider {
  padding: 10px 0;
  display: block;
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Table */
div[data-tftype=captcha] > .validate-callout-persistent-controlwidth, div[data-tftype=captcha] > .tf-control-wrapper > div {
  width: 302px;
}

div > details {
  min-width: 36px;
}

#validationSummary {
  background-color: rgba(247, 7, 7, 0.1);
  border: 2px solid red;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 1px 7px 7px lightgrey;
  max-width: 80vw;
  margin: auto;
  margin-bottom: 30px;
}

/* Styling for TriplEforms */
.dropdown-toggle {
  visibility: visible;
}

.mijnomgeving-table {
  width: 100%;
  min-height: 100vh;
  height: 100%;
}

.body-overflow-unlocked {
  overflow: auto;
  overflow-x: hidden;
}

.body-overflow-locked {
  overflow: hidden;
}

.aspNetHidden {
  display: none;
}

/* Header */
.header-bar > .container {
  height: 90px;
  max-width: 100%;
  padding: 20px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Header - Logo */
.logo-container {
  height: 50px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.logo-container > a {
  display: inline-block;
}
.logo-container a:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -2px;
  outline-color: #154273;
}
.logo-container a img {
  height: 50px;
  width: auto;
}

/* Navbar */
.navbar {
  position: unset;
}
.navbar .space-title {
  padding: 0 20px 20px 20px;
  border-color: #E1E1E1;
  display: none;
}
.navbar .space-title h1 {
  margin: 0;
  font-size: 18px;
}

/* Header - Login button & Save button */
.mo-toolbar-container {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1;
}

.account-container {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}
.account-container > li {
  margin-left: 20px;
  position: relative;
  display: inline-block;
}
.account-container > li > a {
  padding: 10px 0;
  font-weight: bold;
}
.account-container > li > a:hover, .account-container > li > a:focus {
  border-color: #154273;
}

.toolbarSave {
  padding: 10px 0;
  margin: 0;
  font-weight: bold;
  display: inline;
  border-width: 0 0 2px 0;
  border-style: solid;
}
.toolbarSave:hover, .toolbarSave:focus {
  border-width: 0 0 2px 0;
  border-style: solid;
  text-decoration: none;
  outline: none;
  background: none;
  border-color: #154273;
  color: #154273;
}

.account-container > li > a.logout-button::before {
  content: "\e9ba";
  margin-right: 5px;
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  position: relative;
  top: 3px;
  display: inline-block;
  line-height: 1;
}

.account-button-container > a::before, .account-container > li > a.login-button::before, .toolbarSave::before {
  content: "\e7fd";
  margin-right: 5px;
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  position: relative;
  top: 3px;
  display: inline-block;
  line-height: 1;
}

.twofactor-information {
  padding: 0 5px 0 25px;
  float: right;
  position: relative;
  background: #FFF;
  border: 1px solid #ccc;
}
.twofactor-information:focus, .twofactor-information:hover {
  text-decoration: underline;
  cursor: pointer;
}

#twofactor-information-container {
  display: block;
  width: 100%;
  padding-bottom: 4px;
}

.twofactor-information:before {
  content: "\e88e";
  font-family: "Material Icons", sans-serif;
  font-size: 18px;
  position: absolute;
  top: -1px;
  left: 2px;
}

.account-container li > a:hover, .account-container li > a:focus {
  border-width: 0 0 2px 0;
  border-style: solid;
  text-decoration: none;
  outline: none;
}
.account-container li a.login-button:focus {
  border-width: 0 0 2px 0;
  border-style: solid;
  text-decoration: none;
  outline: none;
}

.login-button-container > a:not([href]):not([class]),
.login-button-container > a {
  color: #154273 !important;
}
.login-button-container > a:not([href]):not([class]):before,
.login-button-container > a:before {
  color: #154273;
}
.login-button-container > a:not([href]):not([class]):hover, .login-button-container > a:not([href]):not([class]):focus,
.login-button-container > a:hover,
.login-button-container > a:focus {
  border-width: 0 0 2px 0;
  border-style: solid;
  text-decoration: none;
  outline: none;
  border-color: #154273;
}

.toolbarSave:before {
  content: "\e161";
}

.languagepicker {
  padding: 10px 0;
  display: inline;
  border-width: 0 0 2px 0;
  border-color: transparent;
  border-style: solid;
  color: #154273;
}
.languagepicker:hover, .languagepicker:focus {
  border-color: #154273;
  border-style: solid;
}
.languagepicker select {
  width: auto;
  padding: 0;
  display: inline;
  border: none;
  background-color: #FFF;
}
.languagepicker select:focus {
  outline: none;
}

.language-icon {
  width: auto;
  display: inline-block;
}
.language-icon::before {
  content: "\e894";
  display: block;
  position: relative;
  top: 3px;
  font-family: "Material icons", sans-serif;
  font-size: 20px;
  line-height: 1;
}

header.header-bar .languagepicker .environment-icon::before, header.header-bar .languagepicker .language-icon::before {
  font-weight: normal;
}

#language-picker-description {
  display: none;
}

.mobile-languagepicker {
  width: 100%;
  background: #FAFAFA;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 1px 0 0 0;
  border-color: #E1E1E1;
  position: fixed;
  top: calc(100% - 47px);
}
.mobile-languagepicker select:hover, .mobile-languagepicker select:focus {
  outline: 1px solid;
}
.mobile-languagepicker:hover, .mobile-languagepicker:focus {
  border-color: #E1E1E1;
}

/* Main menu */
.mainmenu {
  min-height: 0;
  padding: 20px 0 0 0;
  margin: 0;
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  padding-top: 0;
  background-color: #F5F5F5;
  border-color: #E1E1E1;
}

/* Main menu */
.mainmenu > nav.navbar {
  min-height: 0;
  margin: 0;
  border-width: 0;
  padding: 0;
}
.mainmenu > nav.navbar > #main-menu-container {
  padding: 0;
}

#mlmenu > ul > li.menu__item .badge {
  margin-left: 5px;
  margin-bottom: 1px;
}

/* Main content */
.body-content {
  height: auto;
  padding: 20px 20px 85px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.default-container {
  margin: 0 -15px;
}

/* Main content - Login page */
.login-page-content-container > a {
  width: 100%;
  min-height: 80px;
  height: auto;
  margin: 10px 0;
  padding: 10px 50px 10px 100px;
  position: relative;
  display: block;
  border: 1px #E1E1E1 solid;
  font-size: 20px;
  color: #000000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FAFAFA;
}
.login-page-content-container > a:hover, .login-page-content-container > a:focus {
  outline-offset: -2px;
  border-color: #000000;
  outline: 1px #000000 solid;
  text-decoration: none;
}
.login-page-content-container > a > span {
  padding-right: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.saml-connection.KodiIDP > input, .saml-connection.connector > input, .saml-connection.DigiD > input, .saml-connection.eIDAS > input, .saml-connection.eHerkenning > input, .saml-connection.KodisionIDP > input {
  padding: 10px 10px 10px 50px;
  background-image: url("/MijnILT-A/Embedded/Images.placeholder-img.png");
  background-size: 30px;
  background-position: 10px;
}
.saml-connection::before {
  content: "";
  display: block;
  height: 100px;
  width: 100px;
  max-height: 100%;
  max-width: 78px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
}
.saml-connection.DigiD::before {
  background-image: url(/MijnILT-A/Embedded/Images.DigiD-logo.svg);
}
.saml-connection.eIDAS::before {
  background-image: url(/MijnILT-A/Embedded/Images.Eidas-150x52-3.png);
}
.saml-connection.eHerkenning::before {
  background-image: url(/MijnILT-A/Embedded/Images.e-herkenning-letters-logo.svg);
}
.saml-connection.windows-login::before {
  content: "\e30a";
  font-family: "Material icons", sans-serif;
  font-size: 60px;
  text-align: center;
}
.saml-connection.forms-login::before {
  content: "\e897";
  font-family: "Material icons", sans-serif;
  font-size: 55px;
  text-align: center;
}
.saml-connection.Kim::before {
  background-image: url(/MijnILT-A/Embedded/Images.appicon.ico);
}
.saml-connection::after {
  content: "\e315";
  font-family: "Material Icons", sans-serif;
  font-size: 35px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.login-container .row, .forgot-container .row {
  margin: 0;
}

#loginForms input, .row input {
  border-radius: 0;
}

#loginForms input:focus, .row input:focus {
  outline-width: 2px;
  outline-style: solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #154273;
  outline-color: #154273;
}

.hyper-container {
  margin-top: 20px;
}
.hyper-container::after {
  content: " ";
  clear: both;
  display: block;
}

.register-hyper {
  outline: none;
}

/* Main content */
.title-tripleforms {
  min-height: 50px;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1E1;
}
.title-tripleforms ul {
  list-style: none;
}
.title-tripleforms h2 {
  display: inline;
  margin: 0;
}
.title-tripleforms h2:empty {
  display: none;
}

.title-tripleforms ul:has(li):has(a.toolbarSave) {
  padding: 0 0 20px 0;
  margin: 0;
  float: right;
  list-style: none;
}
.title-tripleforms ul:has(li):has(a.toolbarSave) li:has(a.toolbarSave) {
  display: inline-block;
  position: relative;
}

.head-tf-subtitle {
  width: 100%;
  margin: 20px 0 0 0;
  display: inline-block;
}
.head-tf-subtitle:empty {
  display: none;
}

/* Main content - TF - Menu left */
#twocol-menubar {
  width: 100%;
  max-width: 260px;
  padding-right: 20px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main-navigation .active {
  font-weight: bold;
}

.progressbar.no-progress .barcontainer, .progressbar.no-progress .percentage {
  display: none;
}

/* Main content - status message */
.tf-error {
  width: 100%;
}

.saml-button {
  margin-top: 15px;
}

/* Footer */
footer.space-footer {
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 0;
  display: table-row;
  border: none;
  border-radius: 0;
  z-index: -1;
}
footer.space-footer .container {
  padding: 20px 0 20px;
}
footer.space-footer .container > div {
  margin: 0;
}
footer.space-footer .footer-col {
  margin-bottom: 20px;
}
footer.space-footer .footer-col ul li a:focus {
  outline: none;
}

label {
  font-weight: inherit;
}

legend {
  font-size: inherit;
  border: 0;
}

/* User pages */
.bg-user-pages {
  max-width: 720px;
  padding: 30px;
  position: relative;
  margin: 40px auto 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.bg-user-pages > .row {
  margin: 0 0 10px 0;
}
.bg-user-pages div > .row > label {
  font-weight: bold;
}

.login-page-content-container {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.login-page-content-container::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.login-method-button-container > .saml-connection {
  width: 100%;
  position: relative;
}
.login-method-button-container input {
  width: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  font-size: 14pt;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.windows-login-container > .login-method-button-container {
  margin-bottom: 20px;
}

.windows-login-container > .login-method-button-container > input {
  padding: 10px 10px 10px 50px;
  background-image: url("/MijnILT-A/Embedded/Images.placeholder-img.png");
  background-size: 30px;
  background-position: 10px;
}

.saml-container section {
  margin-bottom: 20px;
}
.saml-container section:last-child {
  margin-bottom: 0;
}

.forms-login-container {
  position: relative;
}
.forms-login-container > .row > div, .forms-login-container > .row > label {
  padding: 0;
}

.login-description {
  margin-bottom: 20px;
}

/* profile pages */
.profile-pages-header {
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #E1E1E1;
}
.profile-pages-header h2 {
  margin-bottom: 5px;
}
.profile-pages-header p {
  margin-bottom: 0;
}
.profile-pages-header p:empty {
  display: none;
}

div.divider {
  height: 100%;
  margin-left: 10px;
  position: absolute;
  left: 0;
}

.account-manage-options > dd {
  margin-bottom: 20px;
}
.account-manage-options ul.account-manage-usergroups {
  padding-left: 20px;
  margin-bottom: 0;
}

.password-requirements-container {
  margin: 0;
}
.password-requirements-container p {
  margin: 20px 0 5px 0;
  font-weight: bold;
}
.password-requirements-container ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
}
.password-requirements-container ul li {
  position: relative;
  padding-left: 30px;
  margin: 2px 0;
}
.password-requirements-container ul li::before {
  content: "\e5cc";
  font-family: "Material icons", sans-serif;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.password-requirements-container ul li.text-danger::before {
  content: "\e5cd";
  font-family: "Material icons", sans-serif;
  margin-top: -1px;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.password-requirements-container ul li.text-correct::before {
  content: "\e5ca";
  font-family: "Material icons", sans-serif;
  margin-top: -1px;
  font-size: 18px;
  font-weight: bold;
  color: #28a745;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.password-requirements-container ul li.text-danger {
  margin: 0;
  font-weight: bold;
}
.password-requirements-container ul li.text-correct {
  color: #28a745;
}

.validationSuccessBlock, .validationErrorBlock {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  display: block;
  border-radius: 5px;
  color: #FFF !important;
}

/* validatie teksten */
.validationErrorBlock {
  background: #b94a48;
}
.validationErrorBlock a {
  color: #FFF;
  text-decoration: underline;
}
.validationErrorBlock-link, .validationErrorBlock-link:hover, .validationErrorBlock-link:visited {
  color: #FFF;
  text-decoration: underline;
}
.validationSuccessBlock {
  background: #28a745;
}

.text-danger {
  margin-top: 2px;
}

span.validationErrorBlock[style*=inline] {
  display: block !important;
}

.password-requirements-error-message {
  position: relative;
  z-index: 2;
}

.error-bypass {
  width: 100%;
  position: absolute;
  top: -20px;
  opacity: 0;
  display: block;
  z-index: -1;
}
.error-bypass:focus {
  width: 100%;
  position: relative;
  padding: 10px 10px 5px 10px;
  margin: -20px 0 20px 0;
  border-radius: 0 0 5px 5px;
  opacity: 1;
  outline: none;
  display: block;
  background: #813231;
  color: #FFF;
  text-align: center;
  text-decoration: underline;
  z-index: -1;
  top: 0;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

.widget {
  margin: 10px;
  padding: 10px;
  background-color: #F5F5F5;
  margin-bottom: 15px;
}
.widget ul {
  list-style: none;
  padding-left: 20px;
}
.widget li {
  text-indent: -20px;
}
.widget li:before {
  content: "chevron_right";
  font-family: "Material Icons", sans-serif;
  position: relative;
  top: 2px;
  line-height: 1;
  padding-right: 4px;
}

.widget-importantDates li.this-month, .InboxMessage_Unread {
  font-weight: bold;
}

div.line {
  background-color: #c4c4c4;
}

/* Header - Login button & Save button */
.account-container li a.login-button, .toolbarSave {
  color: #154273;
  border-color: transparent;
}

.account-container li a.login-button:hover, .account-container li a.login-button:focus {
  background: none;
  border-color: #154273;
  color: #154273;
}

.main-navigation .focused-menu > a {
  border-color: #154273;
  color: #154273;
  background: none;
}

/* Main content - Login page*/
.account-container li a,
.account-container li a:not([href]):not([class]) {
  color: #154273;
}

.language-pickerfocus {
  border-color: #154273;
}

.account-container > li > a:hover:not([href]) {
  border-color: transparent;
  cursor: default;
}

.login-button.btn.btn-default {
  background-color: #154273;
  color: #FFF;
  border-color: #154273;
}
.login-button.btn.btn-default:hover, .login-button.btn.btn-default:focus {
  color: #154273;
  border-color: #154273;
  background: #FFF;
}

.register-button:hover, .register-button:focus {
  color: #FFF;
  border-color: #154273;
  background: #154273;
}

.btn-default {
  border-color: #ccc;
}
.btn-default:hover, .btn-default:focus {
  color: #FFF;
  border-color: #154273;
  background: #154273;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline-offset: -2px;
}

/* Language */
div.header-bar .languagepicker select:hover, div.header-bar .languagepicker select:focus {
  border-color: #154273;
}
div.header-bar .environmentpicker select:hover, div.header-bar .environmentpicker select:focus {
  border-color: #154273;
}
div.header-bar .languagepicker .environment-icon::before, div.header-bar .languagepicker .language-icon::before {
  font-weight: normal;
}
div.header-bar .languagepicker select, div.header-bar .environmentpicker select {
  color: #154273;
}

select.languagepicker:hover, select.languagepicker:focus {
  border-color: #154273;
}

.language-icon::before, .environment-icon::before {
  color: #154273;
}

.head-tf-title .float-end.generic-button, .clear-filter.generic-button {
  font-size: 14px;
  margin-top: 0;
  padding: 6px 9px;
}
.head-tf-title .float-end.generic-button:hover, .head-tf-title .float-end.generic-button:focus, .clear-filter.generic-button:hover, .clear-filter.generic-button:focus {
  border-color: #154273;
  background: #FFF;
  color: #154273;
}

.mo-logo-container img {
  width: auto !important;
  height: 100px !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
}

/* Main menu - Title */
.space-title {
  border-color: #E1E1E1;
  display: none;
}

/* small menu */
.head-tf-title .pull-right.generic-button {
  font-size: 14px;
  margin-top: 0;
  padding: 6px 9px;
}
.head-tf-title .pull-right.generic-button:hover, .head-tf-title .pull-right.generic-button:focus {
  border-color: #154273;
  background: #FFF;
  color: #154273;
}

/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_datatables.scss
*/
table.dataTable.MijnOmgevingDataTables {
  margin-bottom: 20px;
  margin-top: 5px;
  width: 100% !important;
}
table.dataTable.MijnOmgevingDataTables .sorting:after, table.dataTable.MijnOmgevingDataTables .sorting_disabled:after, table.dataTable.MijnOmgevingDataTables .sorting_asc:after, table.dataTable.MijnOmgevingDataTables .sorting_asc_disabled:after, table.dataTable.MijnOmgevingDataTables .sorting_desc:after, table.dataTable.MijnOmgevingDataTables .sorting_desc_disabled:after {
  margin-left: 2px;
  vertical-align: top;
}
table.dataTable.MijnOmgevingDataTables .dt-orderable-asc .datatable-column-sort-button-icon::before,
table.dataTable.MijnOmgevingDataTables .dt-orderable-desc .datatable-column-sort-button-icon::before {
  content: "swap_vert";
  float: inherit;
  font-family: "Material Icons", sans-serif;
  color: #b2b2b2;
}
table.dataTable.MijnOmgevingDataTables .sorting_asc .datatable-column-sort-button-icon::before, table.dataTable.MijnOmgevingDataTables .sorting_asc_disabled .datatable-column-sort-button-icon::before, table.dataTable.MijnOmgevingDataTables [aria-sort=ascending] .datatable-column-sort-button-icon::before {
  content: "arrow_upward";
  float: inherit;
  font-family: "Material Icons", sans-serif;
}
table.dataTable.MijnOmgevingDataTables .sorting_desc .datatable-column-sort-button-icon::before, table.dataTable.MijnOmgevingDataTables .sorting_desc_disabled .datatable-column-sort-button-icon::before, table.dataTable.MijnOmgevingDataTables [aria-sort=descending] .datatable-column-sort-button-icon::before {
  content: "arrow_downward";
  float: inherit;
  font-family: "Material Icons", sans-serif;
}
table.dataTable.MijnOmgevingDataTables [aria-sort=ascending] .datatable-column-sort-button, table.dataTable.MijnOmgevingDataTables [aria-sort=descending] .datatable-column-sort-button {
  color: unset;
}
table.dataTable.MijnOmgevingDataTables .sorting_asc_disabled .datatable-column-sort-button, table.dataTable.MijnOmgevingDataTables .sorting_desc_disabled .datatable-column-sort-button {
  color: #888888;
}
table.dataTable.MijnOmgevingDataTables .dt-ordering-asc .datatable-column-sort-button-icon::before,
table.dataTable.MijnOmgevingDataTables .dt-ordering-desc .datatable-column-sort-button-icon::before {
  color: #000;
}
table.dataTable.MijnOmgevingDataTables .dt-column-order {
  display: none;
}
table.dataTable.MijnOmgevingDataTables td > a.generic-button,
table.dataTable.MijnOmgevingDataTables td > button.generic-button {
  padding: 0;
  display: block;
  text-align: center;
  line-height: 125%;
}
table.dataTable.MijnOmgevingDataTables td > a.generic-button > i.material-icons,
table.dataTable.MijnOmgevingDataTables td > button.generic-button > i.material-icons {
  padding-top: 5px;
  line-height: inherit;
  font-weight: bold;
}
table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(even):hover, table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(odd):hover, table.dataTable.MijnOmgevingDataTables tbody tr.focused {
  background-color: #e8e8e8;
}
table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(odd) .dataTable-button, table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(even) .dataTable-button {
  -ms-opacity: 0;
  opacity: 0;
}
table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(odd):hover .dataTable-button, table.dataTable.MijnOmgevingDataTables tbody tr:nth-child(even):hover .dataTable-button, table.dataTable.MijnOmgevingDataTables tbody tr.focused .dataTable-button {
  -ms-opacity: 1;
  opacity: 1;
}
table.dataTable.MijnOmgevingDataTables th {
  padding: 5px;
  border-top: 1px solid #dddddd;
  line-height: 1.42857143;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
table.dataTable.MijnOmgevingDataTables th:hover .datatable-column-header-wrapper .datatable-column-text {
  text-decoration: underline;
}
table.dataTable.MijnOmgevingDataTables td {
  padding: 5px;
  border-top: 1px solid #dddddd;
  line-height: 1.42857143;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
table.dataTable.MijnOmgevingDataTables thead {
  /*----- Disabling of default unused sorting icon backgrounds -----*/
}
table.dataTable.MijnOmgevingDataTables thead > *:first-child > th, table.dataTable.MijnOmgevingDataTables thead > *:first-child > td {
  border-top: 0;
  border-bottom: 0;
}
table.dataTable.MijnOmgevingDataTables thead > *:first-child > th:hover, table.dataTable.MijnOmgevingDataTables thead > *:first-child > td:hover {
  outline: none;
}
table.dataTable.MijnOmgevingDataTables thead .dt-orderable-none,
table.dataTable.MijnOmgevingDataTables thead .dt-orderable-asc,
table.dataTable.MijnOmgevingDataTables thead .dt-orderable-desc,
table.dataTable.MijnOmgevingDataTables thead .dt-ordering-asc,
table.dataTable.MijnOmgevingDataTables thead .dt-ordering-desc,
table.dataTable.MijnOmgevingDataTables thead .dt-ordering-asc-disabled,
table.dataTable.MijnOmgevingDataTables thead .dt-ordering-desc-disabled {
  background-image: none;
}
.dt-empty-footer table.dataTable.MijnOmgevingDataTables {
  border-color: #dddddd;
}
.dt-empty-footer table.dataTable.MijnOmgevingDataTables tbody > tr:last-child > * {
  border-bottom: 0;
}
table.dataTable.MijnOmgevingDataTables ~ div.dt-paging {
  float: left;
  clear: both;
}
table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .dt-paging-button, table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .ellipsis {
  border-top: 1px solid black !important;
  margin: 0;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  padding: 6px 12px;
  display: inline-block;
  cursor: pointer;
}
table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .dt-paging-button.disabled, table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .ellipsis {
  color: lightgray !important;
  cursor: not-allowed;
  background-color: white !important;
  border-color: white !important;
  border-top-color: black !important;
}
table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .dt-paging-button.current {
  font-weight: bold;
  color: black;
  background: white !important;
  border: 1px solid black !important;
  border-top-color: transparent !important;
  cursor: default;
}
table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .dt-paging-button:hover, table.dataTable.MijnOmgevingDataTables ~ div.dt-paging .dt-paging-button:focus {
  background: #154273;
  border: 1px solid #154273;
}
table.dataTable.MijnOmgevingDataTables .dt-info {
  font-weight: bold;
  float: right;
  clear: none;
}
table.dataTable.MijnOmgevingDataTables a {
  color: black;
  background-color: transparent;
  padding: 3px;
  border-radius: 2px;
  cursor: pointer;
}
table.dataTable.MijnOmgevingDataTables a.dt-button:hover, table.dataTable.MijnOmgevingDataTables a.dataTable-button:hover {
  background-color: black;
  color: white;
  font-size: 15px;
}
table.dataTable.MijnOmgevingDataTables a.dt-button > i, table.dataTable.MijnOmgevingDataTables a.dataTable-button > i {
  font-size: 15px;
}
table.dataTable.MijnOmgevingDataTables a > i.glyphicon-trash {
  margin-top: 4px;
  top: 2px;
  padding-right: 2px;
}
table.dataTable.MijnOmgevingDataTables td.dataTable-button-td {
  text-overflow: clip;
}

* + .dt-container {
  margin-top: 20px;
}

.dt-container {
  /*----- Search filter -----*/
  /*----- Column selector -----*/
}
.dt-container .dt-search {
  float: none !important;
  text-align: initial !important;
  margin-top: 0 !important;
}
.dt-container .dt-search input {
  min-width: 75%;
}
.dt-container .dt-search label {
  font-weight: bold;
}
.dt-container select, .dt-container input {
  width: auto;
}
.dt-container div.dt-processing {
  background: rgba(128, 128, 128, 0.15) !important;
  height: 100% !important;
  font-weight: bold;
  padding: 8px 20px 0 0 !important;
  line-height: 40px !important;
  vertical-align: top !important;
  left: 0;
  top: 0px;
  color: black !important;
  text-shadow: 0 0 5px white;
  text-align: right !important;
  margin-left: 0;
  margin-top: 0px !important;
  position: absolute;
  width: 100%;
  /*----------Spinner-----------*/
}
.dt-container div.dt-processing > div {
  text-align: center;
  position: absolute;
  top: 50%;
  height: 50px;
  line-height: 50px;
  margin: -25px auto;
  width: 350px;
  margin-left: -175px;
}
.dt-container div.dt-processing > div:before {
  content: "refresh";
  font-family: "Material Icons", sans-serif;
  font-size: 40px;
  vertical-align: middle;
  animation: spinner 0.6s linear infinite;
  display: inline-block;
  line-height: 50px;
  bottom: 3px;
  positioN: relative;
  margin-right: 8px;
}
.dt-container div.dt-processing > div > div {
  display: none;
}
.dt-container .dt-buttons {
  margin-bottom: 20px;
  /*----- Column visibility restore button -----*/
}
.dt-container .dt-buttons > .dt-button:hover:not(.disabled),
.dt-container .dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
  border: inherit;
  filter: inherit;
}
.dt-container .dt-buttons .dt-button {
  border: 0;
  padding: 0 6px;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  background: buttonface;
  line-height: inherit;
}
.dt-container .dt-buttons .dt-button:hover:not(.disabled), .dt-container .dt-buttons .dt-button:active:not(.disabled), .dt-container .dt-buttons .dt-button:focus:not(.disabled), .dt-container .dt-buttons .dt-button:active:not(.disabled):hover:not(.disabled) {
  background-color: buttonface;
  background-image: inherit;
  text-shadow: inherit;
  border: 0;
  box-shadow: inherit;
}
.dt-container .dt-buttons .dt-button:hover:not(.disabled) span, .dt-container .dt-buttons .dt-button:active:not(.disabled) span, .dt-container .dt-buttons .dt-button:focus:not(.disabled) span, .dt-container .dt-buttons .dt-button:active:not(.disabled):hover:not(.disabled) span {
  background-color: inherit;
}
.dt-container .dt-buttons .dt-button.buttons-colvis:hover {
  filter: inherit;
  background: buttonface;
}
.dt-container .dt-buttons .dt-button.button-colvisrestore {
  width: auto;
  background: transparent;
}
.dt-container .dt-buttons .dt-button.button-colvisrestore::before {
  text-align: center;
  vertical-align: middle;
  content: "\e8ba";
  font-family: "Material Icons", sans-serif;
  font-weight: 600;
  font-size: 22px;
}
.dt-container .dt-buttons .dt-button.button-colvisrestore:hover {
  background-color: black;
  color: white;
}
.dt-container .dt-button-collection {
  padding: 0.6em;
}
.dt-container .dt-button-collection .buttons-columnVisibility {
  padding: 4px 4px 2px 4px;
  border: 0;
  margin-bottom: 2px;
  font-size: 14px;
  background: none;
}
.dt-container .dt-button-collection .buttons-columnVisibility.dt-button-active:before {
  content: "☑ ";
}
.dt-container .dt-button-collection .buttons-columnVisibility:active:not(.disabled):hover:not(.disabled), .dt-container .dt-button-collection .buttons-columnVisibility.dt-button-active:not(.disabled):hover:not(.disabled), .dt-container .dt-button-collection .buttons-columnVisibility:active:not(.disabled), .dt-container .dt-button-collection .buttons-columnVisibility.dt-button-active:not(.disabled) {
  color: white;
  background-color: #777777;
  background-image: none;
  box-shadow: inherit;
}
.dt-container .dt-button-collection .buttons-columnVisibility button.dt-button:focus:not(.disabled),
.dt-container .dt-button-collection .buttons-columnVisibility div.dt-button:focus:not(.disabled),
.dt-container .dt-button-collection .buttons-columnVisibility a.dt-button:focus:not(.disabled), .dt-container .dt-button-collection .buttons-columnVisibility:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0.2em;
  display: inline-block;
  content: "☐ ";
  color: inherit;
}
.dt-container .dt-button-collection .buttons-columnVisibility:after {
  display: none;
}
.dt-container .dt-button-collection .buttons-columnVisibility span {
  padding-left: 1.2em;
  word-wrap: break-word;
}
.dt-container .dt-button-collection .buttons-columnVisibility span:hover, .dt-container .dt-button-collection .buttons-columnVisibility span:focus {
  text-decoration: underline;
}

/*----- Rows and cells -----*/
.dataTables_rowclickable tbody td {
  cursor: pointer;
}

/*----- dataTables_paginate -----*/
/*----- dataTables_info -----*/
.datatable-column-header-wrapper {
  display: flex;
  flex-direction: row;
}

.datatable-column-sort-button {
  width: 15px;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block;
}

.datatable-column-text {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 4px;
}

/*----------DataTables filters-----------*/
.datatables-filters {
  float: left;
  width: 20%;
  padding: 10px;
  background-color: #F5F5F5;
}
@media (max-width: 992px) {
  .datatables-filters {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}
.datatables-filters > .generic-button {
  max-width: 100%;
}
.datatables-filters > div:last-child {
  margin-bottom: 0;
}
.datatables-filters .dt-search, .datatables-filters .datatables-filter {
  margin-bottom: 20px;
  margin-bottom: 7px !important;
}
@media (max-width: 992px) {
  .datatables-filters .dt-search, .datatables-filters .datatables-filter {
    float: left;
    width: 100%;
  }
  .datatables-filters .dt-search > div, .datatables-filters .datatables-filter > div {
    float: left;
    width: 50%;
    padding-right: 10px;
  }
}
.datatables-filters .dt-search label, .datatables-filters .datatables-filter label {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .datatables-filters .dt-search label, .datatables-filters .datatables-filter label {
    width: 100%;
  }
}
.datatables-filters .dt-search > label, .datatables-filters .datatables-filter > label {
  font-weight: bold;
}
.datatables-filters .panel-heading {
  padding: 10px 0;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.datatables-filters .panel-heading h3 {
  font-weight: bold;
}

.datatables-filter fieldset > div {
  width: auto;
  margin-left: 0;
}
.datatables-filter fieldset legend {
  font-weight: bold;
  margin-bottom: 0; /* bootstrap override */
}

.datatables-filters-hidden, .datatables-filters-disabled {
  display: none;
}

.datatables-filters-hidden + .datatables-panel {
  width: 100%;
  padding-left: 0;
}

.FilterHeader td {
  vertical-align: top;
  margin-bottom: 0px;
}

td .datatables-filter > select {
  padding: 2px;
}
td .datatables-filter > fieldset > div > input {
  padding: 0;
  min-height: unset;
  text-indent: 4px;
}
td .datatables-filter > fieldset > div .glyphicon {
  font-size: 12px;
}
td .datatables-filter > select, td .datatables-filter > fieldset > div > input, td .datatables-filter > input {
  width: 75% !important;
  margin-top: 5px;
}

.datatables-panel {
  width: 80%;
  float: left;
  padding: 0 0 0 20px;
}
@media (max-width: 992px) {
  .datatables-panel {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
}
.datatables-panel:after {
  clear: both;
  display: block;
  content: "";
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
/*-------Datefilter---------*/
.head-tf-title .dt-info {
  display: inline;
  font-size: 12px;
}
.head-tf-title .dt-info.badge {
  padding: 3px 7px;
  font-size: 12px;
}

.dateBetweenFilter > div > span {
  display: block;
  margin-top: 6px;
}
.dateBetweenFilter .filterField-datetime {
  padding-right: 30px;
}
.dateBetweenFilter .ui-datepicker-trigger {
  background-color: transparent;
  border: 0;
  margin-left: -30px;
  vertical-align: middle;
}
.dateBetweenFilter .filterField-datetime::placeholder {
  color: #b2b2b2;
}

/*------- Case ---------*/
.caseDetails {
  padding-right: 15px;
}

.caseCorrespondence {
  background-color: #F5F5F5;
  padding: 15px;
}

.caseDetailsTable {
  background-color: #F5F5F5;
}

table.dataTable.MijnOmgevingDataTables.datatables-Item-Details.no-bottom-margin {
  margin-bottom: 0;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details th, table.dataTable.MijnOmgevingDataTables.datatables-Item-Details td {
  border: none;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details tbody tr:nth-child(even):hover, table.dataTable.MijnOmgevingDataTables.datatables-Item-Details tbody tr:nth-child(odd):hover, table.dataTable.MijnOmgevingDataTables.datatables-Item-Details tbody tr.focused {
  background-color: inherit;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr > th {
  font-weight: normal;
  width: 35%;
  vertical-align: top;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr > th:hover, table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr > th:focus {
  text-decoration: none;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr > td {
  vertical-align: top;
  width: 65%;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details tbody tr:nth-child(odd) {
  background-color: transparent;
}
table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr:nth-child(odd) > td, table.dataTable.MijnOmgevingDataTables.datatables-Item-Details > tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}

.repositoryFileUpload {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .repositoryFileUpload #btnUpload {
    font-size: unset;
    padding: 1px 6px;
  }
}

.fileupload-dropzone {
  cursor: pointer;
  border: 1px dashed black;
  line-height: 100px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
}
.fileupload-dropzone-file {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  margin: 5px;
  padding: 8px;
  border-radius: 5px;
  flex-shrink: 1;
  white-space: nowrap;
  min-width: 0;
  justify-content: space-between;
}
.fileupload-dropzone-file .fileupload-delete-button {
  background: none;
  border: none;
  color: black;
}
.fileupload-dropzone-file .fileupload-delete-button:hover {
  background-color: black;
  color: white;
}
.fileupload-dropzone-icon-text-container {
  display: flex;
  justify-content: start;
  width: 80%;
  min-width: 0;
}
.fileupload-dropzone-icon-text-container .material-icons {
  margin-right: 10px;
  font-size: 24px;
  padding-left: 4px;
}
.fileupload-dropzone-icon-text-container .filename {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: max-content;
}
.fileupload-dropzone-filelist {
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  overflow-y: scroll;
  max-height: 300px;
}
.fileupload-dropzone .fileupload-dropzone-dragover {
  background-color: lightyellow;
  border-style: solid;
}
.fileupload-dropzone span, .fileupload-dropzone .fileupload-dropzone-no-file {
  pointer-events: none;
}

table.dataTable.MijnOmgevingDataTables.MOCase_Correspondence th:hover, table.dataTable.MijnOmgevingDataTables.MOCase_Correspondence th:focus {
  text-decoration: none;
}
table.MOCase_Correspondence {
  border-bottom: 1px solid rgb(221, 221, 221);
}

.MOCase_Correspondence_Date {
  width: 100px;
}

.MOCase_Correspondence_Button {
  width: 30px;
}

.clear-filter {
  display: inline-flex;
}

/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_responsive.scss
*/
@media (max-width: 1200px) {
  .account-container > li.account-button-container > a, .account-container > li.logout-button-container > a {
    font-size: 0;
  }
  .tour-menu-button-container > button {
    font-size: 0;
  }
  .tour-dropdown-toolbar.expanded {
    right: 0;
  }
}
@media (max-width: 992px) {
  .qrcode-link > img {
    margin-top: 45px;
    position: relative;
    left: unset;
    right: unset;
    transform: none;
  }
  .qrcode-container {
    padding: 0;
  }
  .qrcode-label-manage {
    top: 60px;
  }
  .twocode-container {
    height: unset;
    padding: unset;
    margin: unset;
  }
  .forced-tfa-container .qrcode-container {
    margin-top: 0;
  }
  .main-navigation > li.mainMenuItem > a {
    font-size: 0.7rem !important;
  }
  .twofactor-inputfields, .forced-tfa-container > div {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .mainmenu .navbar {
    display: none;
  }
  .container::before, .container::after {
    display: unset;
    content: unset;
  }
  .header-bar > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: unset;
  }
  .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 50%;
  }
  .logo-container a img {
    height: auto;
    max-height: 56px;
    max-width: 100%;
  }
  .login-ul > li:first-child, .login-button-container > a:before {
    display: block;
    left: 0;
  }
  .login-ul > li:last-child {
    display: none;
  }
  .login-button-container > a {
    font-size: 0;
    position: relative;
  }
  header.header-bar .languagepicker {
    display: none;
  }
  .account-container {
    margin: 0;
  }
  .account-container > li {
    margin-left: 0;
  }
  .account-container > li > a.login-button:before, .account-container > li.account-button-container > a:before {
    margin: 0;
  }
  .account-container li a.login-button {
    font-size: 0;
  }
  .mo-toolbar-container {
    display: flex;
    position: unset;
    transform: unset;
  }
  .col-om-login, .col-om-alter-login {
    padding: 0;
  }
  div.divider {
    height: auto;
    width: 100%;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
  }
  span.or-line {
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  span.text-divider {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .forced-tfa-container .phone-mockup-container {
    width: 100%;
    padding: 15px 0 0 0;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .forced-tfa-container .qrcode-container {
    height: auto;
    max-height: 500px;
    width: 100%;
    padding-bottom: 0;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    background-position: top;
    border-bottom: 2px solid #000;
  }
  .forced-tfa-container .qrcode-link {
    position: relative;
    top: auto;
    transform: none;
  }
  .qrcode-label-login {
    top: 25px;
  }
  /* Inbox - Attachments */
  .attachment-box-inner {
    word-break: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
  }
  .open-mobile-menu {
    left: 0 !important;
  }
}
@media (max-width: 576px) {
  input[type=submit].next-question-button, input[type=submit].previous-step-button, input[type=submit].next-step-button, input[type=submit].information, input[type=submit].generic-button, input[type=submit].change-button {
    font-size: 0.9em;
  }
}
@media (max-width: 500px) {
  .login-page-content-container > a {
    padding: 10px;
  }
  .login-page-content-container > a::before {
    max-width: 100%;
    position: relative;
    margin: 0 auto;
  }
  .login-page-content-container > a > span {
    width: 100%;
    padding: 0;
    display: block;
    text-align: center;
    position: relative;
    transform: none;
  }
}
@media (max-width: 356px) {
  .logo-container {
    max-width: 35%;
  }
}
@media (max-width: 272px) {
  .logo-container {
    display: none;
  }
}
/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_inbox.scss
*/
/* Inbox */
.attachment-glyph {
  font-weight: 500;
  margin-right: 8px;
  top: 3px;
}
.attachment-download {
  margin-left: auto;
}
.attachment-download-inner {
  color: black;
}
.attachment-container {
  padding-left: 6px;
  margin-top: 15px;
}
.attachment-row {
  margin-left: unset;
  margin-right: unset;
}
.attachment-wrapper {
  padding-left: unset;
  padding-right: 8px;
  margin-bottom: 8px;
}
.attachment-box {
  padding: 6px 15px 6px 15px;
  border: 1px solid #E1E1E1;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
}
.attachment-box-inner {
  margin-left: 10px;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-filename {
  position: relative;
  top: 1px;
}
.attachment-filesize {
  color: grey;
}
.attachment-filename, .attachment-filesize {
  margin: unset;
}
.attachment-error {
  padding: 10px;
  color: #FFF;
  background: #b94a48;
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-right: 14px;
  display: none;
}

.badge-spinner {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  animation: rotate 1.5s linear infinite;
}
.badge-spinner:before {
  content: "𑄘";
}

/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_targetgroups.scss
*/
/* account/managegroups.aspx */
.info-no-targetgroups-selected {
  background-color: #FFEB3B;
  text-align: center;
  font-size: 12px;
  padding: 4px 0;
}

.group-container .row {
  margin: 0;
}
.group-container .group-buttons input[type=submit] {
  margin-top: 20px;
  border-radius: 0;
}
.group-container .group-description {
  padding-bottom: 20px;
  float: left;
}
.group-container .group-page-content-container {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.group-container .category {
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 2px 2px 0 2px;
  position: relative;
  display: block;
  border: 1px #E1E1E1 solid;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F5F5F5;
}
.group-container .category .group-collapsible {
  background-color: #F5F5F5;
  color: black;
  cursor: pointer;
  width: 100%;
  min-height: 36px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
}
.group-container .category .group-collapsible.group-active :after {
  content: "";
  background-image: url(/MijnILT-A/Embedded/Images.baseline_chevron_up_black_36dp.png);
}
.group-container .category .group-collapsible span {
  padding: 6px 0 0 11px;
  position: absolute;
}
.group-container .category .group-collapsible:after {
  content: "";
  background-image: url(/MijnILT-A/Embedded/Images.baseline_chevron_down_black_36dp.png);
  width: 36px;
  height: 36px;
  float: right;
}
.group-container .category .group-collapsible:focus, .group-container .category .group-collapsible:hover {
  background-color: #9E9E9E;
}
.group-container .category .group-content {
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.group-container .category .group-content.group-content-hide {
  display: none;
}
.group-container .category .group-content .group {
  padding: 2px 2px 2px 10px;
  font-weight: normal;
  background-color: #FFF;
}
.group-container .category .group-content .group label {
  padding: 0 0 0 8px;
  margin-bottom: 0;
}
.group-container span {
  padding: 2px 2px 0 2px;
}

/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_two-factor.scss
*/
/* TwoFactor */
.tfa-image-container {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 30px;
}
@media (max-width: 992px) {
  .tfa-image-container {
    position: relative;
    padding: 0;
  }
}

.tfa-deco-image-container {
  padding: 0 0 0 20px;
  position: absolute;
  top: 20px;
  bottom: 30px;
  right: 10px;
}

.twofactor-content-container > .profile-pages-header {
  padding-right: 20px;
}
.twofactor-content-container .twocode-container {
  height: 100%;
}

.twofactor-inputfields {
  padding: 0;
}
.twofactor-inputfields div {
  padding: 0;
  margin: 0;
}
.twofactor-inputfields > .checkbox {
  margin: 10px 0;
}

.qrcode-container, .twocode-container {
  max-width: 300px;
  height: 185px;
  max-height: 400px;
  padding: 40px 5px;
  margin: 0 auto;
  border-bottom: 2px solid #414447;
}

.forced-tfa-container .qrcode-container {
  max-height: 100%;
  padding: 40px 0;
  position: relative;
  background-position: center;
  border: none;
}

.phone-mockup-container {
  padding: 0;
}

.forced-tfa-container .phone-mockup-container {
  padding-left: 30px;
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
}

.qrcode-container {
  height: 100%;
  background-image: url(/MijnILT-A/Embedded/Images.g-2fa-mockup-emptyscreen.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.twocode-container {
  background-image: url(/MijnILT-A/Embedded/Images.g-2fa-mockup-example.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-x: center;
}

.qrcode-label {
  text-align: center;
  font-weight: bold;
  margin-top: -10px;
  color: black;
  position: relative;
}

.qrcode-label-manage {
  top: 15px;
}

.qrcode-label-login {
  top: 60px;
}

.qrcode-link {
  margin: 5px auto;
  padding: 10px;
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.forced-tfa-container .qrcode-link {
  margin: 5px auto;
  padding: 10px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.qrcode-link > img {
  width: 100%;
  margin: 5px auto;
  padding: 15px;
}

.forced-tfa-container .qrcode-link > img {
  width: 100%;
  margin: 5px auto;
  padding: 15px;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.enable-twofactor-form > div > input {
  margin-top: 30px;
}
.enable-twofactor-form label {
  font-weight: bold;
}

.twofactor-inputfields label {
  font-weight: bold;
}

.enable-twofactor-form input[type=checkbox] + label, .twofactor-inputfields input[type=checkbox] + label {
  font-weight: normal;
}

.enable-twofactor-form div {
  padding: 0;
  margin: 0;
}

.enable-twofactor-form input[type=submit].two-factor-manage {
  margin-top: 15px;
  margin-left: 15px;
}

.twofactor-inputfields > .checkbox > input[type=checkbox] {
  margin: 4px 10px 0 0;
}

/* Main content - Enable 2FA page */
.enable-twofactor-form input.form-control {
  margin-bottom: 20px;
}

.button {
  margin-top: 15px;
}

/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_main-menu.scss
*/
/* Main menu - navigation*/
/* Main menu - navigation - Dropdown menu*/
li.dropdown > a:hover, li.dropdown > a:focus {
  color: #154273;
  text-decoration: none;
  background-color: unset !important;
  outline: 0;
}

.main-navigation {
  margin: 0 10px;
}
.main-navigation li > a {
  border-color: transparent;
}
.main-navigation > a {
  color: #154273;
}
.main-navigation > a:focus, .main-navigation > a:hover {
  color: #154273;
  background: none;
  border-color: #154273;
}
.main-navigation > li > a {
  border-color: transparent;
}
.main-navigation > .mainMenuItem {
  margin: 0 10px;
}
.main-navigation > .mainMenuItem > a {
  color: #154273;
}
.main-navigation > .mainMenuItem > a:focus, .main-navigation > .mainMenuItem > a:hover {
  color: #154273;
  background: none;
  border-color: #154273;
}
.main-navigation > .mainMenuItem a:hover, .main-navigation > .mainMenuItem a:focus {
  outline: none;
  text-decoration: none;
}
.main-navigation > .mainMenuItem button:hover, .main-navigation > .mainMenuItem button:focus {
  outline: none;
}
.main-navigation > .mainMenuItem button:hover, .main-navigation > .mainMenuItem button:focus, .main-navigation > .mainMenuItem button.hovered {
  color: #FFF;
  background: #154273;
}
.main-navigation > li.mainMenuItem > a {
  padding: 10px 0 4px 0;
  margin: 0 0 4px 0;
  display: inline-block;
  border-width: 0 0 2px 0;
  border-style: solid;
}
.main-navigation > li.mainMenuItem .badge {
  margin-left: 5px;
  margin-bottom: 1px;
}
.main-navigation > li > .dropdown-menu {
  visibility: hidden;
}
.main-navigation > li > .dropdown-menu .mainMenuItem {
  padding: 10px 25px 10px 10px;
}
.main-navigation > li > .dropdown-menu button {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.main-navigation .dropdown > a {
  display: inline-block;
}
.main-navigation .dropdown > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main-navigation .dropdown button {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 5px;
  font-family: "Material icons", sans-serif;
  border: none;
  border-radius: 50%;
  background: none;
  vertical-align: middle;
}
.main-navigation > .dropdown > a + button.main-menu-expand-button::before {
  content: "\e313";
}
.main-navigation .dropdown-menu {
  display: block;
}
.main-navigation .dropdown-menu a + button.main-menu-expand-button::before {
  content: "\e5cc";
}

.dropdown-menu {
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.sub-menu {
  top: 0;
  left: 100%;
  visibility: hidden;
}
.dropdown-menu > li {
  width: 100%;
}
.dropdown-menu > li > a {
  width: 100%;
  padding: 0;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: transparent;
  color: #154273;
  font-weight: 400;
  white-space: nowrap;
}
.dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus, .dropdown-menu > li.active > a {
  color: #154273;
  text-decoration: none;
  background-color: unset !important;
  outline: 0;
}
.dropdown-menu > li.active > a {
  font-weight: inherit;
}
/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_mobile-menu.scss
*/
/* Main menu - mobile*/
.hidden-mobile-menu-container {
  display: none;
}

.mobile-menu {
  display: none;
}
.mobile-menu::before {
  display: none;
}

.menu__back {
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  border-width: 0 0 2px 0;
  border-style: solid;
  outline: none;
  background: none;
  position: absolute;
  top: 34px;
  left: 20px;
  z-index: 100;
  cursor: pointer;
  color: #000000;
  border-color: transparent;
}
.menu__back:hover, .menu__back:focus {
  border-color: #000000;
  outline: none;
}
.menu__back::before {
  content: "\e5cb";
  margin: 0;
  font-family: "Material icons", sans-serif;
  font-size: 20px;
  border: none;
  background: none;
  outline: none;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #000000;
}

.menu__back--hidden {
  pointer-events: none;
  opacity: 0;
}

.menu__level {
  position: absolute;
  top: 150px;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  bottom: 50px;
  margin: 0;
  padding: 0 20px;
  list-style-type: none;
}
.menu__level:focus {
  outline: none;
}

.menu__level--current {
  visibility: visible;
  position: relative;
  padding-bottom: 70px;
}

.menu__item {
  padding: 0;
  display: block;
  position: relative;
  outline: none;
}

li.menu__item a.menu__link, li.menu__item a.sub__menu {
  padding: 10px 0;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  outline: none;
}
li.menu__item a.menu__link.open-submenu {
  padding: 0;
  margin: 10px 0;
  border-radius: 50%;
}
li.menu__item a.menu__link.open-submenu:hover, li.menu__item a.menu__link.open-submenu:focus {
  background-color: #154273;
  text-decoration: none;
}
li.menu__item a.menu__link.open-submenu:hover::after, li.menu__item a.menu__link.open-submenu:focus::after {
  color: #FFF;
  text-decoration: none;
}

.sub__menu + .menu__link {
  width: 30px;
  display: inline-block;
  position: absolute;
  right: 0;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}
.sub__menu + .menu__link[data-submenu]::after {
  content: "\e5cc";
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Material icons", sans-serif;
  font-size: 20px;
  text-indent: 0;
  color: #000000;
}

.menu__link.open-submenu:focus::after {
  text-decoration: underline;
}

.menu__link--current::before {
  content: "·";
  font-size: 1.5em;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 0.5em;
  height: 4px;
  color: #5c5edc;
}

.menu__link, a.sub__menu {
  color: #000000;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.menu__link:hover, .menu__link:focus {
  color: #000000;
}

#mlmenu > ul > li.menu__item .badge {
  margin-left: 5px;
  margin-bottom: 1px;
}

/* animations */
.animate-outToRight .menu__item {
  -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-outToLeft .menu__item {
  -webkit-animation: outToLeft 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: outToLeft 0.2s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromLeft .menu__item {
  -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromRight .menu__item {
  -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

/* Main menu - mobile */
@media screen and (max-width: 768px) {
  .mobile-menu {
    border-color: transparent;
    width: 35px;
    height: 35px;
    padding: 0;
    background: none;
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mobile-menu.open-mobile-menu::before {
    color: #154273;
  }
  .mobile-menu.close-mobile-menu::before {
    color: #154273;
  }
  .mobile-menu:focus, .mobile-menu:hover {
    border-radius: 50%;
  }
  .mobile-menu::before {
    width: 35px;
    height: 35px;
  }
  .open-mobile-menu {
    position: relative;
    left: -10px;
    left: 0 !important;
  }
  .open-mobile-menu:hover {
    background: #154273;
    color: #FFF;
  }
  .open-mobile-menu:focus {
    background: #154273;
    color: #FFF;
  }
  .open-mobile-menu:focus::before {
    color: #FFF;
  }
  .close-mobile-menu {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .close-mobile-menu:focus {
    background: #b94a48;
  }
  .close-mobile-menu:focus::before {
    color: #FFF;
  }
  .close-mobile-menu:hover {
    background: #b94a48;
  }
  .close-mobile-menu:hover::before {
    color: #FFF;
  }
  .open-mobile-menu::before {
    content: "\e5d2";
    font-family: "Material icons", sans-serif;
    font-size: 25px;
    display: block;
  }
  .close-mobile-menu::before {
    content: "\e5cd";
    font-family: "Material icons", sans-serif;
    font-size: 25px;
    display: block;
  }
  .visible-mobile-menu-container {
    height: 100%;
    width: 100%;
    padding: 0;
    display: block;
    position: absolute;
    overflow-y: auto;
    z-index: 9999;
    background: #FFF;
  }
}
/*
    mijnomgeving/_common.scss
*/
/*
    mijnomgeving/_tour.scss
*/
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.tour-popup {
  animation: 400ms;
  z-index: 10002;
  width: max-content;
  position: absolute;
  padding: 10px;
  border: 1px solid #000000;
  background-color: whitesmoke;
  color: black;
  border-radius: 4px;
  box-shadow: 5px 5px 10px rgba(62, 62, 62, 0.631372549);
}

.tour-menu-button-container > button {
  font-weight: bold;
  background: transparent;
  color: #154273;
  padding-top: 10px;
  padding-bottom: 8px;
  border-width: 0 0 2px 0;
  border-color: transparent;
}
.tour-menu-button-container > button:focus {
  outline: none;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #154273;
  outline-offset: -2px;
}
.tour-menu-button-container > button::before {
  content: "\ef75";
  margin-right: 5px;
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  position: relative;
  top: 3px;
  display: inline-block;
  line-height: 1;
}
.tour-menu-button-container > button::after {
  content: "\e5cf";
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
  line-height: 1;
}
.tour-menu-button-container:hover {
  cursor: pointer;
}
.tour-menu-button-container:hover > button {
  outline: none;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #154273;
  outline-offset: -2px;
}
.tour-menu-button-container:hover > .tour-dropdown-toolbar {
  display: flex;
  flex-direction: column;
}
.tour-menu-button-container:focus > .tour-dropdown-toolbar {
  display: flex;
  flex-direction: column;
}
.tour-menu-button-container:focus-within > .tour-dropdown-toolbar {
  display: flex;
  flex-direction: column;
}

.tour-dropdown-container > span {
  color: #154273;
}

.tour-dropdown-container:hover, .tour-dropdown-container:focus {
  border-color: #154273;
}

.tour-dropdown-toolbar {
  display: none;
  position: absolute;
  min-width: 220px;
  z-index: 10;
  list-style: none;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tour-dropdown-toolbar > a {
  padding: 6px 12px 6px 12px;
}
.tour-dropdown-toolbar > a:hover {
  outline: none;
  text-decoration: underline;
}
.tour-dropdown-toolbar > a:focus {
  outline: none;
  text-decoration: underline;
}
.tour-dropdown-toolbar > a.disabled {
  color: #8c8c88;
}
.tour-dropdown-toolbar > a.disabled::before, .tour-dropdown-toolbar > a.disabled::after {
  color: #8c8c88;
}
.tour-dropdown-toolbar > a.disabled:focus, .tour-dropdown-toolbar > a.disabled:hover {
  text-decoration: unset;
  cursor: default;
}
.tour-dropdown-toolbar > .tour-resume::before {
  content: "\e037";
  margin-right: 5px;
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  position: relative;
  top: 3px;
  display: inline-block;
  line-height: 1;
}
.tour-dropdown-toolbar > .tour-restart::before {
  content: "\e042";
  margin-right: 5px;
  font-family: "Material Icons", sans-serif;
  font-size: 20px;
  position: relative;
  top: 3px;
  display: inline-block;
  line-height: 1;
}

.tour-buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 8px;
}

.tour-button-divider {
  border-top: 1.5px solid #444;
  opacity: 0.75;
  margin-top: 15px;
  margin-bottom: 9px;
}

.tour-button-skip-container {
  display: flex;
  justify-content: flex-end;
}

.tour-prev {
  float: left;
  padding: 5px 6px;
  border: 1px solid #979797;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  line-height: 1em;
  box-shadow: 1px 1px 1px rgba(185, 185, 185, 0.4784313725);
}
.tour-prev:active {
  transform: scale(0.99);
}

.tour-prev-hidden {
  visibility: hidden;
}

.tour-counter {
  font-size: 12px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.tour-next {
  float: right;
  padding: 5px 6px;
  border: 1px solid #979797;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  line-height: 1em;
  box-shadow: 1px 1px 1px rgba(185, 185, 185, 0.4784313725);
}
.tour-next:active {
  transform: scale(0.99);
}

.tour-finish {
  padding: 5px 6px;
  border: 1px solid #979797;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  line-height: 1em;
  box-shadow: 1px 1px 1px rgba(185, 185, 185, 0.4784313725);
}
.tour-finish:active {
  transform: scale(0.99);
}

.tour-skip {
  font-size: 12px;
  float: right;
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
}
.tour-skip:hover {
  text-decoration: underline;
}

.tour-close {
  position: absolute;
  font-size: 0.75em;
  top: 3px;
  right: 3px;
  cursor: pointer;
}
.tour-close:before {
  font-family: "Material Icons", sans-serif;
  content: "\e5cd";
  font-size: 15px;
  margin-right: 2px;
}

.tour-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.tour-arrow-top {
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent whitesmoke transparent;
}
.tour-arrow-top:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: -8px;
  top: 2px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: rotate(45deg);
}

.tour-arrow-left {
  border-width: 9px 11px 9px 0;
  border-color: transparent whitesmoke transparent transparent;
}
.tour-arrow-left:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 3px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: rotate(315deg);
  width: 14px;
  height: 14px;
}

.tour-arrow-right {
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent whitesmoke;
  margin-left: -1px;
}
.tour-arrow-right:before {
  content: "";
  position: absolute;
  top: -7px;
  left: -15px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: rotate(135deg);
  width: 14px;
  height: 14px;
}

.tour-arrow-bottom {
  border-width: 9px 9px 0 9px;
  border-color: whitesmoke transparent transparent transparent;
}
.tour-arrow-bottom:before {
  content: "";
  position: absolute;
  left: -7px;
  top: -15px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  transform: rotate(45deg);
  height: 14px;
  width: 14px;
}

.tour-shade {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10001;
}

.tour-text {
  padding-bottom: 10px;
  margin-top: 0;
}
.tour-text h3 {
  font-size: 1.1em;
  margin: 0 0 5px 0;
}

.tour-blink {
  animation: blinker 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}

@media screen and (max-width: 1200px) {
  .tour-menu-button-container > button {
    font-size: 0;
  }
  .tour-menu-button-container:hover > .tour-dropdown-toolbar, .tour-menu-button-container:focus > .tour-dropdown-toolbar, .tour-menu-button-container:focus-within > .tour-dropdown-toolbar {
    right: 0;
  }
}