@charset "UTF-8";
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont/fonts/iconfont.eot?14qic5");
  src: url("../fonts/iconfont/fonts/iconfont.eot?14qic5#iefix") format("embedded-opentype"), url("../fonts/iconfont/fonts/iconfont.ttf?14qic5") format("truetype"), url("../fonts/iconfont/fonts/iconfont.woff?14qic5") format("woff"), url("../fonts/iconfont/fonts/iconfont.svg?14qic5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 1px;
}

.icon-pensil:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-check-light:before {
  content: "";
}

.icon-plus-large:before {
  content: "";
}

.icon-plus-small:before {
  content: "";
}

.icon-times:before {
  content: "";
}

.icon-times-small:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-dots:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-repeat:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-envelope:before {
  content: "";
}

.icon-phone2:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-arrow-right2:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-locale:before {
  content: "";
}

.icon-square:before {
  content: "";
}

.icon-locale1:before {
  content: "";
}

.icon-supportcross:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

.icon-cloud-upload:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-info:before {
  content: "";
}

a, link {
  color: #a35ecc;
}
a:hover, link:hover {
  color: #743d94;
}

.form-boolean--type-checkbox:checked, .form-boolean--type-radio:checked {
  border-color: #30ab80 !important;
  background-color: #30ab80 !important;
  box-shadow: inset 0 0 0 1px #30ab80 !important;
}

.form-boolean--type-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='4.5' cx='8.5' cy='8.5' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.form-boolean--type-radio:checked:focus {
  border-color: #30ab80 !important;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #30ab80, inset 0 0 0 1px #30ab80 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #30ab80, inset 0 0 0 1px #30ab80 !important;
}

.opdracht-speldetails {
  display: inline-block;
  color: #26b2b3;
  text-decoration: underline;
}
.opdracht-speldetails:hover {
  text-decoration: none;
}

body {
  background: url("../images/pattern-background.png") #dcdcdc;
  background-size: 20%;
  background-position: 0;
}

.content-header {
  background: url("../images/pattern-background-darker.png");
  background-size: 20%;
  background-position: 0;
}
.content-header .layout-container:before {
  content: "";
  background: url("https://www.voordeshow.be/frontend/media/UI-elements/title.png") no-repeat;
  background-size: 220px;
  width: 220px;
  height: 140px;
  display: block;
}

.button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link), #cboxClose, .local-actions__item a {
  border-radius: 30px;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  background: #a35ecc;
  font-size: 20px;
  border: 4px #fff solid !important;
  padding: 13px 20px 18px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s;
}
.button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link):hover, #cboxClose:hover, .local-actions__item a:hover {
  background: #a35ecc;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link).button--extrasmall.remove-button, .button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link)[value=Verwijderen], #cboxClose.button--extrasmall.remove-button, #cboxClose[value=Verwijderen], .local-actions__item a.button--extrasmall.remove-button, .local-actions__item a[value=Verwijderen] {
  background: #e93367;
  padding: 2px 14px 4px;
  font-size: 12px;
  text-shadow: none;
  border: none !important;
  box-shadow: none !important;
}
.button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link).button--extrasmall.remove-button:hover, .button.js-form-submit.form-submit:not(.btn-download-manual):not(.btn-genereer-link)[value=Verwijderen]:hover, #cboxClose.button--extrasmall.remove-button:hover, #cboxClose[value=Verwijderen]:hover, .local-actions__item a.button--extrasmall.remove-button:hover, .local-actions__item a[value=Verwijderen]:hover {
  background: #e93367;
}

.button--primary {
  background: #30ab80 !important;
}
.button--primary:hover {
  background: #30ab80;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  margin: 0;
  overflow: visible;
  text-indent: inherit;
  width: 20%;
  padding: 20px 0 27px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  font-size: 28px;
  font-weight: 700;
  transform: translate(-50%, 0);
  line-height: 0px;
  background-color: #30ab80;
  background-image: none;
  top: inherit;
  color: #fff;
}
#cboxPrevious:hover, #cboxNext:hover, #cboxSlideshow:hover, #cboxClose:hover {
  background: #30ab80;
}

#cboxClose {
  width: 350px !important;
}

.select2-selection__arrow {
  top: 50% !important;
  transform: translate(0, -50%);
  width: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23545560'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2.75rem 0.5625rem;
}
.select2-selection__arrow b {
  border: none !important;
  height: 0 !important;
  margin: 0 !important;
  position: sticky !important;
  width: 0 !important;
}

.algemene-info-links a.voorstelling-algemene-info-ontbreekt {
  background-color: #e93367 !important;
  color: #fff !important;
}
.algemene-info-links a.voorstelling-algemene-info-ontbreekt:hover {
  background-color: #a4123c;
}

.pager__link.is-active, .pager__item--current {
  background: #a35ecc !important;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  border-color: #a35ecc !important;
}

.sortable-heading.is-active > a::before {
  border-color: #30ab80 !important;
}

@media screen and (min-width: 48em) {
  .is-horizontal .tabs__link.is-active::before {
    border-color: #a35ecc !important;
  }
}
.tooltipster-box {
  box-shadow: 0 0 0 9999px rgba(255, 255, 255, 0.9);
}
.tooltipster-box tr {
  border-bottom: 1px solid #000 !important;
}
.tooltipster-box tr td {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 80px;
}
.tooltipster-box tr td.voordeshow-status-done {
  background: #e3f7f0;
  text-align: center;
}
.tooltipster-box tr td.voordeshow-status-done:before {
  content: "Klaar";
}
.tooltipster-box tr td.voordeshow-status-none, .tooltipster-box tr td.voordeshow-status-partial {
  background: #fdebf0;
  text-align: center;
}
.tooltipster-box tr td.voordeshow-status-none:before, .tooltipster-box tr td.voordeshow-status-partial:before {
  content: "Niet klaar";
}
.tooltipster-box tr th {
  width: 80px;
}
.tooltipster-box .tooltipster-content > p > strong {
  font-size: 1.2em;
}

.tooltipstered {
  display: table;
  text-decoration: underline;
  margin: 0 auto;
}
.tooltipstered:hover {
  text-decoration: none;
}

table:not(.status-overzicht-tabel) .voordeshow-status-partial {
  background: #fff9e6;
  text-align: center;
  width: 240px;
}
table:not(.status-overzicht-tabel) .voordeshow-status-done {
  background: #e3f7f0;
  text-align: center;
  width: 240px;
}
table:not(.status-overzicht-tabel) .voordeshow-status-none {
  background: #fdebf0;
  text-align: center;
  width: 240px;
}

.tablesort--asc, [dir=rtl] .tablesort--asc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3E%3Cpath d='M 5 0.43945312 L 0.71875 4.71875 L 1.78125 5.78125 L 4.25 3.3125 L 4.25 11.25 L 5.75 11.25 L 5.75 3.3125 L 8.21875 5.78125 L 9.28125 4.71875 L 5 0.43945312 z' fill='%2330ab80'/%3E%3C/svg%3E") !important;
}

.form-element--type-select, .form-element--type-text, .select2-container--default .select2-selection--single, .form-element--type-search, .form-element--type-file, .form-element--type-email, .form-element--type-password {
  border-radius: 30px !important;
}

.dropbutton__item:first-of-type > *, .dropbutton__toggle {
  background-color: #ffc000;
}
.dropbutton__item:first-of-type > *:hover, .dropbutton__toggle:hover {
  background-color: #cc9a00;
}

.block-forms-steps ol li, .algemene-info-links a {
  border-radius: 30px !important;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
  background: #30ab80 !important;
  font-size: 20px;
  border: 4px #fff solid !important;
  padding: 13px 20px 18px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.2) !important;
  transition: box-shadow 0.3s;
}
.block-forms-steps ol li a, .algemene-info-links a a {
  color: #fff !important;
}
.block-forms-steps ol li:hover, .algemene-info-links a:hover {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.block-forms-steps ol li.active, .block-forms-steps ol li.active a {
  background: #fff !important;
  color: #222330 !important;
}
.block-forms-steps ol li.active:hover, .block-forms-steps ol li.active a:hover {
  background-color: #cccccc;
}

.btn-download-manual, .btn-genereer-link, .form-submit[data-drupal-selector=edit-previous] {
  background: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  color: #a35ecc !important;
  margin-right: 0 !important;
}
.btn-download-manual:hover, .btn-genereer-link:hover, .form-submit[data-drupal-selector=edit-previous]:hover {
  text-decoration: none !important;
}

tr:hover, tr:focus {
  background: #fff !important;
}

.form-item--title-0-value input, .form-item--field-trailer-url-0-value input, .form-item--field-lesmap-url-0-uri input {
  width: 590px;
  border-radius: 30px !important;
}

.form-item--field-synops-0-value textarea {
  width: 900px !important;
  height: 377px !important;
  border-radius: 20px;
}

@font-face {
  font-family: "Martel sans";
  src: url("../fonts/typofonts/martelsans-regular-webfont.woff2") format("woff2"), url("../fonts/typofonts/martelsans-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Martel sans";
  src: url("../fonts/typofonts/martelsans-semibold.woff2") format("woff2"), url("../fonts/typofonts/martelsans-semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Martel sans";
  src: url("../fonts/typofonts/martelsans-bold-webfont.woff2") format("woff2"), url("../fonts/typofonts/martelsans-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Martel sans";
  src: url("../fonts/typofonts/martelsans-extrabold-webfont.woff2") format("woff2"), url("../fonts/typofonts/martelsans-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Martel sans";
  src: url("../fonts/typofonts/martelsans-black-webfont.woff2") format("woff2"), url("../fonts/typofonts/martelsans-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
.home-header, .home-main, .home-footer {
  padding: 1px;
}

.home-footer {
  font-family: "Martel sans", "Arial", sans-serif;
  background: #fafafa;
  color: #7a7a7a;
  font-size: 15px;
  padding: 3rem 0;
}

.home-footer .footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
}

.home-footer .footer-grid .foot-grid.left {
  margin-top: 2rem;
}

.home-footer .footer-grid .foot-grid.left p {
  max-width: none;
  margin: 0 3rem 0.5rem 3rem;
}

.home-footer .footer-grid .foot-grid.right {
  text-align: right;
}

.home-footer .footer-grid .foot-grid.right p {
  max-width: none;
  margin: 0 3rem 1.4rem 3rem;
}

.home-footer .footer-grid .foot-grid .thick {
  font-weight: 800;
}

.home-footer .footer-grid .foot-grid a {
  color: #7a7a7a;
  text-decoration: none;
  margin-right: 0.5rem;
}

.home-footer .footer-grid .foot-grid a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1100px) {
  .home-footer {
    padding: 0;
  }

  .home-footer .footer-grid {
    grid-template-columns: repeat(auto-fit, 100%);
  }

  .home-footer .footer-grid .foot-grid.left {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .home-footer .footer-grid .foot-grid.left p {
    max-width: none;
    margin: 0 0 0.5rem 0;
  }

  .home-footer .footer-grid .foot-grid.right p {
    max-width: none;
    margin: 0 0 1.4rem 0;
  }

  .home-footer .footer-grid .foot-grid p {
    text-align: center;
  }

  .home-footer .footer-grid .foot-grid a {
    display: block;
  }
}
.home-footer img {
  height: 80px !important;
}

.feedback-link {
  margin-left: 80px;
}
.feedback-link a {
  color: #7a7a7a;
}

@media screen and (max-width: 1100px) {
  .feedback-link {
    margin-left: 0;
    text-align: center;
    padding-top: 2rem;
  }
}
.page-wrapper {
  min-height: calc(100vh - 330px);
}

.user-popup {
  margin-bottom: 5rem !important;
}

#edit-field-trailer-url-0-value--2--description, #edit-field-affiche-0--2--description {
  font-size: 1rem !important;
  margin-top: 1rem !important;
}

.opdracht-aanrader:before {
  content: "";
  color: #30ab80;
  font-family: "iconfont";
}

.spelopdrachten-legende {
  margin-top: 1.5rem !important;
}

.voordeshow-gedeeltelijk-links {
  display: list-item;
}

.voordeshow-gedeeltelijk-link, .voordeshow-gedeeltelijk-links {
  font-size: 17px;
  margin-left: 1rem;
}

.voordeshow-smaller {
  font-size: 14px;
  display: block;
}

.region.region-breadcrumb {
  margin: 2rem 0 1rem;
}

.breadcrumb__item, .breadcrumb__link {
  font-size: 16px;
}

.breadcrumb__item + .breadcrumb__item::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8' height='16' width='10'%3E%3Cpath d='M1.2070312,0.64696878 0.5,1.354 3.1464844,4.0004844 0.5,6.6469688 1.2070312,7.354 4.5605468,4.0004844Z' fill='%23545560'/%3E%3C/svg%3E") !important;
  position: relative;
  bottom: -2px;
}

.node-voorstelling-stap-1-form .form-item__label:not(.option), .node-voorstelling-stap-1-form .fieldset__label, .node-voorstelling-stap-2-form .form-item__label:not(.option), .node-voorstelling-stap-2-form .fieldset__label,
.node-voorstelling-stap-3-form .form-item__label:not(.option),
.node-voorstelling-stap-3-form .fieldset__label, .node-voorstelling-stap-4-form .form-item__label:not(.option), .node-voorstelling-stap-4-form .fieldset__label,
.node-voorstelling-stap-5-form .form-item__label:not(.option),
.node-voorstelling-stap-5-form .fieldset__label {
  font-size: 20px !important;
  margin-top: 4rem !important;
}
.node-voorstelling-stap-1-form .form-item__description, .node-voorstelling-stap-2-form .form-item__description,
.node-voorstelling-stap-3-form .form-item__description, .node-voorstelling-stap-4-form .form-item__description,
.node-voorstelling-stap-5-form .form-item__description {
  margin: 2rem 0 2rem !important;
  font-size: 1rem !important;
}
.node-voorstelling-stap-1-form .js-form-type-url .form-item__label, .node-voorstelling-stap-2-form .js-form-type-url .form-item__label,
.node-voorstelling-stap-3-form .js-form-type-url .form-item__label, .node-voorstelling-stap-4-form .js-form-type-url .form-item__label,
.node-voorstelling-stap-5-form .js-form-type-url .form-item__label {
  font-size: 15px !important;
}

.aanrader-sub {
  margin-left: 27px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right !important;
}

.node-voorstelling-details-form .button.btn {
  border-radius: 30px !important;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
  background: #30ab80 !important;
  font-size: 20px;
  border: 4px #fff solid !important;
  padding: 13px 20px 18px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.2) !important;
  transition: box-shadow 0.3s;
}
.node-voorstelling-details-form .button.btn:hover {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.matrix-gezelschap td {
  padding: 1.5rem 1rem !important;
}
.matrix-gezelschap li {
  margin-bottom: 0.4rem;
}
.matrix-gezelschap strong {
  font-size: 18px;
}

.tiles-spelopdrachten {
  text-align: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 30px 0;
  margin-bottom: 4rem;
}
.tiles-spelopdrachten h2 {
  margin-bottom: 2rem;
}

.spelopdracht-et1, .spelopdracht-et2, .spelopdracht-et3,
.spelopdracht-verb1, .spelopdracht-verb2, .spelopdracht-verb3,
.spelopdracht-thema1, .spelopdracht-thema2, .spelopdracht-thema3,
.spelopdracht-insp1, .spelopdracht-insp2, .spelopdracht-insp3 {
  display: inline-block;
  border-radius: 30px;
  padding: 20px;
  overflow: hidden;
  margin: 0 10px;
  width: 18vw;
  max-width: 270px;
  min-height: 395px;
}
.spelopdracht-et1.niet-actieve-doelgroep, .spelopdracht-et2.niet-actieve-doelgroep, .spelopdracht-et3.niet-actieve-doelgroep,
.spelopdracht-verb1.niet-actieve-doelgroep, .spelopdracht-verb2.niet-actieve-doelgroep, .spelopdracht-verb3.niet-actieve-doelgroep,
.spelopdracht-thema1.niet-actieve-doelgroep, .spelopdracht-thema2.niet-actieve-doelgroep, .spelopdracht-thema3.niet-actieve-doelgroep,
.spelopdracht-insp1.niet-actieve-doelgroep, .spelopdracht-insp2.niet-actieve-doelgroep, .spelopdracht-insp3.niet-actieve-doelgroep {
  min-height: 0 !important;
}
.spelopdracht-et1 .spelopdracht-title-wrapper, .spelopdracht-et2 .spelopdracht-title-wrapper, .spelopdracht-et3 .spelopdracht-title-wrapper,
.spelopdracht-verb1 .spelopdracht-title-wrapper, .spelopdracht-verb2 .spelopdracht-title-wrapper, .spelopdracht-verb3 .spelopdracht-title-wrapper,
.spelopdracht-thema1 .spelopdracht-title-wrapper, .spelopdracht-thema2 .spelopdracht-title-wrapper, .spelopdracht-thema3 .spelopdracht-title-wrapper,
.spelopdracht-insp1 .spelopdracht-title-wrapper, .spelopdracht-insp2 .spelopdracht-title-wrapper, .spelopdracht-insp3 .spelopdracht-title-wrapper {
  padding-bottom: 20px;
  color: #fff;
}
.spelopdracht-et1 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-et2 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-et3 .spelopdracht-title-wrapper .spelopdracht-title-prefix,
.spelopdracht-verb1 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-verb2 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-verb3 .spelopdracht-title-wrapper .spelopdracht-title-prefix,
.spelopdracht-thema1 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-thema2 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-thema3 .spelopdracht-title-wrapper .spelopdracht-title-prefix,
.spelopdracht-insp1 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-insp2 .spelopdracht-title-wrapper .spelopdracht-title-prefix, .spelopdracht-insp3 .spelopdracht-title-wrapper .spelopdracht-title-prefix {
  font-size: 20px;
}
.spelopdracht-et1 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-et2 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-et3 .spelopdracht-title-wrapper .spelopdracht-title-detail,
.spelopdracht-verb1 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-verb2 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-verb3 .spelopdracht-title-wrapper .spelopdracht-title-detail,
.spelopdracht-thema1 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-thema2 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-thema3 .spelopdracht-title-wrapper .spelopdracht-title-detail,
.spelopdracht-insp1 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-insp2 .spelopdracht-title-wrapper .spelopdracht-title-detail, .spelopdracht-insp3 .spelopdracht-title-wrapper .spelopdracht-title-detail {
  font-size: 30px;
}
.spelopdracht-et1 ol, .spelopdracht-et2 ol, .spelopdracht-et3 ol,
.spelopdracht-verb1 ol, .spelopdracht-verb2 ol, .spelopdracht-verb3 ol,
.spelopdracht-thema1 ol, .spelopdracht-thema2 ol, .spelopdracht-thema3 ol,
.spelopdracht-insp1 ol, .spelopdracht-insp2 ol, .spelopdracht-insp3 ol {
  text-align: left;
  margin: 1.5rem 0 0 2rem;
}
.spelopdracht-et1 ol li, .spelopdracht-et2 ol li, .spelopdracht-et3 ol li,
.spelopdracht-verb1 ol li, .spelopdracht-verb2 ol li, .spelopdracht-verb3 ol li,
.spelopdracht-thema1 ol li, .spelopdracht-thema2 ol li, .spelopdracht-thema3 ol li,
.spelopdracht-insp1 ol li, .spelopdracht-insp2 ol li, .spelopdracht-insp3 ol li {
  list-style: none;
  position: relative;
  margin-left: 15px;
}
.spelopdracht-et1 ol li:before, .spelopdracht-et2 ol li:before, .spelopdracht-et3 ol li:before,
.spelopdracht-verb1 ol li:before, .spelopdracht-verb2 ol li:before, .spelopdracht-verb3 ol li:before,
.spelopdracht-thema1 ol li:before, .spelopdracht-thema2 ol li:before, .spelopdracht-thema3 ol li:before,
.spelopdracht-insp1 ol li:before, .spelopdracht-insp2 ol li:before, .spelopdracht-insp3 ol li:before {
  font-family: "iconfont";
  font-size: 25px;
  position: absolute;
  margin-left: -3.2rem;
  top: 50%;
  transform: translate(0, -50%);
}
.spelopdracht-et1 ol li:nth-child(1), .spelopdracht-et1 ol li:nth-child(2), .spelopdracht-et2 ol li:nth-child(1), .spelopdracht-et2 ol li:nth-child(2), .spelopdracht-et3 ol li:nth-child(1), .spelopdracht-et3 ol li:nth-child(2),
.spelopdracht-verb1 ol li:nth-child(1),
.spelopdracht-verb1 ol li:nth-child(2), .spelopdracht-verb2 ol li:nth-child(1), .spelopdracht-verb2 ol li:nth-child(2), .spelopdracht-verb3 ol li:nth-child(1), .spelopdracht-verb3 ol li:nth-child(2),
.spelopdracht-thema1 ol li:nth-child(1),
.spelopdracht-thema1 ol li:nth-child(2), .spelopdracht-thema2 ol li:nth-child(1), .spelopdracht-thema2 ol li:nth-child(2), .spelopdracht-thema3 ol li:nth-child(1), .spelopdracht-thema3 ol li:nth-child(2),
.spelopdracht-insp1 ol li:nth-child(1),
.spelopdracht-insp1 ol li:nth-child(2), .spelopdracht-insp2 ol li:nth-child(1), .spelopdracht-insp2 ol li:nth-child(2), .spelopdracht-insp3 ol li:nth-child(1), .spelopdracht-insp3 ol li:nth-child(2) {
  margin-bottom: 1.8rem;
}
.spelopdracht-et1 ol li:nth-child(1):before, .spelopdracht-et2 ol li:nth-child(1):before, .spelopdracht-et3 ol li:nth-child(1):before,
.spelopdracht-verb1 ol li:nth-child(1):before, .spelopdracht-verb2 ol li:nth-child(1):before, .spelopdracht-verb3 ol li:nth-child(1):before,
.spelopdracht-thema1 ol li:nth-child(1):before, .spelopdracht-thema2 ol li:nth-child(1):before, .spelopdracht-thema3 ol li:nth-child(1):before,
.spelopdracht-insp1 ol li:nth-child(1):before, .spelopdracht-insp2 ol li:nth-child(1):before, .spelopdracht-insp3 ol li:nth-child(1):before {
  content: "";
}
.spelopdracht-et1 ol li:nth-child(2):before, .spelopdracht-et2 ol li:nth-child(2):before, .spelopdracht-et3 ol li:nth-child(2):before,
.spelopdracht-verb1 ol li:nth-child(2):before, .spelopdracht-verb2 ol li:nth-child(2):before, .spelopdracht-verb3 ol li:nth-child(2):before,
.spelopdracht-thema1 ol li:nth-child(2):before, .spelopdracht-thema2 ol li:nth-child(2):before, .spelopdracht-thema3 ol li:nth-child(2):before,
.spelopdracht-insp1 ol li:nth-child(2):before, .spelopdracht-insp2 ol li:nth-child(2):before, .spelopdracht-insp3 ol li:nth-child(2):before {
  content: "";
}
.spelopdracht-et1 ol li:nth-child(3):before, .spelopdracht-et2 ol li:nth-child(3):before, .spelopdracht-et3 ol li:nth-child(3):before,
.spelopdracht-verb1 ol li:nth-child(3):before, .spelopdracht-verb2 ol li:nth-child(3):before, .spelopdracht-verb3 ol li:nth-child(3):before,
.spelopdracht-thema1 ol li:nth-child(3):before, .spelopdracht-thema2 ol li:nth-child(3):before, .spelopdracht-thema3 ol li:nth-child(3):before,
.spelopdracht-insp1 ol li:nth-child(3):before, .spelopdracht-insp2 ol li:nth-child(3):before, .spelopdracht-insp3 ol li:nth-child(3):before {
  content: "";
}
.spelopdracht-et1 ol li:nth-child(4), .spelopdracht-et2 ol li:nth-child(4), .spelopdracht-et3 ol li:nth-child(4),
.spelopdracht-verb1 ol li:nth-child(4), .spelopdracht-verb2 ol li:nth-child(4), .spelopdracht-verb3 ol li:nth-child(4),
.spelopdracht-thema1 ol li:nth-child(4), .spelopdracht-thema2 ol li:nth-child(4), .spelopdracht-thema3 ol li:nth-child(4),
.spelopdracht-insp1 ol li:nth-child(4), .spelopdracht-insp2 ol li:nth-child(4), .spelopdracht-insp3 ol li:nth-child(4) {
  border-top: 3px solid rgba(255, 255, 255, 0.5);
  list-style: none;
  margin-top: 1.5rem;
  margin-left: -30px;
  padding-top: 1rem;
}

.spelopdracht-et1, .spelopdracht-et2, .spelopdracht-et3 {
  background: #f5d7e3;
}
.spelopdracht-et1 .spelopdracht-title-wrapper, .spelopdracht-et2 .spelopdracht-title-wrapper, .spelopdracht-et3 .spelopdracht-title-wrapper {
  box-shadow: 0 -39px 0 40px #fd3d85;
  background: #fd3d85;
}

.spelopdracht-verb1, .spelopdracht-verb2, .spelopdracht-verb3 {
  background: #ebede0;
}
.spelopdracht-verb1 .spelopdracht-title-wrapper, .spelopdracht-verb2 .spelopdracht-title-wrapper, .spelopdracht-verb3 .spelopdracht-title-wrapper {
  box-shadow: 0 -39px 0 40px #95c10c;
  background: #95c10c;
}

.spelopdracht-thema1, .spelopdracht-thema2, .spelopdracht-thema3 {
  background: #d6eae9;
}
.spelopdracht-thema1 .spelopdracht-title-wrapper, .spelopdracht-thema2 .spelopdracht-title-wrapper, .spelopdracht-thema3 .spelopdracht-title-wrapper {
  box-shadow: 0 -39px 0 40px #26b2b3;
  background: #26b2b3;
}

.spelopdracht-insp1, .spelopdracht-insp2, .spelopdracht-insp3 {
  background: #e7dfec;
}
.spelopdracht-insp1 .spelopdracht-title-wrapper, .spelopdracht-insp2 .spelopdracht-title-wrapper, .spelopdracht-insp3 .spelopdracht-title-wrapper {
  box-shadow: 0 -39px 0 40px #a35ecc;
  background: #a35ecc;
}

#cboxContent {
  background: none;
  padding-bottom: 48px;
}

table, .claro-details, .views-exposed-form {
  border-radius: 20px;
}

table {
  overflow: hidden;
}

.spelopdracht-bewerken {
  margin: 0.5rem 0 0;
  display: inline-block;
}

.spelopdracht-is-aanrader, .spelopdracht-is-niet-compleet, .spelopdracht-is-niet-geschikt, .spelopdracht-is-compleet {
  padding: 3px 8px 3px 4px;
  color: #222330;
  font-size: 14px;
}
.spelopdracht-is-aanrader:before, .spelopdracht-is-niet-compleet:before, .spelopdracht-is-niet-geschikt:before, .spelopdracht-is-compleet:before {
  content: "•";
  display: inline-block;
  position: relative;
  font-size: 50px;
  bottom: -10px;
  margin-bottom: -15px;
  margin-top: -41px;
  margin-right: 0.3rem;
}

.spelopdracht-is-niet-geschikt:before {
  content: "";
  font-family: "iconfont";
  bottom: -2px;
  font-size: 18px;
}

.spelopdracht-is-aanrader:before, .spelopdracht-is-compleet:before, .sortable-heading.is-active > a {
  color: #30ab80 !important;
}

.spelopdracht-is-niet-compleet:before {
  color: #e93367 !important;
}

.spelopdracht-is-niet-geschikt:before {
  color: #e93367 !important;
}

.tabs__link.is-active, .claro-details[open] > .claro-details__summary:focus, .claro-details__summary:hover, .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: #a35ecc !important;
}

.spelopdracht-status {
  font-size: 10px;
}

.spelopdracht-is-aanrader-checkbox {
  font-size: 14px;
}
.spelopdracht-is-aanrader-checkbox .sync-favoriet {
  margin-right: 0.5rem;
}

.status-indicator {
  font-size: 14px;
}

.spelopdracht-label {
  font-size: 17px;
  font-weight: bold;
  margin: 1rem 0;
}

.ui-dialog .ui-dialog-titlebar {
  text-align: center;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  position: relative;
}
.ui-dialog .ui-dialog-titlebar .dialog-title-part2 {
  font-size: 35px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 50% !important;
  transform: translate(0, -50%);
  right: 30px !important;
  width: 35px !important;
  height: 35px !important;
  border: 3px solid transparent;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  width: 25px !important;
  height: 25px !important;
  background-size: cover;
  margin-left: -12px !important;
  margin-top: -12px !important;
}
.ui-dialog .nietgeschikt-toggle, .ui-dialog .opdracht-data-input-label.js-zichtbaar-geschikt {
  margin-left: 20px;
}
.ui-dialog .nietgeschikt-toggle .fieldset__label.fieldset__label--group {
  font-size: 25px;
  margin-bottom: 1rem;
}
.ui-dialog .form-item {
  margin-left: 20px;
  position: relative;
}
.ui-dialog .claro-details .details-wrapper {
  margin-left: 0 !important;
}
.ui-dialog .claro-details .details-wrapper .form-item {
  margin-left: 0 !important;
}
.ui-dialog .opdracht-data-input-label.js-zichtbaar-geschikt {
  font-size: 25px;
  font-weight: bold;
}
.ui-dialog .spelopdracht-vraag-wrapper {
  border: 2px solid #fff;
  margin: 40px 20px;
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.ui-dialog .spelopdracht-vraag-wrapper:not(:last-child):after {
  content: "";
  font-family: "iconfont";
  font-size: 25px;
  display: block;
  width: 40px;
  text-align: center;
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ui-dialog .voordeshow-informatie-box {
  background: none;
}
.ui-dialog .voordeshow-informatie-box .voordeshow-informatie-box-titel {
  margin-bottom: 1rem;
}
.ui-dialog .voordeshow-informatie-box .voordeshow-informatie-box-titel > strong {
  font-size: 19px;
}
.ui-dialog .voordeshow-informatie-box .voordeshow-informatie-box-info {
  position: relative;
  margin-left: 50px;
}
.ui-dialog .voordeshow-informatie-box .voordeshow-informatie-box-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "iconfont";
  transform: translate(0, -50%);
  margin-left: -50px;
  font-size: 33px;
}
.ui-dialog .voordeshow-preview-link.preview-icon {
  text-decoration: underline;
  position: relative;
  min-height: 25px;
  padding: 5px 10px 5px 65px;
  color: #000;
  margin-top: 7px;
  margin-bottom: 0px !important;
  display: inline-block;
}
.ui-dialog .voordeshow-preview-link.preview-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "iconfont";
  transform: translate(0, -50%);
  margin-left: 15px;
  font-size: 33px;
}
.ui-dialog .form-item__description {
  position: absolute;
  display: inline-block;
  width: 380px;
  right: 0;
  top: 50%;
  transform: translate(10px, -70%);
}
.ui-dialog .claro-details {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}
.ui-dialog .ui-dialog-buttonpane {
  border-top: 3px solid #fff;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.ui-dialog.thema1 .form-wrapper {
  position: relative;
}
.ui-dialog.thema1 .form-wrapper:not(:last-child):not(.field--name-field-mod-thema1-niet-geschikt):after {
  content: "";
  font-family: "iconfont";
  font-size: 25px;
  display: block;
  width: 40px;
  text-align: center;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ui-dialog.thema1 .ui-dialog-content, .ui-dialog.thema1 .ui-dialog-buttonpane, .ui-dialog.thema2 .ui-dialog-content, .ui-dialog.thema2 .ui-dialog-buttonpane, .ui-dialog.thema3 .ui-dialog-content, .ui-dialog.thema3 .ui-dialog-buttonpane {
  background: #d6eae9 !important;
}
.ui-dialog.thema1 .spelopdracht-vraag-wrapper, .ui-dialog.thema2 .spelopdracht-vraag-wrapper, .ui-dialog.thema3 .spelopdracht-vraag-wrapper {
  border-color: #26b2b3 !important;
}
.ui-dialog.verb1 .ui-dialog-content, .ui-dialog.verb1 .ui-dialog-buttonpane, .ui-dialog.verb2 .ui-dialog-content, .ui-dialog.verb2 .ui-dialog-buttonpane, .ui-dialog.verb3 .ui-dialog-content, .ui-dialog.verb3 .ui-dialog-buttonpane {
  background: #ebede0 !important;
}
.ui-dialog.verb1 .spelopdracht-vraag-wrapper, .ui-dialog.verb2 .spelopdracht-vraag-wrapper, .ui-dialog.verb3 .spelopdracht-vraag-wrapper {
  border-color: #95c10c !important;
}
.ui-dialog.insp1 .ui-dialog-content, .ui-dialog.insp1 .ui-dialog-buttonpane, .ui-dialog.insp2 .ui-dialog-content, .ui-dialog.insp2 .ui-dialog-buttonpane, .ui-dialog.insp3 .ui-dialog-content, .ui-dialog.insp3 .ui-dialog-buttonpane {
  background: #e7dfec !important;
}
.ui-dialog.insp1 .spelopdracht-vraag-wrapper, .ui-dialog.insp2 .spelopdracht-vraag-wrapper, .ui-dialog.insp3 .spelopdracht-vraag-wrapper {
  border-color: #a35ecc !important;
}
.ui-dialog.et1 .ui-dialog-content, .ui-dialog.et1 .ui-dialog-buttonpane, .ui-dialog.et2 .ui-dialog-content, .ui-dialog.et2 .ui-dialog-buttonpane, .ui-dialog.et3 .ui-dialog-content, .ui-dialog.et3 .ui-dialog-buttonpane {
  background: #f5d7e3 !important;
}
.ui-dialog.et1 .spelopdracht-vraag-wrapper, .ui-dialog.et2 .spelopdracht-vraag-wrapper, .ui-dialog.et3 .spelopdracht-vraag-wrapper {
  border-color: #fd3d85 !important;
}
.ui-dialog .form-textarea-wrapper textarea {
  border-radius: 20px;
}
.ui-dialog .subdesc {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.ui-dialog .form-managed-file {
  display: inline-block;
}

/*# sourceMappingURL=main.css.map */

.path-spelen #actions-wrapper input#edit-submit {
  text-decoration: none;
  font-family: "Spline Sans",sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  border-radius: 661px;
  color: #fff;
  padding: 12px 21px;
  display: inline-block;
  vertical-align: top;
  background: #2FAB80;
  -webkit-transition: margin .1s,-webkit-box-shadow .1s;
  transition: margin .1s,-webkit-box-shadow .1s;
  transition: box-shadow .1s,margin .1s;
  transition: box-shadow .1s,margin .1s,-webkit-box-shadow .1s;
  -webkit-box-shadow: 0 3.96751px 0 0 #127552;
  box-shadow: 0 3.96751px 0 0 #127552;
  margin-bottom: 4px;
  cursor: pointer;
  text-shadow: none;
  border: none !important;
}
.path-spelen #actions-wrapper input#edit-submit:hover {
  margin-top: 18px;
  margin-bottom: 2px;
  -webkit-box-shadow: 0 0.5px 0 0 #127552;
  box-shadow: 0 0.5px 0 0 #127552;
}