@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
* {
  margin: 0px;
  padding: 0px;
}

/* Set standard fonts */
/* External fonts */
/* Local fonts */
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova.otf") format("opentype");
}
@font-face {
  font-family: "roboto-light";
  src: url("../fonts/roboto/Roboto-Light.otf") format("opentype");
}
@font-face {
  font-family: "roboto-light";
  src: url("../fonts/roboto/Roboto-Light.eot?nkd142");
  src: url("../fonts/roboto/Roboto-Light.eot?#iefixnkd142") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff?nkd142") format("woff"), url("../fonts/roboto/Roboto-Light.ttf?nkd142") format("truetype"), url("../fonts/roboto/Roboto-Light.svg?nkd142#roboto") format("svg");
}
@font-face {
  font-family: "defaultIcons";
  src: url("../fonts/defaultIcons.otf") format("opentype");
}
@font-face {
  font-family: "defaultIcons";
  src: url("../fonts/defaultIcons.eot?nkd142");
  src: url("../fonts/defaultIcons.eot?#iefixnkd142") format("embedded-opentype"), url("../fonts/defaultIcons.woff?nkd142") format("woff"), url("../fonts/defaultIcons.ttf?nkd142") format("truetype"), url("../fonts/defaultIcons.svg?nkd142#defaultIcons") format("svg");
}
body {
  font-family: "Open Sans", Arial, sans-serif;
}

html {
  font-size: 87.5%;
  /* 14px */
}

body {
  font-size: 1rem;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.6;
}

html, body {
  color: #303f4c;
  background: #f4f7f9;
}

a {
  color: #F47721;
}

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

a img {
  border: 0px;
}

img {
  max-width: 100%;
}

p {
  margin-bottom: 15px;
}

h1, h2, h3, h4, h5, caption, legend, .title {
  font-weight: normal;
}

h1, h2, h3, h4, h5 {
  margin-bottom: 3px;
  line-height: 1.3;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.3rem;
}

h4, caption {
  font-size: 1.2rem;
}

h5 {
  font-size: 1rem;
  font-weight: bold;
}

h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a :hover {
  text-decoration: underline;
}

ul, ol {
  margin-left: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
}

@media print {
  * {
    -webkit-transition: none !important;
    transition: none !important;
  }

  body, html {
    background-color: #FFFFFF;
  }

  @page {
    margin: 20mm 15mm 15mm 15mm;
  }
  img {
    max-width: 500px;
  }

  #wrapper a[href^="http://"]:after, #wrapper a[href^="https://"]:after, #wrapper a[href^="mailto:"]:after {
    content: " ( " attr(href) " )";
    font-size: 80%;
    color: #A0AFB0;
    font-family: inherit;
  }

  #wrapper a[href^="#"]:after {
    display: none;
  }

  #wrapper a {
    word-wrap: break-word;
    color: inherit;
  }
}
#page.user-is-tabbing a:focus, #page.user-is-tabbing button:focus, #page.user-is-tabbing input.button:focus {
  outline: 2px dotted #1472E6;
  outline-offset: 2px;
  transition: none;
}
#page.user-is-tabbing input[type=radio]:focus, #page.user-is-tabbing input[type=radio]:focus + label, #page.user-is-tabbing input[type=checkbox]:focus, #page.user-is-tabbing input[type=checkbox]:focus + label {
  font-weight: bold;
  outline: 2px dotted #1472E6;
  outline-offset: 2px;
}
#page.user-is-tabbing input:focus, #page.user-is-tabbing textarea:focus, #page.user-is-tabbing select:focus {
  outline: 2px dotted #1472E6;
  outline-offset: 2px;
  transition: none;
}
#page.user-is-tabbing.dark-focus a:focus, #page.user-is-tabbing.dark-focus button:focus, #page.user-is-tabbing.dark-focus input.button:focus, #page.user-is-tabbing .dark-focus a:focus, #page.user-is-tabbing .dark-focus button:focus, #page.user-is-tabbing .dark-focus input.button:focus {
  outline-color: #ffffff;
}
#page.user-is-tabbing.light-focus a:focus, #page.user-is-tabbing.light-focus button:focus, #page.user-is-tabbing.light-focus input.button:focus, #page.user-is-tabbing .light-focus a:focus, #page.user-is-tabbing .light-focus button:focus, #page.user-is-tabbing .light-focus input.button:focus {
  outline-color: #1472E6;
}
#page.user-is-tabbing.image-focus a:focus, #page.user-is-tabbing.image-focus button:focus, #page.user-is-tabbing.image-focus .button:focus, #page.user-is-tabbing .image-focus a:focus, #page.user-is-tabbing .image-focus button:focus, #page.user-is-tabbing .image-focus .button:focus {
  outline-color: #ffffff;
  background-color: #1472E6;
}
#page.user-is-tabbing.image-focus a:focus, #page.user-is-tabbing.image-focus a:focus *, #page.user-is-tabbing.image-focus button:focus, #page.user-is-tabbing.image-focus button:focus *, #page.user-is-tabbing.image-focus .button:focus, #page.user-is-tabbing.image-focus .button:focus *, #page.user-is-tabbing .image-focus a:focus, #page.user-is-tabbing .image-focus a:focus *, #page.user-is-tabbing .image-focus button:focus, #page.user-is-tabbing .image-focus button:focus *, #page.user-is-tabbing .image-focus .button:focus, #page.user-is-tabbing .image-focus .button:focus * {
  color: #ffffff;
}

#page {
  min-height: 100vh;
  width: 100%;
  min-width: 320px;
}

#page.acceptatie {
  background-image: url("../images/devenvironment.png");
}

#wrapper {
  min-height: auto;
  clear: both;
}

#page:after, #wrapper:after {
  content: " ";
  display: block;
  clear: both;
}

#page {
  display: flex;
  flex-flow: column nowrap;
}

header, footer {
  flex: 0 0 auto;
}

#wrapper {
  flex: 1 1 auto;
  min-height: 400px;
}

@media print {
  #page {
    display: block;
  }
}
.container {
  max-width: 1200px;
  width: calc(100% - 20px);
  margin: 0px 10px;
  min-width: 280px;
}
@media (min-width: 360px) {
  .container {
    margin: 0px 20px;
    width: calc( 100% - 40px );
  }
}
@media (min-width: 480px) {
  .container {
    margin: 0px 30px;
    width: calc( 100% - 60px );
  }
}
@media (min-width: 768px) {
  .container {
    margin: 0px 50px;
    width: calc( 100% - 100px );
  }
}
@media (min-width: 1200px) {
  .container {
    margin: 0px 100px;
    width: calc( 100% - 200px );
  }
}
@media (min-width: 1240px) {
  .container {
    margin: 0px auto;
  }
}
.container:after {
  content: " ";
  clear: both;
  display: block;
}

.container.fullWidth {
  max-width: 100%;
  width: 100%;
  margin: 0px;
}

#overlays {
  z-index: 50;
}

#panels {
  z-index: 49;
}

/* Table */
table {
  background: #FFFFFF;
  border: 1px solid #E0E4E5;
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0px;
}

caption {
  text-align: left;
  background: #F47721;
  color: #FFFFFF;
  line-height: 1.6;
  padding: 2px 4px;
  margin: 0px;
}

td, th {
  text-align: left;
  padding: 2px 4px;
}

td {
  vertical-align: top;
  border: 1px solid #E0E4E5;
}

th, thead, tfoot {
  font-weight: bold;
  vertical-align: bottom;
}

thead td, thead th, th {
  background: #CCC;
}

tfoot td, tfoot th {
  background: #E0E4E5;
  font-weight: bold;
}

td p {
  margin-bottom: 0px;
}

tr:nth-child(odd) {
  background: #F5F5F5;
}

@media print {
  thead th, thead td, th {
    -webkit-print-color-adjust: exact;
    font-weight: bold;
  }
}
/* Form */
form {
  border: 0px;
}

fieldset {
  border: 0px;
  margin-bottom: 15px;
}

legend {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

label {
  display: block;
  clear: both;
  line-height: 3rem;
  font-size: 1rem;
  cursor: pointer;
}

input[type=text], textarea, select, input[type=password] {
  background: #ffffff;
  border: 1px solid #e0e4e5;
  line-height: 2.5em;
  font-size: 1rem;
  color: #5c626a;
}

input[type=text], input[type=password] {
  height: 2.5em;
  text-indent: 10px;
  width: 88%;
}

textarea {
  padding: 1% 2%;
  line-height: 1.6;
  width: 84%;
}

select {
  min-width: 180px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  background-color: #edf7ff;
  border-color: #d5dee5;
}

input[type=radio], input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

input[type=submit] {
  border: 0px;
  font-size: 1rem;
  font-family: "Helvetica Neue Light", "Helvetica Neue", "ProximaNova", sans-serif;
  line-height: 1.6;
  margin: 0px 5px;
}

input[type=text], input[type=submit] {
  -webkit-appearance: none;
}

input[type=radio] + label, input[type=checkbox] + label {
  display: inline-block;
  line-height: 1.6;
}

input[type=radio], input[type=checkbox] {
  line-height: 1.6;
}

/* Demo */
input[type=radio]:checked + label, input[type=checkbox]:checked + label {
  font-style: italic;
}

/* Special classes for forms,
should be moved to other position in css file later to prevent hierarchy problems */
input.code, input.number {
  margin-right: 4px;
}

input.code {
  width: 70px;
}

input.number {
  width: 50px;
}

input.place {
  width: 170px;
}

input.error {
  background-color: #ffeded;
  border-color: #e5d5d5;
}

fieldset div.left {
  float: left;
  margin-right: 5px;
}

#page .nonvisual, #page .hidden, #page .hide, #page .highlighted {
  position: absolute;
  left: -9999vw;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.clearer, .clear-after:after {
  display: block;
  height: 0px;
  font-size: 0px;
  clear: both;
}

.clearer {
  width: 100%;
}

.clear-after:after {
  content: " ";
}

.skip {
  position: absolute;
  transform: translate(-50%, -150%);
  left: 50%;
  top: 0px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  background-color: #1472E6;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 0px 0px 5px 5px;
  padding: 7px 20px;
  text-decoration: none;
  z-index: 25;
  transition: all 0.15s linear;
}
.skip:focus {
  transform: translate(-50%, 0%);
}

.line {
  display: block;
  height: 1px;
  font-size: 0px;
  clear: both;
  background: #d7dade;
  margin: 2%;
  width: 96%;
}

p.left, img.left, .imgLabel.left, table.left {
  float: left;
  margin-right: 10px;
}
p.right, img.right, .imgLabel.right, table.right {
  float: right;
  margin-left: 10px;
}

table.left, table.right {
  width: auto;
  margin-top: 5px;
}
table.left {
  margin-right: 30px;
}
table.right {
  margin-left: 30px;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.centered {
  text-align: center;
}

.img_align_left {
  float: left;
  margin-right: 10px;
}

.img_align_right {
  float: right;
  margin-left: 10px;
}

span.imgLabel.center {
  display: table;
  margin: auto;
}
span.imgLabel.center img {
  margin: auto;
}

.imgLabel {
  background: #ffffff;
  padding: 2%;
  display: inline-block;
  font-size: 0.8em;
  text-align: center;
  max-width: 96%;
  min-width: 100px;
}
@media print {
  .imgLabel {
    border: 1px solid #e4e4e4;
  }
}
.imgLabel img {
  width: auto;
  clear: both;
  display: block;
  vertical-align: middle;
  margin-bottom: 10px;
}
.imgLabel img + br {
  font-size: 1px;
  height: 1px;
  display: block;
}

.noContent {
  color: #5d6773;
  margin: 10px 0px 20px 0px;
}
.noContent:before {
  display: inline-block;
  content: "e";
  font-family: "defaultIcons";
  border-radius: 30px;
  border: 1px solid #CCCCCC;
  font-size: 0.7rem;
  padding: 2px;
  text-align: center;
  width: 16px;
  margin-right: 10px;
}

.meta {
  font-size: 0.9rem;
  color: #707070;
  font-style: italic;
  margin-right: 5px;
}

.small, .date, .time {
  font-size: 0.9rem;
  color: #707070;
}

.description {
  font-size: 0.9rem;
}

.small {
  font-style: italic;
}

a.more, span.more {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
a.more:hover, span.more:hover {
  text-decoration: underline;
}
a.more:after, span.more:after {
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  position: relative;
  top: 1px;
  padding-left: 5px;
  display: inline-block;
}

.moreblock {
  margin-top: 30px;
}
.moreblock h3 {
  font-weight: bold;
}

.newwindow.noImage .icn {
  display: none;
}

/* ######################### */
/* #   Overwrite | Fixes   # */
/* ######################### */
.extraMargin {
  margin-top: 3%;
  margin-bottom: 3%;
}

.extraPadding {
  padding-top: 3%;
  padding-bottom: 3%;
}

.noMargin {
  margin: 0px;
}

.line.light {
  border: 0px;
}

.firstTitle {
  margin: 0px 2%;
}
@media (min-width: 700px) {
  .firstTitle {
    margin: 0px;
  }
}

.marginTitle {
  margin: 0px 2%;
}

/* ############ */
/* #   Logo   # */
/* ############ */
.logo {
  background-position: left top;
  background-repeat: no-repeat;
}
.logo a {
  text-decoration: none;
}

.borderTop {
  border-top: 1px solid #f6bf9a;
}

.borderBottom {
  border-bottom: 1px solid #f6bf9a;
}

.thumb, .image {
  display: inline-block;
  min-height: 40px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #f5f5f5;
  transition: all 0.3s linear;
}

.image {
  display: block;
}

.thumb.noImage, .image.noImage {
  background-image: url(../images/emblem_alt.svg);
  background-size: auto 40%;
  background-color: #f46b10;
}

.ar16x9,
.ar4x3,
.ar1x1,
.ar2x1,
.ar3x1,
.ar3x4 {
  position: relative;
  width: 100%;
}

.ar16x9:before,
.ar4x3:before,
.ar1x1:before,
.ar2x1:before,
.ar3x1:before,
.ar3x4:before {
  content: " ";
  display: block;
  transition: all 0.3s linear;
}

.ar16x9:before {
  padding-top: 56.25%;
}

.ar4x3:before {
  padding-top: 75%;
}

.ar1x1:before {
  padding-top: 100%;
}

.ar2x1:before {
  padding-top: 50%;
}

.ar3x1:before {
  padding-top: 33.333333%;
}

.ar3x4:before {
  padding-top: 133.333333%;
}

.widget.vh100, .vh100 {
  height: 100vh;
}

.widget.vh90, .vh90 {
  height: 90vh;
}

.widget.vh80, .vh80 {
  height: 80vh;
}

.widget.vh70, .vh70 {
  height: 70vh;
}

.widget.vh60, .vh60 {
  height: 60vh;
}

.widget.vh50, .vh50 {
  height: 50vh;
}

.imageheader {
  width: 100%;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.imageheader:before {
  content: " ";
  display: block;
  padding-top: 30%;
}
.imageheader.noImage {
  background-color: #e4e4e4;
  background-image: url(../images/default.svg);
  background-size: auto 60%;
  background-position: center center;
}

.icn {
  display: inline-block;
  text-align: center;
}

.icn-left {
  margin-right: 5px;
}

.icn-right {
  margin-left: 5px;
}

/* Generic button */
.button, input[type=submit], #formulier button[type=button] {
  font-size: 1rem;
  padding: 10px;
  padding-right: 15px;
  box-sizing: border-box;
  position: relative;
  background: #CCC;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 30px;
  border: none;
}

.button span {
  font-size: inherit;
}

.button .fa {
  margin: 0px 5px 0px 0px;
}

.buttons {
  clear: both;
  padding-top: 10px;
}

.button.smaller, .button.small {
  padding: 0px 10px;
  font-size: 0.9rem;
}

.button.next:after, .button.previous:before {
  font-family: "FontAwesome";
  display: inline-block;
}

.button.next:after {
  content: "";
  margin-left: 5px;
}

.button.previous:before {
  content: "";
  margin-right: 5px;
}

@media print {
  .button {
    border: 1px solid #CCC;
    background-color: transparent !important;
  }

  .button:after {
    clear: both;
    display: block;
    line-height: 1;
  }
}
/* Edit button */
.button.edit {
  float: right;
  padding: 0px 5px;
  margin: 1px;
  position: relative;
  text-decoration: none;
  background-color: #FFA800;
  border-radius: 5px;
  line-height: 1.6;
  font-size: 1rem;
}

.button.edit:after {
  content: "";
  color: #FFFFFF;
  font-family: "defaultIcons";
}

.button.edit:hover {
  background: #3C853A;
}

.editTitle {
  text-indent: -9999px;
}

.editTitle .button.edit {
  text-indent: 0px;
}

.title .button.edit {
  position: absolute;
  top: 0px;
  right: 0px;
}

.widget .button.edit {
  position: absolute;
  right: 2%;
  top: 2%;
}

.button.light {
  box-sizing: border-box;
  position: relative;
  line-height: 30px;
  height: auto;
  min-height: auto;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  color: #5d6773;
  transition: all 0.2s ease-in;
}
.button.light:hover {
  border-color: #cdd6de;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.toggleblock {
  box-sizing: border-box;
  clear: both;
  position: relative;
  margin-bottom: 10px;
  padding: 1% 2%;
  min-height: 40px;
  background: #eee;
}
.toggleblock.clean {
  padding: 0px;
  background: transparent;
}

.toggleblock > ul, .toggleblock > div, .toggleblock > form {
  display: none;
}

.toggleblock .toggle-header {
  display: flex;
}
.toggleblock .toggle-header > span {
  flex: 1 1 auto;
  pointer-events: none;
}
.toggleblock .toggle-button {
  min-width: 24px;
  text-align: center;
  font-size: 15pt;
  border-radius: 3px;
  border: 0px;
  background-color: transparent;
  cursor: pointer;
}
.toggleblock .toggle-button:focus-within {
  outline: 2px dotted #1472E6;
  outline-offset: 2px;
}
.toggleblock .toggle-button .icn {
  pointer-events: none;
  transition: all 0.15s linear;
}
.toggleblock.opened > ul, .toggleblock.opened > div, .toggleblock.opened > form, .toggleblock.active > ul, .toggleblock.active > div, .toggleblock.active > form {
  display: block;
}
.toggleblock.opened h2, .toggleblock.opened h3, .toggleblock.active h2, .toggleblock.active h3 {
  margin-bottom: 10px;
}
.toggleblock.opened .toggle-button .icn, .toggleblock.active .toggle-button .icn {
  transform: rotate(90deg);
}

/* hide some stuff: mostly forms */
.toggleblock legend {
  display: none;
}

.toggle.pointer:after {
  content: "";
}

.toggle.pointer.opened:after {
  content: "";
}

/* Generic toggle button */
.toggle {
  cursor: pointer;
}

span.toggle, a.toggle {
  position: absolute;
  right: 9px;
  top: 9px;
}

.toggle:after {
  margin-left: 5px;
  font-family: "FontAwesome";
  font-size: 1.4rem;
  position: relative;
  line-height: 0px;
  top: 4px;
}

.toggle.menu:after, .menu .toggle:after {
  content: "";
}

.toggle.menu.opened:after, .menu .toggle.opened:after {
  content: "";
}

.toggle.pointer:after {
  content: "";
}

.toggle.pointer.opened:after {
  content: "";
}

.toggle.left {
  position: relative;
  clear: both;
  left: auto;
  top: -1px;
  margin-right: 5px;
}
.toggle.left.opened {
  margin-bottom: 10px;
}

h2.toggle:after, h3.toggle:after {
  float: right;
  font-size: 1.4rem;
  line-height: 1.6;
  top: -1px;
}

/* Set font */
@font-face {
  font-family: "TiO";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/TiO/TiO.eot?v0.1");
  src: url("../fonts/TiO/TiO.eot?v0.1#iefix") format("embedded-opentype"), url("../fonts/TiO/TiO.ttf?v0.1") format("truetype"), url("../fonts/TiO/TiO.woff?v0.1") format("woff"), url("../fonts/TiO/TiO.svg?v0.1#TiO") format("svg");
}
.tio {
  font-family: "TiO" !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;
  display: inline-block;
}

.tio:before {
  content: "";
}

.tio-buitenland:before {
  content: "";
}

.tio-buitenland_werken_wonen_en_reizen:before {
  content: "";
}

.tio-consumentenzaken:before {
  content: "";
}

.tio-familie:before {
  content: "";
}

.tio-familie_jeugd_en_gezin:before {
  content: "";
}

.tio-immigratie:before {
  content: "";
}

.tio-immigratie_inburgering_en_integratie:before {
  content: "";
}

.tio-jezelf:before {
  content: "";
}

.tio-voor_jezelf_beginnen:before {
  content: "";
}

.tio-ondernemen:before {
  content: "";
}

.tio-media:before {
  content: "";
}

.tio-cultuur_sport_en_vrije_tijd:before {
  content: "";
}

.tio-natuur:before {
  content: "";
}

.tio-natuur_en_milieu:before {
  content: "";
}

.tio-onderwijs:before {
  content: "";
}

.tio-overheid:before {
  content: "";
}

.tio-overheid_en_democratie:before {
  content: "";
}

.tio-recht:before {
  content: "";
}

.tio-rechtspraak_en_veiligheid:before {
  content: "";
}

.tio-register:before {
  content: "";
}

.tio-uittreksels_en_registers:before {
  content: "";
}

.tio-uitkeringen:before {
  content: "";
}

.tio-belastingen_uitkeringen_en_toeslagen:before {
  content: "";
}

.tio-verkeer:before {
  content: "";
}

.tio-verkeer_voertuigen_en_wegen:before {
  content: "";
}

.tio-werk:before {
  content: "";
}

.tio-werk_en_loopbaan:before {
  content: "";
}

.tio-wonen:before {
  content: "";
}

.tio-wonen_en_leefomgeving:before {
  content: "";
}

.tio-zorg:before {
  content: "";
}

.tio-zorg_en_gezondheid:before {
  content: "";
}

.tabs, .subtabs {
  clear: both;
  margin-bottom: 3px;
}
.tabs a, .tabs span, .subtabs a, .subtabs span {
  box-sizing: border-box;
  text-decoration: none;
}
.tabs ul, .tabs, .subtabs ul, .subtabs {
  list-style: none;
  margin: 0px;
  position: relative;
}
.tabs ul:after, .tabs:after, .subtabs ul:after, .subtabs:after {
  content: " ";
  clear: both;
  display: block;
}
.tabs li, .subtabs li {
  display: block;
  float: left;
}
.tabs .number, .subtabs .number {
  padding: 0px;
  color: #282b2d;
}

.tabs {
  border-bottom: 1px solid #e0e4e5;
}
.tabs ul {
  z-index: 8;
}
.tabs a, .tabs span {
  display: inline-block;
  text-decoration: none;
  padding: 7px 30px;
  border-radius: 7px 7px 0px 0px;
  background: #e0e4e5;
  top: 5px;
  position: relative;
  color: #303F4C;
  z-index: 3;
  margin-right: -4px;
}
.tabs a:hover, .tabs span:hover {
  z-index: 5;
  background-color: #ffffff;
}
.tabs a:active, .tabs span:active {
  background: #EBEFF0;
}
.tabs .active a, .tabs span {
  background: #ffffff;
  color: #282b2d;
  border-bottom: 1px solid #e0e4e5;
  box-sizing: border-box;
  top: 1px;
  padding: 8px 20px;
  opacity: 1;
  z-index: 10;
}
.tabs .inactive a, .tabs span {
  opacity: 1;
  pointer-events: none;
}

.subtabs {
  border-top: 1px solid #e0e4e5;
  background: #ffffff;
  z-index: 9;
}
.subtabs a, .subtabs span {
  padding: 4px 10px;
  top: 0px;
  border: 0px;
  border-radius: 0px;
  background: transparent;
}
.subtabs a:hover, .subtabs span:hover {
  background-color: #f5f5f5;
}
.subtabs .active a, .subtabs .active span {
  background: #f5f5f5;
}

.widget .tabs {
  border-bottom: 0px;
}
.widget .tabs a, .widget .tabs span {
  padding: 5px 15px;
  line-height: 30px;
  text-align: center;
  min-width: 70px;
  font-size: 0.86rem;
  cursor: pointer;
  text-decoration: none;
}
.widget .tabs .active {
  font-size: 1rem;
  font-weight: bold;
  color: #f46b10;
}
.widget .tabs .inactive {
  color: rgba(0, 0, 0, 0.3);
}
.widget.air .tabs a, .widget.air .tabs span {
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
  font-size: 1.15rem;
}
.widget.air .tabs .active {
  border-color: #f46b10;
  font-weight: normal;
}
.widget.air .tabs .inactive {
  border-color: rgba(0, 0, 0, 0.15);
}
.widget.cloud .tabs {
  margin-bottom: -4px;
}
.widget.cloud .tabs a, .widget.cloud .tabs span {
  border-radius: 5px 5px 0px 0px;
  border-right: 2px solid rgba(0, 0, 0, 0.07);
  border-bottom: 2px solid rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
}
.widget.cloud .tabs .active {
  background: #ffffff;
  border-bottom: 4px solid #ffffff;
  position: relative;
  top: -4px;
  line-height: 35px;
}
.widget.rain .tabs {
  background-color: #f4f4f4;
  width: 100%;
}
.widget.rain .tabs a {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget.rain .tabs .active {
  background: #f46b10;
  color: #ffffff;
}
.widget.bigrain .tabs {
  margin-bottom: -4px;
  z-index: 6;
}
.widget.bigrain .tabs a, .widget.bigrain .tabs span {
  box-shadow: inset 0px -15px 15px -15px rgba(0, 0, 0, 0.1);
}
.widget.bigrain .tabs .active {
  background: #ffffff;
  border-bottom: 4px solid #ffffff;
  position: relative;
  top: -4px;
  line-height: 35px;
  font-family: oswald-bold;
  font-weight: normal;
  box-shadow: none;
}

.grid {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.fixedHeight .grid {
  align-items: stretch;
}
.grid, .grid .tile, .grid .col {
  position: relative;
  min-height: 50px;
}
.grid:after {
  clear: both;
  display: block;
  content: " ";
}
.grid .tile, .grid .col {
  margin: 15px;
  padding: 0px;
  flex: 1 0 auto;
  max-width: calc(100% - 30px);
  min-width: 0px;
}
.grid .single, .grid .double {
  width: calc(100% - 30px);
}
@media (min-width: 576px) {
  .grid .single {
    flex: 0 0 auto;
    width: calc(50% - 30px);
  }
  .grid .double, .grid .triple {
    flex: 0 0 auto;
    width: calc(100% - 30px);
  }
}
@media (min-width: 992px) {
  .grid .tile, .grid .col {
    width: calc(25% - 30px);
  }
  .grid .single {
    flex: 0 0 auto;
    width: calc(25% - 30px);
  }
  .grid .double {
    flex: 0 0 auto;
    width: calc(50% - 30px);
  }
  .grid .triple {
    flex: 0 0 auto;
    width: calc(75% - 30px);
  }
}
.grid .tile.full, .grid .col.full {
  width: calc(100% - 30px);
}

.container .grid {
  margin-left: -15px;
  margin-right: -15px;
}

.grid, .grid .grid .tile {
  padding-top: 0px;
  padding-bottom: 0px;
}
.grid .single .grid .single, .grid .double .grid .single {
  width: 100%;
}
@media (min-width: 992px) {
  .grid .double .grid .single {
    flex: 0 0 auto;
    width: calc(50% - 30px);
  }
}
@media (min-width: 576px) {
  .grid .triple .grid .single {
    flex: 0 0 auto;
    width: calc(33.333333% - 30px);
  }
  .grid .triple .grid .double {
    flex: 0 0 auto;
    width: calc(66.666667% - 30px);
  }
}
.grid .triple .grid .triple {
  flex: 0 0 auto;
  width: 100%;
}

.noPadding .tile.full {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.noPadding .grid .grid .tile.full {
  margin-top: 15px;
}

.row > .grid {
  margin-left: 0px;
  margin-right: 0px;
}

.row.noPadding > .grid .tile.full {
  padding: 0px;
  margin: 0px;
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.grid.no-margin {
  margin-left: 0px;
  margin-right: 0px;
}
.grid.no-margin .tile, .grid.no-margin .col {
  margin: 0px;
  max-width: 100%;
}
.grid.no-margin .single, .grid.no-margin .double {
  width: 100%;
}
@media (min-width: 576px) {
  .grid.no-margin .single {
    width: 50%;
  }
  .grid.no-margin .double, .grid.no-margin .triple {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .grid.no-margin .tile, .grid.no-margin .col, .grid.no-margin .single {
    width: 25%;
  }
  .grid.no-margin .double {
    width: 50%;
  }
  .grid.no-margin .triple {
    width: 75%;
  }
}
.grid.no-margin .tile.full, .grid.no-margin .col.full {
  width: 100%;
}

.single .grid.no-margin .single, .double .grid.no-margin .single {
  width: 100%;
}

@media (min-width: 992px) {
  .double .grid.no-margin .single {
    width: 50%;
  }
}

@media (min-width: 576px) {
  .triple .grid.no-margin .single {
    width: 33.333333%;
  }
  .triple .grid.no-margin .double {
    width: 66.666667%;
  }
}
.triple .grid.no-margin .triple {
  width: 100%;
}

.row {
  clear: both;
  position: relative;
  padding: 15px 0px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.row:after {
  content: " ";
  clear: both;
  display: block;
}
.row.negativeMargin {
  margin-top: -80px;
}
.row.negativeMargin.firstRow {
  padding-top: 100px;
}

/* Fixed height */
.fixedHeight {
  min-height: auto;
}

.singleRow, .doubleRow {
  min-height: 100px;
}

.tripleRow, .quadRow {
  min-height: 200px;
}

.singleRow .fixedHeight, .doubleRow .fixedHeight {
  height: 100px;
  min-height: auto;
}

.tripleRow .fixedHeight, .quadRow .fixedHeight {
  height: 200px;
  min-height: auto;
}

.row.autoHeight {
  min-height: auto;
}

@media (min-width: 600px) {
  .singleRow, .doubleRow {
    min-height: 150px;
  }

  .tripleRow, .quadRow {
    min-height: 300px;
  }

  .singleRow .fixedHeight, .doubleRow .fixedHeight {
    height: 150px;
  }

  .tripleRow .fixedHeight, .quadRow .fixedHeight {
    height: 300px;
  }
}
@media (min-width: 760px) {
  .singleRow {
    min-height: 150px;
  }

  .doubleRow {
    min-height: 300px;
  }

  .tripleRow {
    min-height: 450px;
  }

  .quadRow {
    min-height: 600px;
  }

  .singleRow .fixedHeight {
    height: 150px;
  }

  .doubleRow .fixedHeight {
    height: 300px;
  }

  .tripleRow .fixedHeight {
    height: 450px;
  }

  .quadRow .fixedHeight {
    height: 600px;
  }

  .doubleRow .banner:before {
    padding-top: 220px;
  }
}
/* Imagebackground on row */
.row.rowimage {
  padding: 1% 0px;
  background: linear-gradient(#222, #666);
}

@media print {
  #wrapper .row {
    background: transparent;
  }
  #wrapper .row + .row {
    border-top: 1px solid #CCCCCC;
  }
}
/* Remove padding and margins based on setting */
.row.noPadding {
  padding: 0px;
}
.row.noPadding .tile.full {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.row-background-info {
  text-align: left;
  z-index: 9;
  padding: 15px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 300px;
}
.row-background-info, .row-background-info * {
  color: #ffffff;
  box-sizing: border-box;
}
.row-background-info .icn {
  font-size: 1.4rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  .row-background-info .info-holder {
    position: absolute;
    opacity: 0;
    right: 10px;
    bottom: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    min-width: 240px;
    max-width: 80vw;
    z-index: 10;
    font-size: 0.9rem;
    border-radius: 3px;
    pointer-events: none;
    transition: all 0.15s linear;
  }
  .row-background-info:hover .info-holder {
    opacity: 1;
    pointer-events: visible;
  }
}
@media (min-width: 768px) {
  .row-background-info {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
  }
  .row-background-info .icn {
    display: none;
  }
}

/* ############ */
/* #   List   # */
/* ############ */
.block .list, .toggleblock .list {
  margin-bottom: 0px;
}

ul.list {
  margin-left: 0px;
  list-style: none;
}

.list li {
  line-height: 2;
  padding-left: 15px;
  position: relative;
}

ul.list li:before {
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  position: absolute;
  margin-right: 5px;
  float: left;
  left: 0px;
}

.list.buttonList li:before {
  display: none;
}

.buttonList .button {
  margin-bottom: 10px;
}

.list a, .list a:link, .light .list a, .light .list a:link, .list a:visited {
  text-decoration: none;
  color: #303F4C;
}

.light .list .dark a, .light .list .button.dark, .list .button.dark {
  color: #FFFFFF;
}

.list.column {
  float: left;
  min-width: 120px;
  margin-right: 2%;
  width: 98%;
}

.threeColumns .list.column {
  width: 31%;
}

.twoColumns .list.column {
  width: 48%;
}

.fourColumns .list.column {
  width: 23%;
}

.list a:hover {
  text-decoration: underline;
}

.page-head {
  position: relative;
  overflow: hidden;
}

.message {
  border-radius: 5px;
  display: block;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 3%;
  margin: 7px 0px 10px 0px;
}

.message p {
  margin-bottom: 5px;
}

.message:before {
  font-size: 2.6rem;
  margin-top: 0px;
  line-height: 3rem;
  margin-left: 5px;
}

.message.notice:before, .message.notice .icon, .alert.notice:before {
  color: #3C853A;
}

.message.warning:before, .message.warning .icon, .alert.warning:before {
  color: #FFA800;
}

.message.error:before, .message.error .icon, .alert.error:before {
  color: #D00000;
}

.message.dark:before, .message.dark .icon, .alert.dark:before {
  color: #FFFFFF;
}

/* Pointer */
.message:after {
  width: 20px;
  height: 20px;
  content: " ";
  background: #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
}

fieldset .message {
  max-width: 82%;
}

.alert {
  clear: both;
  margin: 5px;
  border-bottom: 1px solid #E4E4E4;
}

.alert:before {
  content: "";
  font-family: "defaultIcons";
  margin-right: 5px;
  float: left;
  margin-top: -1px;
}

.pages, .alphabet {
  margin-bottom: 20px;
  text-align: center;
}

.alphabet {
  text-align: left;
}

.pages .curPage {
  font-size: 0.9rem;
  margin-bottom: 0px;
}

.pages .curPage strong {
  font-size: 1.1rem;
}

.pages a, .pages a:link, .pages .current,
.alphabet a, .alphabet a:link, .alphabet .current {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  background: #E0E4E5;
  /* TODO Set color on different place */
  text-align: center;
  padding: 2px 4px;
  min-width: 16px;
  font-size: 0.9em;
  color: #000000;
  margin-bottom: 2px;
}

.pages .current,
.alphabet .selected {
  background: #F47211;
  /* TODO Set color on different place */
  border: 1px solid #F47211;
  /* TODO Set color on different place */
  color: #FFFFFF;
}

.alphabet a.more {
  clear: both;
  margin-top: 10px;
}

/* ############# */
/* #   Debug   # */
/* ############# */
#debugPanel {
  position: fixed;
  top: 100px;
  left: 0px;
  width: 200px;
  background: #FFFFFF;
  border: 3px solid #EFEFEF;
  padding: 20px;
  z-index: 999;
  margin-left: 0px;
  transition: margin-left 0.5s;
}

#debugPanel .switch {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

#debugPanel.mini {
  margin-left: -200px;
  transition: margin-left 0.5s;
}

.quicksearch {
  position: relative;
}
.quicksearch fieldset {
  margin-bottom: 0px;
}
.quicksearch input[type=text] {
  border: 1px solid #d5dee5;
  background: transparent;
  width: calc(100% - 50px);
  text-indent: 15px;
  height: 40px;
  line-height: 35px;
  padding: 0px;
  box-sizing: border-box;
}
.quicksearch input[type=text]:focus {
  border: 1px solid #D5DEE5;
  background-color: #EDF7FF;
}
.quicksearch .button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 100%;
  text-align: center;
  font-size: 1.2rem;
  display: block;
  box-shadow: none;
  cursor: pointer;
  margin: 0px;
  z-index: 3;
  line-height: 1.9rem;
}
.quicksearch .button .fa, .quicksearch .button .icn {
  margin-right: 0px;
}

#assistent .quicksearch .dummybutton {
  padding: 5px 15px;
}

#assistent .quicksearch {
  padding: 0px;
}

#assistent .quicksearch .overlay {
  padding: 0px;
}

.toggleblock .quicksearch .base {
  background-color: #ffffff;
}
.toggleblock .quicksearch .button {
  line-height: 100%;
}

@media print {
  .quicksearch {
    display: none;
  }
}
.widget.air.quicksearch .overlay:not(.bgColorTransparent) {
  padding: 0px;
}
.widget.air.quicksearch input {
  width: 100%;
  padding: 15px;
  height: 60px;
  text-indent: 5px;
}
.widget.air.quicksearch .button {
  top: 10px;
  right: 10px;
  bottom: 10px;
  height: auto;
}

.cloud.quicksearch input {
  border-radius: 7px 0px 0px 7px;
  border-right: 0px;
}
.cloud.quicksearch .button {
  box-shadow: none;
  border-radius: 0px 7px 7px 0px;
  border-right: 0px;
}

.bigrain.quicksearch .overlay {
  padding: 0px;
}

.row.image input[type=text], .row.image input[type=text]:focus, .row.bgColorA input[type=text], .row.bgColorA input[type=text]:focus, .row.bgColorB input[type=text], .row.bgColorB input[type=text]:focus, .row.bgColorgo input[type=text], .row.bgColorgo input[type=text]:focus, .row.bgColorGO input[type=text], .row.bgColorGO input[type=text]:focus {
  border-color: #FFFFFF;
}

/* Base Google Maps Component */
#googlemap {
  height: 500px;
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  #googlemap {
    height: 300px;
  }
}
#googlemap.waiting .static, #googlemap.active .static {
  display: none;
}

#googlemap.waiting:after {
  content: "Map word geladen";
  position: absolute;
  left: 50%;
  top: 47%;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}

#googlemap.active {
  border: 5px solid #FFF;
}

#googlemap .static {
  border: 5px solid #FFF;
  display: block;
  margin: auto;
  width: 100%;
}

#goData, .goData {
  display: none !important;
}

.modalDialog {
  position: fixed !important;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: -99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
  z-index: 99999;
}

.modalDialog div.holder {
  width: 50vw;
  position: relative;
  margin: 10% auto;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.modalDialog .modalMessage {
  padding: 5px 20px 13px 20px;
}

.modalDialog .buttons {
  background: #f5f5f5 none repeat scroll 0 0;
  clear: both;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 13pt;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  padding: 10px 15px;
}

.modalDialog a.button:hover {
  color: #FFFFFF;
}

.modalDialog .button {
  padding: 10px 25px;
  margin-top: 3.5%;
}

/* ################################## */
/* #       Formulier  Preview		# */
/* ################################## */
#formpreview_options {
  background: none repeat scroll 0 0 #CECECE;
  border: 1px solid;
  display: inline-block;
  margin-left: 82%;
  margin-top: -37px;
  padding: 3px 5px 0;
}

#formpreview_options span {
  line-height: 24px;
  padding: 0 0 0 55px;
  font-weight: bold;
  cursor: pointer;
}

#formpreview_options span.switchOn {
  background: url("../images/on-off-switch.png") no-repeat 0 0;
}

#formpreview_options span.switchOff {
  background: url("../images/on-off-switch.png") no-repeat 0 -18px;
}

#formpreview_options span.reset {
  background: url("../images/resetpreviewbutton.png") no-repeat 0 0;
}

.profile-icon {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background: #37AFE4 linear-gradient(#37AFE4, #37D5E4) no-repeat top center;
  background-size: cover;
  position: relative;
  border-radius: 100%;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.2s linear;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
}
.profile-icon:hover {
  opacity: 0.7;
}
.profile-icon.extra-large {
  font-size: 54px;
  height: 120px;
  line-height: 120px;
  width: 120px;
}
.profile-icon.larger {
  font-size: 32px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}
.profile-icon.smaller {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.profile-icon.tiny {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.profile-icon .fa {
  margin: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.profile-icon.not-logged-in, .profile-icon.no-user {
  background: #e4e4e4;
  font-size: 32px;
}
.profile-icon.not-logged-in:before, .profile-icon.no-user:before {
  content: " ";
  position: absolute;
  width: 90%;
  height: 6px;
  background-color: #e4e4e4;
  border-radius: 4px;
  bottom: 40%;
  left: 5%;
  z-index: 5;
  transform-origin: center center;
  transform: rotate(-45deg);
}

.longcalendar {
  position: relative;
  box-sizing: border-box;
  padding: 15px 5px;
  margin: 0px 0px 30px 0px;
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-flow: row nowrap;
  border-radius: 3px;
  z-index: 2;
}
.longcalendar .selection-holder {
  flex: 1 1 auto;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 0px 15px;
  margin: 0px 5px;
}
.longcalendar .selection-holder h3 {
  margin: 0px;
  line-height: 30px;
  flex: 1 1 auto;
}
.longcalendar .next-month, .longcalendar .previous-month {
  flex: 0 0 40px;
  line-height: 100%;
  text-align: center;
  padding-top: 10px;
  border-radius: 3px;
  font-size: 1.4rem;
}
.longcalendar .next-month:hover, .longcalendar .previous-month:hover {
  background-color: #1472E6;
  color: #ffffff;
}
.longcalendar .bar {
  display: block;
}
@media (min-width: 640px) {
  .longcalendar .bar {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
}
.longcalendar .selection {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.longcalendar .bar {
  margin-bottom: 15px;
}
.longcalendar .button {
  margin: 0px;
  padding: 3px 15px;
}
.longcalendar .select {
  position: relative;
  box-sizing: border-box;
  width: 120px;
  margin-left: 10px;
  height: 38px;
}
.longcalendar .select * {
  box-sizing: border-box;
}
.longcalendar .select .pointer {
  display: block;
  padding-right: 7px;
  z-index: 4;
  background-color: transparent;
  pointer-events: none;
  position: absolute;
  right: 0px;
  width: 30px;
  text-align: center;
}
.longcalendar .select ul {
  position: absolute;
  z-index: 3;
  border: 1px solid #e4e4e4;
  background-color: #ffffff;
  border-radius: 3px;
  width: 100%;
  list-style: none;
  margin: 0px;
  pointer-events: none;
}
.longcalendar .select a {
  text-decoration: none;
  font-size: 10pt;
  padding: 5px 0px 5px 10px;
  display: block;
  line-height: 26px;
  color: inherit;
}
.longcalendar .select a:hover {
  background-color: #1472E6;
  color: #ffffff;
}
.longcalendar .select li:not(.active) {
  display: none;
}
.longcalendar .select.active ul, .longcalendar .select:hover ul {
  pointer-events: visible;
  z-index: 5;
}
.longcalendar .select.active li, .longcalendar .select:hover li {
  display: block;
}
.longcalendar .select.active .pointer, .longcalendar .select:hover .pointer {
  pointer-events: none;
}
.longcalendar .select.active li.active a, .longcalendar .select:hover li.active a {
  background-color: #f5f5f5;
  font-style: italic;
}
.longcalendar .select.active li.active a:hover, .longcalendar .select:hover li.active a:hover {
  background-color: #1472E6;
  color: #ffffff;
}
@media (max-width: 639px) {
  .longcalendar .selection {
    display: block;
  }
  .longcalendar .selection .select, .longcalendar .selection .today {
    margin: 0px 0px 10px 0px;
    width: 100%;
  }
  .longcalendar .selection .today {
    text-align: center;
  }
}
.longcalendar .days {
  list-style: none;
  margin: 0px;
}
.longcalendar .days li {
  display: inline-block;
}
.longcalendar .days a {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}
.longcalendar .days a:hover {
  background-color: #1472E6;
  color: #ffffff;
}
.longcalendar .days a.active, .longcalendar .days li.today a {
  color: #ffffff;
  font-weight: bold;
}
.longcalendar .days li.today {
  background-color: #f46b10;
}

#page .docReaderButton {
  display: inline-block;
  border-radius: 3px;
  line-height: 24px;
  height: 24px;
  font-size: 0.8rem;
  border: 1px solid #cdd6de;
  background-color: #f5f5f5;
  position: relative;
  padding: 0px 10px 0px 30px;
  width: 95px;
  margin: 0px;
}
#page .docReaderButton, #page .docReaderButton .fa {
  transition: all 0.2s linear;
}
#page .docReaderButton:after {
  display: none;
}
#page .docReaderButton .fa {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  left: 4px;
  top: 0px;
  height: 24px;
  line-height: 24px;
  margin: 0px;
}
#page .docReaderButton:hover {
  background-color: #dbf4ff;
  border-color: #37afe4;
  color: #37afe4;
  text-decoration: none;
}
#page .docReaderButton:hover .fa {
  color: inherit;
}
@media (max-width: 767px) {
  #page .docReaderButton {
    width: 24px;
    padding: 0px;
  }
  #page .docReaderButton .fa {
    left: 0px;
  }
  #page .docReaderButton .label {
    display: none;
  }
}

.readspeakerButton.afterTitle {
  clear: both;
  margin: 0px;
}
.readspeakerButton.afterTitle .rsbtn {
  margin: 0px;
  float: none;
}

#content:not(.home):not(.widgets) .readspeakerButton .container {
  margin: -15px 0px 20px 0px;
  width: 100%;
}

#system .readspeakerButton .container {
  margin: 0px 0px 20px 0px;
  width: 100%;
}

#page.zoeken #wrapper #gosearch .readspeakerButton .container {
  margin: 20px 0px;
  width: 100%;
}

#content.home .readspeakerButton, #content.widgets .readspeakerButton {
  display: none;
  background-color: #dbf4ff;
  border: 1px solid #37afe4;
  padding: 15px 0px;
}
#content.home .readspeakerButton.active, #content.widgets .readspeakerButton.active {
  display: block;
}

@media print {
  .readspeakerButton {
    display: none;
  }
}
@media (max-width: 600px) {
  .gm_sidebar.gm_sidebar_rh {
    display: none !important;
  }
}
@media (min-width: 601px) {
  .gm_sidebar.gm_sidebar_cnr {
    display: none !important;
  }

  .gm_sidebar.gm_sidebar_rh {
    display: initial;
  }
}
/* ###################### */
/* #   Default colors   # */
/* ###################### */
.bgColorWhite, .base.bgColorWhite {
  background-color: #ffffff;
}

.fgColorWhite, .fgColorWhite * {
  color: #ffffff;
}

.bgColorBlack, .base.bgColorBlack {
  background-color: #000000;
}

.fgColorBlack, .fgColorBlack * {
  color: #000000;
}

.bgColorGrey, .base.bgColorGrey {
  background-color: #5d6773;
}

.fgColorGrey, .fgColorGrey * {
  color: #5d6773;
}

.bgColorDarkGrey, .base.bgColorDarkGrey {
  background-color: #282b2d;
}

.fgColorDarkGrey, .fgColorDarkGrey * {
  color: #282b2d;
}

.bgColorLightGrey, .base.bgColorLightGrey {
  background-color: #f5f5f5;
}

.fgColorLightGrey, .fgColorLightGrey * {
  color: #f5f5f5;
}

.bgColorMediumGrey, .base.bgColorMediumGrey {
  background-color: #bec2c8;
}

.fgColorMediumGrey, .fgColorMediumGrey * {
  color: #bec2c8;
}

.bgColorGO, .base.bgColorGO, .bgColorgo, .base.bgColorgo {
  background-color: #f47721;
}

.fgColorGO, .fgColorGO *, .fgColorgo, .fgColorgo * {
  color: #f47721;
}

.bgColorTransparent, .base.bgColorTransparent {
  background-color: transparent;
}

.bgBefore:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #000000;
  opacity: 0.8;
  z-index: 1;
}
.bgBefore .container, .bgBefore .grid {
  z-index: 2;
}

.bgColorWhite.bgBefore:before {
  background-color: #ffffff;
  opacity: 0.9;
}

.bgColorBlack.bgBefore:before {
  background-color: #000000;
}

.bgColorGrey.bgBefore:before {
  background-color: #5d6773;
}

.bgColorDarkGrey.bgBefore:before {
  background-color: #282b2d;
}

.bgColorLightGrey.bgBefore:before {
  background-color: #f5f5f5;
}

.bgColorMediumGrey.bgBefore:before {
  background-color: #bec2c8;
}

.bgColorGO.bgBefore:before, .bgColorgo.bgBefore:before {
  background-color: #f47721;
}

@media print {
  .bgBefore:before {
    display: none;
  }
}
#page.highcontrast .bgBefore:before {
  opacity: 0.3;
}

/* Suggestive search with typeahead */
.searchSuggestions {
  display: none;
  position: relative;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  padding: 10px;
  position: absolute;
  z-index: 8;
  min-width: 260px;
  max-width: 800px;
  min-height: 50px;
}

.searchSuggestions.active {
  display: block;
}

.searchSuggestions:after {
  content: " ";
  clear: both;
  display: block;
}

.searchSuggestions .suggestItem {
  display: block;
  padding: 15px 50px 15px 15px;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  box-sizing: border-box;
}

.searchSuggestions .suggestItem:hover {
  background: #F5F5F5;
}

.searchSuggestions .suggestItem + .suggestItem {
  border-top: 1px solid #E4E4E4;
}

.searchSuggestions .suggestItem:after {
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  position: absolute;
  right: 15px;
  color: #cdd6de;
  font-size: 24px;
  line-height: 40px;
  top: 50%;
  margin-top: -20px;
}

.searchSuggestions .suggestItem .name {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  clear: both;
}

.searchSuggestions .suggestItem .desc {
  font-size: 0.9rem;
  color: #a0afb0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 18px;
  display: block;
}

.searchSuggestions .suggestSpinner,
.searchSuggestions .noResults {
  display: block;
  text-align: center;
  color: #a0afb0;
}

.searchSuggestions .suggestSpinner {
  font-size: 36px;
  margin: 40px 0px;
}

article, .column, aside, .sidebar {
  clear: both;
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  article, .column {
    float: left;
    clear: left;
    width: calc(100% - 340px);
  }

  aside, .sidebar {
    float: right;
    clear: right;
    width: 260px;
    margin-left: 50px;
  }

  .switchColumns article, .switchColumns .column {
    float: right;
    clear: right;
  }

  .switchColumns aside, .switchColumns .sidebar {
    float: left;
    clear: left;
    margin-left: 0px;
    margin-right: 50px;
  }
}
.column.home, .column.fullWidth, .column.widgets {
  width: 100%;
}

/* ############ */
/* #   Menu   # */
/* ############ */
/* Generic styling */
.menu {
  width: 100%;
  position: relative;
  margin-bottom: 1%;
  min-height: 40px;
  margin-bottom: 10px;
  clear: both;
}

.menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.menu ul a, .menu ul a:link, .menu > div {
  display: block;
  padding: 0px 10px;
  margin: 0px 10px;
  text-decoration: none;
  font-size: 1.1rem;
  padding-bottom: 3px;
}

.menu ul a, .menu ul a:link {
  line-height: 3;
}

.menu li a {
  border-top: 1px dotted rgba(0, 0, 0, 0.15);
}

.menu.dark li a {
  border-top: 1px dotted rgba(255, 255, 255, 0.5);
}

.menu li:first-child a {
  border-top: 0px;
}

/* Make it fancy for mobile*/
.menu ul, .menu > div {
  display: none;
}

.menu.opened ul, .menu.opened > div {
  display: block;
}

.menu h2, .menu h3 {
  padding-left: 10px;
  line-height: 2.7rem;
}

.menu h2 {
  font-size: 1.6rem;
}

.menu h3 {
  font-size: 1.3rem;
}

.menu:after {
  content: " ";
  clear: both;
  display: block;
}

.menu .toggle {
  line-height: 40px;
  cursor: pointer;
  display: block;
  padding: 0 10px;
  right: 0;
  top: 0px;
}

.menu .toggle:after {
  font-size: 1.2rem;
  top: 1px;
}

.menu .toggle.opened {
  line-height: 48px;
}

.menu li:not(.home) a.active {
  background-color: rgba(255, 255, 255, 0.3);
}

.menu a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

@media (min-width: 700px) {
  .menu .toggle {
    display: none;
  }

  .menu h2, .menu h3 {
    display: none;
  }

  .menu ul a, .menu ul a:link {
    display: block;
    padding: 0px 10px;
    margin: 0px;
    font-size: 1rem;
  }

  .menu li a, .menu.dark li a {
    border-top: 0px dotted #000;
  }

  .menu ul, .menu > div {
    display: block;
  }

  .menu .button, .menu .quicksearch {
    width: auto;
    float: right;
    margin: 0.7% 0.7% 0% 0;
  }

  .menu ul a {
    float: left;
  }

  .menu > div {
    margin-right: 0px;
    padding-right: 0px;
  }

  .menu .quicksearch {
    max-width: 160px;
  }
}
@media (min-width: 1000px) {
  .menu ul a, .menu ul a:link {
    display: block;
    padding: 0px 20px;
    font-size: 1.1rem;
  }
}
.hovermenu > ul > li {
  position: relative;
  display: block;
  float: left;
}

.hovermenu li > div {
  display: none;
}

.hovermenu li:hover > div {
  display: block;
}

.hovermenu li > div {
  position: absolute;
  background: #FFFFFF;
  min-width: 200px;
  max-width: 300px;
  width: 20vw;
  left: auto;
  top: 46px;
  border-radius: 0px 0px 7px 7px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
}

.hovermenu li > div a {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  display: block;
  float: none;
}

.hovermenu li > div a, .hovermenu li > div a * {
  color: #303F4C;
}

.hovermenu li > div li:hover {
  background-color: #F7F7F7;
}

.air .hovermenu li > div li:last-of-type {
  border-radius: 0px 0px 5px 5px;
}

.hovermenu li > div li:hover a {
  color: #F47721;
}

.hovermenu li > div li:last-of-type a {
  border-bottom: 0px;
}

@media (max-width: 700px) {
  .hovermenu li > div {
    display: none !important;
  }

  .hovermenu > ul > li {
    float: none;
  }
}
.menuList {
  border: 0px;
}

.menuList ul {
  list-style: none;
  margin: 0px;
}

.menuList li {
  position: relative;
}

.menuList a, .menuList a:link {
  text-decoration: none;
}

/* Level 1 */
.menuList a, .menuList a:link {
  display: block;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  font-size: 1.1rem;
  padding: 12px 10px;
  margin: 0px 10px;
  line-height: 1.3;
}

/* Level 2 */
.menuList li li a, .menuList li li a:link {
  font-size: 1rem;
  padding: 6px 10px;
  margin-left: 15px;
}

/* Other levels */
.menuList ul ul ul {
  background: rgba(0, 0, 0, 0.05);
}

.menuList li li li a, .menuList li li li a:link {
  font-size: 0.9rem;
  line-height: 2;
  padding: 3px 10px;
  border-top: 0px;
  margin-left: 20px;
}

.menuList ul ul ul ul {
  background: transparent;
  margin-left: 20px;
}

/* Show parent, haschildren and active */
.menuList .haschildren:after,
.menuList .parent:after {
  color: #F47721;
  content: "";
  font-family: "defaultIcons";
  font-size: 1.2rem;
  float: right;
}

.menuList .parent:after, .menuList .active.haschildren:after {
  content: "";
}

.menuList a.active {
  color: #F47721;
}

/* Remove last border */
.menuList > ul > li:first-of-type a {
  border-top: 0px;
}

.menuList.clean ul ul ul {
  background: transparent;
}

/* #32289 Added hover */
.menuList a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.breadcrumb .holder {
  margin: 20px 0px;
}
.breadcrumb a, .breadcrumb .fa {
  line-height: 20px;
}
.breadcrumb h2 {
  font-size: 1rem;
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}
.breadcrumb a {
  color: #f46b10;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.breadcrumb .fa {
  color: #a0afb0;
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 0.9rem;
}
.breadcrumb .last {
  color: #5d6773;
  font-style: italic;
}

/* #################### */
/* #   Header & Menu  # */
/* #################### */
/* Default menu */
#navigation {
  position: relative;
  top: 10px;
  width: 100%;
  z-index: 20;
  border: 0px;
}

#navigation.hideBackground:not(.preserveBackground) {
  background: transparent;
}

#navigation .menu {
  margin: 0px;
  width: auto;
  border: 0px;
}

/* Main menu home fix */
#navigation .home a:before {
  content: "";
  font-family: "defaultIcons";
  font-size: 100%;
  line-height: 0;
  position: relative;
  top: 2px;
  height: 300px;
  margin-right: 5px;
}

@media (min-width: 700px) {
  #navigation .home span {
    display: none;
  }

  #navigation .home a:before {
    margin-left: 0px;
    margin-right: 0px;
  }

  #navigation .home a {
    padding: 0px 15px;
  }
}
@media print {
  #navigation {
    display: none;
  }
}
#header {
  display: none;
  position: relative;
  top: 0px;
  background: #FFFFFF;
  width: 100%;
  z-index: 8;
}

#logo, #assistent {
  width: 40%;
  margin: 30px 0px 0px 0px;
  position: relative;
  float: left;
}

#logo a {
  display: block;
  background: url(../images/logo.svg) no-repeat left top;
  min-height: 80px;
  text-indent: -9999px;
}

@media print {
  #header {
    border-bottom: 1px solid #CCCCCC;
    height: auto;
  }

  #logo a {
    background: transparent;
    min-height: auto;
  }

  #logo:before {
    content: url(../images/logo.svg);
    margin: 0.5cm 0px;
  }
}
/* header assistent links */
#assistent {
  float: right;
  margin: 0 20px 0 0;
}

#assistent .quicksearch {
  min-width: 270px;
  width: 100%;
  clear: both;
  margin-left: 15px;
  position: relative;
  margin-top: 35px;
}

.rsbtn .rsbtn_powered {
  display: none;
}

.rsbtn {
  float: right;
  margin: 42px 0 10px;
}

#assistent .about {
  float: right;
  text-align: left;
}

#assistent .about a {
  color: #AAAAAA;
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 0;
  padding: 9px;
  text-decoration: none;
  vertical-align: top;
}

#assistent .about a:hover {
  text-decoration: underline;
}

#assistent .about a.social {
  background: no-repeat 50% 50%;
  color: #cbcece;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 40px;
}

#assistent .about a.social:hover {
  background-color: #f4f7f9;
}

#assistent .social.newwindow:after {
  content: "";
  margin-left: auto;
}

#assistent .about + .quicksearch {
  margin-top: 10px;
}

#assistent .about + .quicksearch + .rsbtn {
  margin-top: 16px;
}

@media (min-width: 768px) {
  #assistent .quicksearch {
    float: right;
    width: 270px;
  }
}
@media (max-width: 790px) {
  #assistent {
    float: left;
    margin-right: 0;
    width: 100%;
  }

  #assistent .about {
    display: none;
  }
}
@media print {
  #assistent {
    display: none;
  }
}
#page.expandedHeader #wrapper {
  clear: both;
}
#page.expandedHeader #header {
  display: block;
}
#page.expandedHeader #navigation {
  top: 0px;
}
#page.expandedHeader #navigation .light, #page.expandedHeader #navigation .light-alt {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
#page.expandedHeader #navigation .skip {
  top: -110px;
}
#page.expandedHeader #logo {
  width: 50px;
  margin-right: 0px;
}
#page.expandedHeader #assistent {
  width: auto;
  margin: 0px;
}
#page.expandedHeader #assistent .quicksearch {
  min-width: 240px;
}
#page.expandedHeader #assistent .contrast {
  display: block;
  position: relative;
  float: right;
  margin: 42px 0px 10px 10px;
  border: 1px solid #999999;
  line-height: 13px;
  background-color: #ffffff;
  color: #282b2d;
  border-radius: 5px;
  padding: 5px 10px;
}
@media (min-width: 640px) {
  #page.expandedHeader #logo {
    width: 40%;
  }
  #page.expandedHeader #assistent .quicksearch {
    min-width: 250px;
  }
  #page.expandedHeader #navigation.fixed {
    top: -60px;
  }
}
@media (min-width: 768px) {
  #page.expandedHeader #navigation.fixed {
    position: fixed;
    top: -60px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    transition: margin-top 0.5s;
    margin-top: 60px;
  }
  #page.expandedHeader #navigation.fixed .menu {
    border: 0px;
    box-shadow: none;
  }
  #page.expandedHeader.fixed {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  #page.expandedHeader #logo {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #page.fixed {
    padding-top: 50px;
  }
}
/* ######################### */
/* #   Submenu & Content   # */
/* ######################### */
#submenu, #submenuBreadcrumb {
  margin: 20px 0px;
  padding: 0px;
}

.related {
  margin: 20px 0px;
}
.related h3 {
  font-size: 1.3rem;
}
.related li {
  background: transparent;
  clear: both;
}
.related li.image {
  min-height: auto;
}

#system {
  margin: 20px 0px;
  position: relative;
}

@media screen and (min-width: 700px) {
  .submenuTitle {
    display: none;
  }
}
@media print {
  .submenuTitle, #submenu {
    display: none;
  }

  #content, #system {
    margin: 0px;
  }
}
/* Alternate submenu content  */
/* sidebar kleur wijzigen */
.submenuSiblingPublications h3 {
  padding: 10px 15px;
  background-color: #f46b10;
  font-size: 1.1rem;
  font-weight: bold;
  color: #ffffff;
}

.submenuSiblingPublications ul + ul > li:first-of-type > a {
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
}

.publication .related {
  width: 48%;
  float: left;
  padding-top: 50px;
}

.publication .related.terms {
  float: right;
  margin-right: 0px;
}

.publication .related:first-of-type:last-of-type {
  width: 100%;
  clear: both;
  float: none;
}

.hasDocReader .file a {
  display: block;
  width: calc( 100% - 100px );
  float: left;
}
.hasDocReader .file .docReaderButton {
  float: right;
}

@media print {
  .related {
    display: none;
  }
}
/* ############################################### */
/* #   Submenu variant breadcrumb 				 # */
/* #   Shows the submenu as the breadcrumb pad   # */
/* ############################################### */
.menuList.submenuBreadcrumb li:not(:first-of-type) a {
  font-size: 0.9rem;
  padding-left: 10px;
  border-bottom: 0px;
}

.menuList.submenuBreadcrumb li:not(:first-of-type) a:before {
  content: " ";
  display: block;
  float: left;
  border: 5px solid #CCC;
  position: relative;
  margin-top: 3px;
  margin-right: 5px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.2);
}

.relatedAndDownloads h3 {
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.relatedAndDownloads h3 .fa, .relatedAndDownloads h3 .icn {
  display: inline-block;
  width: 24px;
  text-align: center;
}
.relatedAndDownloads ul.list li {
  line-height: 1.2;
  padding: 0px;
  margin: 10px 0px;
}
.relatedAndDownloads ul.list li .fa, .relatedAndDownloads ul.list li .icn {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 16px;
  text-align: center;
  line-height: 1.1;
}
.relatedAndDownloads ul.list li:before {
  display: none;
}
.relatedAndDownloads ul.list li .small {
  display: none;
}
.relatedAndDownloads ul.list li a {
  display: block;
  padding: 5px 5px 5px 30px;
}
.relatedAndDownloads ul.list li a:hover {
  text-decoration: underline;
  background-color: #f5f5f5;
}
.relatedAndDownloads .list {
  margin-bottom: 40px;
}
.relatedAndDownloads.hasDocReader .file a {
  width: calc(100% - 40px);
}
@media (max-width: 767px) {
  .relatedAndDownloads.hasDocReader .file a .label {
    display: none;
  }
}
@media (min-width: 768px) {
  .relatedAndDownloads.hasDocReader .file a {
    width: calc(100% - 130px);
  }
}
@media (max-width: 767px) {
  .relatedAndDownloads.hasDocReader .file a {
    width: calc(100% - 60px);
  }
}

.relatedAndDownloads {
  width: 100%;
  clear: both;
  float: none;
}
@media (min-width: 768px) {
  .relatedAndDownloads {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .relatedAndDownloads .related-items, .relatedAndDownloads .related-documents {
    flex: 0 0 calc(50% - 20px);
  }
}

.share-this-page {
  position: relative;
  clear: both;
  margin-top: 50px;
}
@media (min-width: 640px) {
  .share-this-page {
    display: flex;
    flex-flow: row nowrap;
  }
}
.share-this-page .share-title {
  line-height: 44px;
  font-size: 1rem;
}
@media (min-width: 640px) {
  .share-this-page .share-title {
    line-height: 32px;
    margin-right: 10px;
    flex: 0 0 auto;
  }
}
.share-this-page .share-title .icn {
  display: inline-block;
  margin-right: 5px;
}
@media (min-width: 640px) {
  .share-this-page .share-links {
    flex: 1 1 auto;
  }
}
.share-this-page .share-item {
  display: inline-block;
  position: relative;
  margin: 0px 2px;
}
.share-this-page .share-item a {
  display: block;
  color: #ffffff;
  cursor: pointer;
}
.share-this-page .share-item a .icn {
  background-color: #f46b10;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 3px;
  transform-origin: center center;
  transition: all 0.1s linear;
}
@media (min-width: 640px) {
  .share-this-page .share-item a .icn {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.share-this-page .share-item a .label {
  position: absolute;
  top: calc( 100% + 20px );
  left: 50%;
  transform: translateX(-50%);
  margin-top: -10px;
  background-color: red;
  padding: 5px 15px;
  line-height: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: normal;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s linear;
  white-space: nowrap;
}
.share-this-page .share-item a .label:before {
  content: " ";
  background-color: inherit;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
  left: 50%;
  top: 0px;
}
.share-this-page .share-item.twitter .icn, .share-this-page .share-item.twitter .label {
  background-color: #33cbfc;
}
.share-this-page .share-item.facebook .icn, .share-this-page .share-item.facebook .label {
  background-color: #3b5999;
}
.share-this-page .share-item.linkedin .icn, .share-this-page .share-item.linkedin .label {
  background-color: #0077b5;
}
.share-this-page .share-item.whatsapp .icn, .share-this-page .share-item.whatsapp .label {
  background-color: #25d366;
}
.share-this-page .share-item.e-mail .icn, .share-this-page .share-item.e-mail .label {
  background-color: #a0afb0;
}
.share-this-page .share-item a:hover .icn, .share-this-page .share-item a:focus .icn {
  transform: scale(1.2);
}
.share-this-page .share-item a:hover .label, .share-this-page .share-item a:focus .label {
  opacity: 1;
  margin-top: 0px;
  z-index: 5;
  pointer-events: none;
}
@media (min-width: 768px) {
  .share-this-page .share-item.whatsapp {
    display: none;
  }
}

/* ############## */
/* #   Footer   # */
/* ############## */
footer {
  padding: 5px;
  margin-top: 0px;
  line-height: 30px;
  height: 40px;
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
}

footer .copy, footer .copy a {
  font-size: 0.8rem;
}

footer .powered {
  display: block;
}

footer a.top {
  float: right;
  text-decoration: none;
}

@media (min-width: 600px) {
  footer .powered {
    display: inline;
  }
}
@media print {
  /* Footer */
  html body footer {
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
  }

  footer a.top {
    display: none;
  }
}
.widget {
  position: relative;
  box-sizing: border-box;
}
.widget:after {
  content: " ";
  clear: both;
  display: block;
}
.widget .overlay {
  height: 100%;
}

.widget .item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}
.widget .item:not(a) {
  color: inherit;
}
.widget a.item:hover {
  background-color: #f5f5f5;
}
.widget a.item:after {
  content: " ";
  clear: both;
  display: block;
}
.widget a.item .more {
  display: block;
  text-align: right;
}
.widget a.item p {
  color: #282b2d;
}
.widget a.item:last-of-type:not(:first-of-type) {
  border-bottom: 0px;
}
.widget .thumb-and-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.widget .thumb-and-content .thumb, .widget .thumb-and-content .imageheader, .widget .thumb-and-content .map {
  flex: 0 0 auto;
}
.widget .thumb-and-content .itemcontent {
  flex: 1 1 auto;
}
.widget .rain:not(.introlist) .content .item {
  padding: 10px 15px;
}
.widget .rain .introlist .item, .widget .cloud .introlist .item {
  margin-bottom: 0px;
  padding: 0px;
}
.widget .rain .item:first-of-type, .widget .cloud .item:first-of-type {
  margin-top: 5px;
}

.listwidget li {
  line-height: 1.6;
  padding: 7px 0px 7px 15px;
}
.listwidget .footer {
  text-align: right;
}
.listwidget.rain li:not(:last-of-type), .listwidget.bigrain li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.listwidget.rain:not(.introlist) .content {
  padding: 0px;
}
.listwidget.rain:not(.introlist) .content li {
  padding: 7px 15px 7px 20px;
}
.listwidget.rain:not(.introlist) .content li:before {
  left: 5px;
}
.listwidget.rain .content ul {
  margin: 0px;
}
.listwidget.rain .footer {
  background-color: rgba(0, 0, 0, 0.05);
}
.listwidget.rain .footer:empty {
  background-color: transparent;
}
.listwidget.air li, .listwidget .cloud li {
  border-bottom: 0px;
}

.widget.toptask .task {
  color: inherit;
  text-decoration: none;
  min-height: 60px;
  line-height: 20px;
  box-sizing: border-box;
}
.widget.toptask .task, .widget.toptask .task * {
  transition: all 0.1s ease-in;
}
.widget.toptask .task .taskname {
  width: calc( 100% - 60px );
  float: left;
  font-size: 1.3rem;
  padding: 20px 0px 20px 20px;
  box-sizing: border-box;
}
.widget.toptask .task .taskicon {
  display: block;
  float: right;
  width: 60px;
  font-size: 1.8rem;
  margin: 0px;
  text-align: center;
  line-height: 60px;
  position: relative;
}
.widget.toptask .task:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .widget.toptask .task {
    height: 120px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
  .widget.toptask .task .taskname {
    padding-left: 35px;
  }
  .widget.toptask .task .taskicon {
    padding-right: 20px;
    font-size: 2.4rem;
  }
  .widget.toptask .task:hover .taskicon {
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .widget.toptask .moreTile {
    display: none;
  }
}
.widget.toptask .moreLink {
  text-align: center;
  width: 100%;
}
.widget.toptask .moreLink span {
  pointer-events: none;
}
.widget.toptask .moreLink .moreIcon {
  margin-left: 10px;
  position: relative;
}
@media (max-width: 991px) {
  .widget.toptask .task {
    margin-bottom: 5px;
  }
  .widget.toptask :not(.active) .task:nth-of-type(n+5) {
    display: none;
  }
  .widget.toptask .active .moreIcon {
    transform: rotate(-180deg);
    top: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .widget.toptask .task .taskname {
    padding-left: 15px;
  }
  .widget.toptask .task .taskicon {
    padding-right: 5px;
  }
}
.widget.toptask.air .taskname, .widget.toptask.cloud .taskname {
  font-weight: 300;
}
.widget.toptask.cloud .toptask, .widget.toptask.cloud .button, .widget.toptask.rain .toptask, .widget.toptask.rain .button, .widget.toptask.bigrain .toptask, .widget.toptask.bigrain .button {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.widget.toptask.air .bgColorTransparent .taskname {
  padding-left: 0px;
}
.widget.toptask.cloud .task {
  border-radius: 5px;
}
.widget.toptask.bigrain .taskname {
  font-family: "oswald-bold";
}
#page.highcontrast .widget.toptask .task {
  background-color: #ffffff;
}
#page.highcontrast .widget.toptask .taskname {
  font-weight: normal;
}
#page.highcontrast .widget.toptask .taskname, #page.highcontrast .widget.toptask .taskicon {
  color: #000000;
}

.widget.index, .widget.index * {
  position: relative;
  box-sizing: border-box;
}
.widget.index .letters {
  padding: 0px 0px 0px 20px;
}
.widget.index .letters a {
  display: block;
  float: left;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 3px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0px 10px;
  transition: all 0.1s linear;
  border-radius: 3px;
}
.widget.index .letters:after {
  content: " ";
  clear: both;
  display: block;
}
.widget.index.floatTitle .holder {
  display: flex;
  flex-flow: row nowrap;
}
.widget.index.floatTitle .holder .title {
  flex: 0 0 auto;
  line-height: 30px;
  padding-left: 10px;
  margin: 3px;
}
.widget.index.floatTitle .holder .letters {
  flex: 1 1 auto;
}
.widget.index.air .letters a {
  background-color: transparent;
  margin: 3px 0px;
  padding: 0px 5px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.widget.index.air .letters a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: underline;
}
.widget.index.air .title {
  font-size: 1rem;
}
.widget.index.air.floatTitle .title {
  padding-left: 0px;
  line-height: 20px;
  font-size: 1rem;
}
.widget.index.air .overlay, .widget.index.cloud .overlay {
  padding: 0px;
}
.widget.index.cloud.clearTitle .letters, .widget.index.rain.clearTitle .letters, .widget.index.bigrain.clearTitle .letters {
  padding: 10px 12px;
}
.widget.index.cloud .letters a, .widget.index.rain .letters a, .widget.index.bigrain .letters a {
  border: 1px solid transparent;
}
.widget.index.cloud .letters a:hover, .widget.index.rain .letters a:hover, .widget.index.bigrain .letters a:hover {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.25);
}
.widget.index.rain .letters a, .widget.index.bigrain .letters a {
  min-width: 40px;
  height: 40px;
  line-height: 40px;
}
.widget.index.rain.floatTitle .title, .widget.index.bigrain.floatTitle .title {
  line-height: 40px;
  padding-left: 15px;
}
.widget.index.bigrain.floatTitle .title {
  font-family: "oswald-bold";
}

.row.image .index.air.floatTitle .title, .row.bgColorA .index.air.floatTitle .title, .row.bgColorB .index.air.floatTitle .title,
.row.bgColorgo .index.air.floatTitle .title, .row.bgColorGO .index.air.floatTitle .title,
.row.bgColorBlack .index.air.floatTitle .title, .row.bgColorDarkGrey .index.air.floatTitle .title, .row.bgColorGrey .index.air.floatTitle .title {
  color: #FFFFFF;
}

.widget.tabcontent .tabtitle {
  color: #ffffff;
  position: relative;
}
.widget.tabcontent .tabtitle h3 {
  width: calc( 100% - 50px );
  float: left;
  color: inherit;
  margin: 0px;
  padding: 10px 0px 10px 10px;
  line-height: 30px;
  box-sizing: border-box;
}
.widget.tabcontent .tabtitle .toggle {
  font-size: 1.2rem;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  right: 0px;
}
.widget.tabcontent .tabtitle .toggle, .widget.tabcontent .tabtitle .toggle .fa {
  display: block;
  line-height: 50px;
  height: 50px;
  width: 50px;
  top: 0px;
}
.widget.tabcontent .tabtitle:after {
  content: " ";
  clear: both;
  display: block;
}
.widget.tabcontent .tab.active .fa {
  transform: rotate(-180deg);
}
@media (max-width: 991px) {
  .widget.tabcontent .toolbar .button {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .widget.tabcontent .toolbar {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    margin: 30px -10px 0px -10px;
  }
  .widget.tabcontent .toolbar .button {
    flex: 1;
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .widget.tabcontent .contentHolder {
    width: calc( 100% - 200px );
    float: left;
  }
  .widget.tabcontent .toolbar {
    width: 200px;
    float: right;
    margin-right: -20px;
  }
}
.widget.tabcontent.air .titlebar {
  padding-top: 10px;
  margin-bottom: 15px;
}
.widget.tabcontent.air .tabs {
  padding: 0px;
  margin: 0px 15px;
  width: calc( 100% - 30px );
}
.widget.tabcontent.air .tabs, .widget.tabcontent.air .tabs a, .widget.tabcontent.air .tabs > span {
  border-bottom: 3px solid #e4e4e4;
}
.widget.tabcontent.air .tabs .holder {
  margin-bottom: 2px;
}
.widget.tabcontent.cloud .titlebar {
  margin-bottom: 10px;
}

.widget.eventsList .event {
  text-decoration: none;
  clear: both;
  padding: 7px 0px;
  box-sizing: border-box;
  display: block;
  border-radius: 3px;
}
.widget.eventsList .event:hover {
  background-color: #f5f5f5;
}
.widget.eventsList .event:after {
  content: " ";
  clear: both;
  display: block;
}
.widget.eventsList .date {
  font-size: 24px;
  color: inherit;
  text-align: center;
  display: block;
  width: 50px;
  line-height: 1;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
}
.widget.eventsList .date abbr {
  font-size: 0.9rem;
  display: block;
  clear: both;
  text-decoration: none;
  margin-top: 3px;
  color: #5d6773;
}
.widget.eventsList .itemcontent {
  float: right;
  width: calc( 100% - 60px );
}
.widget.eventsList .itemcontent .time {
  color: #a0afb0;
}
.widget.eventsList .itemcontent .description {
  margin-top: 10px;
  color: #5d6773;
}
.widget.eventsList.dark .event:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.widget.eventsList.rain .event {
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.widget.eventsList.bigrain .date {
  margin-top: 4px;
  border-right: 1px dotted #e4e4e4;
  width: 60px;
  margin-right: 20px;
}
.widget.eventsList.bigrain .date .nr {
  font-weight: bold;
  font-family: "Oswald", sans-serif;
}
.widget.eventsList.bigrain .itemcontent {
  width: calc(100% - 80px);
}
.bgColorTransparent .widget.eventsList .event:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.widget.lastEvent .holder {
  display: block;
}
.widget.lastEvent .textbox {
  position: absolute;
  right: 0px;
  bottom: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px;
  max-width: 300px;
  width: 95%;
}
.widget.lastEvent .textbox:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 5px;
  height: 100%;
}
.widget.lastEvent .textbox .date {
  font-size: 24px;
  color: inherit;
  text-align: center;
  display: block;
  width: 50px;
  line-height: 1;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
}
.widget.lastEvent .textbox .date abbr {
  font-size: 0.9rem;
  display: block;
  clear: both;
  text-decoration: none;
  margin-top: 3px;
  color: #5d6773;
}
.widget.lastEvent .textbox .itemcontent {
  float: right;
  width: calc( 100% - 60px );
}
.widget.lastEvent .textbox .itemcontent .time {
  color: #a0afb0;
  margin-top: -2px;
  display: block;
}
.widget.lastEvent .textbox .itemcontent .description {
  margin: 5px 0px 0px 0px;
  color: #5d6773;
}
.widget.lastEvent.cloud .content, .widget.lastEvent.rain .content {
  padding: 0px;
}
.widget.lastEvent.bigrain .date {
  margin-top: 4px;
  border-right: 1px dotted #e4e4e4;
  width: 60px;
  margin-right: 10px;
}
.widget.lastEvent.bigrain .date .nr {
  font-weight: bold;
  font-family: "Oswald", sans-serif;
}
.widget.lastEvent.bigrain .itemcontent {
  width: calc(100% - 70px);
}

.widget.contentSlider {
  max-height: 90vh;
  position: relative;
  overflow: hidden;
}
.widget.contentSlider, .widget.contentSlider div, .widget.contentSlider .slide {
  position: relative;
  box-sizing: border-box;
}
.widget.contentSlider .holder {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
.widget.contentSlider .titlebar {
  flex: 0 0 auto;
}
.widget.contentSlider .slider, .widget.contentSlider .slide {
  background-color: #282b2d;
}
.widget.contentSlider .slider {
  flex: 1 1 auto;
}
.widget.contentSlider .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  visibility: hidden;
  color: inherit;
  text-decoration: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.widget.contentSlider .slide.active {
  left: 0%;
  visibility: visible;
}
.widget.contentSlider .slide.noImage {
  background-image: url("../images/newsholder.jpg");
}
.widget.contentSlider .textbox {
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px 10px 10px 20px;
}
@media (min-width: 768px) {
  .widget.contentSlider .textbox {
    width: 70%;
  }
}
.widget.contentSlider .textbox .title {
  font-size: 1.2rem;
  color: inherit;
  margin-bottom: 5px;
}
.widget.contentSlider .textbox .smallcontent {
  font-size: 0.9rem;
}
.widget.contentSlider .textbox p {
  margin-bottom: 5px;
}
.widget.contentSlider .textbox .more {
  text-align: right;
  float: right;
}
.widget.contentSlider .nav {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.widget.contentSlider .nav .controls {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 0rem;
  pointer-events: auto;
}
.widget.contentSlider .nav .controls .steps {
  display: inline-block;
  color: inherit;
}
.widget.contentSlider .nav .controls .opt {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0.9rem;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.widget.contentSlider .nav .controls .opt.active {
  background-color: rgba(255, 255, 255, 0.15);
}
.widget.contentSlider .nav .controls .opt:hover {
  background-color: rgba(255, 255, 255, 0.07);
}
.widget.contentSlider .nav .controls .fa {
  margin: 0px;
}
.widget.contentSlider .nav .controls .pause span {
  pointer-events: none;
}
.widget.contentSlider .pause .fa-play {
  display: none;
}
.widget.contentSlider[data-state=paused] .pause .fa-play {
  display: inline-block;
}
.widget.contentSlider[data-state=paused] .pause .fa-pause {
  display: none;
}
.widget.contentSlider.moving .slide {
  animation: moveSlide linear 0.35s 1 forwards;
}
.widget.contentSlider.moving .slide.leftOut {
  animation-name: leftOut;
}
.widget.contentSlider.moving .slide.rightOut {
  animation-name: rightOut;
}
.widget.contentSlider.moving .slide.leftIn {
  animation-name: leftIn;
}
.widget.contentSlider.moving .slide.rightIn {
  animation-name: rightIn;
}
@keyframes leftOut {
  from {
    left: 0%;
    visibility: visible;
  }
  to {
    left: -100%;
    visibility: hidden;
  }
}
@keyframes rightOut {
  from {
    left: 0%;
    visibility: visible;
  }
  to {
    left: 100%;
    visibility: hidden;
  }
}
@keyframes leftIn {
  from {
    left: -100%;
    visibility: hidden;
  }
  to {
    left: 0%;
    visibility: visible;
  }
}
@keyframes rightIn {
  from {
    left: 100%;
    visibility: hidden;
  }
  to {
    left: 0%;
    visibility: visible;
  }
}
.widget.contentSlider.fading .slide {
  transition: opacity 2s ease-in-out 2s;
  opacity: 0;
  left: 0;
  z-index: 3;
}
.widget.contentSlider.fading .slide.active {
  opacity: 1;
  z-index: 4;
  transition-delay: 0s;
}
.widget.contentSlider.hideNavigation .controls, .widget.contentSlider.hideNavigation .steps, .widget.contentSlider.hideNavigation .move {
  display: none;
}
.widget.contentSlider:not(.autoplay) .controls .pause {
  display: none;
}
.widget.contentSlider.darkenSlides .slide:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000000;
  content: " ";
  display: block;
  opacity: 0.5;
  transition: opacity 0.3s ease-in;
}
.widget.contentSlider.darkenSlides:hover .slide:before {
  opacity: 0.2;
}
.widget.contentSlider.air .holder {
  margin: 30px 20px;
  width: calc( 100% - 40px );
  height: calc( 100% - 60px );
}
.widget.contentSlider.air .titlebar {
  padding-left: 0px;
  margin-bottom: 30px;
}
.widget.contentSlider.cloud .textbox {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.widget.contentSlider.bigrain .holder {
  margin: 15px 20px;
  width: calc( 100% - 40px );
  height: calc( 100% - 30px );
}
.widget.contentSlider.bigrain .titlebar {
  padding-left: 0px;
}
.widget.contentSlider.showTitle.rain .controls, .widget.contentSlider.showTitle.cloud .controls {
  top: -40px;
}
.widget.contentSlider.showTitle.rain .controls, .widget.contentSlider.showTitle.rain .opt.active, .widget.contentSlider.showTitle.cloud .controls, .widget.contentSlider.showTitle.cloud .opt.active {
  background-color: rgba(0, 0, 0, 0.15);
}
.widget.contentSlider.showTitle.bigrain .controls {
  top: -50px;
  background-color: transparent;
}
.widget.contentSlider.showTitle.bigrain .controls .opt {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 2px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  color: #5d6773;
}
.widget.contentSlider.showTitle.bigrain .opt.active {
  background-color: #f5f5f5;
  border-color: #f47721;
}

#page.highcontrast .widget.contentSlider.base {
  border: 0px;
}

#page.highcontrast .widget.contentSlider .base.textbox {
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

#page.highcontrast .widget.contentSlider .opt {
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

#page.user-is-tabbing .slide:focus {
  border: 7px solid #1472E6;
}
#page.user-is-tabbing .slide:focus .textbox {
  outline: 3px dotted #1472E6;
  outline-offset: 5px;
}

.widget.birthdays, .widget.birthdays .person {
  box-sizing: border-box;
  position: relative;
}
.widget.birthdays .content:after {
  content: " ";
  clear: both;
  display: block;
}
.widget.birthdays .today, .widget.birthdays .list {
  margin-bottom: 20px;
}
.widget.birthdays .list {
  border-bottom: 1px solid #cdd6de;
}
.widget.birthdays .list:last-of-type {
  border-bottom: 0px solid #cdd6de;
}
@media (min-width: 640px) {
  .widget.birthdays:not(.single) .list {
    width: 50%;
    float: left;
    border: 0px;
  }
}
.widget.birthdays .overflow {
  max-height: 1px;
  overflow: hidden;
  transition: max-height 0.3s ease-in;
}
.widget.birthdays .active .overflow {
  max-height: 500px;
}
@media (min-width: 640px) {
  .widget.birthdays:not(.single) .overflow {
    max-height: 500px;
  }
}
.widget.birthdays .titlebar {
  text-align: center;
}
.widget.birthdays h4 {
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-right: 30px;
  line-height: 30px;
  cursor: pointer;
}
.widget.birthdays h4 .toggle-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 3px;
  text-align: center;
  margin: 0px;
  transition: all 0.3s ease-in;
  transform-origin: center center;
  pointer-events: none;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
@media (min-width: 640px) {
  .widget.birthdays:not(.single) .toggle-icon {
    display: none;
  }
}
.widget.birthdays .today h4 {
  padding: 15px;
}
.widget.birthdays .active h4 .toggle-icon {
  transform: rotate(90deg);
}
.widget.birthdays .cake-holder {
  height: 100px;
  line-height: 100px;
  width: 100px;
  margin: auto;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.widget.birthdays .cake-holder .cake-icon, .widget.birthdays .cake-holder .cake-hole {
  position: absolute;
  transform-origin: center center;
  left: 50%;
  margin-left: -40px;
  bottom: 0px;
  width: 80px;
  display: block;
}
.widget.birthdays .cake-holder .cake-icon-overflow {
  width: 100px;
  height: 80px;
  bottom: 20px;
  overflow: hidden;
  position: absolute;
  left: 0px;
}
.widget.birthdays .cake-holder .cake-icon {
  color: #ffc000;
  font-size: 50px;
  height: 60px;
  line-height: 60px;
  animation: cake-icon 1s linear 0.2s 1 forwards;
  z-index: 6;
  transform: rotate(-25deg);
  bottom: -80px;
}
.widget.birthdays .cake-holder .cake-hole {
  border-radius: 100%;
  background-color: #888888;
  animation: cake-hole 1.5s linear 0s 1 forwards;
  bottom: -20px;
  z-index: 4;
  height: 80px;
  opacity: 0;
  transform: scale(0, 0);
}
@keyframes cake-hole {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  15% {
    opacity: 1;
  }
  20% {
    transform: scale(1.1, 0.3);
  }
  30% {
    transform: scale(1, 0.2);
  }
  80% {
    opacity: 1;
  }
  90% {
    transform: scale(1, 0.2);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@keyframes cake-icon {
  0% {
    transform: rotate(-25deg);
    bottom: -80px;
  }
  40% {
    transform: rotate(-25deg);
    bottom: -80px;
  }
  60% {
    transform: rotate(10deg);
    bottom: 10px;
  }
  80% {
    transform: rotate(0deg);
    bottom: 0px;
  }
  100% {
    transform: rotate(0deg);
    bottom: 0px;
  }
}
.widget.birthdays .person {
  display: block;
  padding: 10px 0px;
  clear: both;
}
.widget.birthdays .person:after {
  content: " ";
  clear: both;
  display: block;
}
.widget.birthdays .person .profile {
  float: left;
  margin-right: 15px;
  display: block;
}
.widget.birthdays .person .name {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1;
}
.widget.birthdays .person .date {
  margin-top: -2px;
  line-height: 1;
  font-size: 1rem;
}
.widget.birthdays .person .profile-info {
  width: calc( 100% - 65px );
  float: right;
}
.widget.birthdays .person .congratulate {
  padding: 0px 45px 0px 10px;
  position: relative;
  font-size: 0.9rem;
}
.widget.birthdays .person .congratulate .fa {
  position: absolute;
  right: 10px;
  top: 8px;
}
.widget.birthdays .today .person {
  border: 1px solid #cdd6de;
  text-align: center;
  padding: 20px 0px;
  background-color: #f5f5f5;
}
.widget.birthdays .today .person + .person {
  border-top-width: 0px;
}
.widget.birthdays .today .person .profile, .widget.birthdays .today .person .profile-info {
  float: none;
  margin: auto;
}
.widget.birthdays .today .no-content-today {
  font-size: 1.2rem;
  text-align: center;
  color: #a0afb0;
  font-style: italic;
  margin: auto;
}
@media (min-width: 640px) {
  .widget.birthdays:not(.single) .today .person {
    border-width: 1px;
  }
  .widget.birthdays:not(.single) .today .person + .person {
    border-left-width: 0px;
  }
}
.widget.birthdays.air:not(.single) .list:last-of-type {
  border-bottom: 0px solid #cdd6de;
}
.widget.birthdays.air .cake-holder, .widget.birthdays.bigrain .cake-holder {
  transform: scale(1.1, 1.1);
}
.widget.birthdays.cloud .titlebar, .widget.birthdays.rain .titlebar {
  text-align: left;
  padding-right: 80px;
}
.widget.birthdays.cloud .cake-holder, .widget.birthdays.rain .cake-holder {
  transform: scale(0.9, 0.9);
  position: absolute;
  right: -20px;
  top: -45px;
}
.widget.birthdays.cloud .cake-icon, .widget.birthdays.rain .cake-icon {
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.07);
}
.widget.birthdays.air .today, .widget.birthdays.cloud .today {
  margin-left: -15px;
  margin-right: -15px;
}
.widget.birthdays.bigrain .today {
  margin-left: -25px;
  margin-right: -25px;
}
.widget.birthdays.rain .list {
  padding: 0px 15px;
}

.widget.forum .icon {
  width: auto;
  padding: 0px;
}
.widget.forum .widget-box {
  border-width: 1px 0px 0px 0px;
  background-color: transparent;
  margin: 0px;
  padding: 10px;
}
.widget.forum .widget-box:first-of-type {
  border-width: 0px;
}
.widget.forum .profile-icon {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
@media (min-width: 768px) {
  .widget.forum .profile-icon {
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
}
.widget.forum .react-button {
  display: none;
}
.widget.forum .react-button .label {
  display: none;
}
.widget.forum .react-button .icon {
  padding-left: 0px;
  pointer-events: none;
}
.widget.forum .comments-total, .widget.forum .title-holder .title {
  font-size: 1rem;
}
.widget.forum .widget-footer .button.clean {
  color: #37afe4;
  display: none;
}
.widget.forum .widget-footer .button.clean .icon {
  position: relative;
  margin-left: 10px;
  top: 1px;
}
.widget.forum .widget-footer .button.new-message {
  display: block;
  text-align: left;
}
.widget.forum .widget-footer .button.new-message .icon {
  float: right;
  margin-top: 8px;
}

.single.widget.forum .profile-icon {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.single.widget.forum .comments-total {
  display: none;
}
.single.widget.forum .reaction-date {
  display: block;
}

@media (min-width: 768px) {
  .widget.forum:not(.single) .widget-box {
    padding: 20px 10px 20px 20px;
  }
  .widget.forum:not(.single) .react-button {
    display: block;
  }
  .widget.forum:not(.single) .react-button:before {
    height: 30px;
  }
  .widget.forum:not(.single) .comments-total, .widget.forum:not(.single) .comments-total .icon, .widget.forum:not(.single) .react-button, .widget.forum:not(.single) .react-button .icon {
    font-size: 1.4rem;
  }
  .widget.forum:not(.single) .title-holder .title {
    font-size: 1.2rem;
  }
  .widget.forum:not(.single) .widget-footer .button.clean {
    display: inline-block;
  }
  .widget.forum:not(.single) .widget-footer .button.new-message {
    display: inline-block;
  }
  .widget.forum:not(.single) .widget-footer .button.new-message .icon {
    float: none;
    margin-top: 0px;
  }
}

.widget.forum.air .title {
  color: #5d6773;
}

.widget.forum.cloud .widget-footer {
  padding-bottom: 15px;
}

.widget.forum.bigrain .widget-box {
  padding-left: 0px;
  padding-right: 0px;
}

.quicklinks ul {
  margin-bottom: 0px;
}
.quicklinks li {
  font-size: 1.1rem;
  line-height: 3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  /* Hover */
}
.quicklinks li:before {
  display: none;
}
.quicklinks li:hover {
  opacity: 0.75;
}
.quicklinks li a:hover {
  text-decoration: none;
}
.quicklinks li li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
@media print {
  .quicklinks li a:after {
    line-height: 1;
    clear: both;
    display: block;
  }
}
@media (max-width: 991px) {
  .quicklinks .column:last-of-type li:last-of-type {
    border-bottom-color: transparent;
  }
}
@media (min-width: 640px) {
  .quicklinks .column li:last-of-type {
    border-bottom-color: transparent;
  }
}
.quicklinks .content {
  padding-top: 20px;
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 640px) {
  .quicklinks .content {
    flex-flow: nowrap;
  }
}
.quicklinks .content .column {
  flex: 0 0 100%;
  width: auto;
}
@media (min-width: 640px) {
  .quicklinks .twoColumns .column {
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) {
  .quicklinks .threeColumns .column {
    flex: 0 0 33.33333333%;
  }
}
@media (min-width: 640px) {
  .quicklinks .fourColumns .column {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .quicklinks .fourColumns .column {
    flex: 0 0 25%;
  }
}

/* Style specifics */
.air .quicklinks li {
  font-size: 1.2rem;
  border-bottom: 0px;
  line-height: 2;
}

.newstiles .item {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.newstiles .item .more {
  float: right;
}
.newstiles .itemcontent {
  padding: 10px 15px;
}
.newstiles .titlebar {
  margin-bottom: 15px;
}

.cloud.newstiles .imageheader {
  border-radius: 7px 7px 0px 0px;
}

.air.newstiles .titlebar, .bigrain.newstiles .titlebar {
  padding-left: 0px;
}

.bigrain.newstiles .overlay {
  padding: 15px;
}

.listwidget.news .titlebar h3 {
  padding-right: 15px;
}
.listwidget.news.bigrain .titlebar h3 {
  padding-right: 50px;
}

.widget .widget-header {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 0px;
}
.widget .widget-header .title {
  flex: 1 1 auto;
  padding: 5px 15px;
}
.widget .widget-header .options {
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0px;
}
.widget .widget-header .options a, .widget .widget-header .options .opt, .widget .widget-header .options span {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  padding: 5px 0px;
  box-sizing: border-box;
  text-decoration: none;
}
.widget .widget-header .options a:hover, .widget .widget-header .options .opt:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.widget .widget-header .options .label {
  display: none;
}
.widget.air .options .opt {
  font-size: 1.2rem;
}
.widget .widget-footer {
  position: relative;
}
.widget .widget-footer .left {
  float: left;
}

.publication.employee, .publication.employee *, .publication.employee .employees {
  position: relative;
  box-sizing: border-box;
  margin: 0px;
}
.publication.employee:after, .publication.employee .employees:after, .publication.employee .group:after, .publication.employee .block:after, .publication.employee .sub-block:after, .publication.employee .fieldgroup:after {
  content: " ";
  clear: both;
  display: block;
}
.publication.employee .employees {
  margin: 20px 0px 50px 0px;
}
.publication.employee .group, .publication.employee .sub-block {
  background-color: #ffffff;
  padding: 25px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .publication.employee .profile-card {
    width: 290px;
    float: left;
  }
  .publication.employee .profile-content {
    width: calc(100% - 290px);
    float: right;
  }
}
.publication.employee .profile .profile-nonvisual {
  display: none;
  position: absolute;
  left: -100vw;
}
.publication.employee h2, .publication.employee h3, .publication.employee h4, .publication.employee h5 {
  color: #282b2d;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1rem;
}
.publication.employee .profile .hide-header > h2, .publication.employee .profile .hide-header > h3, .publication.employee .profile .hide-header > h4 {
  display: none;
}
.publication.employee .profile-tab-content .block {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
}
.publication.employee .profile-tab-content .block:after {
  flex: 0 0 100%;
}
.publication.employee .profile-tab-content .block .sub-block {
  flex: 1 1 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .publication.employee .profile .block .half {
    flex-basis: calc(50% - 12px);
  }
}
.publication.employee .profile-tab-content {
  display: none;
}
.publication.employee .profile-tab-content.active {
  display: block;
}
.publication.employee .fieldgroup {
  font-size: 0.9rem;
  line-height: 1.8;
}
.publication.employee .fieldgroup:after {
  content: " ";
  clear: both;
  display: block;
}
.publication.employee .fieldgroup, .publication.employee .fieldgroup * {
  position: relative;
  box-sizing: border-box;
}
.publication.employee .fieldgroup .label, .publication.employee .fieldgroup label {
  color: #a0afb0;
  float: left;
  width: 120px;
  padding-right: 10px;
  display: block;
}
.publication.employee .fieldgroup .value, .publication.employee .fieldgroup input[type=text], .publication.employee .fieldgroup .answers, .publication.employee .fieldgroup textarea, .publication.employee .fieldgroup select {
  display: block;
  float: left;
  color: #5d6773;
  width: calc( 100% - 120px );
}
.publication.employee .fieldgroup .answers label {
  color: #5d6773;
  margin-bottom: 2px;
}
.publication.employee .fieldgroup .italic {
  font-style: italic;
  color: #a0afb0;
  display: inline-block;
  padding-left: 10px;
}
.publication.employee .fieldgroup.break {
  margin-bottom: 10px;
}
.publication.employee .fieldgroup.break .label, .publication.employee .fieldgroup.break .value {
  width: 100%;
  float: none;
}
.publication.employee .fieldgroup.break .label {
  color: #282b2d;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1rem;
}
.publication.employee .fieldgroup input[type=checkbox], .publication.employee .fieldgroup input[type=radio] {
  display: none;
}
.publication.employee .fieldgroup input[type=checkbox] + label,
.publication.employee .fieldgroup input[type=radio] + label {
  width: 100%;
  clear: both;
  padding: 5px 0px 5px 30px;
  position: relative;
}
.publication.employee .fieldgroup input[type=checkbox] + label:before,
.publication.employee .fieldgroup input[type=radio] + label:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  color: #f5f5f5;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  margin-right: 10px;
  transition: all 0.3s ease-in;
  height: 22px;
  line-height: 22px;
  width: 22px;
}
.publication.employee .fieldgroup input[type=checkbox]:checked + label:before,
.publication.employee .fieldgroup input[type=radio]:checked + label:before {
  background-color: #60bc3d;
  color: #ffffff;
  font-style: normal;
  border-color: #60bc3d;
}
.publication.employee .fieldgroup input[type=radio] + label:before {
  border-radius: 100%;
}
.publication.employee .fieldgroup input[type=text], .publication.employee .fieldgroup input[type=date], .publication.employee .fieldgroup textarea, .publication.employee .fieldgroup select {
  border-radius: 3px;
}
.publication.employee .fieldgroup input[type=text]:disabled, .publication.employee .fieldgroup input[type=text] .disabled, .publication.employee .fieldgroup input[type=date]:disabled, .publication.employee .fieldgroup input[type=date] .disabled, .publication.employee .fieldgroup textarea:disabled, .publication.employee .fieldgroup textarea .disabled, .publication.employee .fieldgroup select:disabled, .publication.employee .fieldgroup select .disabled {
  background-color: #f5f5f5;
  color: #a0afb0;
}
.publication.employee .fieldgroup textarea, .publication.employee .fieldgroup iframe {
  resize: horizontal;
  min-height: 300px;
}
.publication.employee .half .fieldgroup .label {
  width: 90px;
}
.publication.employee .half .fieldgroup .value {
  width: calc( 100% - 90px );
}
.publication.employee .profile-tabs {
  display: flex;
  flex-flow: row nowrap;
}
.publication.employee .profile-tabs .profile-tab {
  flex: 1 1 auto;
  background-color: #f5f5f5;
  padding: 5px 30px;
  margin-bottom: -1px;
  text-align: center;
  line-height: 30px;
  text-decoration: none;
  transition: all 0.2s ease-in;
  text-shadow: 0px 0px 0px #FFFFFF;
  text-transform: uppercase;
  color: #a0afb0;
  cursor: pointer;
}
.publication.employee .profile-tabs .profile-tab.active {
  color: #f46b10;
  background-color: #ffffff;
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.05);
  z-index: 5;
}
.publication.employee .profile-tabs .profile-tab:not(.active):hover {
  background-color: #e4e4e4;
  color: #5d6773;
}
.publication.employee .profile-tabs .profile-tab:not(:first-child) {
  margin-left: -1px;
}
.publication.employee .profile-tabs .profile-tab:first-child:last-child {
  display: none;
}
.publication.employee .profile-card {
  clear: both;
  margin-bottom: 25px;
  width: 290px;
  text-align: center;
  padding: 0px 25px;
}
.publication.employee .profile-card:after {
  content: " ";
  clear: both;
  display: block;
}
.publication.employee .profile-card .profile-image {
  margin-bottom: 15px;
}
.publication.employee .profile-card .profile-icon {
  font-size: 70px;
  border: 8px solid #cdd6de;
  height: 150px;
  line-height: 134px;
  width: 150px;
}
.publication.employee .profile-card .profile-icon {
  transform: scale(0.9) translateY(20px);
  opacity: 0;
  animation: profile-image-in 0.3s linear 0.4s 1 forwards;
}
@keyframes profile-image-in {
  50% {
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.publication.employee .profile-card .fullname {
  font-size: 1.3rem;
  color: #5d6773;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 10px;
}
.publication.employee .profile-card .function {
  color: #a0afb0;
  margin-bottom: 10px;
}
.publication.employee .profile-card .edit-profile {
  margin: 25px auto;
  font-size: 0.9rem;
}
.publication.employee .profile-card .edit-profile .fa {
  color: #ffc000;
  margin-left: 10px;
}
.publication.employee .social {
  margin-top: 25px;
  clear: both;
}
.publication.employee .social, .publication.employee .social * {
  position: relative;
  box-sizing: border-box;
}
.publication.employee .social a {
  display: inline-block;
  margin: 4px;
  border-radius: 100%;
  background-color: #cdd6de;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.publication.employee .social a .fold {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  background-color: red;
  left: 50%;
  top: calc( 100% + 20px );
  transform: translateX(-50%);
  font-size: 0.9rem;
  transition: all 0.2s ease-in;
  min-width: 120px;
  max-width: 200px;
  line-height: 1;
}
.publication.employee .social a .fold:before {
  content: " ";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: blue;
  top: -5px;
  left: 50%;
  margin-left: -7px;
  transform: rotate(-45deg);
}
.publication.employee .social a:hover .fold {
  opacity: 1;
  top: calc( 100% + 10px );
}
.publication.employee .social a.twitter, .publication.employee .social a.twitter .fold, .publication.employee .social a.twitter .fold:before {
  background-color: #33cbfc;
}
.publication.employee .social a.linkedin, .publication.employee .social a.linkedin .fold, .publication.employee .social a.linkedin .fold:before {
  background-color: #0077b5;
}
.publication.employee .social a.facebook, .publication.employee .social a.facebook .fold, .publication.employee .social a.facebook .fold:before {
  background-color: #3b5999;
}
.publication.employee .social a.youtube, .publication.employee .social a.youtube .fold, .publication.employee .social a.youtube .fold:before {
  background-color: #d32421;
}
.publication.employee .social a.email, .publication.employee .social a.email .fold, .publication.employee .social a.email .fold:before {
  background-color: #f46b10;
}
.publication.employee .social a.other, .publication.employee .social a.other .fold, .publication.employee .social a.other .fold:before {
  background-color: #a0afb0;
}
.publication.employee .intro {
  font-size: 1rem;
}
.publication.employee .profile .block .contact {
  padding-right: 0px;
}
@media (min-width: 768px) {
  .publication.employee .profile .block .half.address {
    max-width: 200px;
    margin-left: 25px;
  }
  .publication.employee .profile .block .half.address .fieldgroup, .publication.employee .profile .block .half.address .label, .publication.employee .profile .block .half.address .value {
    display: inline-block;
  }
  .publication.employee .profile .block .half.address .fieldgroup .label {
    display: none;
  }
  .publication.employee .profile .block .half.address .fieldgroup .value {
    width: auto;
  }
  .publication.employee .profile .block .half.address .post, .publication.employee .profile .block .half.address .place {
    display: block;
    clear: both;
  }
}
.publication.employee .subvalue:not(:last-of-type):after {
  content: ",";
}
.publication.employee .editemployee h2, .publication.employee .editemployee h3 {
  display: none;
}
.publication.employee .editemployee .fieldgroup {
  margin: 20px 0px;
}
.publication.employee .editemployee .fieldgroup label:not(.button) {
  line-height: 1;
  padding-top: 7px;
}
.publication.employee .editemployee .cms-insert {
  margin: 20px 0px;
}
@media (min-width: 768px) {
  .publication.employee .editemployee .cms-insert {
    width: 33%;
    float: left;
  }
}
.publication.employee .editemployee .cms-insert label {
  display: none;
}
.publication.employee .editemployee .cms-insert .answers label {
  display: block;
}
.publication.employee .editemployee .answers .profile-icon {
  float: left;
  margin-right: 20px;
  width: 70px;
  height: 70px;
}
.publication.employee .editemployee .answers .image-input-holder {
  width: 300px;
  float: left;
  padding-top: 20px;
}
.publication.employee .editemployee .schedule > .fieldgroup {
  margin: 20px 0px;
}
@media (min-width: 768px) {
  .publication.employee .editemployee .schedule > .fieldgroup {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .publication.employee .editemployee .schedule > .fieldgroup {
    flex-flow: row wrap;
  }
}
.publication.employee .editemployee .schedule > .fieldgroup h5 {
  font-size: 1rem;
  font-weight: normal;
}
@media (min-width: 768px) {
  .publication.employee .editemployee .schedule > .fieldgroup h5 {
    flex: 0 0 130px;
    margin: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .publication.employee .editemployee .schedule > .fieldgroup h5 {
    flex: 0 0 100%;
  }
}
.publication.employee .editemployee .schedule > .fieldgroup .fieldgroup {
  margin: 5px 0px;
}
.publication.employee .editemployee .schedule > .fieldgroup .fieldgroup label {
  width: 60px;
}
.publication.employee .editemployee .schedule > .fieldgroup .fieldgroup input[type=text] {
  width: calc( 100% - 60px );
}
@media (min-width: 768px) {
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup {
    flex: 1 1 20%;
    margin-right: 15px;
  }
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup label {
    width: 40px;
  }
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup input[type=text] {
    width: calc( 100% - 40px );
  }
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup:last-of-type {
    flex: 1 1 50%;
  }
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup:last-of-type label {
    width: 60px;
  }
  .publication.employee .editemployee .schedule > .fieldgroup .fieldgroup:last-of-type input[type=text] {
    width: calc( 100% - 60px );
  }
}
.publication.employee .editemployee .toolbar {
  clear: both;
  margin: 20px 0px;
  text-align: right;
}
.publication.employee .editemployee .toolbar .fa {
  margin-right: 5px;
}
.publication.employee .editemployee .toolbar .edit-save .fa {
  color: #37afe4;
}
.publication.employee .editemployee .toolbar .edit-cancel .fa {
  color: #a0afb0;
}
.publication.employee .editemployee .edit-head {
  clear: both;
}
.publication.employee .editemployee .edit-head:after {
  content: " ";
  clear: both;
  display: block;
}
.publication.employee .editemployee .edit-title {
  display: block;
  font-size: 1.6rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .publication.employee .editemployee .edit-title {
    float: left;
    width: 300px;
  }
  .publication.employee .editemployee .edit-title + .toolbar {
    width: calc(100% - 300px);
    clear: none;
    float: right;
    margin-top: 0px;
  }
}
.publication.employee .editemployee .date-selector > .date-selector {
  display: none;
}
.publication.employee .editemployee .date-selector .input-box-holder {
  display: flex;
  flex-flow: row nowrap;
}
.publication.employee .editemployee .date-selector .input-box-holder .input-box {
  margin-right: 10px;
}
.publication.employee .editemployee .date-selector .input-box-holder .input-box input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.publication.employee .editemployee .date-selector .input-box-holder .input-box select, .publication.employee .editemployee .date-selector .input-box-holder .input-box input {
  border: 1px solid #cdd6de;
  padding: 4px;
  border-radius: 3px;
}
.publication.employee .editemployee .date-selector .input-box-holder .input-box input {
  padding: 6px;
}

.category .item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  position: relative;
  text-decoration: none;
  padding: 15px;
  margin: 0px -15px;
  transition: all 0.15s linear;
}
.category .item h3 {
  margin: 0px;
  font-weight: bold;
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .category .item h3 {
    font-size: 1.4rem;
  }
}
.category .item .content, .category .item .item-content {
  flex: 1 1 auto;
}
.category .item .thumb, .category .item .img {
  margin-right: 30px;
}
.category .item .thumb {
  flex: 0 0 120px;
  height: auto;
}
.category .item .img {
  flex: 0 0 120px;
  height: 80px;
}
@media (min-width: 768px) {
  .category .item .img {
    flex-basis: 220px;
    height: 120px;
  }
}
.category .item p, .category .item .description {
  font-size: 0.9rem;
  color: #282b2d;
  margin: 15px 0px;
}
.category .item .more {
  display: block;
  text-align: right;
}
.category .item .edit {
  font-size: 1rem;
  font-weight: normal;
  position: absolute;
  top: 25px;
  right: 10px;
  z-index: 5;
}
.category a.item:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.item .img .reactions, .item .img .time {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  padding: 0px 5px;
}
.item .img .time {
  right: 10px;
  left: auto;
}
.item .img .reactions:before {
  content: "";
  font-family: "defaultIcons";
  margin-right: 2px;
}
.item .img .reactions span {
  display: none;
}

.news .img, .newslist_simple .img, .media .img, .events .img {
  width: 120px;
  height: 80px;
  float: left;
  margin-right: 20px;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

.media .img {
  height: 90px;
}
.media .img img {
  position: relative;
  margin-top: -26px;
}
.media .img .media-thumb:after {
  position: absolute;
  z-index: 4;
  border: 8px solid rgba(255, 255, 255, 0.6);
  border-radius: 60px;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  font-size: 3rem;
  font-family: "defaultIcons";
  content: "";
  top: 50%;
  left: 50%;
  margin-left: -34px;
  margin-top: -34px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.media .img .media-thumb:after:hover {
  opacity: 0.9;
}
.media .img .media-thumb:after:hover:after {
  border-color: #f46b10;
  transition: border-color 0.3s;
}

@media (min-width: 640px) {
  .category .media .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .category .media .item {
    flex: 0 0 49%;
    flex-direction: column;
  }
  .category .media .item .img, .category .media .item .thumb {
    width: 100%;
    flex-basis: auto;
  }
}
@media (min-width: 992px) {
  .category .media .item {
    flex-basis: 31%;
  }
}

@media (min-width: 640px) {
  .category .news .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .category .news .item {
    flex: 0 0 100%;
  }
  .category .news .item:nth-of-type(-n+2) {
    flex-basis: 49%;
    flex-direction: column;
  }
  .category .news .item:nth-of-type(-n+2) .img {
    width: 100%;
    height: 120px;
    flex-basis: auto;
  }
}

.column.medewerkers {
  margin-bottom: 80px;
}
.column.medewerkers h3, .column.medewerkers h4, .column.medewerkers .title {
  font-weight: bold;
  font-size: 0.9rem;
  color: #282b2d;
}
.column.medewerkers .block {
  padding: 25px;
  background-color: #ffffff;
  margin-bottom: 25px;
}
.column.medewerkers .no-employees {
  text-align: center;
  margin: 20px auto;
}
.column.medewerkers .no-employees p {
  font-style: italic;
  color: #a0afb0;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 20px;
}
.column.medewerkers .overview, .column.medewerkers .overview .head, .column.medewerkers .overview .profile-tile {
  position: relative;
  box-sizing: border-box;
}
.column.medewerkers .overview:after, .column.medewerkers .overview .head:after, .column.medewerkers .overview .profile-tile:after {
  content: " ";
  clear: both;
  display: block;
}
.column.medewerkers .overview .head {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cdd6de;
}
.column.medewerkers .overview .head * {
  padding: 0px;
  margin: 0px;
  line-height: 30px;
}
.column.medewerkers .overview .head .title {
  float: left;
  font-size: 1rem;
}
.column.medewerkers .overview .head .sort-options {
  float: right;
  display: flex;
  flex-flow: row nowrap;
  align-content: flex-start;
  align-items: center;
}
.column.medewerkers .overview .head .sort-options input[type=checkbox] {
  display: none;
}
.column.medewerkers .overview .head .sort-options select {
  min-width: 100px;
  margin: 0px 5px;
}
.column.medewerkers .overview .head .sort-options .sort-title {
  display: none;
}
@media (min-width: 768px) {
  .column.medewerkers .overview .head .sort-options .sort-title {
    display: block;
  }
}
.column.medewerkers .overview .head .sort-options .sort-order {
  border-radius: 3px;
  padding: 0px 0px 0px 10px;
  transition: all 0.2s linear;
  width: 90px;
  position: relative;
}
.column.medewerkers .overview .head .sort-options .sort-order:hover {
  background-color: #e4e4e4;
}
.column.medewerkers .overview .head .sort-options .sort-order span {
  line-height: 20px;
}
.column.medewerkers .overview .head .sort-options .sort-order .fa {
  position: absolute;
  text-align: center;
  right: 0px;
  top: 0px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.column.medewerkers .overview .head .sort-options .sort-order .desc {
  display: none;
}
.column.medewerkers .overview .head .sort-options .sort-order input[type=checkbox]:checked + label {
  font-style: normal;
}
.column.medewerkers .overview .head .sort-options .sort-order input[type=checkbox]:checked + label .desc {
  display: inline;
}
.column.medewerkers .overview .head .sort-options .sort-order input[type=checkbox]:checked + label .asc {
  display: none;
}
.column.medewerkers .overview .head .overview-type {
  border-radius: 3px;
  border: 1px solid transparent;
  cursor: pointer;
  margin-left: 8px;
}
.column.medewerkers .overview .head .overview-type:before {
  content: " ";
  position: absolute;
  left: -5px;
  height: 80%;
  top: 10%;
  border-left: 1px dotted #a0afb0;
}
.column.medewerkers .overview .head .overview-type:hover {
  background-color: #ffffff;
  border-color: #e4e4e4;
}
.column.medewerkers .overview .head .overview-type, .column.medewerkers .overview .head .overview-type .icon-tiles, .column.medewerkers .overview .head .overview-type .icon-list {
  display: block;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  color: #a0afb0;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.column.medewerkers .overview .head .overview-type .icon-list {
  display: none;
}
.column.medewerkers .overview .head .overview-type :checked + label .icon-tiles {
  display: none;
}
.column.medewerkers .overview .head .overview-type :checked + label .icon-list {
  display: block;
}
.column.medewerkers .overview .list .profile {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
}
.column.medewerkers .overview .list .profile.flat {
  width: 100%;
  display: inline-block;
}
.column.medewerkers .overview .list .profile.flat a {
  display: block;
  line-height: 20px;
  padding: 5px 5px 5px 30px;
}
.column.medewerkers .overview .list .profile.flat .fa {
  color: #a0afb0;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.column.medewerkers .overview .list .profile.flat:hover {
  background-color: #e4e4e4;
}
@media (min-width: 640px) {
  .column.medewerkers .overview .list.columns {
    column-count: 2;
    column-gap: 40px;
  }
}
@media (min-width: 992px) {
  .column.medewerkers .overview .list.columns {
    column-count: 3;
    column-gap: 40px;
  }
}
.column.medewerkers .overview .list.tiles {
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  justify-content: flex-start;
  align-content: flex-start;
}
.column.medewerkers .overview .list.tiles .tile {
  flex: 0 0 auto;
  min-width: 160px;
  padding: 20px 5px;
  margin: 0px 0.5% 20px 0.5%;
  text-decoration: none;
  text-align: center;
}
.column.medewerkers .overview .list.tiles .tile .profile-icon {
  border: 8px solid #cdd6de;
  font-size: 54px;
  height: 120px;
  line-height: 104px;
  width: 120px;
}
.column.medewerkers .overview .list.tiles .tile:hover {
  background-color: #ffffff;
}
.column.medewerkers .overview .list.tiles .tile:hover .profile-icon {
  transform: scale(1.1);
  opacity: 1;
}
.column.medewerkers .overview .list.tiles .tile .name {
  font-size: 1rem;
  font-weight: 900;
  display: block;
  clear: both;
  line-height: 1.2;
  margin-top: 20px;
  text-transform: uppercase;
  color: #5d6773;
}
.column.medewerkers .overview .list.tiles .tile .function {
  color: #a0afb0;
  display: block;
  font-size: 0.9rem;
}
.column.medewerkers .alphabet, .column.medewerkers .alphabet .letters {
  position: relative;
  box-sizing: border-box;
}
.column.medewerkers .alphabet .letters a, .column.medewerkers .alphabet .letters span, .column.medewerkers .alphabet .letters label {
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 7px;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #e4e4e4;
  color: #cdd6de;
  transform-origin: center center;
  transition: all 0.2s linear;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
}
.column.medewerkers .alphabet .letters a, .column.medewerkers .alphabet .letters label {
  background-color: #ffffff;
  color: #5d6773;
}
.column.medewerkers .alphabet .letters a:hover, .column.medewerkers .alphabet .letters label:hover {
  color: #f46b10;
  box-shadow: 0px 0px 3px rgbA(0, 0, 0, 0.1);
  transform: scale(1.2);
}
.column.medewerkers .searchform input:not(.button), .column.medewerkers .searchform label:not(.button) {
  margin: 0px;
  padding: 0px;
}
.column.medewerkers .searchform fieldset {
  margin: 25px 0px;
}
.column.medewerkers .searchform fieldset:last-of-type {
  margin-bottom: 0px;
}
.column.medewerkers .searchform .filter-column {
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .column.medewerkers .searchform .filter-column-holder {
    display: flex;
    flex-flow: row wrap;
  }
  .column.medewerkers .searchform .filter-column {
    flex: 1 1 33%;
  }
}
.column.medewerkers .searchform .fieldgroup {
  position: relative;
  box-sizing: border-box;
  margin: 0px 0px 5px 0px;
}
.column.medewerkers .searchform .quicksearch .search-value {
  width: 100%;
  margin: 0px;
  padding-right: 40px;
  border-radius: 3px;
}
.column.medewerkers .searchform .quicksearch .search-icon, .column.medewerkers .searchform .quicksearch .search-fake-button {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.column.medewerkers .searchform .quicksearch .search-icon {
  color: #cdd6de;
  pointer-events: none;
}
.column.medewerkers .searchform input[type=checkbox] {
  display: none;
}
.column.medewerkers .searchform input[type=checkbox] + label {
  width: 100%;
  clear: both;
  padding: 1px 0px 1px 30px;
  position: relative;
}
.column.medewerkers .searchform input[type=checkbox] + label:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  color: #f5f5f5;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  margin-right: 10px;
  transition: all 0.3s ease-in;
  height: 22px;
  line-height: 22px;
  width: 22px;
}
.column.medewerkers .searchform input[type=checkbox]:checked + label:before {
  background-color: #60bc3d;
  color: #ffffff;
  font-style: normal;
  border-color: #60bc3d;
}
.column.medewerkers .searchform .toolbar {
  text-align: right;
}
.column.medewerkers .searchform .toolbar .reset-filters {
  display: inline-block;
  padding: 0px 15px;
  margin: 0px 15px;
  cursor: pointer;
  font-size: 0.9rem;
  color: #a0afb0;
  transition: all 0.2s linear;
}
.column.medewerkers .searchform .toolbar .reset-filters:hover {
  color: #5d6773;
}
.column.medewerkers .searchform .toolbar .reset-filters .fa {
  margin-left: 5px;
}
.column.medewerkers .searchform .filters {
  margin: 0px 5px;
}
.column.medewerkers .searchform .filters h4 {
  margin-bottom: 10px;
}

.eventGrid {
  position: relative;
  margin-bottom: 2%;
}
.eventGrid .tile {
  width: 49%;
  margin-left: 0px;
}

.events .dayLabel {
  font-weight: bold;
}
.events .eventList {
  clear: both;
  margin-left: 0px;
  list-style: none;
}
.events .periodTitle {
  clear: both;
  border-bottom: 1px solid #E0E4E5;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.events .item .title {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-decoration: none;
  margin: 0px;
}
.events .item .description {
  font-size: 0.8rem;
  color: #282b2d;
}
.events .item .time {
  text-shadow: none;
  background: #F47721;
  line-height: 26px;
  padding: 0px 3px;
}
.events .item .time .icn {
  position: relative;
  color: #ffffff;
}
.events .item .img {
  margin-top: 0px;
  z-index: 1;
}
.events .item .img .noImage {
  background-image: url(../images/eventholder.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.events .item .img .noImage:before {
  content: " ";
  display: block;
  padding-top: 66%;
}
.events .item .img .noImage .rssevent {
  background-image: url(../images/rssholder.jpg);
}
.events .todaylist {
  margin: 20px 0px;
}
.events .daynumber {
  border: 4px solid #bccedd;
  background: #ffffff;
  border-radius: 100%;
  position: absolute;
  left: -34px;
  text-align: center;
  font-weight: 700;
  font-family: Arial, sans-serif;
  font-size: 1.8rem;
  height: 60px;
  line-height: 60px;
  width: 60px;
}
@media (max-width: 767px) {
  .events .daynumber {
    font-size: 1.4rem;
    left: -25px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}
.events .daynumber.active {
  border-color: #f46b10;
}
.events .monthlist {
  position: relative;
  margin-left: 29px;
  padding-left: 54px;
  border-left: 2px solid #e4e4e4;
}
@media (max-width: 639px) {
  .events .monthlist {
    padding-left: 34px;
  }
}
.events .monthlist .item {
  clear: none;
  box-sizing: border-box;
}
.events .monthlist .dayclearer {
  clear: both;
  display: block;
  margin: 20px 0px;
  border-top: 1px solid #e4e4e4;
}
.events .monthlist .dayclearer:first-of-type {
  border: 0px;
}
.events .backbutton {
  color: #282b2d;
  font-size: 0.8rem;
  float: right;
  text-decoration: none;
}
.events .backbutton:after {
  font-family: "defaultIcons";
  content: "";
}

@media (max-width: 359px) {
  .events .monthlist .dayclearer {
    border: 0px;
  }
  .events .monthlist .item {
    margin: 0px -10px;
  }
  .events .monthlist .item .img {
    flex-basis: 80px;
    height: 60px;
    margin-right: 10px;
  }
}
.events_tiles ul {
  list-style: none;
  margin: 0px;
}
@media (min-width: 640px) {
  .events_tiles ul {
    display: flex;
    flex-flow: row wrap;
    margin: 20px -20px;
  }
}
.events_tiles li {
  margin: 20px;
  position: relative;
  overflow: hidden;
  height: 0px;
  padding-bottom: 32%;
}
@media (min-width: 640px) {
  .events_tiles li {
    flex: 0 0 calc(50% - 40px);
  }
}
@media (min-width: 1200px) {
  .events_tiles li {
    flex-basis: calc(33.333333% - 40px);
  }
}
.events_tiles li:hover .img, .events_tiles li:hover .noImage {
  transform: scale(1.1);
}
.events_tiles h3 {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 4;
  padding: 10px;
  text-align: left;
  line-height: 40px;
  font-size: 14pt;
}
.events_tiles h3 span {
  background: #ED7F35;
  padding: 5px;
  color: #FFFFFF;
  text-decoration: none;
}
.events_tiles h3 span {
  background: #7E8B96;
}
.events_tiles .active h3 span {
  background: #ED7F35;
}
.events_tiles .upcomming h3 span {
  background: #7E8B96;
}
.events_tiles .img, .events_tiles .noImage {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0px;
  z-index: 3;
  transform-origin: center center;
  transition: all 0.15s linear;
}
.events_tiles .img {
  position: absolute;
  top: 0px;
}
.events_tiles .noImage {
  background: #D9DEE0 url(../images/emblem_alt.svg);
  display: block;
}
.events_tiles .eventintro {
  background: #FFFFFF;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  border-bottom: 3px solid #CCCCCC;
}
.events_tiles .metadata {
  position: absolute;
  left: -9999px;
  z-index: 6;
  background: #E5F0F9;
  width: 100%;
  font-size: 10pt;
}
.events_tiles .daynr {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 60pt;
  color: #FFFFFF;
  text-shadow: 0px 2px rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.events_tiles .passed {
  opacity: 0.5;
}

.fotoboek {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.fotoboek:after {
  content: " ";
  clear: both;
  display: block;
}
.fotoboek * {
  box-sizing: border-box;
}
.fotoboek .firstTitle {
  flex: 0 0 100%;
}

.photo {
  flex: 0 0 29%;
  margin: 2%;
  position: relative;
}
@media (min-width: 768px) {
  .photo {
    flex-basis: 22%;
    margin: 1.5%;
  }
}
@media (min-width: 992px) {
  .photo {
    flex-basis: 10.5%;
    margin: 1%;
  }
}
.photo:after {
  padding-top: 75%;
  content: " ";
  display: block;
}
.photo a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.photo a .largeImage {
  pointer-events: none;
}
.photo:target a .largeImage {
  pointer-events: visible;
}
.photo .content {
  max-width: 300px;
  text-align: center;
  margin: 10px auto;
  color: #ffffff;
  display: none;
}
@media (min-width: 768px) {
  .photo .content {
    max-width: 600px;
  }
}
.photo .title {
  font-weight: bold;
}
.photo .description {
  font-size: 0.8rem;
}

.fotoboek .close,
.photo:target a .large {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  pointer-events: none;
}

.fotoboek .close {
  z-index: 21;
  text-decoration: none;
  color: #ffffff;
  font-size: 3rem;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: right;
}
.fotoboek .close span {
  display: none;
}
.fotoboek .close .closeIcon {
  position: absolute;
  right: 30px;
  top: 10px;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.3);
  display: block;
}
.fotoboek .next, .fotoboek .previous {
  display: none;
  position: fixed;
  z-index: 23;
  color: #ffffff;
  top: 20vh;
  cursor: pointer;
  border-radius: 5px;
  background: none;
}
.fotoboek .next:before, .fotoboek .next:after, .fotoboek .previous:before, .fotoboek .previous:after {
  margin: 0px;
  font-size: 3rem;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.3);
}
.fotoboek .next .label, .fotoboek .previous .label {
  display: none;
}
.fotoboek .next {
  right: 4%;
}
.fotoboek .previous {
  left: 4%;
}
.fotoboek .next:hover, .fotoboek .previous:hover, .fotoboek .close .closeIcon:hover {
  color: #e4e4e4;
}
@media (min-width: 768px) {
  .fotoboek .next, .fotoboek .previous {
    top: 25vh;
  }
  .fotoboek .next:after {
    margin-left: 5px;
  }
  .fotoboek .previous:before {
    margin-right: 5px;
  }
}

.photo:target a .large {
  z-index: 22;
  background-image: none;
  text-align: center;
}
.photo:target a .large img {
  display: block;
  margin: auto;
  border: 5px solid #ffffff;
  max-width: 70vw;
  max-height: 70vh;
  margin-top: 5vh;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .photo:target a .large img {
    border-width: 15px;
    margin-top: 10vh;
    max-width: 80vw;
    max-height: 80vh;
  }
}
.photo:target ~ .close {
  pointer-events: auto;
}
.photo:target .content {
  display: block;
}

.fotoboek .close, .photo .large {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

.photo:target ~ .close, .photo:target a .large {
  opacity: 1;
  pointer-event: visible;
}
.photo:target ~ .next, .photo:target ~ .previous {
  display: block;
}

body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
.forum-box {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #cdd6de;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .forum-box {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.forum-box:after {
  content: " ";
  clear: both;
  display: block;
}
.forum-box a {
  color: #37afe4;
}
.forum-box .profile-icon {
  color: #ffffff;
}
.forum-box.no-content {
  text-align: center;
}
.forum-box.no-content p {
  font-size: 0.9rem;
  color: #a0afb0;
}
.forum-box.no-content .main-icon {
  display: block;
  clear: both;
  font-size: 64px;
  color: #a0afb0;
  margin-bottom: 10px;
}

.forum-between-head {
  display: flex;
  flex-flow: row nowrap;
  margin: 40px 0px 5px 0px;
}
.forum-between-head .title {
  flex: 1 1 auto;
}
.forum-between-head h3, .forum-between-head h4 {
  font-size: 0.9rem;
  font-weight: bold;
  color: #282b2d;
}
.forum-between-head .options {
  font-size: 0.8rem;
}
.forum-between-head .options .label, .forum-between-head .options .opt {
  display: inline-block;
  padding: 4px 7px;
}
.forum-between-head .options .label {
  font-weight: bold;
}
.forum-between-head .options .opt {
  color: #a0afb0;
  border-radius: 3px;
  cursor: pointer;
}
.forum-between-head .options .opt.active {
  color: #5d6773;
  text-decoration: underline;
}
.forum-between-head .options .opt:hover {
  background-color: #e4e4e4;
  text-decoration: none;
}

.forum-attachments {
  margin: 30px 0px;
}
.forum-attachments h3, .forum-attachments h4 {
  font-size: 0.9rem;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e4e4e4;
}
.forum-attachments .file {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  text-decoration: none;
  color: #5d6773;
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0px;
  transition: all 0.2s ease-in;
}
.forum-attachments .file:hover {
  background-color: #f5f5f5;
}
.forum-attachments .file > * {
  flex: 0 0 auto;
}
.forum-attachments .file .filename {
  flex: 1 1 auto;
}
.forum-attachments .file .icon, .forum-attachments .file .caret {
  flex-basis: 40px;
  line-height: 30px;
  text-align: center;
  margin: 0px;
}
.forum-attachments .file .fileinfo {
  font-size: 0.9rem;
  color: #a0afb0;
  flex-basis: 120px;
}
.forum-attachments .file .caret {
  font-size: 18px;
  color: #f46b10;
}

.column.forum .button, .publication.reaction .button, .widget.forum .button {
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 30px;
  height: auto;
  min-height: auto;
  padding: 5px 15px;
  transition: all 0.3s ease-in;
  border-radius: 3px;
}
.column.forum .button *, .publication.reaction .button *, .widget.forum .button * {
  pointer-events: none;
}
.column.forum .button .icon, .publication.reaction .button .icon, .widget.forum .button .icon {
  margin: 0px 0px 0px 20px;
  font-size: 14px;
}
.column.forum .button:disabled, .publication.reaction .button:disabled, .widget.forum .button:disabled {
  background-color: #f5f5f5;
  color: #cdd6de;
}
.column.forum .button:not(.light), .publication.reaction .button:not(.light), .widget.forum .button:not(.light) {
  background-color: #f46b10;
  color: #ffffff;
}
.column.forum .button:not(.light):hover, .publication.reaction .button:not(.light):hover, .widget.forum .button:not(.light):hover {
  background-color: #37afe4;
}
.column.forum .button.light, .column.forum .button.clean, .publication.reaction .button.light, .publication.reaction .button.clean, .widget.forum .button.light, .widget.forum .button.clean {
  color: #5d6773;
}
.column.forum .button.clean, .publication.reaction .button.clean, .widget.forum .button.clean {
  background-color: transparent;
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.column.forum .button.clean:hover, .publication.reaction .button.clean:hover, .widget.forum .button.clean:hover {
  background-color: #f5f5f5;
  color: #a0afb0;
  text-decoration: none;
}
.column.forum .button.left, .publication.reaction .button.left, .widget.forum .button.left {
  float: left;
}
.column.forum .button.left .icon, .publication.reaction .button.left .icon, .widget.forum .button.left .icon {
  margin: 0px 10px 0px 0px;
}

.fieldgroup {
  clear: both;
  box-sizing: border-box;
  position: relative;
}
.fieldgroup:after {
  content: " ";
  clear: both;
  display: block;
}
.fieldgroup + .fieldgroup {
  margin-top: 20px;
}
.fieldgroup label, .fieldgroup .question {
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 1.4;
}
.fieldgroup input, .fieldgroup textarea, .fieldgroup select, .fieldgroup .textarea, .fieldgroup .select, .fieldgroup .answers {
  width: 100%;
}
.fieldgroup textarea {
  width: 100%;
  clear: both;
  margin: 0px;
  box-sizing: border-box;
  height: 270px;
  resize: vertical;
}

.column.forum .toolbar, .publication.reaction .toolbar, .widget.forum .toolbar {
  margin-top: 20px;
  text-align: right;
}

.forum-oveview .forum-message {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.forum-oveview .forum-message .date, .forum-oveview .forum-message .title-holder {
  color: inherit;
  text-decoration: none;
}
.forum-oveview .forum-message abbr {
  text-decoration: none;
  font-style: normal;
}
.forum-oveview .forum-message p:last-of-type {
  margin: 0px;
}
.forum-oveview .content-holder, .forum-oveview .title-holder {
  flex: 1 1 auto;
  margin-left: 20px;
}
.forum-oveview .content-holder .meta, .forum-oveview .title-holder .meta {
  font-style: normal;
  font-size: 0.85rem;
}
.forum-oveview .content-holder .meta .reaction-user, .forum-oveview .content-holder .meta .label, .forum-oveview .title-holder .meta .reaction-user, .forum-oveview .title-holder .meta .label {
  display: inline-block;
  padding-right: 20px;
}
.forum-oveview .content-holder .meta .label, .forum-oveview .title-holder .meta .label {
  color: #5d6773;
}
.forum-oveview .title-holder:hover {
  color: #707070;
}
.forum-oveview .title-holder:hover .meta {
  opacity: 0.8;
}
.forum-oveview .title-holder .title {
  font-size: 1.2rem;
}
.forum-oveview .comments-total {
  color: #707070;
  font-size: 1.6rem;
  flex: 0 0 60px;
}
.forum-oveview .comments-total .icon {
  color: #60bc3d;
}
.forum-oveview .react-button {
  font-size: 0.9rem;
  padding: 10px;
  margin-left: 20px;
  border-radius: 3px;
  position: relative;
  transition: all 0.2s linear;
  flex: 0 0 auto;
}
.forum-oveview .react-button:before {
  content: " ";
  border-left: 2px dotted #707070;
  margin: 0px 10px;
  position: absolute;
  left: -15px;
  height: 20px;
}
.forum-oveview .react-button:hover {
  background-color: #f5f5f5;
  color: #707070;
  text-decoration: none;
}
.forum-oveview .react-button .icon {
  padding-left: 10px;
  font-size: 1rem;
}
.forum-oveview .profile-icon {
  flex: 0 0 auto;
  align-self: flex-start;
}
.forum-oveview .smaller-box .title-holder .title {
  font-size: 1rem;
}
.forum-oveview .smaller-box .profile-icon {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.forum-oveview .smaller-box .message-date {
  color: #707070;
  margin-left: 20px;
  flex-basis: 45px;
  text-decoration: none;
}
.forum-oveview .smaller-box .comments-total {
  font-size: 1rem;
  flex-basis: 45px;
  text-align: right;
  margin-right: 10px;
}
.forum-oveview .smaller-box .comments-total .icon {
  float: left;
  margin-top: 3px;
}
.forum-oveview .forum-year-bar {
  display: block;
  margin: 30px 0px 10px 0px;
  clear: both;
  font-size: 0.9rem;
}
.forum-oveview .forum-year-bar > span, .forum-oveview .forum-year-bar > a {
  display: inline-block;
  padding: 2px 5px;
}
.forum-oveview .forum-year-bar a {
  display: inline-block;
  color: #37afe4;
  border-radius: 3px;
}
.forum-oveview .forum-year-bar a:hover {
  background-color: #e4e4e4;
  color: #707070;
}
.forum-oveview .forum-year-bar .label {
  padding-left: 0px;
}

.forum-full-message {
  padding: 30px;
}
.forum-full-message .content {
  float: none;
  width: 100%;
  margin-bottom: 50px;
}
.forum-full-message .message-head {
  max-width: calc( 100% - 60px );
  margin-bottom: 30px;
}
.forum-full-message .message-head h1, .forum-full-message .message-head h2 {
  margin-bottom: 0px;
}
.forum-full-message .message-head .date {
  display: block;
  margin-top: -2px;
  color: #a0afb0;
}
.forum-full-message .quick-edit {
  font-size: 1.4rem;
  color: #ffc000;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  right: 30px;
  top: 30px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.forum-full-message .quick-edit:hover {
  background-color: #f5f5f5;
}
.forum-full-message .author-information {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-top: 1px solid #e4e4e4;
  padding-top: 20px;
}
.forum-full-message .author-information .profile-icon-info {
  margin: 0px 20px;
  flex: 1 1 auto;
}
.forum-full-message .author-information .profile-icon-info .profile-options a {
  display: inline-block;
  font-size: 0.9rem;
  padding-right: 15px;
  text-decoration: none;
}
.forum-full-message .author-information .profile-icon-info .profile-options a:hover {
  text-decoration: underline;
}
.forum-full-message .author-information .profile-icon-info .profile-options a .icon {
  margin-right: 5px;
}

.place-reaction .react-head {
  text-align: center;
  padding-bottom: 20px;
}
.place-reaction .react-head h3 {
  font-weight: bold;
  font-size: 1.3rem;
  color: #5d6773;
  margin: 0px;
}
.place-reaction .react-head .sub {
  color: #a0afb0;
}
.place-reaction .react-head .amount {
  color: #f46b10;
  font-weight: bold;
}
.place-reaction .not-logged-in {
  border-top: 1px solid #e4e4e4;
  text-align: center;
  padding-top: 30px;
}
.place-reaction .not-logged-in .button {
  padding: 3px 15px;
  margin-bottom: 5px;
}
.place-reaction .reaction-text-holder {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.place-reaction .reaction-text-holder textarea {
  width: 100%;
  clear: both;
  margin: 0px;
  box-sizing: border-box;
  height: 270px;
  resize: vertical;
}
.place-reaction .toolbar {
  margin-top: 20px;
  text-align: right;
}

.forum-overlay {
  z-index: 50;
  pointer-events: none;
}
.forum-overlay, .forum-overlay:after, .forum-overlay .forum-window {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  box-sizing: border-box;
}
.forum-overlay:after {
  content: " ";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 0;
  transition: all 0.1s ease-in;
}
.forum-overlay .forum-window {
  background-color: #ffffff;
  display: flex;
  flex-flow: column nowrap;
  opacity: 0;
  transition: all 0.2s ease-in;
}
@media (min-width: 768px) {
  .forum-overlay .forum-window {
    left: calc( 50% - 250px );
    top: 300px;
    right: auto;
    bottom: auto;
    width: 500px;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    margin-top: -50px;
  }
}
.forum-overlay .forum-window .window-header, .forum-overlay .forum-window .window-footer, .forum-overlay .forum-window .window-content {
  position: relative;
  box-sizing: border-box;
}
.forum-overlay .forum-window .window-header, .forum-overlay .forum-window .window-footer {
  flex: 0 0 auto;
}
.forum-overlay .forum-window .title {
  padding-right: 40px;
  margin-bottom: 5px;
}
.forum-overlay .forum-window .opt {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  border-radius: 3px;
  margin: 2px;
  color: #a0afb0;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.forum-overlay .forum-window .opt:hover {
  background-color: #f5f5f5;
}
.forum-overlay .forum-window .opt .icon {
  margin: 0px;
  pointer-events: none;
}
.forum-overlay .forum-window .window-content {
  flex: 1 1 auto;
  padding: 20px;
}
.forum-overlay .forum-window .window-footer {
  padding: 5px;
  border-top: 1px solid #e4e4e4;
  background-color: #f5f5f5;
}
.forum-overlay .forum-window .window-footer.toolbar {
  margin: 0px;
}
.forum-overlay.active {
  pointer-events: visible;
}
.forum-overlay.active:after {
  opacity: 1;
}
.forum-overlay.active .forum-window {
  margin-top: 0px;
  opacity: 1;
}

.upload-attachments {
  background-color: #f5f5f5;
  padding: 15px 20px;
}
.upload-attachments h2 {
  font-size: 1rem;
  font-weight: bold;
}
.upload-attachments .info {
  position: relative;
}
.upload-attachments .info .icon {
  color: #37afe4;
  text-align: center;
  margin: 0px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.upload-attachments .info .requirements {
  font-size: 0.8rem;
  position: absolute;
  right: -3px;
  top: 30px;
  background-color: #ffffff;
  border-width: 1px;
  z-index: 5;
  padding: 7px 15px;
  width: 200px;
  border-radius: 3px;
  opacity: 0;
  margin-top: -10px;
  transition: all 0.2s ease-in;
  pointer-events: none;
}
.upload-attachments .info .requirements, .upload-attachments .info .requirements:before {
  background-color: #ffffff;
  border-color: #e4e4e4;
  border-style: solid;
}
.upload-attachments .info .requirements strong {
  display: block;
}
.upload-attachments .info .requirements:before {
  position: absolute;
  right: 10px;
  top: -11px;
  transform: rotate(-45deg);
  width: 20px;
  height: 20px;
  border-width: 1px 1px 0px 0px;
  content: " ";
}
.upload-attachments .info:hover .requirements {
  opacity: 1;
  margin-top: 0px;
  pointer-events: auto;
}
.upload-attachments input[type=file] {
  width: calc( 100% - 40px );
}

.upload-box {
  clear: both;
  display: block;
  box-sizing: border-box;
  position: relative;
  margin: 20px 0px;
}
.upload-box h3 {
  font-size: 0.9rem;
  font-weight: bold;
}
.upload-box .attachement {
  display: flex;
  position: relative;
  color: inherit;
  text-decoration: none;
}
.upload-box .attachement .icon, .upload-box .attachement .icnbutton {
  flex: 0 0 24px;
  text-align: center;
  margin: 0px;
  line-height: 24px;
}
.upload-box .attachement .name {
  flex: 1 1 auto;
  word-break: break-all;
}
.upload-box .attachement .icnbutton {
  background-color: transparent;
  border: 0px;
  border-radius: 3px;
  color: #a0afb0;
  font-size: 1rem;
  cursor: pointer;
}
.upload-box .attachement .icnbutton:hover {
  background-color: #f5f5f5;
}

.upload-box.selected-attachments {
  display: none;
}
.upload-box.selected-attachments.active {
  display: block;
}
.upload-box.selected-attachments .icnbutton:hover {
  background-color: #e4e4e4;
}

.column.forum {
  position: relative;
}
.column.forum .overview-intro, .column.forum .overview-intro:after {
  border: 0px;
}
.column.forum > .new-message {
  position: absolute;
  right: 0px;
  top: 0px;
}

.column.forum ~ .sidebar .related {
  display: none;
}

#page.zoeken .search-info-button {
  position: absolute;
  right: 0px;
  z-index: 2;
  padding: 9px 18px;
}
#page.zoeken .search-info-overlay .window-content h3:first-of-type {
  display: none;
}

.gos {
  /* Base */
  /* Style default radiobuttons */
  /* base result */
  /* Page navigation */
  /* Right column */
}
.gos {
  position: relative;
}
.gos form, .gos fieldset, .gos ul, .gos li {
  margin: 0px;
  padding: 0px;
  border: 0px;
  clear: none;
}
.gos #searchresults strong:not(.inheritStyle) {
  font-weight: bold;
  display: inline-block;
  border: 1px solid #37afe4;
  background-color: #dbf4ff;
  padding: 0px 3px;
  margin: 0px 2px;
  color: #3d4c53;
}
.gos .advancedFilters:after, .gos .container:not(.base):after {
  content: " ";
  clear: both;
  display: block;
  font-size: 1px;
  height: 1px;
}
.gos a:hover {
  text-decoration: underline;
}
.gos input[type=text], .gos input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gos input[type=date] {
  font-family: "Open Sans", sans-serif;
}
.gos .field-wrap {
  position: relative;
  display: block;
  margin-bottom: 10px;
  clear: both;
  break-inside: avoid;
}
.gos .legend {
  color: #282b2d;
  font-size: 16px;
  margin-bottom: 10px;
}
.gos h2, .gos h2 a {
  font-size: 20px;
  line-height: 1.8;
}
.gos h3, .gos h3 a, .gos .title, .gos .title a {
  font-size: 16px;
  line-height: 1.4;
}
.gos .gosButton {
  border-radius: 2px;
  background-color: #f46b10;
  line-height: 30px;
  display: inline-block;
  padding: 0px 10px;
  min-width: 70px;
  text-align: center;
  max-width: 120px;
}
.gos .gosMore, .gos .gosClose, .gos .gosTop {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  color: #5d6773;
  text-decoration: none;
  flex: 0 0 auto;
}
.gos .gosMore:after, .gos .gosClose:after, .gos .gosTop:after {
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: bold;
  display: inline-block;
  width: 20px;
  text-align: center;
}
.gos .gosMore:after {
  content: "";
}
.gos .gosButton, .gos .gosButton span {
  color: #ffffff;
}
.gos .gosButton:hover, .gos .gosButton:focus {
  background-color: #1472E6;
  text-decoration: none;
  color: #ffffff;
}
.gos input[type=text] {
  border: 1px solid #7e97a9;
  width: auto;
  padding: 3px 5px;
  margin-right: 5px;
}
.gos input[type=text]:focus {
  border: 1px solid #1472E6;
  background: #ffffff;
}
.gos .results, .gos .rightcolumn {
  margin-bottom: 70px;
}
.gos .input, .gos .search-filter-toolbar, .gos .results {
  max-width: 500px;
}
@media (min-width: 992px) {
  .gos .input, .gos .search-filter-toolbar, .gos .results {
    max-width: 750px;
  }
}
.gos input[type=radio], .gos input[type=checkbox] {
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
}
.gos input[type=radio] + label, .gos input[type=checkbox] + label {
  float: none;
  width: auto;
  cursor: pointer;
  font-style: normal;
  clear: both;
  display: block;
  position: relative;
  line-height: 20px;
  padding: 2px 0px;
  margin: 0px 0px 0px 1px;
}
.gos input[type=radio] + label:before, .gos input[type=checkbox] + label:before {
  display: block;
  float: left;
  clear: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  border: 1px solid #7e97a9;
  content: " ";
  margin-right: 10px;
  position: relative;
  background-color: #ffffff;
  transition: 0.15s ease-in-out;
  box-sizing: border-box;
  color: #ffffff;
  text-align: center;
}
.gos input[type=radio]:checked + label, .gos input[type=checkbox]:checked + label {
  font-weight: bold;
  font-style: normal;
}
.gos input[type=radio]:checked + label:before, .gos input[type=checkbox]:checked + label:before {
  background-color: #488325;
}
.gos input[type=radio] + label:before {
  border-radius: 20px;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 1px #7e97a9;
  left: 1px;
}
.gos input[type=checkbox] + label:before {
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: bold;
}
.gos input[type=checkbox]:checked + label:before {
  border-color: #488325;
}
.gos .form, .gos .base {
  padding: 0px;
  background-color: transparent;
}
.gos .base {
  border-bottom: 1px solid #cdd6de;
}
.gos .input {
  position: relative;
  padding-bottom: 30px;
}
.gos .input .searchinput {
  border-radius: 5px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid #7e97a9;
  background: #ffffff;
  width: 100%;
  padding: 6px 70px 8px 15px;
  height: 48px;
  font-size: 1.1rem;
  box-sizing: border-box;
}
.gos .submit, .gos .submit:hover, .gos .empty {
  position: absolute;
  top: 0px;
  width: 46px;
  min-width: 46px;
  height: 46px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  overflow: hidden;
}
.gos .submit {
  right: 1px;
  border-radius: 0px 4px 4px 0px;
  background-color: #f46b10;
}
.gos .submit, .gos .submit:hover {
  background-image: url(../images/loop.svg);
  background-size: 46% auto;
  margin-right: 0px;
}
.gos .empty {
  right: 46px;
  display: block;
  background-image: url(../images/cross.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25% auto;
}
.gos .empty:hover {
  opacity: 0.7;
}
.gos .search-filter-toolbar,
.gos .content-type-tabs ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (max-width: 639px) {
  .gos .search-filter-toolbar,
.gos .content-type-tabs ul {
    justify-content: space-between;
  }
}
.gos .main-tabs li, .gos .more-holder li {
  flex: 0 0 auto;
  list-style: none;
}
@media (min-width: 640px) {
  .gos .main-tabs li, .gos .more-holder li {
    display: block;
    opacity: 0;
  }
  .gos .main-tabs li.visible, .gos .more-holder li.visible {
    display: block;
    opacity: 1;
  }
  .gos .main-tabs li:not(.visible), .gos .more-holder li:not(.visible) {
    pointer-events: none;
    visibility: hidden;
  }
}
.gos .main-tabs a, .gos .more-holder a {
  color: inherit;
  display: block;
  padding: 7px 12px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid transparent;
  background-color: #ffffff;
  transition: all 0.15s linear;
}
.gos .main-tabs a.active, .gos .more-holder a.active {
  font-weight: bold;
  color: #a0afb0;
}
.gos .main-tabs a:hover, .gos .more-holder a:hover {
  background-color: #f5f5f5;
}
.gos .main-tabs a:focus, .gos .more-holder a:focus {
  color: #ffffff;
  background-color: #1472E6;
}
.gos .search-filter-toolbar {
  border-bottom: 1px solid #e4e4e4;
  flex-wrap: nowrap;
  margin-bottom: -1px;
}
.gos .content-type-tabs {
  position: relative;
  flex: 1 1 0px;
}
@media (max-width: 639px) {
  .gos .content-type-tabs {
    display: none;
  }
}
.gos .content-type-tabs .main-tabs {
  justify-content: flex-start;
  overflow: hidden;
  max-height: 36px;
}
.gos .content-type-tabs .main-tabs a.active {
  border-color: #e4e4e4 #e4e4e4 #ffffff #e4e4e4;
}
.gos .content-type-tabs .main-tabs .more-holder {
  display: block;
}
.gos .more-holder {
  flex: 0 0 auto;
}
.gos .more-holder a.active {
  border-color: transparent;
}
.gos .more-holder .fold-out {
  max-height: 800px;
  width: 160px;
}
@media (min-width: 640px) {
  .gos .more-holder li:not(.visible) {
    display: none;
  }
}
.gos .more-holder.inactive {
  display: block;
}
@media (min-width: 640px) {
  .gos .more-holder.inactive {
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width: 639px) {
  .gos .more-button .more-label {
    display: none;
  }
}
@media (min-width: 640px) {
  .gos .more-button .mobile-label {
    display: none;
  }
}
.gos .content-type-hidden {
  display: none;
}
.gos .foldout {
  background-color: #ffffff;
  margin-bottom: 30px;
}
.gos .foldout fieldset {
  float: left;
  margin: 0px 25px 20px 25px;
  min-width: 150px;
}
.gos .foldout fieldset:first-of-type {
  margin-left: 0px;
}
.gos .foldout .gosButton {
  margin-right: 5px;
}
.gos .foldout .period .select-date-wrapper {
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
  padding-top: 15px;
  display: none;
}
.gos .foldout .period .date-wrap {
  display: inline-block;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  margin: 0px 10px 0px 0px;
}
@media (max-width: 639px) {
  .gos .foldout .period .date-wrap {
    display: block;
    width: 100%;
  }
}
.gos .foldout .period .date-format-holder {
  display: none;
}
.gos .foldout .period .date-wrap label {
  width: 30px;
  margin: 0px;
  line-height: 30px;
}
.gos .foldout .period .datefield {
  height: 30px;
  width: 140px;
  cursor: pointer;
  margin: 0px;
}
@media (max-width: 639px) {
  .gos .foldout .period .datefield {
    width: calc( 100% - 40px );
    margin-bottom: 5px;
  }
}
.gos .foldout .period .select-date-toolbar {
  clear: both;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0px 10px 0px 30px;
  display: none;
}
.gos .foldout .period .emptydate {
  cursor: pointer;
}
.gos .foldout .period .emptydate:hover {
  text-decoration: none;
}
.gos .foldout .period .emptydate, .gos .foldout .period .data-format {
  flex: 0 0 auto;
  font-size: 11px;
  color: inherit;
}
.gos .foldout .period.show-custom .select-date-wrapper {
  display: block;
}
.gos .foldout .period.show-custom .select-date-toolbar {
  display: flex;
}
.gos .foldout .toolbar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}
.gos .foldout .gosClose {
  margin-left: auto;
}
.gos .search-in {
  padding-top: 10px;
  clear: both;
}
.gos .advancedFilters {
  border-top: 1px solid #cdd6de;
  clear: both;
}
.gos .advancedFilters:empty {
  display: none;
}
.gos .advancedFilters label {
  clear: none;
  width: 75%;
}
.gos .advancedFilters fieldset {
  margin: 30px 0px;
  width: 100%;
  float: none;
}
.gos .advancedFilters fieldset .column-wrapper {
  padding-left: 15px;
}
@media (min-width: 640px) {
  .gos .advancedFilters fieldset .column-wrapper {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .gos .advancedFilters fieldset .column-wrapper {
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  .gos .advancedFilters fieldset .column-wrapper {
    column-count: 4;
  }
}
.gos .advancedFilters .title {
  font-weight: bold;
  margin-bottom: 15px;
}
.gos .advancedFilters .clearfix {
  width: 230px;
  float: left;
}
.gos .foldout {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.gos .foldout .container {
  padding: 30px 0px;
}
.gos .foldout.active {
  max-height: 2000px;
  border-bottom: 1px solid #cdd6de;
}
.gos .title .resultnumber, .gos .title .resultlabel {
  display: none;
}
.gos .numberofresults, .gos .suggestion, .gos .warning {
  clear: both;
  margin-bottom: 15px;
}
.gos .numberofresults strong, .gos .suggestion strong, .gos .warning strong {
  font-weight: bold;
}
.gos .suggestion {
  font-size: 18px;
  margin-bottom: 30px;
}
.gos .suggestion a {
  font-style: italic;
}
.gos .warning {
  font-style: italic;
}
.gos .results {
  width: 100%;
}
.gos .results ul {
  list-style: none;
}
.gos .results li {
  margin: 40px 0px;
  position: relative;
}
.gos .results .title {
  display: block;
  text-decoration: none;
  padding-right: 50px;
}
.gos .results .title h3 {
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: bold;
  color: #282b2d;
  margin: 0px;
  transition: all 0.15s linear;
}
.gos .results .title h3 .icn-right {
  font-size: 1rem;
  display: inline-block;
  margin-left: 10px;
}
.gos .results .title:hover h3 {
  text-decoration: underline;
}
.gos .results .title:hover .search-pointer {
  color: #f47721;
}
.gos .results .title:visited h3, .gos .results .title:visited .url {
  color: #5d6773;
}
.gos .results .url {
  display: block;
  text-decoration: none;
  font-size: 0.9rem;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.4;
  font-style: normal;
}
.gos .results .search-pointer {
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.6rem;
  text-align: center;
  color: #cdd6de;
  transition: all 0.15s linear;
}
.gos .results .preview {
  margin: 10px 0px;
  font-size: 1rem;
}
.gos .results .preview, .gos .results .preview .tag {
  line-height: 1.6;
  max-height: 49px;
  overflow: hidden;
}
.gos .results .preview .tag {
  font-weight: bold;
  color: #000000;
}
.gos .results .metadata {
  display: block;
}
.gos .results .metadata a {
  display: block;
}
.gos .results .metadata .small {
  display: none;
  margin-top: 2px;
}
.gos .results .metadata .small .label {
  font-weight: bold;
  display: inline-block;
  min-width: 120px;
}
.gos .results .metadata .small.meeting, .gos .results .metadata .small.doctype {
  display: block;
  color: inherit;
}
.gos .results .metadata .small.meeting {
  display: flex;
  flex-flow: row nowrap;
}
.gos .results .metadata .small.meeting .label {
  flex: 0 0 120px;
}
.gos .results .metadata .small.meeting .meeting-links {
  flex: 1 1 auto;
}
.gos .gosTop {
  width: 50px;
  float: right;
  display: none;
}
.gos .gosTop.fixed {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: block;
  z-index: 15;
}
@media (min-width: 600px) {
  .gos .gosTop.fixed {
    display: none;
  }
}
.gos .pagenavigation {
  clear: both;
  text-align: center;
  position: relative;
  margin-top: 30px;
}
.gos .pagenavigation .pages-holder {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.gos .pagenavigation .no-button, .gos .pagenavigation .button {
  flex: 0 0 120px;
}
.gos .pagenavigation .button:hover {
  text-decoration: none;
}
.gos .pagenavigation .total {
  clear: both;
  font-size: 0.9rem;
  color: #5d6773;
  display: block;
  padding-top: 15px;
  text-align: center;
}
.gos .pagenavigation .previous, .gos .pagenavigation .next {
  display: flex;
  flex-flow: row nowrap;
}
.gos .pagenavigation .previous span, .gos .pagenavigation .next span {
  flex: 1 1 auto;
}
.gos .pagenavigation .previous:before, .gos .pagenavigation .next:after {
  flex: 0 0 16px;
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: bold;
  color: #f46b10;
  display: inline-block;
  width: 16px;
  text-align: center;
}
.gos .pagenavigation .previous:before {
  content: "";
  margin-right: 5px;
}
.gos .pagenavigation .next:after {
  content: "";
  margin-left: 5px;
}
@media (max-width: 639px) {
  .gos .pagenavigation .no-button, .gos .pagenavigation .button {
    flex-basis: 24px;
    display: block;
    padding: 0px;
    text-align: center;
  }
  .gos .pagenavigation .no-button:before, .gos .pagenavigation .no-button:after, .gos .pagenavigation .button:before, .gos .pagenavigation .button:after {
    margin: 0px;
  }
  .gos .pagenavigation .no-button span, .gos .pagenavigation .button span {
    display: none;
  }
}
.gos .pages {
  text-align: center;
  margin: 0px 30px;
}
.gos .pages a {
  text-decoration: none;
}
.gos .pages a:hover {
  background-color: #1472E6;
  color: #ffffff;
}
.gos .pages a, .gos .pages span.current {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  color: #5d6773;
  border: 0px;
  background: transparent;
}
.gos .pages span.current {
  background-color: #a0afb0;
  color: #ffffff;
  font-weight: bold;
}
@media (min-width: 768px) {
  .gos .results {
    float: left;
    margin-right: 30px;
  }
  .gos .rightcolumn {
    float: left;
    max-width: 198px;
  }
}
.gos .block {
  border: 1px solid #e4e4e4;
  padding: 15px;
  background: #f5f5f5;
  margin-bottom: 15px;
}
.gos .block ul {
  padding-left: 15px;
}
.gos .cloud {
  display: none;
}
.gos .cloud ul {
  box-sizing: border-box;
  padding: 0px;
}
.gos .cloud li {
  display: inline-block;
}
.gos .cloud li a {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: #5d6773;
}
.gos .cloud li a:active, .gos .cloud li a:hover {
  text-decoration: underline;
}
.gos .cloud li, .gos .cloud li.step1 {
  font-size: 100%;
}
.gos .cloud li.step2 a {
  font-size: 120%;
}
.gos .cloud li.step3 a {
  font-size: 130%;
}
.gos .cloud li.step4 a {
  font-size: 140%;
}
.gos .cloud li.step5 a {
  font-size: 160%;
}
.gos .compared ul a {
  line-height: 1.4;
}

#page.zoeken #wrapper .container {
  min-height: auto;
}
#page.zoeken #wrapper #content {
  min-height: 500px;
}
#page.zoeken #wrapper #gosFoldout .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
#page.zoeken #wrapper .container .container {
  margin: 0px;
}

.user-is-tabbing .gos .foldout {
  max-height: initial;
  display: none;
}
.user-is-tabbing .gos .foldout.active {
  display: block;
}

#page.zoeken #wrapper {
  width: 100%;
  max-width: 100%;
  background: #ffffff;
  min-height: 400px;
  margin: 0px;
}
#page.zoeken #wrapper * {
  box-sizing: border-box;
}
#page.zoeken #wrapper .form {
  margin-top: 50px;
}
#page.zoeken #wrapper .searchinput {
  text-indent: 0px;
}
#page.zoeken #wrapper .fas, #page.zoeken #wrapper .gosMore:after {
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: bold;
}
#page.zoeken #wrapper .hover-menu .fold-out {
  position: absolute;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  padding: 10px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s linear;
  max-height: 0px;
  z-index: 1;
  background-color: #ffffff;
}
#page.zoeken #wrapper .hover-menu:hover .fold-out, #page.zoeken #wrapper .hover-menu.active .fold-out {
  opacity: 1;
  pointer-events: visible;
  max-height: 100vh;
}
#page.zoeken #wrapper .input .button {
  top: 1px;
}
#page.zoeken #wrapper .clean-button {
  background-color: transparent;
  color: #282b2d;
}

/* Overwrite all for high-contrast */
#page.highcontrast #navigation,
#page.highcontrast #navigation #menu {
  background: #000000;
}

#page.highcontrast #navigation #menu a, #page.highcontrast #navigation #menu span {
  color: #FFFFFF !important;
}

#page.highcontrast .row {
  background: #FFFFFF !important;
}

#page.highcontrast .row + .row {
  border-top: 1px solid #000000;
}

#page.highcontrast .widget.base, #page.highcontrast .widget .base {
  border: 1px solid #000000;
  box-shadow: none;
  background-color: transparent;
}

#page.highcontrast .button {
  background-color: #000000;
  color: #FFFFFF;
}

#page.highcontrast h1, #page.highcontrast h2, #page.highcontrast h3 {
  color: #000000;
}

#page.highcontrast a {
  color: #000000;
}

#page.highcontrast .tabs a,
#page.highcontrast .taboverview a.tabbarItem {
  border: 1px solid #000000;
  color: #000000;
  background: #FFFFFF;
}

#page.highcontrast .tabs a {
  border-bottom: 0px;
}

#page.highcontrast .tabs a.active,
#page.highcontrast .tabs li.active a,
#page.highcontrast .subtabs li.active span,
#page.highcontrast .taboverview a.tabbarItem.active {
  background-color: #000000;
  color: #FFFFFF;
}

#page.highcontrast .subtabs a, #page.highcontrast .subtabs li > span {
  border: 1px solid #000000;
}

#page.highcontrast .hovermenu li > div {
  background: #222222;
}

#page.highcontrast .hovermenu li > div li:hover {
  background-color: #444444;
}

#page.highcontrast .taboverview .tabcontent.active .content, #page.highcontrast .taboverview .tabcontent:target .content {
  background-color: #FFFFFF;
  border-color: #000000;
}

#page.highcontrast #breadcrumb a, #page.highcontrast #breadcrumb span {
  color: #000000;
}

#page.highcontrast footer {
  background-color: #FFFFFF;
  color: #000000;
  border-top: 1px solid #000000;
}

#page.highcontrast .longcalendar .days li.today {
  background-color: #000000;
}

#page.highcontrast .longcalendar .days li.today a {
  color: #FFFFFF;
}

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