/* A6C63D */
body {
  padding-top: 50px;
  padding-bottom: 20px; }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

.top-spacer {
  height: 60px; }

.move-button-spacer {
  display: inline-block;
  width: 13px; }

.inline-form {
  display: inline-block; }

.legend-as-label {
  border-bottom: none;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px; }

ul.no-bullets {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.no-bullets li {
    margin-bottom: 12px; }

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem #ffffff, 0 0 0 0.25rem #89BA32; }

div.shopping-info-mobile {
  position: relative;
  float: left;
  padding-top: 15px;
  padding-left: 220px; }

div.shopping-info-mobile a,
div.shopping-info-mobile a:link,
div.shopping-info-mobile a:active,
div.shopping-info-mobile a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Typography */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.form-horizontal .control-label.left-aligned {
  text-align: left; }

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
  white-space: normal; }

/* centered columns styles */
.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

/* Horizontal form line */
.col-auto {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  float: left; }

.no-left-padding {
  padding-left: 0; }

.no-right-padding {
  padding-right: 0; }

.label-spacing {
  padding-right: 6px; }

.label-compensation {
  padding-top: 5px; }

.button-container .btn {
  margin: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #ffffff; }

/* Social */
.social-button-container {
  display: table;
  height: 70px;
  width: 70px;
  background: #89ba32;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  text-align: center;
  margin-left: 5px; }

a span.social-button-container i.social-button,
a span.social-button-container:link i.social-button,
a span.social-button-container:active i.social-button,
a span.social-button-container:visited i.social-button {
  display: table-cell;
  font-size: 32px;
  line-height: 24px;
  color: #ffffff;
  vertical-align: middle;
  text-align: center; }

.contact a span.glyphicon:not(:hover),
.contact a span.social-button:not(:hover) {
  color: black; }

/* Overlays */
.course-page-overlay {
  position: absolute;
  z-index: 50;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

/* Course Page Status */
.course-page-status-corner {
  position: absolute;
  z-index: 100;
  margin: 0;
  right: 0;
  bottom: 0;
  height: 40%; }

/* Circle icons */
.circle-icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #89ba32;
  height: 36px;
  width: 36px;
  padding: 10px;
  margin-right: 5px; }

.panel-icon span.glyphicon-intableheader {
  color: #333333; }

/* Spacer divs */
.spacer-div-20 {
  height: 20px;
  clear: both; }

.spacer-div-20-sm {
  height: 0px;
  clear: both; }

.spacer-div-40 {
  height: 40px;
  clear: both; }

.no-banner-offset {
  height: 50px;
  clear: both; }

body.leef-frontend {
  padding-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }

.tile-icon {
  font-size: 120px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 24%;
  width: 100%; }

.report-period-label {
  font-weight: bold; }

.leef-frontend {
  /* General*/
  padding-top: 0;
  /* Typography */
  /* Bread crumbs */
  /* Navigation */
  /* Page Header */
  /* Top Carousel */
  /* Panels */
  /* Footer */
  /* Media List */
  /* Module List */
  /* Folders */
  /* Featured Label */
  /* Album */
  /* Scroll Back To Top */
  /* Filters */
  /* Sport- en Cultuurimpuls */
  /* Details */
  /* Course Page Details */
  /* Module Editor */
  /* Reports */ }
  .leef-frontend .accent-color {
    color: #89ba32; }
  .leef-frontend a:link,
  .leef-frontend a:visited,
  .leef-frontend a:hover,
  .leef-frontend a:active {
    color: #89ba32;
    text-decoration: none; }
  .leef-frontend .body-content a:not(.btn):link,
  .leef-frontend .body-content a:not(.btn):visited,
  .leef-frontend .body-content a:not(.btn):hover,
  .leef-frontend .body-content a:not(.btn):active {
    text-decoration: underline; }
  .leef-frontend a.skiplink,
  .leef-frontend a.skiplink:link,
  .leef-frontend a.skiplink:visited,
  .leef-frontend a.skiplink:hover,
  .leef-frontend a.skiplink:active {
    display: block;
    position: absolute;
    top: 0px;
    left: -1000px;
    z-index: 19999;
    color: #ffffff;
    background: #89ba32;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .leef-frontend a.skiplink:focus {
    left: 10px; }
  .leef-frontend input {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #333333; }
  .leef-frontend .btn-primary,
  .leef-frontend a.btn-primary {
    background-color: #89ba32;
    border-color: #89ba32;
    color: #ffffff; }
  .leef-frontend .btn-primary:hover,
  .leef-frontend .btn-primary:focus,
  .leef-frontend .btn-primary.focus,
  .leef-frontend a.btn-primary:hover,
  .leef-frontend a.btn-primary:focus,
  .leef-frontend a.btn-primary.focus {
    background-color: #89ba32;
    border-color: #89ba32;
    color: #333333; }
  .leef-frontend footer .btn-link {
    color: #ffffff;
    text-decoration: underline;
    padding: 0; }
  .leef-frontend ul.nav li button {
    color: #ffffff;
    padding: 15px;
    border: 0; }
  .leef-frontend ul.nav li button:hover,
  .leef-frontend ul.nav li button:focus {
    color: #000000;
    text-decoration: none; }
  .leef-frontend .checkbox-inline.checkbox-solo input[type="checkbox"] {
    margin-top: -6px; }
  .leef-frontend .module-image-cropper {
    width: 500px;
    height: 333px; }
  .leef-frontend .module-square-image-cropper {
    width: 500px;
    height: 500px; }
  .leef-frontend .modal-dialog {
    margin-top: 80px; }
  .leef-frontend div.modal-footer div.col-sm-12.modal-order-button-col,
  .leef-frontend div.modal-footer div.col-md-6.modal-order-button-col {
    padding-right: 0; }
  .leef-frontend .alert p:last-of-type {
    margin: 0; }
  .leef-frontend p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 0 0 1.5em 0 0; }
  .leef-frontend .no-header-title,
  .leef-frontend h1,
  .leef-frontend h2,
  .leef-frontend h3,
  .leef-frontend span.h3,
  .leef-frontend h4,
  .leef-frontend h5,
  .leef-frontend h6 {
    font-family: Dosis, sans-serif;
    margin-bottom: 0em;
    color: #89ba32;
    letter-spacing: 1px;
    font-weight: 600; }
  .leef-frontend h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0.75em; }
  .leef-frontend h2 {
    font-size: 1.7143em;
    line-height: 1.75em;
    margin-top: 0.875em; }
  .leef-frontend h2.panel-heading-title {
    font-size: 1.5714em;
    line-height: 1.9091em;
    margin-top: 0.9545em;
    text-align: center;
    color: #ffffff; }
  .leef-frontend .no-header-title,
  .leef-frontend h3,
  .leef-frontend span.h3 {
    font-size: 1.5714em;
    line-height: 1.9091em;
    margin-top: 0.9545em; }
  .leef-frontend h4 {
    font-size: 1.4286em;
    line-height: 1.05em;
    margin-top: 1.05em; }
  .leef-frontend h5 {
    font-size: 1.2857em;
    line-height: 1.1667em;
    margin-top: 1.1667em; }
  .leef-frontend h6 {
    font-size: 1.1429em;
    line-height: 1.3125em;
    margin-top: 1.3125em; }
  .leef-frontend hgroup {
    margin-bottom: 20px; }
    .leef-frontend hgroup h2 {
      font-size: 1.1429em;
      margin-top: 0; }
  .leef-frontend .breadcrumb {
    margin-top: 40px;
    color: #707070; }
  .leef-frontend .breadcrumb li.active {
    color: #707070; }
  .leef-frontend .breadcrumb a {
    text-decoration: underline; }
  .leef-frontend .navbar.navbar-inverse {
    background: #89ba32;
    z-index: 10000;
    box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.35);
    border-bottom: 0px solid #89ba32;
    min-height: 50px; }
    .leef-frontend .navbar.navbar-inverse .navbar-nav > li > a {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff; }
    .leef-frontend .navbar.navbar-inverse .navbar-nav > li > a:hover {
      color: #000000; }
  .leef-frontend .navbar .logo-area,
  .leef-frontend .navbar .small-logo-area {
    position: absolute;
    width: 200px;
    display: block;
    float: left; }
    .leef-frontend .navbar .logo-area .navbar-collapse,
    .leef-frontend .navbar .small-logo-area .navbar-collapse {
      margin-left: 220px; }
  .leef-frontend .page-header {
    border-bottom: none; }
  .leef-frontend .page-header.course-page-title {
    padding-bottom: 0; }
  .leef-frontend .page-subheader {
    margin-top: 0; }
  .leef-frontend #top-carousel {
    margin-top: 50px;
    position: relative; }
  .leef-frontend .panel {
    border-radius: 0;
    border: none;
    box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.35);
    margin-bottom: 40px; }
  .leef-frontend .side-bar .panel:first-of-type {
    margin-top: 40px; }
  .leef-frontend .panel-primary {
    border-color: #89ba32; }
    .leef-frontend .panel-primary .panel-heading {
      background-color: #89ba32;
      border-color: #89ba32;
      border-radius: 0; }
      .leef-frontend .panel-primary .panel-heading .no-header-title,
      .leef-frontend .panel-primary .panel-heading h1,
      .leef-frontend .panel-primary .panel-heading h2,
      .leef-frontend .panel-primary .panel-heading h3,
      .leef-frontend .panel-primary .panel-heading span.h3,
      .leef-frontend .panel-primary .panel-heading h4,
      .leef-frontend .panel-primary .panel-heading h5,
      .leef-frontend .panel-primary .panel-heading h6 {
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff; }
      .leef-frontend .panel-primary .panel-heading span.glyphicon {
        font-size: 24px;
        margin-right: 8px;
        margin-top: 6px; }
  .leef-frontend footer {
    background-color: #89ba32;
    color: #ffffff;
    min-height: 60px;
    padding-top: 20px;
    margin-top: 40px;
    box-shadow: 0 0 15px 5px rgba(50, 50, 50, 0.35); }
    .leef-frontend footer a:link,
    .leef-frontend footer a:visited,
    .leef-frontend footer a:hover,
    .leef-frontend footer a:active {
      color: #ffffff;
      text-decoration: none; }
    .leef-frontend footer a:hover {
      text-decoration: underline; }
    .leef-frontend footer h3,
    .leef-frontend footer span.h3 {
      color: #ffffff; }
  .leef-frontend ul.media-list {
    margin-bottom: 0; }
    .leef-frontend ul.media-list li.media .media-container {
      overflow: hidden; }
    .leef-frontend ul.media-list li.media img.media-object {
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease; }
    .leef-frontend ul.media-list li.media img.media-object:hover {
      -webkit-transform: scale(1.1);
      /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
      -moz-transform: scale(1.1);
      /* Fx 3.5-15 */
      -ms-transform: scale(1.1);
      /* IE 9 */
      -o-transform: scale(1.1);
      /* Op 10.5-12 */
      transform: scale(1.1);
      /* Fx 16+, IE 10+ */ }
    .leef-frontend ul.media-list li.media .media-body p {
      margin: 0; }
    .leef-frontend ul.media-list li.media .media-body h1.media-heading,
    .leef-frontend ul.media-list li.media .media-body h2.media-heading,
    .leef-frontend ul.media-list li.media .media-body h3.media-heading,
    .leef-frontend ul.media-list li.media .media-body span.h3.media-heading,
    .leef-frontend ul.media-list li.media .media-body h4.media-heading,
    .leef-frontend ul.media-list li.media .media-body h5.media-heading,
    .leef-frontend ul.media-list li.media .media-body h6.media-heading {
      margin-top: 0;
      margin-bottom: 0; }
  .leef-frontend ul.media-list.multi-column {
    margin-bottom: 15px; }
  .leef-frontend .module-list {
    margin-top: 40px; }
  .leef-frontend .module-list-item-image {
    display: block;
    margin: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease; }
  .leef-frontend .small-logo-area a:focus img,
  .leef-frontend .logo-area a:focus img,
  .leef-frontend .module-list-item-container a:focus img {
    border: 2px dotted #000000; }
  .leef-frontend .module-list-item-image:hover {
    -webkit-transform: scale(1.1);
    /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: scale(1.1);
    /* Fx 3.5-15 */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Op 10.5-12 */
    transform: scale(1.1);
    /* Fx 16+, IE 10+ */ }
  .leef-frontend .module-list-item-container {
    overflow: hidden;
    position: relative; }
  .leef-frontend .upcoming-event-item .upcoming-event-item-container {
    overflow: hidden;
    position: relative;
    -moz-border-top-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    -ms-border-top-left-radius: 12px;
    border-border-top-left-radius: 12px;
    -moz-border-top-right-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -ms-border-top-right-radius: 12px;
    border-top-right-radius: 12px; }
  .leef-frontend .upcoming-event-item .upcoming-event-item-image {
    display: block;
    margin: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease; }
  .leef-frontend .upcoming-event-item .upcoming-event-item-image:hover {
    -webkit-transform: scale(1.1);
    /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: scale(1.1);
    /* Fx 3.5-15 */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Op 10.5-12 */
    transform: scale(1.1);
    /* Fx 16+, IE 10+ */ }
  .leef-frontend .upcoming-event-item .upcoming-event-title-container {
    position: absolute;
    bottom: 15px;
    padding: 0px 15px; }
    .leef-frontend .upcoming-event-item .upcoming-event-title-container .upcoming-event-title {
      color: #ffffff;
      vertical-align: bottom;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75); }
  .leef-frontend .upcoming-event-item .upcoming-event-date-container {
    padding: 10px 15px;
    background-color: #89ba32;
    -moz-border-bottom-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -ms-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -ms-border-bottom-right-radius: 12px;
    border-border-bottom-right-radius: 12px; }
    .leef-frontend .upcoming-event-item .upcoming-event-date-container .upcoming-event-date {
      color: #ffffff;
      font-weight: bold;
      font-size: 16px; }
  .leef-frontend .pdf-item-image {
    display: block;
    margin: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease; }
  .leef-frontend .pdf-item-image:hover {
    -webkit-transform: scale(1.1);
    /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: scale(1.1);
    /* Fx 3.5-15 */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Op 10.5-12 */
    transform: scale(1.1);
    /* Fx 16+, IE 10+ */ }
  .leef-frontend .pdf-item-container {
    overflow: hidden; }
  .leef-frontend .featured-label {
    width: 280px;
    margin-top: -70px;
    margin-left: -12px;
    position: absolute;
    z-index: 51; }
  .leef-frontend .featured-label-text {
    margin-top: -58px;
    margin-left: 20px;
    position: absolute;
    color: #fff;
    font-family: Dosis, sans-serif;
    font-weight: 700;
    font-size: 18px;
    z-index: 52; }
  .leef-frontend .featured-label-text a,
  .leef-frontend .featured-label-text a:link,
  .leef-frontend .featured-label-text a:visited,
  .leef-frontend .featured-label-text a:hover,
  .leef-frontend .featured-label-text a:active {
    color: #fff; }
  .leef-frontend .featured-label-higher {
    width: 280px;
    margin-top: -110px;
    margin-left: -12px;
    position: absolute; }
  .leef-frontend .featured-label-text-higher {
    margin-top: -98px;
    margin-left: 20px;
    position: absolute;
    color: #fff;
    font-family: Dosis, sans-serif;
    font-weight: 700;
    font-size: 18px; }
  .leef-frontend #albumGrid {
    margin: 0 auto; }
  .leef-frontend #albumGrid:after {
    content: '';
    display: block;
    clear: both; }
  .leef-frontend .album-item {
    float: left;
    margin-bottom: 15px;
    width: 300px;
    /*height: 200px;*/ }
    .leef-frontend .album-item img {
      display: block;
      max-width: 100%;
      max-height: 200px; }
  .leef-frontend .scroll-back-to-top-wrapper {
    position: fixed;
    overflow: hidden;
    text-align: center;
    z-index: 99999998;
    background-color: #ffffff;
    color: #89ba32;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 35px;
    cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.35); }
    .leef-frontend .scroll-back-to-top-wrapper a {
      display: block; }
  .leef-frontend .scroll-back-to-top-wrapper:hover {
    background-color: #89ba32;
    color: #ffffff; }
  .leef-frontend .scroll-back-to-top-wrapper span.glyphicon {
    line-height: inherit;
    margin-top: -2px; }
  .leef-frontend .filters .row .filter-button-group ul {
    border: 1px solid #89ba32;
    padding: 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .leef-frontend .filters .row p {
    padding-left: 20px; }
  .leef-frontend nav#filter,
  .leef-frontend nav#filterTargetAudiences,
  .leef-frontend nav#filterTargetAreas,
  .leef-frontend nav#filterTargetSectors {
    /* margin-bottom: $filters-margin-bottom; */ }
    .leef-frontend nav#filter input,
    .leef-frontend nav#filterTargetAudiences input,
    .leef-frontend nav#filterTargetAreas input,
    .leef-frontend nav#filterTargetSectors input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .leef-frontend nav#filter a, .leef-frontend nav#filter label,
    .leef-frontend nav#filterTargetAudiences a,
    .leef-frontend nav#filterTargetAudiences label,
    .leef-frontend nav#filterTargetAreas a,
    .leef-frontend nav#filterTargetAreas label,
    .leef-frontend nav#filterTargetSectors a,
    .leef-frontend nav#filterTargetSectors label {
      background-color: #f5f5f5;
      color: #333333; }
      .leef-frontend nav#filter a .ok-icon, .leef-frontend nav#filter label .ok-icon,
      .leef-frontend nav#filterTargetAudiences a .ok-icon,
      .leef-frontend nav#filterTargetAudiences label .ok-icon,
      .leef-frontend nav#filterTargetAreas a .ok-icon,
      .leef-frontend nav#filterTargetAreas label .ok-icon,
      .leef-frontend nav#filterTargetSectors a .ok-icon,
      .leef-frontend nav#filterTargetSectors label .ok-icon {
        display: none; }
    .leef-frontend nav#filter a:hover,
    .leef-frontend nav#filter a.current,
    .leef-frontend nav#filter label:hover,
    .leef-frontend nav#filter label.current,
    .leef-frontend nav#filterTargetAudiences a:hover,
    .leef-frontend nav#filterTargetAudiences a.current,
    .leef-frontend nav#filterTargetAudiences label:hover,
    .leef-frontend nav#filterTargetAudiences label.current,
    .leef-frontend nav#filterTargetAreas a:hover,
    .leef-frontend nav#filterTargetAreas a.current,
    .leef-frontend nav#filterTargetAreas label:hover,
    .leef-frontend nav#filterTargetAreas label.current,
    .leef-frontend nav#filterTargetSectors a:hover,
    .leef-frontend nav#filterTargetSectors a.current,
    .leef-frontend nav#filterTargetSectors label:hover,
    .leef-frontend nav#filterTargetSectors label.current {
      background-color: #89ba32;
      color: #ffffff; }
    .leef-frontend nav#filter a.current .ok-icon,
    .leef-frontend nav#filter label.current .ok-icon,
    .leef-frontend nav#filterTargetAudiences a.current .ok-icon,
    .leef-frontend nav#filterTargetAudiences label.current .ok-icon,
    .leef-frontend nav#filterTargetAreas a.current .ok-icon,
    .leef-frontend nav#filterTargetAreas label.current .ok-icon,
    .leef-frontend nav#filterTargetSectors a.current .ok-icon,
    .leef-frontend nav#filterTargetSectors label.current .ok-icon {
      display: inline; }
    .leef-frontend nav#filter li,
    .leef-frontend nav#filterTargetAudiences li,
    .leef-frontend nav#filterTargetAreas li,
    .leef-frontend nav#filterTargetSectors li {
      display: inline-block;
      list-style: none;
      margin: 2px; }
    .leef-frontend nav#filter ul,
    .leef-frontend nav#filterTargetAudiences ul,
    .leef-frontend nav#filterTargetAreas ul,
    .leef-frontend nav#filterTargetSectors ul {
      padding-left: 0; }
  .leef-frontend .sci-container {
    width: 100%;
    height: 5000px; }
  .leef-frontend img.item-photo {
    display: block;
    float: left;
    width: 300px;
    margin-right: 16px;
    margin-bottom: 10px; }
  .leef-frontend .course-page-logo {
    width: 120px; }
  .leef-frontend div.course-page-photo-container div.course-page-photo:first-child {
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    margin: 0px 10px 40px 10px; }
    .leef-frontend div.course-page-photo-container div.course-page-photo:first-child .img-thumbnail {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      padding: 8px;
      box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.35); }
  .leef-frontend div.course-page-photo-container div.course-page-photo:last-child {
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    margin: 0px 10px 40px 10px; }
    .leef-frontend div.course-page-photo-container div.course-page-photo:last-child .img-thumbnail {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      padding: 8px;
      box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.35); }
  .leef-frontend .lesson-block {
    border: 1px solid #89ba32;
    padding: 7px;
    border-radius: 4px; }
  .leef-frontend .course-block-closed-marker,
  .leef-frontend .course-block-completed-marker,
  .leef-frontend .course-block-full-marker-red,
  .leef-frontend .course-block-full-marker-orange {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    padding: 4px 6px;
    font-size: 8pt;
    color: #ffffff;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold; }
  .leef-frontend .course-block-closed-marker,
  .leef-frontend .course-block-completed-marker,
  .leef-frontend .course-block-full-marker-red {
    background-color: #ed1c24; }
  .leef-frontend .course-block-full-marker-orange {
    background-color: #f7931e; }
  .leef-frontend .icon-menu-container {
    position: absolute;
    display: block;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    margin-top: -50px;
    width: 100%;
    padding: 10px;
    font-size: 24px;
    text-align: right; }
    .leef-frontend .icon-menu-container a:link,
    .leef-frontend .icon-menu-container a:visited,
    .leef-frontend .icon-menu-container a:hover,
    .leef-frontend .icon-menu-container a:active {
      color: #ffffff;
      text-decoration: none;
      z-index: 1000; }
    .leef-frontend .icon-menu-container a:hover {
      color: #89ba32; }
  .leef-frontend .display-only {
    padding-top: 7px; }
  .leef-frontend .img-module-tile-preview {
    width: 500px; }
  .leef-frontend .img-module-photo-preview {
    width: 200px; }
  .leef-frontend .img-module-file-preview {
    width: 353px; }
  .leef-frontend .module-file-image-cropper {
    width: 353px;
    height: 500px; }
  .leef-frontend .glyphicon-large {
    font-size: 21px; }
  .leef-frontend .btn-file {
    position: relative;
    overflow: hidden; }
    .leef-frontend .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block; }
    .leef-frontend .btn-file .glyphicon {
      margin-right: 7px; }
  .leef-frontend tr.column-headers-row {
    background-color: #cdcdcd; }
  .leef-frontend tr.colored-row {
    background-color: #efefef; }
  .leef-frontend tr.courseblock-row td:first-of-type {
    padding-left: 20px; }
  .leef-frontend tr.courseblock-row {
    color: #959595; }
  .leef-frontend textarea.form-control {
    resize: vertical; }

.leef-frontend.module-area .featured-label {
  margin-top: -110px; }

.leef-frontend.module-area .featured-label-text {
  margin-top: -98px; }

/* Panels */
.panel-icon span {
  color: #ffffff; }

a.panel-icon:link,
a.panel-icon:visited,
a.panel-icon:hover,
a.panel-icon:active {
  color: #89ba32;
  text-decoration: none; }

/* Facebook */
.fb-page.full-width, .fb-page.full-width iframe[style], .fb-page.full-width span {
  width: 500px; }

/* Fancybox fix */
.fancybox-opened {
  transform: translateZ(100px); }

/* Login options */
.login-option {
  padding: 20px 10px 15px 10px; }

.glyphicon-login-option {
  font-size: 32px; }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }

@media (max-width: 480px) {
  .glyphicon-login-option {
    font-size: 24px; }
  .login-option .no-header-title {
    font-size: 16px; } }

/* Social Menu Icons */
ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0; }
  ul.social-network li {
    display: inline;
    margin: 0 5px; }

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 7px auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ffffff;
  text-align: center;
  width: 36px;
  height: 36px;
  padding: 8px; }

.social-circle li a:hover {
  border: 1px solid #ed0080;
  color: #ed0080; }

.social-circle li i {
  margin: -12px 0 0 0;
  text-align: center; }

/* Count Down */
.count-down-outer {
  margin: 0 auto;
  width: 355px; }

.count-down-outer .countdown-container {
  height: 130px; }

.count-down-outer .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 95px;
  width: 65px;
  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.count-down-outer .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-size: 2.8em;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat; }

.count-down-outer .count.top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.count-down-outer .count.bottom {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.count-down-outer .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  color: #000;
  top: 95px;
  width: 100%; }

/* Animation start */
.count-down-outer .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3; }

.count-down-outer .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2; }

/* Animation end */
.count-down-outer .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg); }

.count-down-outer .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg); }

/* Title and social on details page */
.title-col {
  float: left;
  padding-left: 15px;
  padding-right: 15px; }

.social-media-col {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  justify-content: right; }

/* Language */
.lang-icon-container {
  margin-top: 40px;
  margin-bottom: 40px; }

.lang-icon-container img.bordered-circle {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  border-radius: 50% !important; }

.lang-flag-container {
  padding-left: 12px; }

.lang-label-container {
  padding-left: 20px;
  padding-top: 45px; }

/* Basket */
.basket-event-image,
.basket-item-row {
  margin-bottom: 20px; }

.basket-event-title {
  font-size: 1.3em;
  font-weight: bold;
  color: #89BA32; }

.basket-eventblock-name,
.basket-eventblock-price,
.basket-total-label,
.basket-total-price {
  font-size: 1.15em;
  font-weight: bold; }

.basket-content-label {
  font-weight: bold; }

.basket-waiting-list-indicator {
  color: #ff0000;
  font-weight: bold; }

.basket-trash-button {
  margin-right: 12px; }

.basket-edit-button,
.basket-trash-button,
.basket-quantity-button-plus,
.basket-quantity-button-minus {
  margin-top: 12px;
  margin-bottom: 20px; }

.control-label.basket-control-label {
  text-align: left; }

.basket-item-row {
  border-bottom: 1px solid #cccccc; }

/* Agenda */
.agenda-item {
  margin-bottom: 24px; }

.agenda-item-container {
  position: relative;
  overflow: hidden; }

.agenda-item-container .agenda-item-overlay {
  position: absolute;
  z-index: 50;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.form-control.agenda-filter-text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 200px; }

.drop-down-fields-container {
  position: relative;
  padding: 24px; }

@media screen and (max-width: 48em) {
  .count-down-outer {
    width: 100%; }
  .count-down-outer .countdown-container {
    height: 100px; }
  .count-down-outer .time {
    height: 70px;
    width: 48px; }
  .count-down-outer .count {
    font-size: 1.5em;
    line-height: 70px; }
  .count-down-outer .label {
    font-size: 0.8em;
    top: 72px; } }

li.menuIcon.menu-icon-hide-on-lg,
div.menuIcon.menu-icon-hide-on-lg {
  display: none; }

li.menuIcon.menu-icon-hide-on-md,
div.menuIcon.menu-icon-hide-on-md {
  display: none; }

@media (max-width: 991px) {
  /* PopUp */
  #modalPopUp .img-module-tile-preview {
    margin-bottom: 24px; }
  .agenda-filter-group {
    margin-bottom: 12px; }
  .agenda-filter-group,
  .agenda-filter-group .agenda-filter-button,
  .agenda-filter-group .agenda-filter-text {
    max-width: 100% !important;
    width: 100% !important; }
  div.modal-footer div.col-sm-12.modal-order-button-col,
  div.modal-footer div.col-md-6.modal-order-button-col {
    padding-right: 0;
    padding-left: 0; }
  div.modal-footer button.btn-order-full-width {
    width: 100%;
    margin-bottom: 12px; }
  li.menuIcon.menu-icon-hide-on-lg,
  div.menuIcon.menu-icon-hide-on-lg {
    display: block; }
  li.menuText {
    display: none; }
  .social-circle li a {
    margin: auto;
    border: none;
    padding: 15px 10px;
    width: auto; }
  .social-circle li a:hover {
    border: none; }
  .social-circle li i {
    margin: auto; }
  ul.social-network {
    display: block; }
  .nav li a {
    padding: 15px 10px; }
  ul.social-network li {
    margin: 0; } }

/* General media specific */
@media (max-width: 767px) {
  li.menuIcon.menu-icon-hide-on-md,
  div.menuIcon.menu-icon-hide-on-md {
    display: block; }
  li.show-from-md-up {
    display: none; }
  .non-collapse-menu {
    margin-right: 40px; }
  .spacer-div-20-sm {
    height: 20px; }
  li.menuText {
    display: block; }
  li.menuIcon.menu-icon-hide-on-lg,
  div.menuIcon.menu-icon-hide-on-lg {
    display: none; }
  .navbar-nav li a {
    padding: 5px 15px; }
  .social-circle li a {
    margin: 7px auto 0 auto;
    border: 1px solid #ffffff;
    padding: 8px;
    width: 36px; }
  .social-circle li a:hover {
    border: 1px solid #ed0080; }
  .social-circle li i {
    margin: -12px 0 0 0; }
  ul.social-network {
    display: inline-block; }
  ul.social-network li {
    margin: 0 5px; }
  /* Vanwege z-index problemen van de Inschrijving tbv Basket eruit gehaald. deze kwam erachter te liggen bij kleine schermen
       div.in {
           z-index: 10001;
       }
    */
  .title-col {
    width: 100%; }
  .social-media-col {
    justify-content: left; } }

@media (min-width: 767px) {
  .no-banner-offset {
    height: 120px;
    clear: both; } }

@media (min-width: 992px) {
  .modal-lg-wider {
    width: 900px; } }

/*
.form-control.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}*/