.list-bullets-transparent-black a, .list-bullets-transparent-white a,
.list-bullets-transparent-black li > span,
.list-bullets-transparent-white li > span {
  padding-bottom: 5px ;
  padding-bottom: 0.35714rem ;
  padding-top: 5px ;
  padding-top: 0.35714rem ; }
.list-bullets-transparent-black a, .list-bullets-transparent-white a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .list-bullets-transparent-black a:hover, .list-bullets-transparent-white a:hover, .list-bullets-transparent-black a:active, .list-bullets-transparent-white a:active, .list-bullets-transparent-black a:focus, .list-bullets-transparent-white a:focus {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline; }
  .list-bullets-transparent-black a .ext-icon, .list-bullets-transparent-white a .ext-icon {
    bottom: 7px ;
    bottom: 0.5rem ; }

/**
 * Transparent Bullet list (white)
 */
.list-bullets-transparent-white a,
.list-bullets-transparent-white li > span {
  color: white; }
.list-bullets-transparent-white a:hover, .list-bullets-transparent-white a:active, .list-bullets-transparent-white a:focus {
  color: white; }

/**
 * Loaders
 *
 * All elements that can be used when the user has to wait:
 * spinner and load-more
 */
/**
 * Spinner
 */
.spinner, .spinner-left, .spinner-small, .spinner-large {
  border-radius: 50%;
  display: inline-block;
  left: 50%;
  margin-left: -20px ;
  margin-left: -1.42857rem ;
  position: relative;
  width: 40px ;
  width: 2.85714rem ;
  height: 40px ;
  height: 2.85714rem ;
  top: 0; }
  .spinner:before, .spinner-left:before, .spinner-small:before, .spinner-large:before, .spinner:after, .spinner-left:after, .spinner-small:after, .spinner-large:after {
    border-radius: 50%;
    border-style: solid;
    border-width: 20px ;
    border-width: 1.42857rem ;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0; }
  .spinner:before, .spinner-left:before, .spinner-small:before, .spinner-large:before {
    border-color: rgba(33, 157, 200, 0.2) rgba(33, 157, 200, 0.2) transparent transparent;
    -webkit-animation: spin 1.8s linear infinite;
    -moz-animation: spin 1.8s linear infinite;
    -ms-animation: spin 1.8s linear infinite; }
  .spinner:after, .spinner-left:after, .spinner-small:after, .spinner-large:after {
    border-color: transparent transparent rgba(33, 157, 200, 0.2) rgba(33, 157, 200, 0.2);
    -webkit-animation: spin 2.2s linear infinite reverse;
    -moz-animation: spin 2.2s linear infinite reverse;
    -ms-animation: spin 2.2s linear infinite reverse; }
  .spinner.light:before, .light.spinner-left:before, .light.spinner-small:before, .light.spinner-large:before {
    border-color: rgba(247, 247, 247, 0.2) rgba(247, 247, 247, 0.2) transparent transparent; }
  .spinner.light:after, .light.spinner-left:after, .light.spinner-small:after, .light.spinner-large:after {
    border-color: transparent transparent rgba(247, 247, 247, 0.2) rgba(247, 247, 247, 0.2); }

/**
 * Spinner-left
 */
.spinner-left {
  left: 0;
  margin-left: 0; }

@media (min-width: 640px) {
  .spinner-top-indent {
    top: 23px ;
    top: 1.64286rem ; } }
/**
 * Spinner overrides:
 */
/**
 * Small spinner
 */
.spinner-small {
  margin-left: -16px ;
  margin-left: -1.14286rem ;
  width: 32px ;
  width: 2.28571rem ;
  height: 32px ;
  height: 2.28571rem ; }
  .spinner-small:before, .spinner-small:after {
    border-width: 16px ;
    border-width: 1.14286rem ; }

/**
 * Large spinner
 */
.spinner-large {
  margin-left: -24px ;
  margin-left: -1.71429rem ;
  width: 48px ;
  width: 3.42857rem ;
  height: 48px ;
  height: 3.42857rem ; }
  .spinner-large:before, .spinner-large:after {
    border-width: 24px ;
    border-width: 1.71429rem ; }

/**
 * Display inline when used together with a button
 */
button ~ .spinner, .attachments-file a ~ .spinner, .button-default ~ .spinner, .button-primary ~ .spinner,
input[type="submit"] ~ .spinner, .button-red ~ .spinner,
.button-orange ~ .spinner,
.button-green ~ .spinner,
.button-white ~ .spinner,
.button-warning ~ .spinner, .button-transparent ~ .spinner, button ~ .spinner-left, .attachments-file a ~ .spinner-left, .button-default ~ .spinner-left, .button-primary ~ .spinner-left,
input[type="submit"] ~ .spinner-left, .button-red ~ .spinner-left,
.button-orange ~ .spinner-left,
.button-green ~ .spinner-left,
.button-white ~ .spinner-left,
.button-warning ~ .spinner-left, .button-transparent ~ .spinner-left, button ~ .spinner-small, .attachments-file a ~ .spinner-small, .button-default ~ .spinner-small, .button-primary ~ .spinner-small,
input[type="submit"] ~ .spinner-small, .button-red ~ .spinner-small,
.button-orange ~ .spinner-small,
.button-green ~ .spinner-small,
.button-white ~ .spinner-small,
.button-warning ~ .spinner-small, .button-transparent ~ .spinner-small, button ~ .spinner-large, .attachments-file a ~ .spinner-large, .button-default ~ .spinner-large, .button-primary ~ .spinner-large,
input[type="submit"] ~ .spinner-large, .button-red ~ .spinner-large,
.button-orange ~ .spinner-large,
.button-green ~ .spinner-large,
.button-white ~ .spinner-large,
.button-warning ~ .spinner-large, .button-transparent ~ .spinner-large {
  display: inline;
  left: 0;
  margin-left: 0;
  top: -8px ;
  top: -0.57143rem ; }

/**
 * Load more button
 */
.load-more {
  position: relative;
  text-align: center;
  /**
   * Add this class for a spinning animation
   */ }
  .load-more a {
    color: #999999;
    display: inline-block;
    padding: 36px 4px 4px ;
    padding: 2.57143rem 0.28571rem 0.28571rem ;
    text-decoration: none;
    -moz-transition: color 0.24s;
    -o-transition: color 0.24s;
    -webkit-transition: color 0.24s;
    transition: color 0.24s; }
    .load-more a:hover, .load-more a:active {
      color: #219dc8; }
    .load-more a:before {
      content: '+';
      font-size: 50px ;
      font-size: 3.57143rem ;
      font-weight: 300;
      left: 50%;
      line-height: 27px ;
      line-height: 1.92857rem ;
      margin: 0px 0px 0px -15px ;
      margin: 0rem 0rem 0rem -1.07143rem ;
      position: absolute;
      width: 30px ;
      width: 2.14286rem ;
      height: 30px ;
      height: 2.14286rem ;
      top: 4px ;
      top: 0.28571rem ; }
  .load-more.loading-more a {
    cursor: default; }
    .load-more.loading-more a:hover, .load-more.loading-more a:active {
      color: #999999; }
    .load-more.loading-more a:before {
      -webkit-animation: spin 1.8s linear infinite;
      -moz-animation: spin 1.8s linear infinite;
      -ms-animation: spin 1.8s linear infinite; }

.nav-secondary {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .nav-secondary {
    display: block; }
  .nav-secondary a {
    position: relative;
    top: 1px ;
    top: 0.07143rem ;
    display: block;
    float: left;
    text-decoration: none;
    padding: 13px ;
    padding: 0.92857rem ;
    color: #474747;
    background: #ebebeb;
    border-left: 1px solid #cccccc; }
    .nav-secondary a:first-child, .nav-secondary a.active + a {
      border: none; }
    .nav-secondary a.active {
      color: #f28a00;
      background: #ffffff;
      border: none; }
  .nav-secondary span {
    display: none; }

@media (min-width: 640px) {
  .nav-secondary a {
    padding: 20px ;
    padding: 1.42857rem ; }
  .nav-secondary span {
    display: inline;
    padding-left: 10px ;
    padding-left: 0.71429rem ; } }
@media (min-width: 960px) {
  .nav-secondary span {
    display: inline;
    padding-left: 10px ;
    padding-left: 0.71429rem ; } }
.tabs a {
  font-size: 1.07143em;
  line-height: 1.31973em;
  color: #999999;
  display: block;
  text-decoration: underline; }
  .tabs a.active {
    color: #333333;
    text-decoration: none; }
    .tabs a.active:hover {
      color: #999999; }
    .tabs a.active:before {
      content: "•";
      color: #219dc8;
      display: block;
      float: left;
      margin-right: 10px ;
      margin-right: 0.71429rem ;
      font-size: 30px ;
      font-size: 2.14286rem ; }
  .tabs a:hover {
    color: #333333; }

.tags {
  margin: 0;
  list-style: none;
  display: inline-block; }
  .tags:after {
    content: "";
    display: table;
    clear: both; }
  .tags {
    display: block; }
  .tags .tag {
    display: inline-block;
    margin: 0px 10px 10px 0px ;
    margin: 0rem 0.71429rem 0.71429rem 0rem ;
    color: #999999;
    position: relative;
    height: 30px ;
    height: 2.14286rem ; }
    .tags .tag:last-child {
      margin-right: 0; }
    .tags .tag.canDelete, .tags .tag.canAdd {
      -moz-transition: margin-right 0.2s;
      -o-transition: margin-right 0.2s;
      -webkit-transition: margin-right 0.2s;
      transition: margin-right 0.2s;
      margin-right: 15px ;
      margin-right: 1.07143rem ; }
      .tags .tag.canDelete .tagValue, .tags .tag.canAdd .tagValue {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 25px ;
        padding-right: 1.78571rem ; }
    .tags .tag.canAdd .tagValue {
      padding: 0px 30px 0px 7px ;
      padding: 0rem 2.14286rem 0rem 0.5rem ; }
    .tags .tag.clickable:not(.canAdd):not(.canDelete) .tagValue:hover {
      cursor: pointer;
      background: #e3f4fa; }
    .tags .tag .tagValue {
      background: whitesmoke;
      border-style: solid;
      border-width: 1px;
      border-color: #e6e6e6;
      border-radius: 3px ;
      border-radius: 0.21429rem ;
      padding: 4px 7px 0px 7px ;
      padding: 0.28571rem 0.5rem 0rem 0.5rem ;
      display: block;
      height: 100%;
      width: auto; }
    .tags .tag .delete, .tags .tag .add {
      display: block;
      width: 5px ;
      width: 0.35714rem ;
      overflow: hidden;
      height: 100%;
      line-height: 30px ;
      line-height: 2.14286rem ;
      position: absolute;
      top: 0;
      right: 0;
      border-top-right-radius: 3px ;
      border-top-right-radius: 0.21429rem ;
      border-bottom-right-radius: 3px ;
      border-bottom-right-radius: 0.21429rem ;
      font-size: 18px ;
      font-size: 1.28571rem ;
      width: auto;
      color: #ebebeb;
      padding: 0px 5px ;
      padding: 0rem 0.35714rem ;
      -moz-transition: padding 0.2s, color 0.1s;
      -o-transition: padding 0.2s, color 0.1s;
      -webkit-transition: padding 0.2s, color 0.1s;
      transition: padding 0.2s, color 0.1s; }
      .tags .tag .delete:hover, .tags .tag .add:hover {
        color: #ffffff;
        cursor: pointer; }
    .tags .tag .delete {
      background: #219dc8; }
    .tags .tag .add {
      background: #86BE55; }

.targets {
  margin: 0;
  list-style: none;
  display: inline-block; }
  .targets:after {
    content: "";
    display: table;
    clear: both; }
  .targets {
    display: block; }
  .targets .target {
    background-color: #82b3b6;
    border-radius: 100px ;
    border-radius: 7.14286rem ;
    color: #fff;
    display: table;
    float: left;
    font-size: 12px ;
    font-size: 0.85714rem ;
    font-weight: 500;
    line-height: 21px ;
    line-height: 1.5rem ;
    margin: 0px 16px 8px 0px ;
    margin: 0rem 1.14286rem 0.57143rem 0rem ;
    overflow: hidden;
    padding: 0px 10px 1px ;
    padding: 0rem 0.71429rem 0.07143rem ;
    -moz-transition: background-color linear;
    -o-transition: background-color linear;
    -webkit-transition: background-color linear;
    transition: background-color linear; }
    .targets .target:hover, .targets .target:active {
      background-color: #5f999c;
      cursor: pointer; }
    .targets .target a {
      color: #fff;
      display: table-cell;
      line-height: 21px ;
      line-height: 1.5rem ;
      text-decoration: none; }
    .targets .target .delete, .targets .target .add {
      border-radius: 50%;
      color: #666666;
      display: table-cell;
      float: right;
      font-size: 1.21429em;
      line-height: 1.74671em;
      line-height: 13px ;
      line-height: 0.92857rem ;
      font-weight: 300;
      margin: 4px -6px 0px 6px ;
      margin: 0.28571rem -0.42857rem 0rem 0.42857rem ;
      padding: 0px 2px 1px 2px ;
      padding: 0rem 0.14286rem 0.07143rem 0.14286rem ;
      text-align: center;
      -moz-transition: background-color 0.16s linear;
      -o-transition: background-color 0.16s linear;
      -webkit-transition: background-color 0.16s linear;
      transition: background-color 0.16s linear; }
      .targets .target .delete:hover, .targets .target .delete:active, .targets .target .add:hover, .targets .target .add:active {
        background-color: #fff; }
    .targets .target.edit {
      overflow: visible; }
      .targets .target.edit input[type="text"], .targets .target.edit .autocomplete-dynamicSearch-selected {
        border: none !important;
        font-size: 0.85714em;
        line-height: 1.64967em;
        line-height: 18px ;
        line-height: 1.28571rem ;
        padding: 0px 4px 0px ;
        padding: 0rem 0.28571rem 0rem ;
        width: 100px ;
        width: 7.14286rem ; }
      .targets .target.edit:hover, .targets .target.edit:active {
        background-color: #82b3b6;
        cursor: default; }
        .targets .target.edit:hover:before, .targets .target.edit:active:before {
          border-color: transparent #82b3b6 transparent transparent; }

.view-mode-teaser-feed .meta {
  display: inline-block;
  margin: 0px 0px 20px ;
  margin: 0rem 0rem 1.42857rem ; }
  .view-mode-teaser-feed .meta:after {
    content: "";
    display: table;
    clear: both; }
  .view-mode-teaser-feed .meta {
    display: block; }
  .view-mode-teaser-feed .meta time {
    clear: both;
    margin-top: 18px ;
    margin-top: 1.28571rem ; }
.view-mode-teaser-feed .channel-origin {
  text-decoration: none;
  color: #cccccc; }
  .view-mode-teaser-feed .channel-origin .channel-thumb {
    width: 35px ;
    width: 2.5rem ;
    height: 35px ;
    height: 2.5rem ; }
  .view-mode-teaser-feed .channel-origin span {
    display: inline-block;
    margin: 10px 0px 0px 10px ;
    margin: 0.71429rem 0rem 0rem 0.71429rem ;
    text-decoration: underline; }
.view-mode-teaser-feed .content-type {
  background-color: #cccccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.78571em;
  line-height: 1.79964em;
  font-weight: 700;
  float: right;
  padding: 3px 4px 2px 4px ;
  padding: 0.21429rem 0.28571rem 0.14286rem 0.28571rem ;
  text-transform: uppercase; }
  .view-mode-teaser-feed .content-type.type-evenement {
    background-color: #C90017; }
  .view-mode-teaser-feed .content-type.type-fotoreeks {
    background-color: #39BCC1; }
.view-mode-teaser-feed .actions {
  bottom: 13px ;
  bottom: 0.92857rem ;
  margin: 0;
  padding: 0;
  position: absolute; }
  .view-mode-teaser-feed .actions ul li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    float: left;
    width: 24px ;
    width: 1.71429rem ;
    height: 24px ;
    height: 1.71429rem ;
    text-indent: -9999px; }
    .view-mode-teaser-feed .actions ul li.like {
      background-image: url('../gfx/gui/unlike.svg?1452768191'); }
      .view-mode-teaser-feed .actions ul li.like:hover {
        background-image: url('../gfx/gui/like.svg?1452768191'); }

.fr-form form {
  display: inline-block;
  background: #ffffff;
  border-bottom: 1px solid #e1e1e1;
  margin: 0px 0px 12px ;
  margin: 0rem 0rem 0.85714rem ;
  padding: 13px ;
  padding: 0.92857rem ; }
  .fr-form form:after {
    content: "";
    display: table;
    clear: both; }
  .fr-form form {
    display: block; }

.fr-form-body {
  display: block;
  background: #ffffff;
  padding: 13px ;
  padding: 0.92857rem ; }

/*
    STEP
 */
.fr-form-step .fr-form-step-title {
  font-size: 1.14286em;
  line-height: 1.85588em;
  font-weight: 600;
  padding: 0px 0px 15px 0px ;
  padding: 0rem 0rem 1.07143rem 0rem ;
  color: #333333; }
.fr-form-step .fr-form-step-body {
  padding: 0px 0px 15px 0px ;
  padding: 0rem 0rem 1.07143rem 0rem ; }

/*
    SECTION
 */
.fr-form-section .fr-form-section-header {
  position: relative;
  padding: 0px 0px 15px 0px ;
  padding: 0rem 0rem 1.07143rem 0rem ; }
.fr-form-section .fr-form-section-dropdown-arrow {
  padding-bottom: 5px ;
  padding-bottom: 0.35714rem ;
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ;
  font-size: 1.28571em;
  line-height: 1.64967em; }
  .fr-form-section .fr-form-section-dropdown-arrow span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 20px;
    padding: 1px 0px 0px 3px ;
    padding: 0.07143rem 0rem 0rem 0.21429rem ;
    background-color: #ebebeb;
    display: inline-block; }
.fr-form-section .fr-form-section-title {
  display: block;
  border-bottom: 1px solid #e1e1e1;
  color: #333333;
  font-size: 1.57143em;
  line-height: 1.34973em;
  font-weight: 700;
  padding: 10px 0px 10px 0px ;
  padding: 0.71429rem 0rem 0.71429rem 0rem ;
  margin: 0px 0px 1px 0px ;
  margin: 0rem 0rem 0.07143rem 0rem ;
  cursor: pointer; }
  .fr-form-section .fr-form-section-title.fr-form-section-toggle:hover {
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    color: #219dc8; }
.fr-form-section .fr-form-section-subtitle {
  padding-top: 15px ;
  padding-top: 1.07143rem ; }
.fr-form-section .fr-form-section-toggle-editMode {
  position: absolute;
  right: 0;
  top: 0; }

/*
    FIELD
 */
.fr-field-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: 30px ;
  margin-bottom: 2.14286rem ; }
  .fr-field-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .fr-field-wrapper {
    display: block; }
  .fr-field-wrapper.fr-field-hidden {
    margin: 0px; }
  .fr-field-wrapper .fr-toggle-extraInfo {
    position: absolute;
    right: 0px;
    top: 0px; }
  .fr-field-wrapper.read {
    background: none;
    cursor: auto; }

div[fr-field] {
  display: inline-block; }
  div[fr-field]:after {
    content: "";
    display: table;
    clear: both; }
  div[fr-field] {
    display: block; }

/*
    FIELD PROPERTIES
 */
.fr-extraInfo {
  border-bottom: 1px solid;
  padding: 12px 12px 24px 12px ;
  padding: 0.85714rem 0.85714rem 1.71429rem 0.85714rem ;
  margin-top: 5px ;
  margin-top: 0.35714rem ;
  font-size: 0.92857em;
  line-height: 1.52277em;
  -moz-border-radius: 5;
  -webkit-border-radius: 5;
  border-radius: 5;
  background-color: #ecf8fc;
  border-bottom-color: #c0e7f5; }

/*
    FIELD ERROR MESSAGE
 */
.fr-field-problem {
  position: absolute;
  right: 0;
  z-index: 4;
  width: 100%;
  min-width: 250px ;
  min-width: 17.85714rem ;
  margin-top: 10px ;
  margin-top: 0.71429rem ; }
  .fr-field-problem::before {
    content: "";
    position: absolute;
    right: 13px ;
    right: 0.92857rem ;
    top: -8px ;
    top: -0.57143rem ;
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-color: #FF6C6C;
    border-width: 0 7.5px 8px 7.5px; }
  .fr-field-problem p {
    padding: 12px 32px 9px 12px ;
    padding: 0.85714rem 2.28571rem 0.64286rem 0.85714rem ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #ff2020;
    color: #ffffff;
    background: #FF6C6C; }

.fr-field-radio .fr-field-problem, .fr-field-checkbox .fr-field-problem {
  left: -10px ;
  left: -0.71429rem ; }
  .fr-field-radio .fr-field-problem::before, .fr-field-checkbox .fr-field-problem::before {
    right: auto;
    left: 12px ;
    left: 0.85714rem ; }

/*
    FORM NAVIGATION
 */
.fr-form-nav {
  display: inline-block;
  padding: 12px 0px 12px 0px ;
  padding: 0.85714rem 0rem 0.85714rem 0rem ; }
  .fr-form-nav:after {
    content: "";
    display: table;
    clear: both; }
  .fr-form-nav {
    display: block; }
  .fr-form-nav .fr-form-nav-save {
    float: right; }
  .fr-form-nav .fr-form-nav-previous {
    float: left; }

/*
    DEBUG PANEL
 */
.fr-debug {
  background: #3db5df;
  border: 1px solid #219dc8;
  color: #ffffff;
  padding: 10px ;
  padding: 0.71429rem ;
  display: inline-block; }
  .fr-debug:after {
    content: "";
    display: table;
    clear: both; }
  .fr-debug {
    display: block; }

.fr-debug-head {
  padding: 10px ;
  padding: 0.71429rem ;
  cursor: pointer; }

.fr-debug-close {
  float: right;
  display: block;
  font-size: 1.14286em;
  line-height: 1.85588em;
  padding: 0px 6px ;
  padding: 0rem 0.42857rem ;
  font-weight: bold; }
  .fr-debug-close:hover {
    color: #1a7b9c;
    -moz-border-radius: 5;
    -webkit-border-radius: 5;
    border-radius: 5; }

.fr-debug-body {
  padding: 5px 15px ;
  padding: 0.35714rem 1.07143rem ; }
  .fr-debug-body ul {
    padding-left: 5px ;
    padding-left: 0.35714rem ; }
    .fr-debug-body ul li {
      font-weight: bold;
      list-style-type: none;
      margin-left: 0px ;
      margin-left: 0rem ; }
  .fr-debug-body span {
    display: inline-block;
    width: 40%;
    font-weight: normal; }
  .fr-debug-body pre {
    border: 1px solid #219dc8;
    background: #ffffff;
    color: #333333; }
  .fr-debug-body .col {
    width: 50%;
    float: left; }

/*
    CUSTOM FIELDS
 */
/* astad-bias-paymenttable */
.fr-field-astad-bias-calculate-tax {
  background-color: #ecf8fc;
  border-bottom-color: #c0e7f5; }
  .fr-field-astad-bias-calculate-tax .calculate-tax-button {
    margin: 0;
    float: right; }
  .fr-field-astad-bias-calculate-tax .value {
    float: right; }
  .fr-field-astad-bias-calculate-tax .header, .fr-field-astad-bias-calculate-tax .value {
    font-weight: 600; }
  .fr-field-astad-bias-calculate-tax .state-2 .calculate-tax-button-wrapper {
    text-align: center;
    padding-top: 20px ;
    padding-top: 1.42857rem ; }
    .fr-field-astad-bias-calculate-tax .state-2 .calculate-tax-button-wrapper .calculate-tax-button {
      float: none; }

@media screen and (max-width: 639px) {
  .calculate-tax-button-wrapper {
    padding-top: 20px ;
    padding-top: 1.42857rem ; }

  .calculate-tax-button {
    width: 100%; } }
/* astad-bias-disclaimer */
.fr-field-wrapper.astad-bias-disclaimer {
  font-size: 1.28571em;
  line-height: 1.64967em;
  line-height: 1.5em; }

.fr-field-wrapper.astad-bias-disclaimer.read:hover {
  background: none; }

/* astad-bias-paymenttable */
.fr-field-wrapper.astad-bias-paymentinfo:hover {
  background: #95d7ed; }

.fr-field-wrapper.astad-bias-paymentinfo {
  width: 100%;
  padding: 10px ;
  padding: 0.71429rem ;
  background: #95d7ed; }
  .fr-field-wrapper.astad-bias-paymentinfo .info {
    padding-bottom: 10px ;
    padding-bottom: 0.71429rem ; }
  .fr-field-wrapper.astad-bias-paymentinfo .info .highlight {
    font-weight: bold; }
  .fr-field-wrapper.astad-bias-paymentinfo table {
    width: 100%;
    border: 1px solid #ffffff; }
  .fr-field-wrapper.astad-bias-paymentinfo td {
    padding: 10px ;
    padding: 0.71429rem ;
    text-align: left; }
  .fr-field-wrapper.astad-bias-paymentinfo tr:hover td {
    background: none; }
  .fr-field-wrapper.astad-bias-paymentinfo td.amount {
    text-align: right; }
  .fr-field-wrapper.astad-bias-paymentinfo tr.total td.amount {
    font-weight: bold; }

/* astad-message */
.fr-field-astad-message.read:hover {
  background: none; }

.box-highlight-content .header {
  margin-bottom: 0px ;
  margin-bottom: 0rem ;
  padding-bottom: 10px ;
  padding-bottom: 0.71429rem ;
  font-weight: bold; }

.fr-datepicker {
  position: absolute;
  right: 0;
  top: 45px ;
  top: 3.21429rem ;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ;
  z-index: 999; }

.fr-datepicker-wrapper {
  position: relative; }

table.fr-datepicker-calendar {
  background: #ffffff;
  border-collapse: inherit;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #ebebeb;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  table.fr-datepicker-calendar caption {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
    background: #219dc8;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 10px 20px ;
    padding: 0.71429rem 1.42857rem ; }
    table.fr-datepicker-calendar caption::before {
      content: "";
      position: absolute;
      top: -8px ;
      top: -0.57143rem ;
      right: 11px ;
      right: 0.78571rem ; }
    table.fr-datepicker-calendar caption .prev, table.fr-datepicker-calendar caption .next, table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar caption .prev-year, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear, table.fr-datepicker-calendar table.datepickerCalendar caption .prevYear, table.datepickerCalendar table.fr-datepicker-calendar caption .prevYear {
      color: #ffffff;
      float: left;
      height: 1.5em;
      position: relative;
      text-decoration: none;
      text-indent: -9999em;
      width: 1.5em; }
      table.fr-datepicker-calendar caption .prev:before, table.fr-datepicker-calendar caption .next:before, table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar caption .prev-year:before, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear:before, table.fr-datepicker-calendar table.datepickerCalendar caption .prevYear:before, table.datepickerCalendar table.fr-datepicker-calendar caption .prevYear:before {
        border-color: transparent #FFF transparent transparent;
        border-style: solid;
        border-width: 5px ;
        border-width: 0.35714rem ;
        content: '';
        height: 0;
        left: 0;
        top: 0.35em;
        position: absolute;
        width: 0; }
      table.fr-datepicker-calendar caption .prev:hover:before, table.fr-datepicker-calendar caption .next:hover:before, table.fr-datepicker-calendar caption .next-year:hover:before, table.fr-datepicker-calendar caption .prev-year:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .prevYear:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .prevYear:hover:before {
        border-color: transparent #cccccc transparent transparent; }
    table.fr-datepicker-calendar caption .next, table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear {
      float: right; }
      table.fr-datepicker-calendar caption .next:before, table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear:before {
        border-color: transparent transparent transparent #FFF;
        left: auto;
        right: 0; }
      table.fr-datepicker-calendar caption .next:hover:before, table.fr-datepicker-calendar caption .next-year:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .nextYear:hover:before {
        border-color: transparent transparent transparent #cccccc; }
    table.fr-datepicker-calendar caption .prev-year:before {
      left: -0.5em; }
    table.fr-datepicker-calendar caption .prev-year:after {
      border-color: transparent #FFF transparent transparent;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      left: 0;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.fr-datepicker-calendar caption .prev-year:hover:after {
      border-color: transparent #cccccc transparent transparent; }
    table.fr-datepicker-calendar caption .next-year:before {
      border-color: transparent transparent transparent #FFF; }
    table.fr-datepicker-calendar caption .next-year:after {
      border-color: transparent transparent transparent #FFF;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      right: -0.5em;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.fr-datepicker-calendar caption .next-year:hover:after {
      border-color: transparent transparent transparent #cccccc; }
  table.fr-datepicker-calendar thead {
    background: #ebebeb; }
    table.fr-datepicker-calendar thead th {
      color: #999999;
      padding: 8px ;
      padding: 0.57143rem ;
      font-weight: normal; }
  table.fr-datepicker-calendar tbody td {
    padding: 5px ;
    padding: 0.35714rem ; }
    table.fr-datepicker-calendar tbody td span {
      outline: none;
      cursor: pointer;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 8px ;
      padding: 0.57143rem ;
      color: #b3b3b3;
      display: block;
      text-decoration: none; }
      table.fr-datepicker-calendar tbody td span:hover {
        background-color: whitesmoke;
        color: #999999; }
    table.fr-datepicker-calendar tbody td span.disabled {
      color: #cccccc;
      cursor: default; }
      table.fr-datepicker-calendar tbody td span.disabled:hover {
        background-color: transparent; }
    table.fr-datepicker-calendar tbody td span.today {
      background: #ebebeb; }
    table.fr-datepicker-calendar tbody td span.available {
      border: 1px solid #86BE55;
      color: #86BE55; }
      table.fr-datepicker-calendar tbody td span.available:hover {
        background: #86BE55;
        color: #ffffff; }
      table.fr-datepicker-calendar tbody td span.available.picked-date {
        background: #86BE55; }
    table.fr-datepicker-calendar tbody td span.picked-date {
      background: #219dc8;
      color: #ffffff; }
      table.fr-datepicker-calendar tbody td span.picked-date:hover {
        background: #219dc8;
        color: #ffffff; }
  table.fr-datepicker-calendar .form-datepicker-event {
    border-bottom: 2px solid #333333;
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none; }

.fr-datepicker .legend {
  background: #ffffff;
  padding: 4px 8px ;
  padding: 0.28571rem 0.57143rem ;
  margin-top: -5px ;
  margin-top: -0.35714rem ;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .fr-datepicker .legend span {
    font-size: 0.85714em;
    line-height: 1.64967em;
    color: #999999; }
    .fr-datepicker .legend span:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 10px ;
      width: 0.71429rem ;
      height: 10px ;
      height: 0.71429rem ;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      border-radius: 100px;
      margin: -2px 5px 0px 0px ;
      margin: -0.14286rem 0.35714rem 0rem 0rem ;
      background-color: #86BE55; }
    .fr-datepicker .legend span:first-child {
      margin-right: 10px ;
      margin-right: 0.71429rem ; }
    .fr-datepicker .legend span.chosenDate:before {
      background-color: #219dc8; }

.fr-datepicker-icon {
  position: absolute;
  top: 5px ;
  top: 0.35714rem ;
  right: 2px ;
  right: 0.14286rem ;
  background-size: 5178.66667px 32px;
  background-position: -800px 0px;
  width: 32px;
  height: 32px; }
  .fr-datepicker-icon:not(.disabled):hover {
    cursor: pointer; }
  .fr-datepicker-icon:hover, .fr-datepicker-icon.active {
    background-size: 5178.66667px 32px;
    background-position: -832px 0px;
    width: 32px;
    height: 32px; }
    .fr-datepicker-icon:hover span, .fr-datepicker-icon.active span {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #4BB1F9; }
  .fr-datepicker-icon span {
    color: #D8D8D8;
    font-size: 0.78571em;
    line-height: 1.79964em;
    clip: auto;
    overflow: visible;
    height: auto;
    width: 34px ;
    width: 2.42857rem ;
    top: 9px ;
    top: 0.64286rem ;
    text-align: center;
    font-weight: 700;
    font-style: normal; }

.fr-field-radio ul {
  margin: 0;
  list-style: none;
  clear: left;
  display: inline-block; }

/*
    CUSTOM FIELD WRAPPERS
 */
.astad-fileinfo-wrapper .uploadedFile {
  background-image: url(/assets/aOS/gfx/gui/file-icon.svg);
  background-color: whitesmoke;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 5px 5px;
  padding: 7px 0 7px 35px;
  cursor: pointer; }
  .astad-fileinfo-wrapper .uploadedFile .deletefile {
    background-image: url(/assets/aOS/gfx/preferences/icon_delete.svg);
    background-color: whitesmoke;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 0px 0px;
    width: 27px;
    height: 22px;
    float: right; }
    .astad-fileinfo-wrapper .uploadedFile .deletefile:hover {
      background-image: url(/assets/aOS/gfx/preferences/icon_delete_hover.svg); }

/**
 * Directives
 */
a i.icon-ext-link {
  margin: 0px 0px -2px 4px ;
  margin: 0rem 0rem -0.14286rem 0.28571rem ;
  background-size: 2265.66667px 14px;
  background-position: -668.5px 0px;
  width: 14px;
  height: 14px; }
a i.icon-ext-link-white {
  margin: 0px 0px -2px 4px ;
  margin: 0rem 0rem -0.14286rem 0.28571rem ;
  background-size: 2265.66667px 14px;
  background-position: -682.5px 0px;
  width: 14px;
  height: 14px; }

/**
 * Dropdown styling
 */
.autocomplete .inputWrapper {
  margin-bottom: 0; }
.autocomplete .results {
  margin: 0;
  list-style: none;
  max-height: 200px ;
  max-height: 14.28571rem ;
  overflow: scroll;
  border-style: solid;
  border-width: 1px;
  border-color: #ebebeb #cccccc;
  position: relative;
  z-index: 9999;
  width: 100%; }
  .autocomplete .results li {
    margin: 0;
    background: #ffffff;
    border-bottom: solid 1px #E4E4E4; }
    .autocomplete .results li:last-child {
      border-bottom: none; }
    .autocomplete .results li p {
      line-height: 34px ;
      line-height: 2.42857rem ;
      padding-bottom: 0; }
      .autocomplete .results li p a {
        display: block;
        padding: 0px 8px ;
        padding: 0rem 0.57143rem ;
        text-decoration: none; }
    .autocomplete .results li:hover, .autocomplete .results li.selected {
      background: #219dc8;
      cursor: pointer; }
      .autocomplete .results li:hover a, .autocomplete .results li.selected a {
        color: #ffffff; }

.autocomplete-dynamicSearch {
  position: relative; }
  .autocomplete-dynamicSearch .results {
    position: absolute;
    left: 0;
    right: 0;
    overflow-x: hidden; }

.autocomplete-dynamicSearch-selected {
  position: relative;
  padding-right: 48px ;
  padding-right: 3.42857rem ; }
  .autocomplete-dynamicSearch-selected > span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #cccccc; }
  .autocomplete-dynamicSearch-selected a {
    position: absolute;
    right: 12px ;
    right: 0.85714rem ;
    margin-top: -12px ;
    margin-top: -0.85714rem ;
    top: 50%; }

/**
 * AutoGrow textarea styling
 */
.textarea-resize-animation {
  vertical-align: top;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  transition: height 0.2s; }

/**
 * Breadcrumb styling
 */
.breadcrumbs ul {
  margin: 0; }
.breadcrumbs .breadcrumbs-wrapper {
  margin: 0 auto;
  max-width: 1280px ;
  max-width: 91.42857rem ;
  padding-top: 5px ;
  padding-top: 0.35714rem ;
  padding-bottom: 5px ;
  padding-bottom: 0.35714rem ; }
.breadcrumbs .breadcrumb-item {
  list-style: none;
  display: inline-block; }
.breadcrumbs .breadcrumb-link, .breadcrumbs .breadcrumb-text {
  font-size: 1em;
  line-height: 1.414em;
  line-height: 30px ;
  line-height: 2.14286rem ;
  padding-right: 30px ;
  padding-right: 2.14286rem ;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.breadcrumbs .breadcrumb-link {
  position: relative; }
  .breadcrumbs .breadcrumb-link:after {
    content: '';
    width: 30px ;
    width: 2.14286rem ;
    height: 30px ;
    height: 2.14286rem ;
    background-image: url("/assets/aOS/gfx/gui/list-bullet.svg");
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 0; }

.calendar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: whitesmoke;
  overflow: hidden; }
  .calendar a.view-toggle {
    margin-top: 5px ;
    margin-top: 0.35714rem ; }
    .calendar a.view-toggle i {
      margin-top: 10px ;
      margin-top: 0.71429rem ;
      margin-bottom: -5px ;
      margin-bottom: -0.35714rem ; }
    .calendar a.view-toggle .icon-icon-calendar-year, .calendar a.view-toggle .icon-icon-calendar-week {
      display: inline-block; }
    .calendar a.view-toggle .icon-icon-calendar-year-active, .calendar a.view-toggle .icon-icon-calendar-week-active {
      display: none; }
    .calendar a.view-toggle:hover .icon-icon-calendar-year, .calendar a.view-toggle:hover .icon-icon-calendar-week {
      display: none; }
    .calendar a.view-toggle:hover .icon-icon-calendar-year-active, .calendar a.view-toggle:hover .icon-icon-calendar-week-active {
      display: inline-block; }
  .calendar .table-head {
    background: #ebebeb;
    border-bottom: solid 1px #ffffff;
    height: 60px ;
    height: 4.28571rem ;
    position: relative; }
    .calendar .table-head .previous, .calendar .table-head .next, .calendar .table-head table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar caption .calendar .table-head .next-year, .calendar .table-head table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .calendar .table-head .nextYear {
      line-height: 60px ;
      line-height: 4.28571rem ;
      text-align: center;
      position: absolute;
      top: 0;
      z-index: 10;
      text-decoration: none;
      text-indent: -9999em;
      color: #333333;
      font-size: 20px ;
      font-size: 1.42857rem ;
      top: 20px ;
      top: 1.42857rem ; }
      .calendar .table-head .previous:before, .calendar .table-head .next:before, .calendar .table-head table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar caption .calendar .table-head .next-year:before, .calendar .table-head table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .calendar .table-head .nextYear:before {
        border-style: solid;
        border-width: 7.5px ;
        border-width: 0.53571rem ;
        content: '';
        height: 0;
        top: 0;
        position: absolute;
        width: 0; }
    .calendar .table-head .previous {
      left: 20px ;
      left: 1.42857rem ; }
      .calendar .table-head .previous:before {
        border-color: transparent #333333 transparent transparent;
        left: 0; }
      .calendar .table-head .previous:hover:before {
        border-color: transparent #999999 transparent transparent; }
    .calendar .table-head .next, .calendar .table-head table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar caption .calendar .table-head .next-year, .calendar .table-head table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .calendar .table-head .nextYear {
      right: 20px ;
      right: 1.42857rem ; }
      .calendar .table-head .next:before, .calendar .table-head table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar caption .calendar .table-head .next-year:before, .calendar .table-head table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .calendar .table-head .nextYear:before {
        border-color: transparent transparent transparent #333333;
        right: 0;
        top: 0; }
      .calendar .table-head .next:hover:before, .calendar .table-head table.fr-datepicker-calendar caption .next-year:hover:before, table.fr-datepicker-calendar caption .calendar .table-head .next-year:hover:before, .calendar .table-head table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar caption .calendar .table-head .nextYear:hover:before {
        border-color: transparent transparent transparent #999999; }
    .calendar .table-head h2, .calendar .table-head .h2 {
      font-size: 1.28571em;
      line-height: 1.64967em;
      line-height: 55px ;
      line-height: 3.92857rem ;
      padding: 0;
      text-align: center; }
  .calendar .table-cell {
    height: 50px ;
    height: 3.57143rem ;
    display: block;
    float: left;
    line-height: 50px ;
    line-height: 3.57143rem ;
    text-align: center;
    width: 14.28571%; }
  .calendar .table-header .table-cell {
    height: 30px ;
    height: 2.14286rem ;
    line-height: 30px ;
    line-height: 2.14286rem ;
    color: #999999; }
  .calendar .table-row .table-cell {
    color: #333333;
    text-decoration: none; }
    .calendar .table-row .table-cell.event span, .calendar .table-row .table-cell.today span {
      border-radius: 30px ;
      border-radius: 2.14286rem ;
      color: #ffffff;
      padding: 3px ;
      padding: 0.21429rem ;
      width: 25px ;
      width: 1.78571rem ;
      height: 25px ;
      height: 1.78571rem ;
      display: block;
      position: absolute;
      top: 12.5px ;
      top: 0.89286rem ;
      left: 50%;
      margin-left: -12.5px ;
      margin-left: -0.89286rem ;
      line-height: 20px ;
      line-height: 1.42857rem ; }
    .calendar .table-row .table-cell.event span {
      background: #cd0d3d; }
    .calendar .table-row .table-cell.event:hover span {
      background: #f11c51; }
    .calendar .table-row .table-cell.today span {
      background: #219dc8; }
    .calendar .table-row .table-cell.today:hover span {
      background: #3db5df; }
    .calendar .table-row .table-cell.selected {
      font-weight: 800;
      text-decoration: underline; }
    .calendar .table-row .table-cell:not(.dummy):not(.event):not(.today):hover {
      cursor: pointer;
      background: #e0e0e0; }
  .calendar .hour-display {
    font-size: 0.71429em;
    line-height: 1.9796em; }
  .calendar .event-box, .calendar .custom-event-box {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px 0px 5px;
    position: absolute;
    line-height: 20px;
    width: 13%;
    text-align: left;
    font-size: 0.75429em;
    color: rgba(50, 50, 50, 0.7);
    text-shadow: 1px 1px rgba(100, 100, 100, 0.2); }
  .calendar .event-box {
    background: rgba(50, 50, 50, 0.3); }
  .calendar .custom-event-box {
    background: rgba(250, 50, 50, 0.3); }
  .calendar .year-view {
    overflow: hidden;
    display: inline-block; }
    .calendar .year-view {
      display: block; }
    .calendar .year-view .floating-container {
      margin-left: 0; }
    .calendar .year-view .month {
      padding: 10px ;
      padding: 0.71429rem ; }
      .calendar .year-view .month > div {
        background-color: rgba(0, 0, 0, 0.05); }
      .calendar .year-view .month h1, .calendar .year-view .month .h1 {
        border-bottom-style: solid;
        border-bottom-color: #cccccc;
        border-bottom-width: 1px ;
        border-bottom-width: 0.07143rem ;
        font-size: 18px ;
        font-size: 1.28571rem ;
        padding: 15px ;
        padding: 1.07143rem ;
        text-align: center;
        text-transform: capitalize; }
      .calendar .year-view .month .week {
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        position: relative; }
        .calendar .year-view .month .week {
          display: block; }
        .calendar .year-view .month .week:hover {
          background: #ccc; }
        .calendar .year-view .month .week .day {
          text-align: right;
          width: 14.28571%;
          padding: 12px 5px ;
          padding: 0.85714rem 0.35714rem ; }
        .calendar .year-view .month .week .dayNumber-0 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 0;
          clear: left; }
        .calendar .year-view .month .week .dayNumber-1 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 14.47368%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-2 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 28.94737%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-3 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 43.42105%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-4 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 57.89474%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-5 {
          width: 13.15789%;
          float: left;
          margin-right: -100%;
          margin-left: 72.36842%;
          clear: none; }
        .calendar .year-view .month .week .dayNumber-6 {
          width: 13.15789%;
          float: right;
          margin-left: 0;
          margin-right: 0;
          clear: none; }

@media (min-width: 640px) {
  .calendar a.view-toggle i {
    margin-top: 13px ;
    margin-top: 0.92857rem ;
    margin-bottom: -2px ;
    margin-bottom: -0.14286rem ; }
  .calendar .table-head h2, .calendar .table-head .h2 {
    font-size: 1.71429em;
    line-height: 1.23725em;
    line-height: 60px ;
    line-height: 4.28571rem ; }
  .calendar .year-view .month:nth-child(3n+1) {
    clear: left; }
  .calendar .year-view .month h1, .calendar .year-view .month .h1 {
    padding: 10px ;
    padding: 0.71429rem ; }
  .calendar .year-view .month .week .day {
    padding: 8px 5px ;
    padding: 0.57143rem 0.35714rem ; } }
@media (min-width: 960px) {
  .calendar .year-view .month:nth-child(3n+1) {
    clear: none; }
  .calendar .year-view .month:nth-child(4n+1) {
    clear: left; } }
.passwordstrength {
  margin-top: 5px ;
  margin-top: 0.35714rem ;
  color: #999999; }
  .passwordstrength input.ng-pristine + ul#strength {
    display: none; }
  .passwordstrength ul#strength {
    display: inline;
    list-style: none;
    margin: 0;
    margin-left: 15px ;
    margin-left: 1.07143rem ;
    padding: 0;
    vertical-align: 2px ;
    vertical-align: 0.14286rem ;
    vertical-align: middle; }
  .passwordstrength .point:last {
    margin: 0 !important; }
  .passwordstrength .point {
    background: #DDD;
    border-radius: 2px ;
    border-radius: 0.14286rem ;
    display: inline-block;
    height: 5px ;
    height: 0.35714rem ;
    margin-right: 1px ;
    margin-right: 0.07143rem ;
    width: 20px ;
    width: 1.42857rem ; }

.datepicker {
  position: absolute;
  right: 0;
  top: 45px ;
  top: 3.21429rem ;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ;
  z-index: 999; }

table.datepickerCalendar {
  background: #ffffff;
  border-collapse: inherit;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #ebebeb;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  table.datepickerCalendar caption {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
    background: #4BB1F9;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 20px ;
    padding: 0.71429rem 1.42857rem ; }
    table.datepickerCalendar caption::before {
      content: "";
      position: absolute;
      top: -8px ;
      top: -0.57143rem ;
      right: 11px ;
      right: 0.78571rem ;
      display: block;
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-bottom-color: #4BB1F9;
      border-width: 0 7.5px 8px 7.5px; }
    table.datepickerCalendar caption .prev, table.datepickerCalendar table.fr-datepicker-calendar caption .prev-year, table.fr-datepicker-calendar table.datepickerCalendar caption .prev-year, table.datepickerCalendar caption .next, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year, table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .prevYear {
      color: #ffffff;
      float: left;
      height: 1.5em;
      position: relative;
      text-decoration: none;
      text-indent: -9999em;
      width: 1.5em; }
      table.datepickerCalendar caption .prev:before, table.datepickerCalendar table.fr-datepicker-calendar caption .prev-year:before, table.fr-datepicker-calendar table.datepickerCalendar caption .prev-year:before, table.datepickerCalendar caption .next:before, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year:before, table.datepickerCalendar caption .nextYear:before, table.datepickerCalendar caption .prevYear:before {
        border-color: transparent #FFF transparent transparent;
        border-style: solid;
        border-width: 5px ;
        border-width: 0.35714rem ;
        content: '';
        height: 0;
        left: 0;
        top: 0.35em;
        position: absolute;
        width: 0; }
      table.datepickerCalendar caption .prev:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .prev-year:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .prev-year:hover:before, table.datepickerCalendar caption .next:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year:hover:before, table.datepickerCalendar caption .nextYear:hover:before, table.datepickerCalendar caption .prevYear:hover:before {
        border-color: transparent #cccccc transparent transparent; }
    table.datepickerCalendar caption .next, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year, table.datepickerCalendar caption .nextYear {
      float: right; }
      table.datepickerCalendar caption .next:before, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year:before, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year:before, table.datepickerCalendar caption .nextYear:before {
        border-color: transparent transparent transparent #FFF;
        left: auto;
        right: 0; }
      table.datepickerCalendar caption .next:hover:before, table.datepickerCalendar table.fr-datepicker-calendar caption .next-year:hover:before, table.fr-datepicker-calendar table.datepickerCalendar caption .next-year:hover:before, table.datepickerCalendar caption .nextYear:hover:before {
        border-color: transparent transparent transparent #cccccc; }
    table.datepickerCalendar caption .prevYear:before {
      left: -0.5em; }
    table.datepickerCalendar caption .prevYear:after {
      border-color: transparent #FFF transparent transparent;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      left: 0;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.datepickerCalendar caption .prevYear:hover:after {
      border-color: transparent #cccccc transparent transparent; }
    table.datepickerCalendar caption .nextYear:before {
      border-color: transparent transparent transparent #FFF; }
    table.datepickerCalendar caption .nextYear:after {
      border-color: transparent transparent transparent #FFF;
      border-style: solid;
      border-width: 5px ;
      border-width: 0.35714rem ;
      content: '';
      height: 0;
      right: -0.5em;
      top: 0.35em;
      position: absolute;
      width: 0; }
    table.datepickerCalendar caption .nextYear:hover:after {
      border-color: transparent transparent transparent #cccccc; }
  table.datepickerCalendar thead {
    background: #ebebeb; }
    table.datepickerCalendar thead th {
      color: #999999;
      padding: 8px ;
      padding: 0.57143rem ;
      font-weight: normal; }
  table.datepickerCalendar tbody td {
    padding: 5px ;
    padding: 0.35714rem ; }
    table.datepickerCalendar tbody td a {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 8px ;
      padding: 0.57143rem ;
      color: #b3b3b3;
      display: block;
      text-decoration: none; }
      table.datepickerCalendar tbody td a:hover {
        background-color: whitesmoke;
        color: #999999; }
    table.datepickerCalendar tbody td.today a {
      background: #ebebeb; }
    table.datepickerCalendar tbody td.available a {
      border: 1px solid #86BE55;
      color: #86BE55; }
      table.datepickerCalendar tbody td.available a:hover {
        background: #86BE55;
        color: #ffffff; }
    table.datepickerCalendar tbody td.pickedDate a {
      background: #4BB1F9;
      border: 1px solid #4BB1F9;
      color: #ffffff; }
      table.datepickerCalendar tbody td.pickedDate a:hover {
        background: #4BB1F9;
        color: #ffffff; }
  table.datepickerCalendar .form-datepicker-event {
    border-bottom: 2px solid #333333;
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none; }

.datepicker {
  animation: fadein 0.2s ease 1 normal 0s;
  -webkit-animation: fadein 0.2s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
  .datepicker .legend {
    background: #ffffff;
    padding: 4px 8px ;
    padding: 0.28571rem 0.57143rem ;
    margin-top: -5px ;
    margin-top: -0.35714rem ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .datepicker .legend span {
      font-size: 0.85714em;
      line-height: 1.64967em;
      color: #999999; }
      .datepicker .legend span:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 10px ;
        width: 0.71429rem ;
        height: 10px ;
        height: 0.71429rem ;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        margin: -2px 5px 0px 0px ;
        margin: -0.14286rem 0.35714rem 0rem 0rem ;
        background-color: #86BE55; }
      .datepicker .legend span:first-child {
        margin-right: 10px ;
        margin-right: 0.71429rem ; }
      .datepicker .legend span.chosenDate:before {
        background-color: #4BB1F9; }

.timepicker-directive select {
  width: 75px ;
  width: 5.35714rem ;
  min-width: 75px ;
  min-width: 5.35714rem ;
  display: inline; }
.timepicker-directive small {
  display: block;
  margin-top: 5px ;
  margin-top: 0.35714rem ; }

.timepick {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px ;
  top: 5.35714rem ;
  z-index: 999; }
  .timepick .caption {
    margin: 0px ;
    margin: 0rem ;
    background: #ffffff;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .timepick .caption > span {
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px;
      border-radius: 3px 3px 0 0;
      background: #4BB1F9;
      color: #ffffff;
      font-weight: bold;
      padding: 10px 20px ;
      padding: 0.71429rem 1.42857rem ;
      display: block; }
      .timepick .caption > span::before {
        content: "";
        position: absolute;
        top: -8px ;
        top: -0.57143rem ;
        left: 11px ;
        left: 0.78571rem ;
        display: block;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-bottom-color: #4BB1F9;
        border-width: 0 7.5px 8px 7.5px; }
  .timepick .times {
    max-height: 150px ;
    max-height: 10.71429rem ;
    overflow: auto;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #ffffff; }
    .timepick .times ul {
      margin: 0;
      list-style: none; }
      .timepick .times ul li {
        margin: 0; }
        .timepick .times ul li a {
          padding: 10px ;
          padding: 0.71429rem ;
          color: #b3b3b3;
          display: block;
          text-decoration: none;
          text-align: center; }
          .timepick .times ul li a:hover {
            background-color: whitesmoke;
            color: #999999; }
        .timepick .times ul li.today a {
          background-color: #ebebeb; }
        .timepick .times ul li.pickedTime a {
          background-color: #4BB1F9;
          color: #ffffff; }

.overlay {
  background-color: rgba(0, 0, 0, 0.32);
  bottom: 0;
  height: 100%;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: opacity 0.24s, z-index 0.24s;
  -o-transition: opacity 0.24s, z-index 0.24s;
  -webkit-transition: opacity 0.24s, z-index 0.24s;
  transition: opacity 0.24s, z-index 0.24s;
  animation: fadein 0.24s ease 1 normal 0s;
  -webkit-animation: fadein 0.24s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  left: 0;
  opacity: 0;
  pointer-events: all;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999; }
  .overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .overlay .overlayBox, .overlay .overlayBox-info {
    bottom: 0;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3);
    animation: slideInFromBottom 0.24s ease 1 normal 0s;
    -webkit-animation: slideInFromBottom 0.24s ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    text-align: left; }
    .overlay .overlayBox .box button, .overlay .overlayBox-info .box button, .overlay .overlayBox .box-full button, .overlay .overlayBox-info .box-full button, .overlay .overlayBox .box-fullTransparent button, .overlay .overlayBox-info .box-fullTransparent button, .overlay .overlayBox .fr-field-astad-bias-calculate-tax button, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax button, .overlay .overlayBox .box-blue button, .overlay .overlayBox-info .box-blue button, .overlay .overlayBox .box-blueDark button, .overlay .overlayBox-info .box-blueDark button, .overlay .overlayBox .box-media button, .overlay .overlayBox-info .box-media button, .overlay .overlayBox .box-media-dark button, .overlay .overlayBox-info .box-media-dark button, .overlay .overlayBox .box-listFull button, .overlay .overlayBox-info .box-listFull button, .overlay .overlayBox .box-mediaTeaser button, .overlay .overlayBox-info .box-mediaTeaser button, .overlay .overlayBox ul.box-mediaTeaser button, .overlay .overlayBox-info ul.box-mediaTeaser button, .overlay .overlayBox .box-fieldset button, .overlay .overlayBox-info .box-fieldset button, .overlay .overlayBox .box-list button, .overlay .overlayBox-info .box-list button, .overlay .overlayBox .box-listItem button, .overlay .overlayBox-info .box-listItem button, .overlay .overlayBox .step-indicator button, .overlay .overlayBox-info .step-indicator button, .overlay .overlayBox .fr-form-tabs button, .overlay .overlayBox-info .fr-form-tabs button, .overlay .overlayBox .box .attachments-file a, .attachments-file .overlay .overlayBox .box a, .overlay .overlayBox-info .box .attachments-file a, .attachments-file .overlay .overlayBox-info .box a, .overlay .overlayBox .box-full .attachments-file a, .attachments-file .overlay .overlayBox .box-full a, .overlay .overlayBox-info .box-full .attachments-file a, .attachments-file .overlay .overlayBox-info .box-full a, .overlay .overlayBox .box-fullTransparent .attachments-file a, .attachments-file .overlay .overlayBox .box-fullTransparent a, .overlay .overlayBox-info .box-fullTransparent .attachments-file a, .attachments-file .overlay .overlayBox-info .box-fullTransparent a, .overlay .overlayBox .fr-field-astad-bias-calculate-tax .attachments-file a, .attachments-file .overlay .overlayBox .fr-field-astad-bias-calculate-tax a, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .attachments-file a, .attachments-file .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax a, .overlay .overlayBox .box-blue .attachments-file a, .attachments-file .overlay .overlayBox .box-blue a, .overlay .overlayBox-info .box-blue .attachments-file a, .attachments-file .overlay .overlayBox-info .box-blue a, .overlay .overlayBox .box-blueDark .attachments-file a, .attachments-file .overlay .overlayBox .box-blueDark a, .overlay .overlayBox-info .box-blueDark .attachments-file a, .attachments-file .overlay .overlayBox-info .box-blueDark a, .overlay .overlayBox .box-media .attachments-file a, .attachments-file .overlay .overlayBox .box-media a, .overlay .overlayBox-info .box-media .attachments-file a, .attachments-file .overlay .overlayBox-info .box-media a, .overlay .overlayBox .box-media-dark .attachments-file a, .attachments-file .overlay .overlayBox .box-media-dark a, .overlay .overlayBox-info .box-media-dark .attachments-file a, .attachments-file .overlay .overlayBox-info .box-media-dark a, .overlay .overlayBox .box-listFull .attachments-file a, .attachments-file .overlay .overlayBox .box-listFull a, .overlay .overlayBox-info .box-listFull .attachments-file a, .attachments-file .overlay .overlayBox-info .box-listFull a, .overlay .overlayBox .box-mediaTeaser .attachments-file a, .attachments-file .overlay .overlayBox .box-mediaTeaser a, .overlay .overlayBox-info .box-mediaTeaser .attachments-file a, .attachments-file .overlay .overlayBox-info .box-mediaTeaser a, .overlay .overlayBox ul.box-mediaTeaser .attachments-file a, .attachments-file .overlay .overlayBox ul.box-mediaTeaser a, .overlay .overlayBox-info ul.box-mediaTeaser .attachments-file a, .attachments-file .overlay .overlayBox-info ul.box-mediaTeaser a, .overlay .overlayBox .box-fieldset .attachments-file a, .attachments-file .overlay .overlayBox .box-fieldset a, .overlay .overlayBox-info .box-fieldset .attachments-file a, .attachments-file .overlay .overlayBox-info .box-fieldset a, .overlay .overlayBox .box-list .attachments-file a, .attachments-file .overlay .overlayBox .box-list a, .overlay .overlayBox-info .box-list .attachments-file a, .attachments-file .overlay .overlayBox-info .box-list a, .overlay .overlayBox .box-listItem .attachments-file a, .attachments-file .overlay .overlayBox .box-listItem a, .overlay .overlayBox-info .box-listItem .attachments-file a, .attachments-file .overlay .overlayBox-info .box-listItem a, .overlay .overlayBox .step-indicator .attachments-file a, .attachments-file .overlay .overlayBox .step-indicator a, .overlay .overlayBox-info .step-indicator .attachments-file a, .attachments-file .overlay .overlayBox-info .step-indicator a, .overlay .overlayBox .fr-form-tabs .attachments-file a, .attachments-file .overlay .overlayBox .fr-form-tabs a, .overlay .overlayBox-info .fr-form-tabs .attachments-file a, .attachments-file .overlay .overlayBox-info .fr-form-tabs a, .overlay .overlayBox .box .button-default, .overlay .overlayBox-info .box .button-default, .overlay .overlayBox .box-full .button-default, .overlay .overlayBox-info .box-full .button-default, .overlay .overlayBox .box-fullTransparent .button-default, .overlay .overlayBox-info .box-fullTransparent .button-default, .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-default, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-default, .overlay .overlayBox .box-blue .button-default, .overlay .overlayBox-info .box-blue .button-default, .overlay .overlayBox .box-blueDark .button-default, .overlay .overlayBox-info .box-blueDark .button-default, .overlay .overlayBox .box-media .button-default, .overlay .overlayBox-info .box-media .button-default, .overlay .overlayBox .box-media-dark .button-default, .overlay .overlayBox-info .box-media-dark .button-default, .overlay .overlayBox .box-listFull .button-default, .overlay .overlayBox-info .box-listFull .button-default, .overlay .overlayBox .box-mediaTeaser .button-default, .overlay .overlayBox-info .box-mediaTeaser .button-default, .overlay .overlayBox ul.box-mediaTeaser .button-default, .overlay .overlayBox-info ul.box-mediaTeaser .button-default, .overlay .overlayBox .box-fieldset .button-default, .overlay .overlayBox-info .box-fieldset .button-default, .overlay .overlayBox .box-list .button-default, .overlay .overlayBox-info .box-list .button-default, .overlay .overlayBox .box-listItem .button-default, .overlay .overlayBox-info .box-listItem .button-default, .overlay .overlayBox .step-indicator .button-default, .overlay .overlayBox-info .step-indicator .button-default, .overlay .overlayBox .fr-form-tabs .button-default, .overlay .overlayBox-info .fr-form-tabs .button-default, .overlay .overlayBox .box .button-primary, .overlay .overlayBox-info .box .button-primary, .overlay .overlayBox .box-full .button-primary, .overlay .overlayBox-info .box-full .button-primary, .overlay .overlayBox .box-fullTransparent .button-primary, .overlay .overlayBox-info .box-fullTransparent .button-primary, .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-primary, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-primary, .overlay .overlayBox .box-blue .button-primary, .overlay .overlayBox-info .box-blue .button-primary, .overlay .overlayBox .box-blueDark .button-primary, .overlay .overlayBox-info .box-blueDark .button-primary, .overlay .overlayBox .box-media .button-primary, .overlay .overlayBox-info .box-media .button-primary, .overlay .overlayBox .box-media-dark .button-primary, .overlay .overlayBox-info .box-media-dark .button-primary, .overlay .overlayBox .box-listFull .button-primary, .overlay .overlayBox-info .box-listFull .button-primary, .overlay .overlayBox .box-mediaTeaser .button-primary, .overlay .overlayBox-info .box-mediaTeaser .button-primary, .overlay .overlayBox ul.box-mediaTeaser .button-primary, .overlay .overlayBox-info ul.box-mediaTeaser .button-primary, .overlay .overlayBox .box-fieldset .button-primary, .overlay .overlayBox-info .box-fieldset .button-primary, .overlay .overlayBox .box-list .button-primary, .overlay .overlayBox-info .box-list .button-primary, .overlay .overlayBox .box-listItem .button-primary, .overlay .overlayBox-info .box-listItem .button-primary, .overlay .overlayBox .step-indicator .button-primary, .overlay .overlayBox-info .step-indicator .button-primary, .overlay .overlayBox .fr-form-tabs .button-primary, .overlay .overlayBox-info .fr-form-tabs .button-primary,
    .overlay .overlayBox .box button[type="submit"],
    .overlay .overlayBox-info .box button[type="submit"],
    .overlay .overlayBox .box-full button[type="submit"],
    .overlay .overlayBox-info .box-full button[type="submit"],
    .overlay .overlayBox .box-fullTransparent button[type="submit"],
    .overlay .overlayBox-info .box-fullTransparent button[type="submit"],
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax button[type="submit"],
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax button[type="submit"],
    .overlay .overlayBox .box-blue button[type="submit"],
    .overlay .overlayBox-info .box-blue button[type="submit"],
    .overlay .overlayBox .box-blueDark button[type="submit"],
    .overlay .overlayBox-info .box-blueDark button[type="submit"],
    .overlay .overlayBox .box-media button[type="submit"],
    .overlay .overlayBox-info .box-media button[type="submit"],
    .overlay .overlayBox .box-media-dark button[type="submit"],
    .overlay .overlayBox-info .box-media-dark button[type="submit"],
    .overlay .overlayBox .box-listFull button[type="submit"],
    .overlay .overlayBox-info .box-listFull button[type="submit"],
    .overlay .overlayBox .box-mediaTeaser button[type="submit"],
    .overlay .overlayBox-info .box-mediaTeaser button[type="submit"],
    .overlay .overlayBox ul.box-mediaTeaser button[type="submit"],
    .overlay .overlayBox-info ul.box-mediaTeaser button[type="submit"],
    .overlay .overlayBox .box-fieldset button[type="submit"],
    .overlay .overlayBox-info .box-fieldset button[type="submit"],
    .overlay .overlayBox .box-list button[type="submit"],
    .overlay .overlayBox-info .box-list button[type="submit"],
    .overlay .overlayBox .box-listItem button[type="submit"],
    .overlay .overlayBox-info .box-listItem button[type="submit"],
    .overlay .overlayBox .step-indicator button[type="submit"],
    .overlay .overlayBox-info .step-indicator button[type="submit"],
    .overlay .overlayBox .fr-form-tabs button[type="submit"],
    .overlay .overlayBox-info .fr-form-tabs button[type="submit"],
    .overlay .overlayBox .box input[type="submit"],
    .overlay .overlayBox-info .box input[type="submit"],
    .overlay .overlayBox .box-full input[type="submit"],
    .overlay .overlayBox-info .box-full input[type="submit"],
    .overlay .overlayBox .box-fullTransparent input[type="submit"],
    .overlay .overlayBox-info .box-fullTransparent input[type="submit"],
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax input[type="submit"],
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax input[type="submit"],
    .overlay .overlayBox .box-blue input[type="submit"],
    .overlay .overlayBox-info .box-blue input[type="submit"],
    .overlay .overlayBox .box-blueDark input[type="submit"],
    .overlay .overlayBox-info .box-blueDark input[type="submit"],
    .overlay .overlayBox .box-media input[type="submit"],
    .overlay .overlayBox-info .box-media input[type="submit"],
    .overlay .overlayBox .box-media-dark input[type="submit"],
    .overlay .overlayBox-info .box-media-dark input[type="submit"],
    .overlay .overlayBox .box-listFull input[type="submit"],
    .overlay .overlayBox-info .box-listFull input[type="submit"],
    .overlay .overlayBox .box-mediaTeaser input[type="submit"],
    .overlay .overlayBox-info .box-mediaTeaser input[type="submit"],
    .overlay .overlayBox ul.box-mediaTeaser input[type="submit"],
    .overlay .overlayBox-info ul.box-mediaTeaser input[type="submit"],
    .overlay .overlayBox .box-fieldset input[type="submit"],
    .overlay .overlayBox-info .box-fieldset input[type="submit"],
    .overlay .overlayBox .box-list input[type="submit"],
    .overlay .overlayBox-info .box-list input[type="submit"],
    .overlay .overlayBox .box-listItem input[type="submit"],
    .overlay .overlayBox-info .box-listItem input[type="submit"],
    .overlay .overlayBox .step-indicator input[type="submit"],
    .overlay .overlayBox-info .step-indicator input[type="submit"],
    .overlay .overlayBox .fr-form-tabs input[type="submit"],
    .overlay .overlayBox-info .fr-form-tabs input[type="submit"], .overlay .overlayBox .box .button-red, .overlay .overlayBox-info .box .button-red, .overlay .overlayBox .box-full .button-red, .overlay .overlayBox-info .box-full .button-red, .overlay .overlayBox .box-fullTransparent .button-red, .overlay .overlayBox-info .box-fullTransparent .button-red, .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-red, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-red, .overlay .overlayBox .box-blue .button-red, .overlay .overlayBox-info .box-blue .button-red, .overlay .overlayBox .box-blueDark .button-red, .overlay .overlayBox-info .box-blueDark .button-red, .overlay .overlayBox .box-media .button-red, .overlay .overlayBox-info .box-media .button-red, .overlay .overlayBox .box-media-dark .button-red, .overlay .overlayBox-info .box-media-dark .button-red, .overlay .overlayBox .box-listFull .button-red, .overlay .overlayBox-info .box-listFull .button-red, .overlay .overlayBox .box-mediaTeaser .button-red, .overlay .overlayBox-info .box-mediaTeaser .button-red, .overlay .overlayBox ul.box-mediaTeaser .button-red, .overlay .overlayBox-info ul.box-mediaTeaser .button-red, .overlay .overlayBox .box-fieldset .button-red, .overlay .overlayBox-info .box-fieldset .button-red, .overlay .overlayBox .box-list .button-red, .overlay .overlayBox-info .box-list .button-red, .overlay .overlayBox .box-listItem .button-red, .overlay .overlayBox-info .box-listItem .button-red, .overlay .overlayBox .step-indicator .button-red, .overlay .overlayBox-info .step-indicator .button-red, .overlay .overlayBox .fr-form-tabs .button-red, .overlay .overlayBox-info .fr-form-tabs .button-red,
    .overlay .overlayBox .box .button-orange,
    .overlay .overlayBox-info .box .button-orange,
    .overlay .overlayBox .box-full .button-orange,
    .overlay .overlayBox-info .box-full .button-orange,
    .overlay .overlayBox .box-fullTransparent .button-orange,
    .overlay .overlayBox-info .box-fullTransparent .button-orange,
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-orange,
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-orange,
    .overlay .overlayBox .box-blue .button-orange,
    .overlay .overlayBox-info .box-blue .button-orange,
    .overlay .overlayBox .box-blueDark .button-orange,
    .overlay .overlayBox-info .box-blueDark .button-orange,
    .overlay .overlayBox .box-media .button-orange,
    .overlay .overlayBox-info .box-media .button-orange,
    .overlay .overlayBox .box-media-dark .button-orange,
    .overlay .overlayBox-info .box-media-dark .button-orange,
    .overlay .overlayBox .box-listFull .button-orange,
    .overlay .overlayBox-info .box-listFull .button-orange,
    .overlay .overlayBox .box-mediaTeaser .button-orange,
    .overlay .overlayBox-info .box-mediaTeaser .button-orange,
    .overlay .overlayBox ul.box-mediaTeaser .button-orange,
    .overlay .overlayBox-info ul.box-mediaTeaser .button-orange,
    .overlay .overlayBox .box-fieldset .button-orange,
    .overlay .overlayBox-info .box-fieldset .button-orange,
    .overlay .overlayBox .box-list .button-orange,
    .overlay .overlayBox-info .box-list .button-orange,
    .overlay .overlayBox .box-listItem .button-orange,
    .overlay .overlayBox-info .box-listItem .button-orange,
    .overlay .overlayBox .step-indicator .button-orange,
    .overlay .overlayBox-info .step-indicator .button-orange,
    .overlay .overlayBox .fr-form-tabs .button-orange,
    .overlay .overlayBox-info .fr-form-tabs .button-orange,
    .overlay .overlayBox .box .button-green,
    .overlay .overlayBox-info .box .button-green,
    .overlay .overlayBox .box-full .button-green,
    .overlay .overlayBox-info .box-full .button-green,
    .overlay .overlayBox .box-fullTransparent .button-green,
    .overlay .overlayBox-info .box-fullTransparent .button-green,
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-green,
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-green,
    .overlay .overlayBox .box-blue .button-green,
    .overlay .overlayBox-info .box-blue .button-green,
    .overlay .overlayBox .box-blueDark .button-green,
    .overlay .overlayBox-info .box-blueDark .button-green,
    .overlay .overlayBox .box-media .button-green,
    .overlay .overlayBox-info .box-media .button-green,
    .overlay .overlayBox .box-media-dark .button-green,
    .overlay .overlayBox-info .box-media-dark .button-green,
    .overlay .overlayBox .box-listFull .button-green,
    .overlay .overlayBox-info .box-listFull .button-green,
    .overlay .overlayBox .box-mediaTeaser .button-green,
    .overlay .overlayBox-info .box-mediaTeaser .button-green,
    .overlay .overlayBox ul.box-mediaTeaser .button-green,
    .overlay .overlayBox-info ul.box-mediaTeaser .button-green,
    .overlay .overlayBox .box-fieldset .button-green,
    .overlay .overlayBox-info .box-fieldset .button-green,
    .overlay .overlayBox .box-list .button-green,
    .overlay .overlayBox-info .box-list .button-green,
    .overlay .overlayBox .box-listItem .button-green,
    .overlay .overlayBox-info .box-listItem .button-green,
    .overlay .overlayBox .step-indicator .button-green,
    .overlay .overlayBox-info .step-indicator .button-green,
    .overlay .overlayBox .fr-form-tabs .button-green,
    .overlay .overlayBox-info .fr-form-tabs .button-green,
    .overlay .overlayBox .box .button-white,
    .overlay .overlayBox-info .box .button-white,
    .overlay .overlayBox .box-full .button-white,
    .overlay .overlayBox-info .box-full .button-white,
    .overlay .overlayBox .box-fullTransparent .button-white,
    .overlay .overlayBox-info .box-fullTransparent .button-white,
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-white,
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-white,
    .overlay .overlayBox .box-blue .button-white,
    .overlay .overlayBox-info .box-blue .button-white,
    .overlay .overlayBox .box-blueDark .button-white,
    .overlay .overlayBox-info .box-blueDark .button-white,
    .overlay .overlayBox .box-media .button-white,
    .overlay .overlayBox-info .box-media .button-white,
    .overlay .overlayBox .box-media-dark .button-white,
    .overlay .overlayBox-info .box-media-dark .button-white,
    .overlay .overlayBox .box-listFull .button-white,
    .overlay .overlayBox-info .box-listFull .button-white,
    .overlay .overlayBox .box-mediaTeaser .button-white,
    .overlay .overlayBox-info .box-mediaTeaser .button-white,
    .overlay .overlayBox ul.box-mediaTeaser .button-white,
    .overlay .overlayBox-info ul.box-mediaTeaser .button-white,
    .overlay .overlayBox .box-fieldset .button-white,
    .overlay .overlayBox-info .box-fieldset .button-white,
    .overlay .overlayBox .box-list .button-white,
    .overlay .overlayBox-info .box-list .button-white,
    .overlay .overlayBox .box-listItem .button-white,
    .overlay .overlayBox-info .box-listItem .button-white,
    .overlay .overlayBox .step-indicator .button-white,
    .overlay .overlayBox-info .step-indicator .button-white,
    .overlay .overlayBox .fr-form-tabs .button-white,
    .overlay .overlayBox-info .fr-form-tabs .button-white,
    .overlay .overlayBox .box .button-warning,
    .overlay .overlayBox-info .box .button-warning,
    .overlay .overlayBox .box-full .button-warning,
    .overlay .overlayBox-info .box-full .button-warning,
    .overlay .overlayBox .box-fullTransparent .button-warning,
    .overlay .overlayBox-info .box-fullTransparent .button-warning,
    .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-warning,
    .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-warning,
    .overlay .overlayBox .box-blue .button-warning,
    .overlay .overlayBox-info .box-blue .button-warning,
    .overlay .overlayBox .box-blueDark .button-warning,
    .overlay .overlayBox-info .box-blueDark .button-warning,
    .overlay .overlayBox .box-media .button-warning,
    .overlay .overlayBox-info .box-media .button-warning,
    .overlay .overlayBox .box-media-dark .button-warning,
    .overlay .overlayBox-info .box-media-dark .button-warning,
    .overlay .overlayBox .box-listFull .button-warning,
    .overlay .overlayBox-info .box-listFull .button-warning,
    .overlay .overlayBox .box-mediaTeaser .button-warning,
    .overlay .overlayBox-info .box-mediaTeaser .button-warning,
    .overlay .overlayBox ul.box-mediaTeaser .button-warning,
    .overlay .overlayBox-info ul.box-mediaTeaser .button-warning,
    .overlay .overlayBox .box-fieldset .button-warning,
    .overlay .overlayBox-info .box-fieldset .button-warning,
    .overlay .overlayBox .box-list .button-warning,
    .overlay .overlayBox-info .box-list .button-warning,
    .overlay .overlayBox .box-listItem .button-warning,
    .overlay .overlayBox-info .box-listItem .button-warning,
    .overlay .overlayBox .step-indicator .button-warning,
    .overlay .overlayBox-info .step-indicator .button-warning,
    .overlay .overlayBox .fr-form-tabs .button-warning,
    .overlay .overlayBox-info .fr-form-tabs .button-warning, .overlay .overlayBox .box .button-transparent, .overlay .overlayBox-info .box .button-transparent, .overlay .overlayBox .box-full .button-transparent, .overlay .overlayBox-info .box-full .button-transparent, .overlay .overlayBox .box-fullTransparent .button-transparent, .overlay .overlayBox-info .box-fullTransparent .button-transparent, .overlay .overlayBox .fr-field-astad-bias-calculate-tax .button-transparent, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax .button-transparent, .overlay .overlayBox .box-blue .button-transparent, .overlay .overlayBox-info .box-blue .button-transparent, .overlay .overlayBox .box-blueDark .button-transparent, .overlay .overlayBox-info .box-blueDark .button-transparent, .overlay .overlayBox .box-media .button-transparent, .overlay .overlayBox-info .box-media .button-transparent, .overlay .overlayBox .box-media-dark .button-transparent, .overlay .overlayBox-info .box-media-dark .button-transparent, .overlay .overlayBox .box-listFull .button-transparent, .overlay .overlayBox-info .box-listFull .button-transparent, .overlay .overlayBox .box-mediaTeaser .button-transparent, .overlay .overlayBox-info .box-mediaTeaser .button-transparent, .overlay .overlayBox ul.box-mediaTeaser .button-transparent, .overlay .overlayBox-info ul.box-mediaTeaser .button-transparent, .overlay .overlayBox .box-fieldset .button-transparent, .overlay .overlayBox-info .box-fieldset .button-transparent, .overlay .overlayBox .box-list .button-transparent, .overlay .overlayBox-info .box-list .button-transparent, .overlay .overlayBox .box-listItem .button-transparent, .overlay .overlayBox-info .box-listItem .button-transparent, .overlay .overlayBox .step-indicator .button-transparent, .overlay .overlayBox-info .step-indicator .button-transparent, .overlay .overlayBox .fr-form-tabs .button-transparent, .overlay .overlayBox-info .fr-form-tabs .button-transparent {
      margin-bottom: 0px ;
      margin-bottom: 0rem ; }
    .overlay .overlayBox .overlayBox-header, .overlay .overlayBox-info .overlayBox-header {
      background-color: #F8B81C;
      padding-left: 50px ;
      padding-left: 3.57143rem ;
      overflow: hidden;
      text-align: left; }
    .overlay .overlayBox .overlayBox-heading, .overlay .overlayBox-info .overlayBox-heading {
      border-left: 1px solid rgba(95, 68, 3, 0.2);
      color: #5f4403;
      font-weight: 500;
      padding: 13px ;
      padding: 0.92857rem ;
      width: 100%; }
    .overlay .overlayBox .overlayBox-icon, .overlay .overlayBox-info .overlayBox-icon {
      float: left;
      margin-right: 10px ;
      margin-right: 0.71429rem ;
      margin-left: -40px ;
      margin-left: -2.85714rem ;
      margin-top: 13px ;
      margin-top: 0.92857rem ; }
    .overlay .overlayBox.container, .overlay .overlayBox.container-small, .overlay .container-small.overlayBox-info, .overlay .container.overlayBox-info {
      padding: 0; }
    .overlay .overlayBox p:not(.field-problem p):not(.field-problem-custom p), .overlay .overlayBox-info p:not(.field-problem p):not(.field-problem-custom p) {
      padding-bottom: 0;
      margin: 0px 0px 20px ;
      margin: 0rem 0rem 1.42857rem ; }
    .overlay .overlayBox .confirmNewsletterBox ul, .overlay .overlayBox-info .confirmNewsletterBox ul {
      margin: 0px 0px 20px ;
      margin: 0rem 0rem 1.42857rem ; }
    .overlay .overlayBox.option .inputWrapper, .overlay .option.overlayBox-info .inputWrapper {
      margin: 0px 0px 65px ;
      margin: 0rem 0rem 4.64286rem ; }
      .overlay .overlayBox.option .inputWrapper .field-problem p, .overlay .option.overlayBox-info .inputWrapper .field-problem p, .overlay .overlayBox.option .inputWrapper .field-problem-custom p, .overlay .option.overlayBox-info .inputWrapper .field-problem-custom p {
        height: 45px; }
  .overlay .overlayBox-info .overlayBox-header {
    background-color: #219dc8; }
  .overlay .overlayBox-info .overlayBox-heading {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff; }
  .overlay .overlayBox-info .overlayBox-icon {
    opacity: 0.9;
    background-size: 4855px 30px;
    background-position: -3092.5px 0px;
    width: 30px;
    height: 30px; }
  .overlay .vacatureDialog .no-tags {
    color: #666666; }
  .overlay .vacatureDialog .buttonWrapper {
    margin-top: 15px ;
    margin-top: 1.07143rem ; }
    .overlay .vacatureDialog .buttonWrapper button, .overlay .vacatureDialog .buttonWrapper .attachments-file a, .attachments-file .overlay .vacatureDialog .buttonWrapper a, .overlay .vacatureDialog .buttonWrapper .button-default, .overlay .vacatureDialog .buttonWrapper .button-primary,
    .overlay .vacatureDialog .buttonWrapper input[type="submit"], .overlay .vacatureDialog .buttonWrapper .button-red,
    .overlay .vacatureDialog .buttonWrapper .button-orange,
    .overlay .vacatureDialog .buttonWrapper .button-green,
    .overlay .vacatureDialog .buttonWrapper .button-white,
    .overlay .vacatureDialog .buttonWrapper .button-warning, .overlay .vacatureDialog .buttonWrapper .button-transparent {
      margin-bottom: 0px ;
      margin-bottom: 0rem ; }

html.no-csstransitions .overlay {
  opacity: 1; }

@media screen and (max-width: 639px) {
  .overlayBox .box, .overlay .overlayBox-info .box, .overlayBox .box-full, .overlay .overlayBox-info .box-full, .overlayBox .box-fullTransparent, .overlay .overlayBox-info .box-fullTransparent, .overlayBox .fr-field-astad-bias-calculate-tax, .overlay .overlayBox-info .fr-field-astad-bias-calculate-tax, .overlayBox .box-blue, .overlay .overlayBox-info .box-blue, .overlayBox .box-blueDark, .overlay .overlayBox-info .box-blueDark, .overlayBox .box-media, .overlay .overlayBox-info .box-media, .overlayBox .box-media-dark, .overlay .overlayBox-info .box-media-dark, .overlayBox .box-listFull, .overlay .overlayBox-info .box-listFull, .overlayBox .box-mediaTeaser, .overlay .overlayBox-info .box-mediaTeaser, .overlayBox .box-fieldset, .overlay .overlayBox-info .box-fieldset, .overlayBox .box-list, .overlay .overlayBox-info .box-list, .overlayBox .box-listItem, .overlay .overlayBox-info .box-listItem, .overlayBox .step-indicator, .overlay .overlayBox-info .step-indicator, .overlayBox .fr-form-tabs, .overlay .overlayBox-info .fr-form-tabs, .overlayBox-info .box, .overlayBox-info .box-full, .overlayBox-info .box-fullTransparent, .overlayBox-info .fr-field-astad-bias-calculate-tax, .overlayBox-info .box-blue, .overlayBox-info .box-blueDark, .overlayBox-info .box-media, .overlayBox-info .box-media-dark, .overlayBox-info .box-listFull, .overlayBox-info .box-mediaTeaser, .overlayBox-info .box-fieldset, .overlayBox-info .box-list, .overlayBox-info .box-listItem, .overlayBox-info .step-indicator, .overlayBox-info .fr-form-tabs {
    padding-bottom: 43px ;
    padding-bottom: 3.07143rem ; } }
@media (min-width: 640px) {
  .overlay .overlayBox, .overlay .overlayBox-info, .overlay .overlayBox-info {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
    display: inline-block;
    max-width: 400px ;
    max-width: 28.57143rem ;
    animation: slideInFromBottom 0 ease 1 normal 0s;
    -webkit-animation: slideInFromBottom 0 ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation: fadein 0.24s ease 1 normal 0s;
    -webkit-animation: fadein 0.24s ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    position: relative;
    vertical-align: middle;
    width: auto; }
    .overlay .overlayBox.overlayBox-big, .overlay .overlayBox-big.overlayBox-info, .overlay .overlayBox-info.overlayBox-big {
      max-width: 600px ;
      max-width: 42.85714rem ;
      min-width: 400px ;
      min-width: 28.57143rem ; }
  .overlay .newsletterDialog {
    max-width: 600px ;
    max-width: 42.85714rem ; } }
.embedfield {
  text-align: center;
  color: #219dc8;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px dashed rgba(33, 157, 200, 0.25);
  padding: 16px 32px 14px 32px ;
  padding: 1.14286rem 2.28571rem 1rem 2.28571rem ;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  .embedfield a {
    text-decoration: underline;
    font-weight: bold;
    color: #219dc8; }
    .embedfield a:hover {
      text-decoration: underline; }
  .embedfield:hover {
    background: rgba(33, 157, 200, 0.05); }

nav.hamburgerMenu {
  padding: 20px 12px 20px 12px ;
  padding: 1.42857rem 0.85714rem 1.42857rem 0.85714rem ;
  width: 100%; }
  nav.hamburgerMenu .hamburgerItems {
    position: relative; }
    nav.hamburgerMenu .hamburgerItems ul {
      margin: 0;
      list-style: none;
      margin-bottom: 0; }
    nav.hamburgerMenu .hamburgerItems .toggleCollapse {
      display: block;
      height: 60px ;
      height: 4.28571rem ;
      width: 60px ;
      width: 4.28571rem ;
      background-image: url("/assets/aOS/gfx/gui/icon_hamburger.svg");
      background-size: 70%;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #ffffff;
      position: absolute;
      top: 0;
      right: 0;
      border-bottom: solid 1px #e1e1e1; }
      nav.hamburgerMenu .hamburgerItems .toggleCollapse:not(.disabled):hover {
        cursor: pointer;
        opacity: .8; }
      nav.hamburgerMenu .hamburgerItems .toggleCollapse.disabled {
        opacity: .5; }
    nav.hamburgerMenu .hamburgerItems.collapsed .slice:not(.active), nav.hamburgerMenu .hamburgerItems.collapsed .newSlice:not(.active) {
      display: none; }
    nav.hamburgerMenu .hamburgerItems.collapsed .slice.active a, nav.hamburgerMenu .hamburgerItems.collapsed .slice:hover a, nav.hamburgerMenu .hamburgerItems.collapsed .newSlice.active a, nav.hamburgerMenu .hamburgerItems.collapsed .newSlice:hover a {
      color: #333333; }
    nav.hamburgerMenu .hamburgerItems .slice, nav.hamburgerMenu .hamburgerItems .more, nav.hamburgerMenu .hamburgerItems .newSlice {
      background: #ffffff;
      border-bottom: solid 1px #e1e1e1;
      margin: 0;
      height: 60px ;
      height: 4.28571rem ; }
      nav.hamburgerMenu .hamburgerItems .slice a, nav.hamburgerMenu .hamburgerItems .slice p, nav.hamburgerMenu .hamburgerItems .more a, nav.hamburgerMenu .hamburgerItems .more p, nav.hamburgerMenu .hamburgerItems .newSlice a, nav.hamburgerMenu .hamburgerItems .newSlice p {
        line-height: 60px ;
        line-height: 4.28571rem ;
        color: #333333;
        padding: 0px 60px 0px 20px ;
        padding: 0rem 4.28571rem 0rem 1.42857rem ;
        font-weight: 600;
        display: block; }
      nav.hamburgerMenu .hamburgerItems .slice a:link, nav.hamburgerMenu .hamburgerItems .slice a:visited, nav.hamburgerMenu .hamburgerItems .more a:link, nav.hamburgerMenu .hamburgerItems .more a:visited, nav.hamburgerMenu .hamburgerItems .newSlice a:link, nav.hamburgerMenu .hamburgerItems .newSlice a:visited {
        text-decoration: none; }
      nav.hamburgerMenu .hamburgerItems .slice.active a, nav.hamburgerMenu .hamburgerItems .slice:hover a, nav.hamburgerMenu .hamburgerItems .more.active a, nav.hamburgerMenu .hamburgerItems .more:hover a, nav.hamburgerMenu .hamburgerItems .newSlice.active a, nav.hamburgerMenu .hamburgerItems .newSlice:hover a {
        color: #219dc8; }
    nav.hamburgerMenu .hamburgerItems .newSlice a {
      color: #999999;
      font-size: 50px ;
      font-size: 3.57143rem ;
      font-weight: 300;
      text-align: center;
      line-height: 60px ;
      line-height: 4.28571rem ;
      margin: 0;
      display: block;
      text-decoration: none;
      padding: 0; }
      nav.hamburgerMenu .hamburgerItems .newSlice a:hover {
        color: #333333; }
    nav.hamburgerMenu .hamburgerItems .newSlice p {
      padding: 0; }

@media (min-width: 640px) {
  nav.hamburgerMenu {
    padding: 20px ;
    padding: 1.42857rem ; } }
@media (min-width: 960px) {
  nav.hamburgerMenu {
    border-bottom: solid 1px #cccccc;
    padding: 0; }
    nav.hamburgerMenu .hamburgerItems {
      text-align: center;
      background: whitesmoke; }
      nav.hamburgerMenu .hamburgerItems .slice, nav.hamburgerMenu .hamburgerItems .more, nav.hamburgerMenu .hamburgerItems .newSlice {
        background: none;
        border-bottom: none;
        display: inline-block; }
        nav.hamburgerMenu .hamburgerItems .slice > *, nav.hamburgerMenu .hamburgerItems .more > *, nav.hamburgerMenu .hamburgerItems .newSlice > * {
          padding: 0px 15px ;
          padding: 0rem 1.07143rem ; }
        nav.hamburgerMenu .hamburgerItems .slice.active, nav.hamburgerMenu .hamburgerItems .more.active, nav.hamburgerMenu .hamburgerItems .newSlice.active {
          background: none;
          border-bottom: solid 2px #219dc8; }
          nav.hamburgerMenu .hamburgerItems .slice.active a, nav.hamburgerMenu .hamburgerItems .more.active a, nav.hamburgerMenu .hamburgerItems .newSlice.active a {
            color: #333333; }
        nav.hamburgerMenu .hamburgerItems .slice.hidden, nav.hamburgerMenu .hamburgerItems .more.hidden, nav.hamburgerMenu .hamburgerItems .newSlice.hidden {
          position: absolute;
          visibility: hidden; }
        nav.hamburgerMenu .hamburgerItems .slice a, nav.hamburgerMenu .hamburgerItems .slice p, nav.hamburgerMenu .hamburgerItems .more a, nav.hamburgerMenu .hamburgerItems .more p, nav.hamburgerMenu .hamburgerItems .newSlice a, nav.hamburgerMenu .hamburgerItems .newSlice p {
          padding: 0px 20px ;
          padding: 0rem 1.42857rem ;
          text-align: center; }
          nav.hamburgerMenu .hamburgerItems .slice a a, nav.hamburgerMenu .hamburgerItems .slice p a, nav.hamburgerMenu .hamburgerItems .more a a, nav.hamburgerMenu .hamburgerItems .more p a, nav.hamburgerMenu .hamburgerItems .newSlice a a, nav.hamburgerMenu .hamburgerItems .newSlice p a {
            padding: 0; }
      nav.hamburgerMenu .hamburgerItems .slice:not(.active):hover {
        background: none;
        border-bottom: solid 2px #cccccc; }
        nav.hamburgerMenu .hamburgerItems .slice:not(.active):hover a {
          color: #333333; }
      nav.hamburgerMenu .hamburgerItems .more > p {
        display: inline-block;
        position: relative; }
        nav.hamburgerMenu .hamburgerItems .more > p.expanded:before, nav.hamburgerMenu .hamburgerItems .more > p:not(.expanded):hover:before {
          background-image: url("/assets/aOS/gfx/gui/dropdown-arrow-blue.svg"); }
        nav.hamburgerMenu .hamburgerItems .more > p:before {
          content: "";
          display: block;
          width: 15px ;
          width: 1.07143rem ;
          height: 15px ;
          height: 1.07143rem ;
          background-image: url("/assets/aOS/gfx/gui/dropdown-arrow.svg");
          background-size: contain;
          position: absolute;
          top: 22.5px ;
          top: 1.60714rem ;
          right: -5px ;
          right: -0.35714rem ; }
      nav.hamburgerMenu .hamburgerItems .more:hover {
        background: none; }
      nav.hamburgerMenu .hamburgerItems .more .moreTabsWrapper {
        position: relative; }
      nav.hamburgerMenu .hamburgerItems .more .moreTabs {
        position: absolute;
        width: auto;
        z-index: 200;
        top: 3px ;
        top: 0.21429rem ;
        left: -49px ;
        left: -3.5rem ;
        background: whitesmoke;
        border-style: none solid solid solid;
        border-width: 1px;
        border-color: #cccccc;
        min-width: 200px ;
        min-width: 14.28571rem ; }
        nav.hamburgerMenu .hamburgerItems .more .moreTabs:after {
          content: '';
          position: absolute;
          border-style: solid;
          border-width: 0px 15px 15px ;
          border-width: 0rem 1.07143rem 1.07143rem ;
          border-color: whitesmoke transparent;
          display: block;
          width: 0;
          z-index: 200;
          top: -15px ;
          top: -1.07143rem ;
          left: 50%;
          margin-left: -7.5px ;
          margin-left: -0.53571rem ; }
        nav.hamburgerMenu .hamburgerItems .more .moreTabs:before {
          content: '';
          position: absolute;
          border-style: solid;
          border-width: 0px 15px 15px ;
          border-width: 0rem 1.07143rem 1.07143rem ;
          border-color: #cccccc transparent;
          display: block;
          width: 0;
          z-index: 0;
          top: -16px ;
          top: -1.14286rem ;
          left: 50%;
          margin-left: -7.5px ;
          margin-left: -0.53571rem ; }
        nav.hamburgerMenu .hamburgerItems .more .moreTabs .slice {
          display: block; }
          nav.hamburgerMenu .hamburgerItems .more .moreTabs .slice a, nav.hamburgerMenu .hamburgerItems .more .moreTabs .slice p {
            display: inline-block; }
          nav.hamburgerMenu .hamburgerItems .more .moreTabs .slice:not(.active):hover {
            background: #ffffff;
            border-bottom: none; }
      nav.hamburgerMenu .hamburgerItems .newSlice a {
        font-size: 0.92857em;
        line-height: 1.52277em;
        color: #24abda;
        font-weight: 400;
        display: inline-block;
        line-height: 60px ;
        line-height: 4.28571rem ; }
      nav.hamburgerMenu .hamburgerItems .newSlice:hover {
        background: none;
        color: #219dc8;
        border-bottom: solid 2px #cccccc; } }
.helpBox {
  background: #fffab8;
  border-radius: 4px ;
  border-radius: 0.28571rem ;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
  color: #c27d00;
  font-size: 14px;
  padding: 11px 14px 13px ;
  padding: 0.78571rem 1rem 0.92857rem ; }
  .helpBox.helpInline {
    display: block;
    margin: 4px 0px 12px ;
    margin: 0.28571rem 0rem 0.85714rem ;
    opacity: 1; }
  .helpBox.helpBubble {
    display: inline-block;
    max-width: 90%;
    min-width: 170px ;
    min-width: 12.14286rem ;
    position: absolute;
    -moz-transition: "opacity linear .5s";
    -o-transition: "opacity linear .5s";
    -webkit-transition: "opacity linear .5s";
    transition: "opacity linear .5s";
    z-index: 100000; }
    .helpBox.helpBubble:before {
      border-style: solid;
      border-width: 8px ;
      border-width: 0.57143rem ;
      content: '';
      height: 0;
      position: absolute;
      width: 0; }
  .helpBox.left:before {
    border-color: transparent transparent transparent #fffab8;
    margin-top: -8px ;
    margin-top: -0.57143rem ;
    right: -16px ;
    right: -1.14286rem ;
    top: 50%; }
  .helpBox.right:before {
    border-color: transparent #fffab8 transparent transparent;
    left: -16px ;
    left: -1.14286rem ; }
  .helpBox.bottom, .helpBox.bottom-left, .helpBox.bottom-right {
    margin-top: 12px ;
    margin-top: 0.85714rem ; }
    .helpBox.bottom:before, .helpBox.bottom-left:before, .helpBox.bottom-right:before {
      border-color: transparent transparent #fffab8;
      top: -16px ;
      top: -1.14286rem ; }
  .helpBox.bottom-left {
    margin-left: 12px ;
    margin-left: 0.85714rem ; }
    .helpBox.bottom-left:before {
      left: 20px ;
      left: 1.42857rem ; }
  .helpBox.bottom:before {
    left: 50%;
    margin-left: -8px ;
    margin-left: -0.57143rem ; }
  .helpBox.bottom-right {
    margin-left: 12px ;
    margin-left: 0.85714rem ; }
    .helpBox.bottom-right:before {
      right: 20px ;
      right: 1.42857rem ; }
  .helpBox.top, .helpBox.top-left, .helpBox.top-right {
    margin-top: -12px ;
    margin-top: -0.85714rem ; }
    .helpBox.top:before, .helpBox.top-left:before, .helpBox.top-right:before {
      border-color: #fffab8 transparent transparent;
      bottom: -16px ;
      bottom: -1.14286rem ; }
  .helpBox.top-left {
    margin-left: 12px ;
    margin-left: 0.85714rem ; }
    .helpBox.top-left:before {
      left: 20px ;
      left: 1.42857rem ; }
  .helpBox.top:before {
    left: 50%;
    margin-left: -8px ;
    margin-left: -0.57143rem ; }
  .helpBox.top-right {
    margin-left: 12px ;
    margin-left: 0.85714rem ; }
    .helpBox.top-right:before {
      right: 20px ;
      right: 1.42857rem ; }
  .helpBox p:last-of-type {
    padding: 0; }

.helpBubble.ng-move,
.helpBubble.ng-enter,
.helpBubble.ng-leave {
  -moz-transition: -moz-transform 0.12s, opacity 0.12s;
  -o-transition: -o-transform 0.12s, opacity 0.12s;
  -webkit-transition: -webkit-transform 0.12s, opacity 0.12s;
  transition: transform 0.12s, opacity 0.12s; }

.helpBubble.ng-leave.ng-leave-active,
.helpBubble.ng-move,
.helpBubble.ng-enter {
  opacity: 0;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0); }

.helpBubble.ng-leave,
.helpBubble.ng-move.ng-move-active,
.helpBubble.ng-enter.ng-enter-active {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.inAppSearch > .box, .inAppSearch > .box-full, .inAppSearch > .box-fullTransparent, .inAppSearch > .fr-field-astad-bias-calculate-tax, .inAppSearch > .box-blue, .inAppSearch > .box-blueDark, .inAppSearch > .box-media, .inAppSearch > .box-media-dark, .inAppSearch > .box-listFull, .inAppSearch > .box-mediaTeaser, .inAppSearch > .box-fieldset, .inAppSearch > .box-list, .inAppSearch > .box-listItem, .inAppSearch > .step-indicator, .inAppSearch > .fr-form-tabs {
  margin-bottom: 0;
  padding: 0; }
.inAppSearch .spinner, .inAppSearch .spinner-left, .inAppSearch .spinner-small, .inAppSearch .spinner-large {
  margin: 40px auto ;
  margin: 2.85714rem auto ; }
.inAppSearch .info .box, .inAppSearch .info .box-full, .inAppSearch .info .box-fullTransparent, .inAppSearch .info .fr-field-astad-bias-calculate-tax, .inAppSearch .info .box-blue, .inAppSearch .info .box-blueDark, .inAppSearch .info .box-media, .inAppSearch .info .box-media-dark, .inAppSearch .info .box-listFull, .inAppSearch .info .box-mediaTeaser, .inAppSearch .info .box-fieldset, .inAppSearch .info .box-list, .inAppSearch .info .box-listItem, .inAppSearch .info .step-indicator, .inAppSearch .info .fr-form-tabs {
  margin-bottom: 0; }
.inAppSearch .inAppSearch-container {
  padding-top: 0; }
.inAppSearch .filters form, .inAppSearch .filters a {
  padding: 15px ;
  padding: 1.07143rem ; }
.inAppSearch .filters h3, .inAppSearch .filters .h3 {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0 0 1.07143rem  0;
  padding-left: 1.85714rem ;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem ;
  font-weight: bold;
  color: #333333;
  line-height: 1.8em; }
  .inAppSearch .filters h3:before, .inAppSearch .filters .h3:before {
    border-color: #666666 transparent transparent transparent;
    border-style: solid;
    border-width: 0.5rem ;
    content: '';
    height: 0;
    left: 0;
    top: 0.64286rem ;
    position: absolute;
    width: 0; }
  .inAppSearch .filters h3.collapsed:before, .inAppSearch .filters .collapsed.h3:before {
    border-color: transparent transparent transparent #666666;
    left: 0.35714rem ;
    top: 0.42857rem ; }
  .inAppSearch .filters h3.collapsed, .inAppSearch .filters .collapsed.h3 {
    margin-bottom: 0;
    padding-bottom: 0; }
.inAppSearch .filters .searchCopy {
  margin-top: 10px ;
  margin-top: 0.71429rem ; }
.inAppSearch .filters button.ng-animate, .inAppSearch .filters .attachments-file a.ng-animate, .attachments-file .inAppSearch .filters a.ng-animate, .inAppSearch .filters .ng-animate.button-default, .inAppSearch .filters .ng-animate.button-primary,
.inAppSearch .filters input.ng-animate[type="submit"], .inAppSearch .filters .ng-animate.button-red,
.inAppSearch .filters .ng-animate.button-orange,
.inAppSearch .filters .ng-animate.button-green,
.inAppSearch .filters .ng-animate.button-white,
.inAppSearch .filters .ng-animate.button-warning, .inAppSearch .filters .ng-animate.button-transparent {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }
.inAppSearch .filters .filters-toggle {
  background-color: #ebebeb;
  margin-top: 13px ;
  margin-top: 0.92857rem ;
  text-align: center; }
.inAppSearch .filters a {
  display: block;
  text-decoration: none; }
.inAppSearch .filters form .multipleInputWrapper {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
.inAppSearch .results .showAppLabel {
  display: inline-block; }
.inAppSearch .results li {
  border-top: solid 1px #ebebeb;
  margin: 0;
  /* testing result types, please make this more shiny */
  /*&.type-straten > div {
  	border-left: 5px solid #FC5050;
  }
  &.type-stadslagen  > div {
  	border-left: 5px solid #D7F34D;
  }
  &.type-publieke-lagen > div {
  	border-left: 5px solid #3EC34E;
  }
  &.type-punten-op-stadslagen > div {
  	border-left: 5px solid #FCA450;
  }
  &.type-punten-op-publieke-lagen > div {
  	border-left: 5px solid #309797;
  }*/ }
  .inAppSearch .results li a, .inAppSearch .results li p {
    display: block;
    text-decoration: none;
    padding: 20px ;
    padding: 1.42857rem ; }
  .inAppSearch .results li a {
    font-size: 16px ;
    font-size: 1.14286rem ; }
  .inAppSearch .results li .result-type {
    display: block;
    font-size: 12px ;
    font-size: 0.85714rem ;
    color: #999999; }
  .inAppSearch .results li section:hover {
    background: whitesmoke;
    /* fancy temp transition ... which needs to be removed */
    border-left-width: 25px;
    transition: border-width 0.2s ease-in-out; }
.inAppSearch .results .tag-container {
  margin: 25px 0px 15px 0px ;
  margin: 1.78571rem 0rem 1.07143rem 0rem ; }
  .inAppSearch .results .tag-container .tags .tag {
    margin-bottom: 10px ;
    margin-bottom: 0.71429rem ; }
.inAppSearch .results .result {
  clear: both; }
.inAppSearch .results .in-app-search-packery {
  margin-top: 15px ;
  margin-top: 1.07143rem ; }
.inAppSearch .results .load-more {
  clear: both; }

@media screen and (max-width: 639px) {
  .inAppSearch .results .close {
    display: none; } }
@media (min-width: 640px) {
  .inAppSearch .results {
    border-left: solid 1px #ebebeb;
    position: relative; }
    .inAppSearch .results .close {
      position: absolute;
      right: 0;
      cursor: pointer; }
    .inAppSearch .results li:first-child {
      border-top: none; }
  .inAppSearch .filters form {
    padding: 10px 15px 15px ;
    padding: 0.71429rem 1.07143rem 1.07143rem ; }
  .inAppSearch .filters h3, .inAppSearch .filters .h3 {
    cursor: inherit;
    font-weight: 300;
    font-size: 20px ;
    font-size: 1.42857rem ;
    padding: 0; }
    .inAppSearch .filters h3:before, .inAppSearch .filters .h3:before {
      content: none; } }
/**
 * Inputfield directive
 *
 * Form color variables can be found in a-kit/base/_form.scss
 */
/**
 * More specific form classes
 */
.inputWrapper {
  display: inline-block;
  /*
  	Input clear fix for >IE10
   */ }
  .inputWrapper:after {
    content: "";
    display: table;
    clear: both; }
  .inputWrapper {
    display: block; }
  .inputWrapper input::-ms-clear {
    display: none; }
  .inputWrapper .remainingChars {
    color: #999999;
    float: right;
    font-size: 0.78571em;
    line-height: 1.79964em;
    margin: 5px 0px 0px 8px ;
    margin: 0.35714rem 0rem 0rem 0.57143rem ;
    max-width: 10%; }
    .inputWrapper .remainingChars.warning {
      color: #ec9300; }
    .inputWrapper .remainingChars.critical {
      color: #FF6C6C; }
  .inputWrapper.noValidation .fieldValid:not(.form-searchField) {
    background-image: none;
    padding-right: 8px ;
    padding-right: 0.57143rem ; }
  .inputWrapper.noValidation .ng-error, .inputWrapper.noValidation .fieldInvalid.ng-dirty {
    background-image: none;
    padding-right: 8px ;
    padding-right: 0.57143rem ; }
  .inputWrapper.noValidation .field-problem, .inputWrapper.noValidation .field-problem-custom {
    display: none; }
  .inputWrapper.noValidation .required:after {
    content: ""; }
  .inputWrapper .datepickerWrapper {
    display: block;
    position: relative; }
  .inputWrapper .datepickerField {
    z-index: 1; }
    .inputWrapper .datepickerField input {
      padding-right: 35px ;
      padding-right: 2.5rem ; }
  .inputWrapper .field-image {
    padding: 10px 0px ;
    padding: 0.71429rem 0rem ; }
  .inputWrapper .icon-datepicker {
    position: absolute;
    top: 5px ;
    top: 0.35714rem ;
    right: 2px ;
    right: 0.14286rem ;
    background-size: 5178.66667px 32px;
    background-position: -800px 0px;
    width: 32px;
    height: 32px; }
    .inputWrapper .icon-datepicker:not(.disabled):hover {
      cursor: pointer; }
    .inputWrapper .icon-datepicker:hover, .inputWrapper .icon-datepicker.active {
      background-size: 5178.66667px 32px;
      background-position: -832px 0px;
      width: 32px;
      height: 32px; }
      .inputWrapper .icon-datepicker:hover span, .inputWrapper .icon-datepicker.active span {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #4BB1F9; }
    .inputWrapper .icon-datepicker span {
      color: #D8D8D8;
      font-size: 0.78571em;
      line-height: 1.79964em;
      clip: auto;
      overflow: visible;
      height: auto;
      width: 34px ;
      width: 2.42857rem ;
      top: 9px ;
      top: 0.64286rem ;
      text-align: center;
      font-weight: 700;
      font-style: normal; }
  .inputWrapper.location-with-map .multi-input-wrapper {
    position: relative;
    float: none; }
  .inputWrapper.location-with-map .input-wrapper {
    padding-bottom: 15px ;
    padding-bottom: 1.07143rem ; }
  .inputWrapper.location-with-map .stadsplanDirective {
    margin-top: 15px ;
    margin-top: 1.07143rem ;
    position: relative;
    height: 100%; }
  .inputWrapper .select2-container {
    width: 100%; }
  .inputWrapper input[readonly="readonly"] {
    color: #BBB; }

.inputWrapper,
.multipleInputWrapper {
  position: relative;
  margin-bottom: 30px ;
  margin-bottom: 2.14286rem ; }
  .inputWrapper small,
  .multipleInputWrapper small {
    color: #999999;
    margin-top: 5px ;
    margin-top: 0.35714rem ;
    max-width: 90%; }
    .inputWrapper small a,
    .multipleInputWrapper small a {
      color: #999999;
      text-decoration: underline; }
      .inputWrapper small a:hover, .inputWrapper small a:active, .inputWrapper small a:focus,
      .multipleInputWrapper small a:hover,
      .multipleInputWrapper small a:active,
      .multipleInputWrapper small a:focus {
        color: #858585; }

.multipleInputWrapper {
  display: inline-block; }
  .multipleInputWrapper:after {
    content: "";
    display: table;
    clear: both; }
  .multipleInputWrapper {
    display: block; }
  .multipleInputWrapper .field-problem, .multipleInputWrapper .field-problem-custom {
    top: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    left: -10px ;
    left: -0.71429rem ;
    display: block;
    margin-top: 0; }
    .multipleInputWrapper .field-problem::before, .multipleInputWrapper .field-problem-custom::before {
      right: auto;
      left: 12px ;
      left: 0.85714rem ; }
  .multipleInputWrapper ul {
    margin: 0;
    list-style: none;
    clear: left;
    display: inline-block; }
    .multipleInputWrapper ul:after {
      content: "";
      display: table;
      clear: both; }
    .multipleInputWrapper ul {
      display: block; }
  .multipleInputWrapper li {
    margin: 0px 0px 8px 0px ;
    margin: 0rem 0rem 0.57143rem 0rem ;
    display: inline-block; }
    .multipleInputWrapper li:after {
      content: "";
      display: table;
      clear: both; }
    .multipleInputWrapper li {
      display: block; }
    .multipleInputWrapper li ul {
      margin-left: 20px ;
      margin-left: 1.42857rem ;
      padding-top: 10px ;
      padding-top: 0.71429rem ; }

.select-wrapper .field-problem, .select-wrapper .field-problem-custom, .selectizeWrapper .field-problem, .selectizeWrapper .field-problem-custom {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block; }
.select-wrapper option[disabled="disabled"], .selectizeWrapper option[disabled="disabled"] {
  opacity: 0.5; }

.select-wrapper {
  position: relative; }
  .select-wrapper .clearSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 13px ;
    top: 0.92857rem ;
    right: 30px ;
    right: 2.14286rem ;
    font-size: 25px ;
    font-size: 1.78571rem ;
    font-weight: 800;
    color: #666666;
    z-index: 10; }
    .select-wrapper .clearSelection:hover {
      color: #999999;
      cursor: pointer; }

.countryselect + .field-problem, .countryselect + .field-problem-custom {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
  left: -10px ;
  left: -0.71429rem ;
  margin-top: -12px ;
  margin-top: -0.85714rem ; }
  .countryselect + .field-problem::before, .countryselect + .field-problem-custom::before {
    right: auto;
    left: 12px ;
    left: 0.85714rem ; }

.countryselect + .field-problem, .countryselect + .field-problem-custom {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
  left: -10px ;
  left: -0.71429rem ;
  margin-top: -12px ;
  margin-top: -0.85714rem ; }
  .countryselect + .field-problem::before, .countryselect + .field-problem-custom::before {
    right: auto;
    left: 12px ;
    left: 0.85714rem ; }

.inputWrapper input.fieldInvalid:focus + .field-problem, .inputWrapper input.fieldInvalid:focus + .field-problem-custom,
.inputWrapper textarea.fieldInvalid:focus + .field-problem,
.inputWrapper textarea.fieldInvalid:focus + .field-problem-custom {
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block; }

.inputWrapper.fieldInvalid .field-problem, .inputWrapper.fieldInvalid .field-problem-custom {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block; }

.inputWrapper input.ng-dirty + .field-problem, .inputWrapper input.ng-dirty + .field-problem-custom,
.inputWrapper .input.ng-dirty + .field-problem,
.inputWrapper .input.ng-dirty + .field-problem-custom {
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.inputLayoutWrapper {
  position: relative; }
  .inputLayoutWrapper span.prefix {
    float: left;
    display: block;
    line-height: 40px ;
    line-height: 2.85714rem ;
    padding-right: 10px ;
    padding-right: 0.71429rem ; }
  .inputLayoutWrapper .prefixWrapper {
    width: auto;
    height: 100%; }
    .inputLayoutWrapper .prefixWrapper input[type="text"], .inputLayoutWrapper .prefixWrapper .autocomplete-dynamicSearch-selected,
    .inputLayoutWrapper .prefixWrapper input[type="password"] {
      display: table-cell; }

.field-problem, .field-problem-custom {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none;
  position: absolute;
  right: 0;
  z-index: 4;
  width: 100%;
  min-width: 250px ;
  min-width: 17.85714rem ;
  margin-top: 10px ;
  margin-top: 0.71429rem ;
  	/*&.ng-hide-remove {
  		display: inline-block !important;
  		opacity: 0;
  	}
  
  	&.ng-hide-remove-active {
  		opacity: 1;
  	}
  
  	&.ng-hide-add {
  		display: inline-block !important;
  		opacity: 1;
  	}
  
  	&.ng-hide-add-active {
  		opacity: 0;
  	}*/ }
  .field-problem::before, .field-problem-custom::before {
    content: "";
    position: absolute;
    right: 13px ;
    right: 0.92857rem ;
    top: -8px ;
    top: -0.57143rem ;
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-color: #FF6C6C;
    border-width: 0 7.5px 8px 7.5px; }
  .field-problem p, .field-problem-custom p {
    padding: 12px 32px 9px 12px ;
    padding: 0.85714rem 2.28571rem 0.64286rem 0.85714rem ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #ff2020;
    color: #ffffff;
    background: #FF6C6C; }

.field-problem-custom::before {
  left: 13px ;
  left: 0.92857rem ; }

.type-checkbox .field-problem, .type-checkbox .field-problem-custom {
  left: -10px ;
  left: -0.71429rem ; }
  .type-checkbox .field-problem::before, .type-checkbox .field-problem-custom::before {
    left: 12px ;
    left: 0.85714rem ;
    right: auto; }

.generalLabel {
  cursor: default; }
  .generalLabel.required:after {
    content: "*";
    color: #FF6C6C;
    margin-left: 5px ;
    margin-left: 0.35714rem ; }

.radioList ul, .checkboxList ul {
  margin-top: 4px ;
  margin-top: 0.28571rem ; }

figure {
  position: relative; }
  figure .image:before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset; }

.mediaItem figure .image {
  position: relative;
  overflow: hidden; }
  .mediaItem figure .image img {
    width: 100%; }
  .mediaItem figure .image .source {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #ffffff;
    display: block;
    left: 0;
    padding: 3px 5px ;
    padding: 0.21429rem 0.35714rem ;
    position: absolute; }
.mediaItem figure:not(.editing).align-left {
  float: left;
  margin-right: 15px ;
  margin-right: 1.07143rem ; }
.mediaItem figure:not(.editing).align-center {
  margin: 15px auto ;
  margin: 1.07143rem auto ; }
.mediaItem figure:not(.editing).align-right {
  float: right;
  margin-left: 15px ;
  margin-left: 1.07143rem ; }
.mediaItem figure:not(.editing).size-small {
  width: 33.33333%; }
.mediaItem figure:not(.editing).size-small-half-height {
  width: 16.66667%; }
.mediaItem figure:not(.editing).size-medium {
  width: 50%; }
.mediaItem figure:not(.editing).size-medium-half-height {
  width: 25%; }
.mediaItem figure:not(.editing).size-large, .mediaItem figure:not(.editing).size-large-half-height {
  width: 66.66667%; }
.mediaItem figure figcaption {
  padding: 5px ;
  padding: 0.35714rem ; }
.mediaItem .file .fileLink p {
  background-color: #ebebeb;
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ;
  min-height: 30px ;
  min-height: 2.14286rem ;
  padding: 0px 10px ;
  padding: 0rem 0.71429rem ; }
  .mediaItem .file .fileLink p a {
    color: #333333;
    display: block;
    line-height: 30px ;
    line-height: 2.14286rem ;
    text-decoration: none; }
    .mediaItem .file .fileLink p a span {
      display: none; }
    .mediaItem .file .fileLink p a:hover {
      color: #24abda; }
  .mediaItem .file .fileLink p i {
    margin-top: 7px ;
    margin-top: 0.5rem ;
    position: static; }
.mediaItem .file .fileDescription p {
  color: #999999;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.mediaItem .media-wrapper {
  text-align: center; }
  .mediaItem .media-wrapper iframe {
    min-height: 335px ;
    min-height: 23.92857rem ;
    max-width: 600px ;
    max-width: 42.85714rem ;
    height: 100%;
    width: 100%; }
  .mediaItem .media-wrapper .content {
    display: block; }
.mediaItem .soundcloud {
  width: 100%;
  position: relative;
  text-align: center;
  background-color: #D7D7D7;
  max-height: 500px ;
  max-height: 35.71429rem ;
  min-height: 140px ;
  min-height: 10rem ; }
  .mediaItem .soundcloud .plangular {
    position: absolute;
    width: 100%;
    height: 100%; }
    .mediaItem .soundcloud .plangular .playPause, .mediaItem .soundcloud .plangular .play, .mediaItem .soundcloud .plangular .pause {
      position: absolute;
      border-radius: 50%;
      top: calc(50% - 32px);
      left: calc(50% - 25px);
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0 0 1.07143rem 0.21429rem rgba(99, 99, 99, 0.6);
      width: 50px ;
      width: 3.57143rem ;
      height: 50px ;
      height: 3.57143rem ;
      background-size: 50px ;
      background-size: 3.57143rem ; }
      .mediaItem .soundcloud .plangular .playPause:hover, .mediaItem .soundcloud .plangular .play:hover, .mediaItem .soundcloud .plangular .pause:hover {
        box-shadow: 0 0 1.07143rem 0.21429rem rgba(99, 99, 99, 0.7); }
    .mediaItem .soundcloud .plangular .play {
      background-image: url("/assets/aOS/gfx/gui/icon-play.svg"); }
      .mediaItem .soundcloud .plangular .play:hover {
        background-image: url("/assets/aOS/gfx/gui/icon-play-hover.svg"); }
    .mediaItem .soundcloud .plangular .pause {
      background-image: url("/assets/aOS/gfx/gui/icon-pause.svg"); }
      .mediaItem .soundcloud .plangular .pause:hover {
        background-image: url("/assets/aOS/gfx/gui/icon-pause-hover.svg"); }
    .mediaItem .soundcloud .plangular small {
      color: #ffffff;
      position: absolute;
      right: 0px ;
      right: 0rem ;
      bottom: 13px ;
      bottom: 0.92857rem ;
      padding: 2px 5px ;
      padding: 0.14286rem 0.35714rem ;
      font-size: 12px ;
      font-size: 0.85714rem ;
      background: rgba(0, 0, 0, 0.3); }
    .mediaItem .soundcloud .plangular progress {
      width: 100%;
      position: absolute;
      bottom: -1px ;
      bottom: -0.07143rem ;
      left: 0px ;
      left: 0rem ; }
  .mediaItem .soundcloud img {
    max-width: 100%;
    max-height: 470px ;
    max-height: 33.57143rem ; }

/**
 * Navigation styling
 */
.navigationDirective {
  width: 100%;
  background: #ffffff;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #cccccc; }
  .navigationDirective.expanded a.active {
    border-bottom: 1px solid #ebebeb; }
  .navigationDirective a, .navigationDirective .more {
    text-decoration: none;
    padding: 20px 15px 15px 15px ;
    padding: 1.42857rem 1.07143rem 1.07143rem 1.07143rem ;
    color: #cccccc;
    visibility: visible;
    display: block;
    text-align: left; }
    .navigationDirective a:hover, .navigationDirective a:active, .navigationDirective a:focus, .navigationDirective .more:hover, .navigationDirective .more:active, .navigationDirective .more:focus {
      cursor: pointer;
      color: #219dc8; }
    .navigationDirective a.hidden, .navigationDirective .more.hidden {
      visibility: hidden;
      position: absolute;
      bottom: -100%;
      left: 0; }
    .navigationDirective a.active, .navigationDirective .more.active {
      color: #219dc8; }
  .navigationDirective .more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/assets/aOS/gfx/gui/icon_hamburger.svg");
    background-position: 99% center;
    background-repeat: no-repeat;
    text-indent: -9999px; }
  .navigationDirective .tooManyItems {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    z-index: 200;
    max-height: 300px ;
    max-height: 21.42857rem ;
    overflow-y: scroll;
    border-bottom: 1px solid #cccccc; }
    .navigationDirective .tooManyItems li {
      margin: 0; }
    .navigationDirective .tooManyItems a {
      visibility: visible;
      text-align: left;
      float: none;
      background: #FFFFFF;
      border: none; }
      .navigationDirective .tooManyItems a:hover, .navigationDirective .tooManyItems a:active, .navigationDirective .tooManyItems a:focus {
        color: #219dc8; }

@media (min-width: 640px) {
  .navigationDirective.horizontal {
    border-bottom: 1px solid #cccccc; }
  .navigationDirective a, .navigationDirective .more {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 20px 30px 15px 30px ;
    padding: 1.42857rem 2.14286rem 1.07143rem 2.14286rem ; }
    .navigationDirective a.active, .navigationDirective .more.active {
      border-bottom: solid 3px #219dc8; }
  .navigationDirective .more {
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    float: none;
    visibility: hidden;
    background-image: url("/assets/aOS/gfx/gui/dropdown-arrow.svg");
    background-repeat: no-repeat;
    background-position: 87% 60%;
    background-size: 16px 16px;
    background-size: 1.14286rem 1.14286rem;
    text-indent: 0; }
    .navigationDirective .more.visible {
      visibility: visible; }
  .navigationDirective .tooManyItems {
    left: auto;
    margin: 5px 0px 0px 0px ;
    margin: 0.35714rem 0rem 0rem 0rem ; }
    .navigationDirective .tooManyItems a {
      text-align: center;
      border-bottom: solid 1px #ebebeb; } }
.photoEditableContainer {
  position: relative;
  border-style: solid none;
  border-width: 1px;
  border-color: #ebebeb; }
  .photoEditableContainer .photoEditableOverlayContainer {
    text-align: center; }
  .photoEditableContainer .photoEditableOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer; }
  .photoEditableContainer .photoEditableOverlayIcon {
    width: 50px ;
    width: 3.57143rem ;
    height: 50px ;
    height: 3.57143rem ;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px ;
    margin-left: -1.78571rem ;
    margin-top: -25px ;
    margin-top: -1.78571rem ;
    border-radius: 25px ;
    border-radius: 1.78571rem ;
    background-color: #ffffff;
    background-image: url("/assets/aOS/gfx/gui/icon_edit.svg");
    background-position: center;
    background-size: 130%;
    box-shadow: 0 0 1.07143rem 0.21429rem rgba(99, 99, 99, 0.2); }
    .photoEditableContainer .photoEditableOverlayIcon:hover {
      background-image: url("/assets/aOS/gfx/gui/icon_edit_hover.svg");
      background-color: whitesmoke;
      box-shadow: 0 0 1.07143rem 0.21429rem rgba(99, 99, 99, 0.3); }
  .photoEditableContainer img#uid {
    width: auto;
    max-height: 500px; }
  .photoEditableContainer:hover .photoEditableOverlay {
    display: block; }

.photoEditor .toolbar {
  padding: 10px 0px ;
  padding: 0.71429rem 0rem ;
  background: #ffffff; }
  .photoEditor .toolbar.toolbarTop {
    padding-left: 60px ;
    padding-left: 4.28571rem ;
    border-bottom: solid 1px #ebebeb; }
    .photoEditor .toolbar.toolbarTop > div {
      float: left; }
    .photoEditor .toolbar.toolbarTop .rotate {
      margin-left: -60px ;
      margin-left: -4.28571rem ; }
    .photoEditor .toolbar.toolbarTop .rotateButton {
      display: block;
      background-color: #333333;
      border-radius: 3px;
      width: 42px ;
      width: 3rem ;
      height: 42px ;
      height: 3rem ;
      line-height: 56px ;
      line-height: 4rem ;
      text-align: center; }
    .photoEditor .toolbar.toolbarTop .sizes .inputWrapper {
      margin-bottom: 0; }
  .photoEditor .toolbar.toolbarBottom {
    border-top: solid 1px #ebebeb; }
    .photoEditor .toolbar.toolbarBottom .cancel {
      float: left; }
    .photoEditor .toolbar.toolbarBottom .save {
      float: right; }
  .photoEditor .toolbar button, .photoEditor .toolbar .attachments-file a, .attachments-file .photoEditor .toolbar a, .photoEditor .toolbar .button-default, .photoEditor .toolbar .button-primary,
  .photoEditor .toolbar input[type="submit"], .photoEditor .toolbar .button-red,
  .photoEditor .toolbar .button-orange,
  .photoEditor .toolbar .button-green,
  .photoEditor .toolbar .button-white,
  .photoEditor .toolbar .button-warning, .photoEditor .toolbar .button-transparent {
    margin-bottom: 0;
    margin-right: 0; }
.photoEditor .canvasWrapper {
  position: relative;
  overflow: hidden; }
  .photoEditor .canvasWrapper .progressIndicator {
    width: 100%;
    margin: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    padding: 10px ;
    padding: 0.71429rem ;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000; }
  .photoEditor .canvasWrapper.align-left canvas {
    float: left; }
  .photoEditor .canvasWrapper.align-right canvas {
    float: right; }
  .photoEditor .canvasWrapper.align-center canvas {
    margin: 0 auto; }
  .photoEditor .canvasWrapper.size-small canvas {
    width: 33.33333%; }
  .photoEditor .canvasWrapper.size-medium canvas {
    width: 50%; }
  .photoEditor .canvasWrapper.size-large canvas {
    width: 66.66667%; }
  .photoEditor .canvasWrapper canvas {
    display: block;
    max-width: 100%; }

.popout .popoutLink {
  text-decoration: none; }
  .popout .popoutLink .overview img, .popout .popoutLink .login img {
    opacity: 0.7;
    height: 30px ;
    height: 2.14286rem ; }
    .popout .popoutLink .overview img:hover, .popout .popoutLink .login img:hover {
      opacity: 0.9; }
  .popout .popoutLink .overview {
    width: 30px ;
    width: 2.14286rem ;
    height: 30px ;
    height: 2.14286rem ; }
  .popout .popoutLink .notifications .notificationIcon {
    border: 2px solid;
    text-align: center;
    text-indent: 0;
    width: 30px ;
    width: 2.14286rem ;
    height: 30px ;
    height: 2.14286rem ;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 27px ;
    line-height: 1.92857rem ; }
    .popout .popoutLink .notifications .notificationIcon a {
      color: #ffffff;
      text-decoration: none; }
      .popout .popoutLink .notifications .notificationIcon a .hide {
        position: absolute !important;
        top: -999px !important;
        left: -999px !important; }
    .popout .popoutLink .notifications .notificationIcon.empty {
      background-color: #666666;
      border-color: transparent; }
      .popout .popoutLink .notifications .notificationIcon.empty:hover {
        background-color: rgba(0, 0, 0, 0.8); }
    .popout .popoutLink .notifications .notificationIcon.new {
      color: #ffffff;
      background-color: #ec9300;
      border-color: transparent; }
      .popout .popoutLink .notifications .notificationIcon.new:hover {
        background-color: rgba(236, 147, 0, 0.8); }
  .popout .popoutLink .profile .user-avatar .circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
  .popout .popoutLink .profile .user-avatar .avatar {
    float: left;
    height: 30px ;
    height: 2.14286rem ;
    position: static;
    width: 30px ;
    width: 2.14286rem ; }
  .popout .popoutLink .profile .user-avatar.helpdesk_admin {
    position: relative; }
    .popout .popoutLink .profile .user-avatar.helpdesk_admin:before {
      bottom: -32%;
      content: '';
      height: 88%;
      position: absolute;
      right: -32%;
      width: 88%;
      z-index: 2;
      background-image: url("/assets/aOS/gfx/icons/a-label.svg");
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-background-size: contain;
      -o-background-size: contain;
      -webkit-background-size: contain;
      background-size: contain; }
.popout .popout-panel {
  background-color: #333333;
  bottom: 0;
  color: #fff;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000; }
  .popout .popout-panel .closepop {
    z-index: 1200000;
    font-weight: 300;
    color: #cccccc;
    position: absolute;
    text-decoration: none;
    font-size: 50px ;
    font-size: 3.57143rem ;
    right: 12px ;
    right: 0.85714rem ;
    top: 16px ;
    top: 1.14286rem ; }

.popout-profile, .popout-notifications, .popout-overview, .popout-login {
  padding: 10px 0px 0px ;
  padding: 0.71429rem 0rem 0rem ; }

@media (min-width: 640px) {
  .popout .popout-panel {
    top: 60px ;
    top: 4.28571rem ;
    position: absolute;
    height: auto;
    width: 50%;
    float: right;
    left: auto;
    bottom: auto;
    overflow: visible; }
    .popout .popout-panel:before {
      content: '';
      position: absolute;
      border-style: solid;
      z-index: 1000;
      border-color: transparent transparent #333333 transparent;
      width: 0px ;
      width: 0rem ;
      height: 0px ;
      height: 0rem ;
      border-width: 11px ;
      border-width: 0.78571rem ;
      top: -22px ;
      top: -1.57143rem ; }
    .popout .popout-panel .closepop {
      display: none; } }
@media (min-width: 960px) {
  .popout .popout-panel {
    top: 60px ;
    top: 4.28571rem ;
    width: 33%; } }
.rangeWrapper {
  position: relative;
  width: 95%; }
  .rangeWrapper .range {
    height: 15px ;
    height: 1.07143rem ;
    background: none;
    position: relative;
    z-index: 10; }
    .rangeWrapper .range.sliding .ui-slider-handle:hover {
      cursor: grabbing; }
    .rangeWrapper .range:hover {
      cursor: pointer; }
  .rangeWrapper .guide {
    border-top: solid 1px #c2c2c2;
    position: absolute;
    top: 7px ;
    top: 0.5rem ;
    width: 100%;
    z-index: 1; }
  .rangeWrapper .ui-slider-handle {
    top: 0px ;
    top: 0rem ;
    background: #cccccc;
    border: solid 1px #525252;
    border-radius: 10px ;
    border-radius: 0.71429rem ; }
    .rangeWrapper .ui-slider-handle:hover {
      background: #d6d6d6;
      border-color: #666666;
      cursor: grab; }
  .rangeWrapper .ui-slider-range {
    top: 6px ;
    top: 0.42857rem ;
    height: 2px ;
    height: 0.14286rem ;
    background: #525252;
    position: relative; }
  .rangeWrapper .labels {
    margin-top: 0.35rem;
    position: relative; }
  .rangeWrapper .label {
    position: absolute;
    text-align: center;
    top: 0; }

.news-content-snippets p {
  word-break: break-word; }
.news-content-snippets:not(:last-child).noMarginOrPadding .type-snippet.view-mode-media {
  padding-bottom: 0; }
.news-content-snippets:not(:last-child).clearSnippet {
  display: inline-block;
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
  .news-content-snippets:not(:last-child).clearSnippet:after {
    content: "";
    display: table;
    clear: both; }
  .news-content-snippets:not(:last-child).clearSnippet {
    display: block; }
.news-content-snippets:last-child.noMarginOrPadding, .news-content-snippets:last-child.noMarginOrPadding .type-snippet.view-mode-media {
  display: inline-block; }
  .news-content-snippets:last-child.noMarginOrPadding:after, .news-content-snippets:last-child.noMarginOrPadding .type-snippet.view-mode-media:after {
    content: "";
    display: table;
    clear: both; }
  .news-content-snippets:last-child.noMarginOrPadding, .news-content-snippets:last-child.noMarginOrPadding .type-snippet.view-mode-media {
    display: block; }

.type-nieuws.view-mode-teaser {
  animation: fadein 1s ease 1 normal 0s;
  -webkit-animation: fadein 1s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.type-vacature.view-mode-preview .chosenTags, .type-vacature.view-mode-full .chosenTags {
  color: #999999;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ; }
.type-vacature.view-mode-preset article {
  padding-bottom: 25px !important ;
  padding-bottom: 1.78571rem !important ; }
  .type-vacature.view-mode-preset article section p {
    padding-bottom: 15px ;
    padding-bottom: 1.07143rem ; }
  .type-vacature.view-mode-preset article section .tags {
    margin-top: 10px ;
    margin-top: 0.71429rem ; }
  .type-vacature.view-mode-preset article section button, .type-vacature.view-mode-preset article section .attachments-file a, .attachments-file .type-vacature.view-mode-preset article section a, .type-vacature.view-mode-preset article section .button-default, .type-vacature.view-mode-preset article section .button-primary,
  .type-vacature.view-mode-preset article section input[type="submit"], .type-vacature.view-mode-preset article section .button-red,
  .type-vacature.view-mode-preset article section .button-orange,
  .type-vacature.view-mode-preset article section .button-green,
  .type-vacature.view-mode-preset article section .button-white,
  .type-vacature.view-mode-preset article section .button-warning, .type-vacature.view-mode-preset article section .button-transparent {
    width: 100%; }
  .type-vacature.view-mode-preset article footer {
    padding-top: 15px ;
    padding-top: 1.07143rem ; }
    .type-vacature.view-mode-preset article footer .presets-edit i {
      width: 20px ;
      width: 1.42857rem ; }
    .type-vacature.view-mode-preset article footer a {
      display: inline-block;
      margin-right: 15px ;
      margin-right: 1.07143rem ; }
      .type-vacature.view-mode-preset article footer a span {
        vertical-align: middle;
        padding-left: 10px ;
        padding-left: 0.71429rem ; }
      .type-vacature.view-mode-preset article footer a i {
        vertical-align: middle; }
      .type-vacature.view-mode-preset article footer a:last-child {
        margin-right: 0px ;
        margin-right: 0rem ; }

.type-solr-facet.view-mode-vacature .facets {
  color: #999999;
  font-size: 0.92857em;
  line-height: 1.52277em;
  margin-bottom: 15px ;
  margin-bottom: 1.07143rem ; }
.type-solr-facet.view-mode-overviewItems .overview-teaser .overview-thumb a i, .type-solr-facet.view-mode-channel .overview-teaser .overview-thumb a i {
  display: none; }
.type-solr-facet.view-mode-eventcalendar article {
  padding-bottom: 13px ;
  padding-bottom: 0.92857rem ; }
  .type-solr-facet.view-mode-eventcalendar article .categories {
    color: #a1a1a1;
    font-size: 13px ;
    font-size: 0.92857rem ;
    margin-bottom: 5px ;
    margin-bottom: 0.35714rem ; }
  .type-solr-facet.view-mode-eventcalendar article .info {
    margin: 0px 0px 20px 0px ;
    margin: 0rem 0rem 1.42857rem 0rem ; }
    .type-solr-facet.view-mode-eventcalendar article .info li {
      border: none;
      min-height: 20px ;
      min-height: 1.42857rem ;
      margin-bottom: 10px ;
      margin-bottom: 0.71429rem ; }
      .type-solr-facet.view-mode-eventcalendar article .info li .ticketReservation {
        display: inline;
        margin-left: 10px ;
        margin-left: 0.71429rem ; }
      .type-solr-facet.view-mode-eventcalendar article .info li a {
        font-size: 14px ;
        font-size: 1rem ;
        padding: 0px ;
        padding: 0rem ; }
        .type-solr-facet.view-mode-eventcalendar article .info li a .icon-ext-link {
          top: 0px ;
          top: 0rem ;
          margin-right: 0px ;
          margin-right: 0rem ; }
      .type-solr-facet.view-mode-eventcalendar article .info li i {
        top: 7px ;
        top: 0.5rem ;
        margin-right: 15px ;
        margin-right: 1.07143rem ; }
      .type-solr-facet.view-mode-eventcalendar article .info li:last-child {
        margin-bottom: 0px ;
        margin-bottom: 0rem ; }
  .type-solr-facet.view-mode-eventcalendar article .actions {
    position: absolute; }

.type-snippet.view-mode-table, .type-snippet.view-mode-hours, .type-snippet.view-mode-media {
  padding: 0px 0px 20px 0px ;
  padding: 0rem 0rem 1.42857rem 0rem ; }
.type-snippet.view-mode-media .slider {
  margin-bottom: 0; }
.type-snippet.view-mode-table table {
  margin: 0 auto; }
.type-snippet.view-mode-table .snippet-table {
  padding-bottom: 0; }

.type-photobooth .box-media-full article {
  padding: 0px 0px 20px 0px !important ;
  padding: 0rem 0rem 1.42857rem 0rem !important ; }
.type-photobooth article {
  padding: 0 !important; }
  .type-photobooth article img {
    width: 100%; }
  .type-photobooth article p {
    padding: 20px ;
    padding: 1.42857rem ; }

.type-media .box-media-dark header {
  padding: 12px 12px 10px 12px ;
  padding: 0.85714rem 0.85714rem 0.71429rem 0.85714rem ; }
.type-media .box-media-dark section .media-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .type-media .box-media-dark section .media-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.type-media .box-media-dark section .slider .slide {
  background-color: #ebebeb;
  padding-bottom: 30px ;
  padding-bottom: 2.14286rem ;
  width: 100%;
  height: 250px; }
  .type-media .box-media-dark section .slider .slide figure {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%; }
    .type-media .box-media-dark section .slider .slide figure img {
      position: absolute;
      top: -100%;
      bottom: -100%;
      left: -100%;
      right: -100%;
      min-width: 100%;
      min-height: 100%;
      margin: auto; }
    .type-media .box-media-dark section .slider .slide figure figcaption {
      color: #ffffff;
      position: absolute;
      bottom: -30px ;
      bottom: -2.14286rem ;
      left: 0;
      background: #000;
      right: 150px ;
      right: 10.71429rem ;
      display: inline-block;
      width: 100%;
      height: 30px ;
      height: 2.14286rem ;
      line-height: 30px ;
      line-height: 2.14286rem ;
      text-align: left;
      padding: 0px 10px ;
      padding: 0rem 0.71429rem ;
      font-style: italic;
      z-index: 50; }
.type-media .box-media section .media-wrapper, .type-media .box-media-dark section .media-wrapper, .type-media .box-listFull section .media-wrapper, .type-media .box-mediaTeaser section .media-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .type-media .box-media section .media-wrapper iframe, .type-media .box-media-dark section .media-wrapper iframe, .type-media .box-listFull section .media-wrapper iframe, .type-media .box-mediaTeaser section .media-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.type-vrijetijdskalender .box-media .eventInfo .icon-wrapper, .type-vrijetijdskalender .box-media-dark .eventInfo .icon-wrapper, .type-vrijetijdskalender .box-listFull .eventInfo .icon-wrapper, .type-vrijetijdskalender .box-mediaTeaser .eventInfo .icon-wrapper {
  position: relative;
  padding-left: 35px ;
  padding-left: 2.5rem ; }
  .type-vrijetijdskalender .box-media .eventInfo .icon-wrapper i, .type-vrijetijdskalender .box-media-dark .eventInfo .icon-wrapper i, .type-vrijetijdskalender .box-listFull .eventInfo .icon-wrapper i, .type-vrijetijdskalender .box-mediaTeaser .eventInfo .icon-wrapper i {
    position: absolute;
    left: 0px ;
    left: 0rem ;
    top: -3px ;
    top: -0.21429rem ; }

.view-mode-channel-homepage .box-media .title, .view-mode-channel-homepage .box-media-dark .title, .view-mode-channel-homepage .box-listFull .title, .view-mode-channel-homepage .box-mediaTeaser .title {
  overflow: hidden;
  height: 40px ;
  height: 2.85714rem ; }
.view-mode-channel-homepage .box-media .intro, .view-mode-channel-homepage .box-media-dark .intro, .view-mode-channel-homepage .box-listFull .intro, .view-mode-channel-homepage .box-mediaTeaser .intro {
  overflow: hidden;
  height: 100px ;
  height: 7.14286rem ; }

.type-applicaties .search-result .list-item, .type-externe-applicaties .search-result .list-item, .type-externe-links .search-result .list-item, .type-homepagina-set .search-result .list-item, .type-interne-links .search-result .list-item, .type-kanalen .search-result .list-item, .type-kalender .search-result .list-item {
  border: 1px solid #cccccc;
  position: relative;
  background-color: white;
  margin: 15px 0px 15px 0px ;
  margin: 1.07143rem 0rem 1.07143rem 0rem ; }
  .type-applicaties .search-result .list-item .list-item-tools, .type-externe-applicaties .search-result .list-item .list-item-tools, .type-externe-links .search-result .list-item .list-item-tools, .type-homepagina-set .search-result .list-item .list-item-tools, .type-interne-links .search-result .list-item .list-item-tools, .type-kanalen .search-result .list-item .list-item-tools, .type-kalender .search-result .list-item .list-item-tools {
    position: absolute;
    top: 15px ;
    top: 1.07143rem ;
    right: 20px ;
    right: 1.42857rem ; }
    .type-applicaties .search-result .list-item .list-item-tools .list-item-actions span, .type-externe-applicaties .search-result .list-item .list-item-tools .list-item-actions span, .type-externe-links .search-result .list-item .list-item-tools .list-item-actions span, .type-homepagina-set .search-result .list-item .list-item-tools .list-item-actions span, .type-interne-links .search-result .list-item .list-item-tools .list-item-actions span, .type-kanalen .search-result .list-item .list-item-tools .list-item-actions span, .type-kalender .search-result .list-item .list-item-tools .list-item-actions span {
      display: inline-block;
      background-size: 70% 70%;
      background-repeat: no-repeat;
      background-position: center center;
      width: 32px ;
      width: 2.28571rem ;
      height: 32px ;
      height: 2.28571rem ;
      margin-left: 0px ;
      margin-left: 0rem ; }
      .type-applicaties .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-externe-applicaties .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-externe-links .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-homepagina-set .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-interne-links .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-kanalen .search-result .list-item .list-item-tools .list-item-actions span:hover, .type-kalender .search-result .list-item .list-item-tools .list-item-actions span:hover {
        cursor: pointer; }
    .type-applicaties .search-result .list-item .list-item-tools .delete, .type-externe-applicaties .search-result .list-item .list-item-tools .delete, .type-externe-links .search-result .list-item .list-item-tools .delete, .type-homepagina-set .search-result .list-item .list-item-tools .delete, .type-interne-links .search-result .list-item .list-item-tools .delete, .type-kanalen .search-result .list-item .list-item-tools .delete, .type-kalender .search-result .list-item .list-item-tools .delete {
      background-image: url("/assets/aOS/gfx/gui/icon_delete_clean.svg"); }
      .type-applicaties .search-result .list-item .list-item-tools .delete:hover, .type-externe-applicaties .search-result .list-item .list-item-tools .delete:hover, .type-externe-links .search-result .list-item .list-item-tools .delete:hover, .type-homepagina-set .search-result .list-item .list-item-tools .delete:hover, .type-interne-links .search-result .list-item .list-item-tools .delete:hover, .type-kanalen .search-result .list-item .list-item-tools .delete:hover, .type-kalender .search-result .list-item .list-item-tools .delete:hover {
        background-image: url("/assets/aOS/gfx/gui/icon_delete_clean_hover.svg"); }
    .type-applicaties .search-result .list-item .list-item-tools .copy, .type-externe-applicaties .search-result .list-item .list-item-tools .copy, .type-externe-links .search-result .list-item .list-item-tools .copy, .type-homepagina-set .search-result .list-item .list-item-tools .copy, .type-interne-links .search-result .list-item .list-item-tools .copy, .type-kanalen .search-result .list-item .list-item-tools .copy, .type-kalender .search-result .list-item .list-item-tools .copy {
      background-image: url("/assets/aOS/gfx/gui/icon_copy.svg"); }
      .type-applicaties .search-result .list-item .list-item-tools .copy:hover, .type-externe-applicaties .search-result .list-item .list-item-tools .copy:hover, .type-externe-links .search-result .list-item .list-item-tools .copy:hover, .type-homepagina-set .search-result .list-item .list-item-tools .copy:hover, .type-interne-links .search-result .list-item .list-item-tools .copy:hover, .type-kanalen .search-result .list-item .list-item-tools .copy:hover, .type-kalender .search-result .list-item .list-item-tools .copy:hover {
        background-image: url("/assets/aOS/gfx/gui/icon_copy_hover.svg"); }
    .type-applicaties .search-result .list-item .list-item-tools .edit, .type-externe-applicaties .search-result .list-item .list-item-tools .edit, .type-externe-links .search-result .list-item .list-item-tools .edit, .type-homepagina-set .search-result .list-item .list-item-tools .edit, .type-interne-links .search-result .list-item .list-item-tools .edit, .type-kanalen .search-result .list-item .list-item-tools .edit, .type-kalender .search-result .list-item .list-item-tools .edit {
      background-image: url("/assets/aOS/gfx/gui/icon_edit_clean.svg"); }
      .type-applicaties .search-result .list-item .list-item-tools .edit:hover, .type-externe-applicaties .search-result .list-item .list-item-tools .edit:hover, .type-externe-links .search-result .list-item .list-item-tools .edit:hover, .type-homepagina-set .search-result .list-item .list-item-tools .edit:hover, .type-interne-links .search-result .list-item .list-item-tools .edit:hover, .type-kanalen .search-result .list-item .list-item-tools .edit:hover, .type-kalender .search-result .list-item .list-item-tools .edit:hover {
        background-image: url("/assets/aOS/gfx/gui/icon_edit_clean_hover.svg"); }
  .type-applicaties .search-result .list-item .list-item-body, .type-externe-applicaties .search-result .list-item .list-item-body, .type-externe-links .search-result .list-item .list-item-body, .type-homepagina-set .search-result .list-item .list-item-body, .type-interne-links .search-result .list-item .list-item-body, .type-kanalen .search-result .list-item .list-item-body, .type-kalender .search-result .list-item .list-item-body {
    padding: 15px 10px 20px 15px ;
    padding: 1.07143rem 0.71429rem 1.42857rem 1.07143rem ; }
    .type-applicaties .search-result .list-item .list-item-body h5, .type-applicaties .search-result .list-item .list-item-body .h5, .type-externe-applicaties .search-result .list-item .list-item-body h5, .type-externe-applicaties .search-result .list-item .list-item-body .h5, .type-externe-links .search-result .list-item .list-item-body h5, .type-externe-links .search-result .list-item .list-item-body .h5, .type-homepagina-set .search-result .list-item .list-item-body h5, .type-homepagina-set .search-result .list-item .list-item-body .h5, .type-interne-links .search-result .list-item .list-item-body h5, .type-interne-links .search-result .list-item .list-item-body .h5, .type-kanalen .search-result .list-item .list-item-body h5, .type-kanalen .search-result .list-item .list-item-body .h5, .type-kalender .search-result .list-item .list-item-body h5, .type-kalender .search-result .list-item .list-item-body .h5 {
      padding-right: 125px ;
      padding-right: 8.92857rem ; }
      .type-applicaties .search-result .list-item .list-item-body h5 a, .type-applicaties .search-result .list-item .list-item-body .h5 a, .type-externe-applicaties .search-result .list-item .list-item-body h5 a, .type-externe-applicaties .search-result .list-item .list-item-body .h5 a, .type-externe-links .search-result .list-item .list-item-body h5 a, .type-externe-links .search-result .list-item .list-item-body .h5 a, .type-homepagina-set .search-result .list-item .list-item-body h5 a, .type-homepagina-set .search-result .list-item .list-item-body .h5 a, .type-interne-links .search-result .list-item .list-item-body h5 a, .type-interne-links .search-result .list-item .list-item-body .h5 a, .type-kanalen .search-result .list-item .list-item-body h5 a, .type-kanalen .search-result .list-item .list-item-body .h5 a, .type-kalender .search-result .list-item .list-item-body h5 a, .type-kalender .search-result .list-item .list-item-body .h5 a {
        display: block;
        text-decoration: none;
        padding: 0px ;
        padding: 0rem ; }
    .type-applicaties .search-result .list-item .list-item-body .state, .type-applicaties .search-result .list-item .list-item-body .state--online, .type-applicaties .search-result .list-item .list-item-body .state--offline, .type-applicaties .search-result .list-item .list-item-body .state--draft, .type-externe-applicaties .search-result .list-item .list-item-body .state, .type-externe-applicaties .search-result .list-item .list-item-body .state--online, .type-externe-applicaties .search-result .list-item .list-item-body .state--offline, .type-externe-applicaties .search-result .list-item .list-item-body .state--draft, .type-externe-links .search-result .list-item .list-item-body .state, .type-externe-links .search-result .list-item .list-item-body .state--online, .type-externe-links .search-result .list-item .list-item-body .state--offline, .type-externe-links .search-result .list-item .list-item-body .state--draft, .type-homepagina-set .search-result .list-item .list-item-body .state, .type-homepagina-set .search-result .list-item .list-item-body .state--online, .type-homepagina-set .search-result .list-item .list-item-body .state--offline, .type-homepagina-set .search-result .list-item .list-item-body .state--draft, .type-interne-links .search-result .list-item .list-item-body .state, .type-interne-links .search-result .list-item .list-item-body .state--online, .type-interne-links .search-result .list-item .list-item-body .state--offline, .type-interne-links .search-result .list-item .list-item-body .state--draft, .type-kanalen .search-result .list-item .list-item-body .state, .type-kanalen .search-result .list-item .list-item-body .state--online, .type-kanalen .search-result .list-item .list-item-body .state--offline, .type-kanalen .search-result .list-item .list-item-body .state--draft, .type-kalender .search-result .list-item .list-item-body .state, .type-kalender .search-result .list-item .list-item-body .state--online, .type-kalender .search-result .list-item .list-item-body .state--offline, .type-kalender .search-result .list-item .list-item-body .state--draft {
      padding: 2px 8px ;
      padding: 0.14286rem 0.57143rem ;
      margin-right: 6px ;
      margin-right: 0.42857rem ;
      font-size: 12px ;
      font-size: 0.85714rem ;
      color: #ffffff; }
    .type-applicaties .search-result .list-item .list-item-body .state--online, .type-externe-applicaties .search-result .list-item .list-item-body .state--online, .type-externe-links .search-result .list-item .list-item-body .state--online, .type-homepagina-set .search-result .list-item .list-item-body .state--online, .type-interne-links .search-result .list-item .list-item-body .state--online, .type-kanalen .search-result .list-item .list-item-body .state--online, .type-kalender .search-result .list-item .list-item-body .state--online {
      background-color: #86BE55; }
    .type-applicaties .search-result .list-item .list-item-body .state--offline, .type-externe-applicaties .search-result .list-item .list-item-body .state--offline, .type-externe-links .search-result .list-item .list-item-body .state--offline, .type-homepagina-set .search-result .list-item .list-item-body .state--offline, .type-interne-links .search-result .list-item .list-item-body .state--offline, .type-kanalen .search-result .list-item .list-item-body .state--offline, .type-kalender .search-result .list-item .list-item-body .state--offline {
      background-color: #FF6C6C; }
    .type-applicaties .search-result .list-item .list-item-body .state--draft, .type-externe-applicaties .search-result .list-item .list-item-body .state--draft, .type-externe-links .search-result .list-item .list-item-body .state--draft, .type-homepagina-set .search-result .list-item .list-item-body .state--draft, .type-interne-links .search-result .list-item .list-item-body .state--draft, .type-kanalen .search-result .list-item .list-item-body .state--draft, .type-kalender .search-result .list-item .list-item-body .state--draft {
      background-color: #219dc8; }
    .type-applicaties .search-result .list-item .list-item-body .noPaddingLeft, .type-externe-applicaties .search-result .list-item .list-item-body .noPaddingLeft, .type-externe-links .search-result .list-item .list-item-body .noPaddingLeft, .type-homepagina-set .search-result .list-item .list-item-body .noPaddingLeft, .type-interne-links .search-result .list-item .list-item-body .noPaddingLeft, .type-kanalen .search-result .list-item .list-item-body .noPaddingLeft, .type-kalender .search-result .list-item .list-item-body .noPaddingLeft {
      padding-left: 0px !important ;
      padding-left: 0rem !important ; }
    .type-applicaties .search-result .list-item .list-item-body .result-type, .type-externe-applicaties .search-result .list-item .list-item-body .result-type, .type-externe-links .search-result .list-item .list-item-body .result-type, .type-homepagina-set .search-result .list-item .list-item-body .result-type, .type-interne-links .search-result .list-item .list-item-body .result-type, .type-kanalen .search-result .list-item .list-item-body .result-type, .type-kalender .search-result .list-item .list-item-body .result-type {
      display: inline;
      padding: 15px 10px 20px 15px ;
      padding: 1.07143rem 0.71429rem 1.42857rem 1.07143rem ; }
  .type-applicaties .search-result .list-item .list-item-footer, .type-externe-applicaties .search-result .list-item .list-item-footer, .type-externe-links .search-result .list-item .list-item-footer, .type-homepagina-set .search-result .list-item .list-item-footer, .type-interne-links .search-result .list-item .list-item-footer, .type-kanalen .search-result .list-item .list-item-footer, .type-kalender .search-result .list-item .list-item-footer {
    color: #999999;
    background-color: #ebebeb;
    padding: 2px 15px ;
    padding: 0.14286rem 1.07143rem ; }
    .type-applicaties .search-result .list-item .list-item-footer .icon-clock, .type-externe-applicaties .search-result .list-item .list-item-footer .icon-clock, .type-externe-links .search-result .list-item .list-item-footer .icon-clock, .type-homepagina-set .search-result .list-item .list-item-footer .icon-clock, .type-interne-links .search-result .list-item .list-item-footer .icon-clock, .type-kanalen .search-result .list-item .list-item-footer .icon-clock, .type-kalender .search-result .list-item .list-item-footer .icon-clock {
      vertical-align: middle;
      position: relative;
      top: -1px ;
      top: -0.07143rem ;
      right: 5px ;
      right: 0.35714rem ;
      background-size: 3560.33333px 22px;
      background-position: -418px 0px;
      width: 22px;
      height: 22px; }
    .type-applicaties .search-result .list-item .list-item-footer .list-item-time, .type-externe-applicaties .search-result .list-item .list-item-footer .list-item-time, .type-externe-links .search-result .list-item .list-item-footer .list-item-time, .type-homepagina-set .search-result .list-item .list-item-footer .list-item-time, .type-interne-links .search-result .list-item .list-item-footer .list-item-time, .type-kanalen .search-result .list-item .list-item-footer .list-item-time, .type-kalender .search-result .list-item .list-item-footer .list-item-time {
      font-size: 0.85714em;
      line-height: 1.64967em; }
  .type-applicaties .search-result .list-item:hover, .type-externe-applicaties .search-result .list-item:hover, .type-externe-links .search-result .list-item:hover, .type-homepagina-set .search-result .list-item:hover, .type-interne-links .search-result .list-item:hover, .type-kanalen .search-result .list-item:hover, .type-kalender .search-result .list-item:hover {
    background: #fafafa; }

.type-streaming.view-mode-teaser-feed-live {
  width: 100%;
  padding: 0px ;
  padding: 0rem ;
  animation: fadein 1s ease 1 normal 0s;
  -webkit-animation: fadein 1s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
  .type-streaming.view-mode-teaser-feed-live a {
    position: static;
    text-decoration: none; }
    .type-streaming.view-mode-teaser-feed-live a .mediaItemWrapper {
      position: relative;
      background-color: black; }
      .type-streaming.view-mode-teaser-feed-live a .mediaItemWrapper .mediaItem {
        opacity: 0.7; }
      .type-streaming.view-mode-teaser-feed-live a .mediaItemWrapper .date {
        width: 100%;
        color: white;
        position: absolute;
        text-align: center;
        top: 116px ;
        top: 8.28571rem ; }
  .type-streaming.view-mode-teaser-feed-live .box-media article, .type-streaming.view-mode-teaser-feed-live .box-media-dark article, .type-streaming.view-mode-teaser-feed-live .box-listFull article, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article {
    padding: 25px ;
    padding: 1.78571rem ; }
    .type-streaming.view-mode-teaser-feed-live .box-media article h4, .type-streaming.view-mode-teaser-feed-live .box-media-dark article h4, .type-streaming.view-mode-teaser-feed-live .box-listFull article h4, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article h4, .type-streaming.view-mode-teaser-feed-live .box-media article .h4, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .h4, .type-streaming.view-mode-teaser-feed-live .box-listFull article .h4, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .h4, .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight .box-highlight-title, .box-highlight .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight .box-highlight-title, .box-highlight .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight .box-highlight-title, .box-highlight .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight .box-highlight-title, .box-highlight .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-info .box-highlight-title, .box-highlight-info .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-info .box-highlight-title, .box-highlight-info .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-info .box-highlight-title, .box-highlight-info .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-info .box-highlight-title, .box-highlight-info .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title,
    .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-eID .box-highlight-title,
    .box-highlight-eID .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title,
    .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-eID .box-highlight-title,
    .box-highlight-eID .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title,
    .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-eID .box-highlight-title,
    .box-highlight-eID .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title,
    .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-eID .box-highlight-title,
    .box-highlight-eID .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-warning .box-highlight-title, .box-highlight-warning .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-warning .box-highlight-title, .box-highlight-warning .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-warning .box-highlight-title, .box-highlight-warning .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-warning .box-highlight-title, .box-highlight-warning .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-error .box-highlight-title, .box-highlight-error .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-error .box-highlight-title, .box-highlight-error .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-error .box-highlight-title, .box-highlight-error .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-error .box-highlight-title, .box-highlight-error .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-success .box-highlight-title, .box-highlight-success .type-streaming.view-mode-teaser-feed-live .box-media article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-success .box-highlight-title, .box-highlight-success .type-streaming.view-mode-teaser-feed-live .box-media-dark article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-success .box-highlight-title, .box-highlight-success .type-streaming.view-mode-teaser-feed-live .box-listFull article .box-highlight-title, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-success .box-highlight-title, .box-highlight-success .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .box-highlight-title {
      color: #219dc8; }
    .type-streaming.view-mode-teaser-feed-live .box-media article h3 span, .type-streaming.view-mode-teaser-feed-live .box-media-dark article h3 span, .type-streaming.view-mode-teaser-feed-live .box-listFull article h3 span, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article h3 span, .type-streaming.view-mode-teaser-feed-live .box-media article .h3 span, .type-streaming.view-mode-teaser-feed-live .box-media-dark article .h3 span, .type-streaming.view-mode-teaser-feed-live .box-listFull article .h3 span, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article .h3 span {
      color: #999999; }
    .type-streaming.view-mode-teaser-feed-live .box-media article a, .type-streaming.view-mode-teaser-feed-live .box-media-dark article a, .type-streaming.view-mode-teaser-feed-live .box-listFull article a, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article a {
      margin: 0px ;
      margin: 0rem ; }
.type-streaming.view-mode-teaser-feed .box-media a, .type-streaming.view-mode-teaser-feed .box-media-dark a, .type-streaming.view-mode-teaser-feed .box-listFull a, .type-streaming.view-mode-teaser-feed .box-mediaTeaser a {
  position: static;
  text-decoration: none; }
  .type-streaming.view-mode-teaser-feed .box-media a .mediaItemWrapper, .type-streaming.view-mode-teaser-feed .box-media-dark a .mediaItemWrapper, .type-streaming.view-mode-teaser-feed .box-listFull a .mediaItemWrapper, .type-streaming.view-mode-teaser-feed .box-mediaTeaser a .mediaItemWrapper {
    background-color: black; }
    .type-streaming.view-mode-teaser-feed .box-media a .mediaItemWrapper .mediaItem, .type-streaming.view-mode-teaser-feed .box-media-dark a .mediaItemWrapper .mediaItem, .type-streaming.view-mode-teaser-feed .box-listFull a .mediaItemWrapper .mediaItem, .type-streaming.view-mode-teaser-feed .box-mediaTeaser a .mediaItemWrapper .mediaItem {
      opacity: 0.7; }
    .type-streaming.view-mode-teaser-feed .box-media a .mediaItemWrapper .date, .type-streaming.view-mode-teaser-feed .box-media-dark a .mediaItemWrapper .date, .type-streaming.view-mode-teaser-feed .box-listFull a .mediaItemWrapper .date, .type-streaming.view-mode-teaser-feed .box-mediaTeaser a .mediaItemWrapper .date {
      width: 100%;
      color: white;
      position: absolute;
      text-align: center;
      top: 85px ;
      top: 6.07143rem ;
      padding-bottom: 0px ;
      padding-bottom: 0rem ; }
.type-streaming.view-mode-teaser-feed .box-media article, .type-streaming.view-mode-teaser-feed .box-media-dark article, .type-streaming.view-mode-teaser-feed .box-listFull article, .type-streaming.view-mode-teaser-feed .box-mediaTeaser article {
  padding: 25px ;
  padding: 1.78571rem ; }
  .type-streaming.view-mode-teaser-feed .box-media article h5, .type-streaming.view-mode-teaser-feed .box-media-dark article h5, .type-streaming.view-mode-teaser-feed .box-listFull article h5, .type-streaming.view-mode-teaser-feed .box-mediaTeaser article h5, .type-streaming.view-mode-teaser-feed .box-media article .h5, .type-streaming.view-mode-teaser-feed .box-media-dark article .h5, .type-streaming.view-mode-teaser-feed .box-listFull article .h5, .type-streaming.view-mode-teaser-feed .box-mediaTeaser article .h5 {
    color: #999999;
    padding-bottom: 0px ;
    padding-bottom: 0rem ; }

.renderer .relevancies_container {
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ;
  padding: 20px ;
  padding: 1.42857rem ;
  background: #fff; }
  .renderer .relevancies_container .relevancies span {
    color: #999999;
    display: inline-block; }

@-moz-document url-prefix() {
  .view-mode-channel-homepage .box-media .intro, .view-mode-channel-homepage .box-media-dark .intro, .view-mode-channel-homepage .box-listFull .intro, .view-mode-channel-homepage .box-mediaTeaser .intro {
    height: 90px ;
    height: 6.42857rem ; } }
@media screen\0 {
  .view-mode-channel-homepage .box-media .intro, .view-mode-channel-homepage .box-media-dark .intro, .view-mode-channel-homepage .box-listFull .intro, .view-mode-channel-homepage .box-mediaTeaser .intro {
    height: 90px ;
    height: 6.42857rem ; } }
@media (min-width: 640px) {
  .type-media .box-media-dark header {
    padding: 20px 20px 10px 20px ;
    padding: 1.42857rem 1.42857rem 0.71429rem 1.42857rem ; }

  .type-streaming.view-mode-teaser-feed-live {
    position: relative; }
    .type-streaming.view-mode-teaser-feed-live .box-media, .type-streaming.view-mode-teaser-feed-live .box-media-dark, .type-streaming.view-mode-teaser-feed-live .box-listFull, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser {
      height: 250px ;
      height: 17.85714rem ; }
      .type-streaming.view-mode-teaser-feed-live .box-media .image, .type-streaming.view-mode-teaser-feed-live .box-media-dark .image, .type-streaming.view-mode-teaser-feed-live .box-listFull .image, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser .image {
        width: 32%;
        display: block;
        float: left;
        height: 100%; }
        .type-streaming.view-mode-teaser-feed-live .box-media .image *, .type-streaming.view-mode-teaser-feed-live .box-media-dark .image *, .type-streaming.view-mode-teaser-feed-live .box-listFull .image *, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser .image * {
          width: 100%;
          height: 100%; }
        .type-streaming.view-mode-teaser-feed-live .box-media .image img, .type-streaming.view-mode-teaser-feed-live .box-media-dark .image img, .type-streaming.view-mode-teaser-feed-live .box-listFull .image img, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser .image img {
          width: auto;
          height: auto;
          max-width: none;
          min-width: 100%;
          min-height: 100%; }
      .type-streaming.view-mode-teaser-feed-live .box-media article, .type-streaming.view-mode-teaser-feed-live .box-media-dark article, .type-streaming.view-mode-teaser-feed-live .box-listFull article, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article {
        width: 68%;
        float: left;
        padding-bottom: 50px ;
        padding-bottom: 3.57143rem ; }
        .type-streaming.view-mode-teaser-feed-live .box-media article a, .type-streaming.view-mode-teaser-feed-live .box-media-dark article a, .type-streaming.view-mode-teaser-feed-live .box-listFull article a, .type-streaming.view-mode-teaser-feed-live .box-mediaTeaser article a {
          position: absolute;
          bottom: 25px ;
          bottom: 1.78571rem ;
          margin-top: 0px ;
          margin-top: 0rem ; } }
@media (min-width: 960px) {
  .type-media .box-media-dark header {
    padding: 25px 25px 10px 25px ;
    padding: 1.78571rem 1.78571rem 0.71429rem 1.78571rem ; } }
.scrollTop {
  background: #219dc8;
  bottom: 20px ;
  bottom: 1.42857rem ;
  color: #ffffff;
  display: block;
  line-height: 40px ;
  line-height: 2.85714rem ;
  position: fixed;
  right: 20px ;
  right: 1.42857rem ;
  width: 40px ;
  width: 2.85714rem ;
  height: 40px ;
  height: 2.85714rem ;
  text-align: center;
  z-index: 100000000; }
  .scrollTop:hover {
    background: #24abda;
    cursor: pointer; }

.selectizeWrapper {
  min-height: 40px ;
  min-height: 2.85714rem ;
  position: relative;
  height: auto; }
  .selectizeWrapper.error .selectize-input {
    border-color: #cc0000;
    border-color: #FF6C6C !important;
    color: #FF6C6C;
    font-style: italic; }
    .selectizeWrapper.error .selectize-input:focus {
      -moz-box-shadow: #ff9f9f 0 0 2px;
      -webkit-box-shadow: #ff9f9f 0 0 2px;
      box-shadow: #ff9f9f 0 0 2px; }
  .selectizeWrapper.dark .selectize-control {
    border-color: #dbdbdb; }
    .selectizeWrapper.dark .selectize-control .selectize-input {
      background-color: #ebebeb;
      border-color: #ebebeb; }
  .selectizeWrapper.disabled:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .selectizeWrapper.disabled:hover:before {
    cursor: progress; }
  .selectizeWrapper .selectize-control.single .selectize-input.has-items input {
    display: none; }
  .selectizeWrapper .selectize-control .selectize-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url('../gfx/gui/select-arrow.svg?1452768191') no-repeat;
    background-position: right 10px top 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    width: 100%;
    height: auto;
    min-height: 36px ;
    min-height: 2.57143rem ;
    padding: 12px 32px 9px 12px ;
    padding: 0.85714rem 2.28571rem 0.64286rem 0.85714rem ;
    padding-right: 60px ;
    padding-right: 4.28571rem ;
    position: relative; }
    .selectizeWrapper .selectize-control .selectize-input.focus {
      background-color: #ffffff;
      border-color: #4BB1F9;
      -moz-box-shadow: #7cc6fb 0 0 2px;
      -webkit-box-shadow: #7cc6fb 0 0 2px;
      box-shadow: #7cc6fb 0 0 2px; }
      .selectizeWrapper .selectize-control .selectize-input.focus + .selectize-dropdown {
        z-index: 4; }
    .selectizeWrapper .selectize-control .selectize-input:after {
      content: " ";
      display: block;
      height: 0;
      clear: both; }
    .selectizeWrapper .selectize-control .selectize-input .item {
      display: block;
      float: left;
      position: relative;
      max-width: 100%;
      overflow: hidden; }
      .selectizeWrapper .selectize-control .selectize-input .item .value {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
      .selectizeWrapper .selectize-control .selectize-input .item .delete {
        display: none; }
    .selectizeWrapper .selectize-control .selectize-input input {
      max-width: 100%;
      width: 100% !important;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      background: none;
      outline: none;
      padding: 0;
      position: relative; }
      .selectizeWrapper .selectize-control .selectize-input input:active, .selectizeWrapper .selectize-control .selectize-input input:focus {
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .selectizeWrapper .selectize-control .selectize-input:hover {
      cursor: pointer; }
    .selectizeWrapper .selectize-control .selectize-input.input-active:before {
      content: "";
      display: block;
      background: #ffffff;
      position: absolute;
      top: 0;
      right: 55px ;
      right: 3.92857rem ;
      left: 0;
      bottom: 0; }
  .selectizeWrapper .selectize-control.multi .selectize-input {
    padding-right: 45px ;
    padding-right: 3.21429rem ; }
    .selectizeWrapper .selectize-control.multi .selectize-input.input-active:before {
      right: 40px ;
      right: 2.85714rem ; }
    .selectizeWrapper .selectize-control.multi .selectize-input .item {
      background: #ebebeb;
      border-radius: 3px ;
      border-radius: 0.21429rem ;
      color: #999999;
      margin: 0px 5px 5px 0px ;
      margin: 0rem 0.35714rem 0.35714rem 0rem ; }
      .selectizeWrapper .selectize-control.multi .selectize-input .item .value {
        position: relative;
        padding: 5px 32px 5px 5px ;
        padding: 0.35714rem 2.28571rem 0.35714rem 0.35714rem ; }
      .selectizeWrapper .selectize-control.multi .selectize-input .item .delete {
        text-align: center;
        line-height: 30px ;
        line-height: 2.14286rem ;
        font-size: 16px ;
        font-size: 1.14286rem ;
        position: absolute;
        height: 100%;
        width: 26px ;
        width: 1.85714rem ;
        top: 0;
        right: 0;
        display: block; }
        .selectizeWrapper .selectize-control.multi .selectize-input .item .delete:hover {
          background-color: #e1e1e1;
          cursor: pointer; }
  .selectizeWrapper .selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px; }
  .selectizeWrapper .selectize-dropdown {
    position: absolute;
    z-index: 10;
    left: 0 !important;
    max-height: 200px ;
    max-height: 14.28571rem ;
    padding: 5px 0px ;
    padding: 0.35714rem 0rem ;
    margin-top: 5px ;
    margin-top: 0.35714rem ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    animation: fadein 0.2s ease 1 normal 0s;
    -webkit-animation: fadein 0.2s ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
    .selectizeWrapper .selectize-dropdown .option {
      background: #ffffff;
      padding: 3px 12px ;
      padding: 0.21429rem 0.85714rem ;
      max-width: 100%;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis; }
      .selectizeWrapper .selectize-dropdown .option:hover, .selectizeWrapper .selectize-dropdown .option.active {
        background: #4BB1F9;
        color: #ffffff;
        cursor: pointer; }
      .selectizeWrapper .selectize-dropdown .option.selected {
        font-weight: 600; }
  .selectizeWrapper .clearSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 13px ;
    top: 0.92857rem ;
    right: 30px ;
    right: 2.14286rem ;
    font-size: 25px ;
    font-size: 1.78571rem ;
    font-weight: 800;
    color: #666666;
    z-index: 10; }
    .selectizeWrapper .clearSelection:hover {
      color: #999999;
      cursor: pointer; }

ul.share-buttons {
  margin: 0;
  list-style: none;
  text-align: center; }
  ul.share-buttons li {
    display: inline-block;
    margin: 0; }
    ul.share-buttons li:not(:last-child) {
      margin-right: 15px ;
      margin-right: 1.07143rem ; }
  ul.share-buttons li {
    position: relative; }
    ul.share-buttons li a {
      background: #ccc url('../gfx/icons/social_acons.svg?1452768191') no-repeat 0 0;
      background-size: 30px 90px ;
      background-size: 2.14286rem 6.42857rem ;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      width: 30px ;
      width: 2.14286rem ;
      height: 30px ;
      height: 2.14286rem ;
      text-indent: -9999px;
      -moz-transition: background-color 0.24s;
      -o-transition: background-color 0.24s;
      -webkit-transition: background-color 0.24s;
      transition: background-color 0.24s;
      top: 0;
      vertical-align: top; }
    ul.share-buttons li.facebook a:hover, ul.share-buttons li.facebook a:active {
      background-color: #3b5998; }
    ul.share-buttons li.twitter a {
      background-position: 0px -30px ;
      background-position: 0rem -2.14286rem ; }
      ul.share-buttons li.twitter a:hover, ul.share-buttons li.twitter a:active {
        background-color: #4099ff; }
    ul.share-buttons li.linkedin a {
      background-position: 0px -60px ;
      background-position: 0rem -4.28571rem ; }
      ul.share-buttons li.linkedin a:hover, ul.share-buttons li.linkedin a:active {
        background-color: #4875B4; }
    ul.share-buttons li.permalink a {
      background: #ccc;
      text-indent: 0; }
      ul.share-buttons li.permalink a i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px; }
      ul.share-buttons li.permalink a:hover, .js-flyout-active ul.share-buttons li.permalink a {
        background-color: #666666; }
    ul.share-buttons li.permalink .permalinkFlyout {
      display: none; }
      ul.share-buttons li.permalink .permalinkFlyout .permalinkFlyout-wrapper {
        position: absolute;
        background: #333333;
        border-radius: 4px;
        bottom: 100%;
        left: 50%;
        margin-left: -150px ;
        margin-left: -10.71429rem ;
        width: 300px ;
        width: 21.42857rem ;
        padding: 6px ;
        padding: 0.42857rem ;
        margin-bottom: 11px ;
        margin-bottom: 0.78571rem ; }
        ul.share-buttons li.permalink .permalinkFlyout .permalinkFlyout-wrapper input {
          padding-right: 12px ;
          padding-right: 0.85714rem ; }
      ul.share-buttons li.permalink .permalinkFlyout .permalinkFlyout-arrow {
        position: absolute;
        bottom: 100%;
        margin-bottom: 5px ;
        margin-bottom: 0.35714rem ;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #333333; }
    ul.share-buttons li.permalink.js-flyout-active .permalinkFlyout {
      display: block; }

.slider {
  position: relative;
  width: 100%;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ;
  overflow: hidden; }
  .slider .slide {
    background-color: #ebebeb;
    padding-bottom: 30px ;
    padding-bottom: 2.14286rem ;
    width: 100%;
    max-height: 500px; }
    .slider .slide figure {
      text-align: center;
      position: relative; }
      .slider .slide figure img {
        max-width: 100%;
        max-height: 470px; }
      .slider .slide figure figcaption {
        color: #ffffff;
        position: absolute;
        bottom: -30px ;
        bottom: -2.14286rem ;
        left: 0;
        background: #000;
        right: 150px ;
        right: 10.71429rem ;
        display: inline-block;
        width: 100%;
        height: 30px ;
        height: 2.14286rem ;
        line-height: 30px ;
        line-height: 2.14286rem ;
        text-align: left;
        padding: 0px 10px ;
        padding: 0rem 0.71429rem ;
        font-style: italic;
        z-index: 50; }
  .slider .controlsWrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px ;
    height: 2.14286rem ;
    z-index: 50; }
    .slider .controlsWrapper.noDesc {
      background: #000000; }
  .slider .controls {
    bottom: 0;
    font-weight: 600;
    padding-left: 25px ;
    padding-left: 1.78571rem ;
    position: absolute;
    right: 8px ;
    right: 0.57143rem ;
    z-index: 50; }
    .slider .controls p {
      color: #ffffff; }
    .slider .controls .previous, .slider .controls .next, .slider .controls table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar caption .slider .controls .next-year, .slider .controls table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .slider .controls .nextYear {
      top: 8px ;
      top: 0.57143rem ;
      border-style: solid;
      display: block;
      height: 0;
      position: absolute;
      width: 0; }
      .slider .controls .previous:hover, .slider .controls .next:hover, .slider .controls table.fr-datepicker-calendar caption .next-year:hover, table.fr-datepicker-calendar caption .slider .controls .next-year:hover, .slider .controls table.datepickerCalendar caption .nextYear:hover, table.datepickerCalendar caption .slider .controls .nextYear:hover {
        cursor: pointer; }
    .slider .controls .previous {
      border-width: 7px 10px 7px 0px ;
      border-width: 0.5rem 0.71429rem 0.5rem 0rem ;
      left: 6px ;
      left: 0.42857rem ;
      border-color: transparent #ffffff transparent transparent; }
      .slider .controls .previous:hover {
        border-color: transparent #cccccc transparent transparent; }
    .slider .controls .next, .slider .controls table.fr-datepicker-calendar caption .next-year, table.fr-datepicker-calendar caption .slider .controls .next-year, .slider .controls table.datepickerCalendar caption .nextYear, table.datepickerCalendar caption .slider .controls .nextYear {
      border-width: 7px 0px 7px 10px ;
      border-width: 0.5rem 0rem 0.5rem 0.71429rem ;
      right: 2px ;
      right: 0.14286rem ;
      border-color: transparent transparent transparent #ffffff; }
      .slider .controls .next:hover, .slider .controls table.fr-datepicker-calendar caption .next-year:hover, table.fr-datepicker-calendar caption .slider .controls .next-year:hover, .slider .controls table.datepickerCalendar caption .nextYear:hover, table.datepickerCalendar caption .slider .controls .nextYear:hover {
        border-color: transparent transparent transparent #cccccc; }
    .slider .controls p {
      line-height: 30px ;
      line-height: 2.14286rem ;
      margin-right: 20px ;
      margin-right: 1.42857rem ;
      padding-bottom: 0; }

.snippetWrapper {
  padding: 12.5px 25px ;
  padding: 0.89286rem 1.78571rem ; }

.snippetLayout {
  border: solid 1px #ebebeb;
  border-bottom-color: #cccccc;
  padding: 20px ;
  padding: 1.42857rem ;
  height: 100%;
  width: 100%; }

.snippetPicker {
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ; }
  .snippetPicker .inputWrapper {
    margin-bottom: 0; }
  .snippetPicker .results ul {
    margin: 0;
    list-style: none; }
    .snippetPicker .results ul li {
      border-style: none solid solid solid;
      border-width: 1px;
      border-color: #ebebeb;
      margin: 0;
      padding: 10px ;
      padding: 0.71429rem ; }
      .snippetPicker .results ul li:hover {
        background-color: #219dc8;
        color: #ffffff;
        cursor: pointer; }
      .snippetPicker .results ul li p {
        padding-bottom: 0; }

.snippetWysiwyg {
  position: relative; }
  .snippetWysiwyg .remainingCharsText {
    font-size: 0.78571em;
    line-height: 1.79964em;
    color: #999999;
    position: absolute;
    bottom: 0;
    right: 25px ;
    right: 1.78571rem ;
    padding: 0;
    margin: 0; }
    .snippetWysiwyg .remainingCharsText .remainingChars.warning {
      color: #FF6C6C; }
    .snippetWysiwyg .remainingCharsText .remainingChars.critical {
      color: #FF6C6C; }

.snippetVacature form label, .snippetVacature form .generalLabel {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
.snippetVacature form .vacaturePlaceholder {
  color: #999999;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ; }

.snippetUit header {
  padding-bottom: 15px ;
  padding-bottom: 1.07143rem ;
  width: 100%; }
  .snippetUit header h2, .snippetUit header .h2 {
    font-size: 0.85714em;
    line-height: 1.64967em;
    font-weight: 600;
    padding-bottom: 10px ;
    padding-bottom: 0.71429rem ;
    text-transform: uppercase; }
.snippetUit section .image {
  text-align: center;
  float: left;
  margin-right: 15px ;
  margin-right: 1.07143rem ; }
  .snippetUit section .image img {
    height: 50px ;
    height: 3.57143rem ;
    width: auto; }
.snippetUit section i {
  margin: 0px 10px -7px 0px ;
  margin: 0rem 0.71429rem -0.5rem 0rem ; }
.snippetUit section .info {
  overflow: hidden; }
.snippetUit section .dates {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap; }

.snippetEloket {
  position: relative; }
  .snippetEloket .formLink {
    float: right; }
  .snippetEloket .formInfo {
    overflow: hidden; }
    .snippetEloket .formInfo h2, .snippetEloket .formInfo .h2, .snippetEloket .formInfo p {
      width: 100%; }
    .snippetEloket .formInfo h2, .snippetEloket .formInfo .h2 {
      font-size: 0.85714em;
      line-height: 1.64967em;
      text-transform: uppercase;
      font-weight: 800; }

.snippetRelated .intro {
  padding-bottom: 0; }

.snippetTable .tableHeaderText .inputWrapper {
  margin-bottom: 0; }

.hoursTable {
  clear: both; }

.tableCellControls {
  margin-bottom: 12px ;
  margin-bottom: 0.85714rem ;
  overflow: hidden; }
  .tableCellControls .tableCellControlGroup {
    float: left;
    margin-left: 12px ;
    margin-left: 0.85714rem ;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden; }
    .tableCellControls .tableCellControlGroup:first-child {
      margin-left: 0; }
    .tableCellControls .tableCellControlGroup ul {
      margin: 0;
      list-style: none;
      display: inline-block; }
      .tableCellControls .tableCellControlGroup ul:after {
        content: "";
        display: table;
        clear: both; }
      .tableCellControls .tableCellControlGroup ul {
        display: block; }
      .tableCellControls .tableCellControlGroup ul li {
        background-color: #ebebeb;
        border-left: 1px solid #ffffff;
        cursor: pointer;
        display: block;
        float: left;
        overflow: hidden; }
        .tableCellControls .tableCellControlGroup ul li span {
          display: block;
          height: 30px ;
          height: 2.14286rem ;
          width: 30px ;
          width: 2.14286rem ;
          text-indent: -9999px; }
        .tableCellControls .tableCellControlGroup ul li:first-child {
          border-left: none;
          -moz-border-radius: 3px 0 0 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px 0 0 3px; }
        .tableCellControls .tableCellControlGroup ul li:last-child {
          -moz-border-radius: 0 3px 3px 0;
          -webkit-border-radius: 0;
          border-radius: 0 3px 3px 0; }
        .tableCellControls .tableCellControlGroup ul li:first-child:last-child {
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px; }
    .tableCellControls .tableCellControlGroup .header-customization li {
      width: 30px ;
      width: 2.14286rem ;
      height: 30px ;
      height: 2.14286rem ; }
      .tableCellControls .tableCellControlGroup .header-customization li.toggle-header {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; }
        .tableCellControls .tableCellControlGroup .header-customization li.toggle-header > span {
          opacity: 0.5;
          background: 50% 50% url("/assets/redactie/gfx/table-header.svg") no-repeat; }
        .tableCellControls .tableCellControlGroup .header-customization li.toggle-header.active {
          -moz-border-radius: 3px 0 0 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px 0 0 3px; }
          .tableCellControls .tableCellControlGroup .header-customization li.toggle-header.active > span {
            opacity: 1; }
      .tableCellControls .tableCellControlGroup .header-customization li.color.disabled {
        display: none; }
      .tableCellControls .tableCellControlGroup .header-customization li.color:last-child span {
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0;
        border-radius: 0 5px 5px 0; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-1 {
        background: #C5E6D5; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-2 {
        background: #C8DED5; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-3 {
        background: #AAE1E6; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-4 {
        background: #EBCBC7; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-5 {
        background: #DBC5A9; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-6 {
        background: #F5C5AB; }
      .tableCellControls .tableCellControlGroup .header-customization li.color .cellColor-7 {
        background: #F0786F; }
    .tableCellControls .tableCellControlGroup .alignment li.left-align span {
      background: 50% 50% url("/assets/redactie/gfx/text-align-left.svg") no-repeat; }
    .tableCellControls .tableCellControlGroup .alignment li.center-align span {
      background: 50% 50% url("/assets/redactie/gfx/text-align-center.svg") no-repeat; }
    .tableCellControls .tableCellControlGroup .alignment li.right-align span {
      background: 50% 50% url("/assets/redactie/gfx/text-align-right.svg") no-repeat; }
    .tableCellControls .tableCellControlGroup .toggle li.toggle-selection-mode {
      opacity: 0.5; }
      .tableCellControls .tableCellControlGroup .toggle li.toggle-selection-mode > span {
        background: 50% 50% url("/assets/redactie/gfx/table-selection-mode.svg") no-repeat; }
      .tableCellControls .tableCellControlGroup .toggle li.toggle-selection-mode.active {
        opacity: 1; }

.tablePopup {
  position: absolute;
  z-index: 100;
  background-color: #ffffff;
  border-color: #efefef #d1d1d1 #d1d1d1 #efefef;
  border-style: solid;
  border-width: 1px;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -15px;
  	left: 10px;
  	@include triangle($white, 15px, 20px, 0);
  }*/
  display: none; }
  .tablePopup ul {
    margin: 0;
    list-style: none; }
    .tablePopup ul:last-child {
      border-top: 1px solid #EAEAEA; }
      .tablePopup ul:last-child li:hover {
        border-top: 1px solid #971e23;
        background-color: #c1272d; }
    .tablePopup ul li {
      margin: 0;
      padding: 8px 10px ;
      padding: 0.57143rem 0.71429rem ;
      cursor: pointer; }
      .tablePopup ul li:hover {
        color: #ffffff;
        background-color: #219dc8; }

.snippet-table {
  display: inline-block;
  position: relative;
  padding-bottom: 20px ;
  padding-bottom: 1.42857rem ; }
  .snippet-table:after {
    content: "";
    display: table;
    clear: both; }
  .snippet-table {
    display: block; }
  .snippet-table .ngTable {
    overflow: auto; }
  .snippet-table .rowControl,
  .snippet-table .colControl {
    text-align: center;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #fafafa));
    background-image: -moz-linear-gradient(#fcfcfc, #fafafa);
    background-image: -webkit-linear-gradient(#fcfcfc, #fafafa);
    background-image: linear-gradient(#fcfcfc, #fafafa);
    border: 1px solid #CBCBCB;
    cursor: pointer;
    position: relative; }
    .snippet-table .rowControl:not(.add):hover::after,
    .snippet-table .colControl:not(.add):hover::after {
      content: "";
      position: absolute;
      right: 10%;
      top: 50%;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #CBCBCB; }
    .snippet-table .rowControl.add,
    .snippet-table .colControl.add {
      width: 50px ;
      width: 3.57143rem ; }
  .snippet-table .rowControlSpacer {
    background: #ffffff !important;
    border: none !important; }
  .snippet-table .rowControl {
    border-bottom: 1px solid #CBCBCB; }
  .snippet-table .colControls .colControl {
    border-left: 1px solid #CBCBCB; }
  .snippet-table .colControl {
    border-left: none; }
  .snippet-table td, .snippet-table th {
    text-align: left; }
    .snippet-table td[align="right"], .snippet-table th[align="right"] {
      text-align: right; }
    .snippet-table td[align="center"], .snippet-table th[align="center"] {
      text-align: center; }
  .snippet-table thead th {
    padding: 10px 15px 7px 15px ;
    padding: 0.71429rem 1.07143rem 0.5rem 1.07143rem ;
    color: white; }
    .snippet-table thead th.selected {
      background-color: #1f7899;
      border: 1px solid #1f7899; }
    .snippet-table thead th.rowControl {
      color: #333333;
      font-weight: normal; }
    .snippet-table thead th.selectEnabled:hover {
      background-color: #1f7899;
      cursor: cell; }
    .snippet-table thead th.headerColor-1 {
      background: #C5E6D5; }
    .snippet-table thead th.headerColor-2 {
      background: #C8DED5; }
    .snippet-table thead th.headerColor-3 {
      background: #AAE1E6; }
    .snippet-table thead th.headerColor-4 {
      background: #EBCBC7; }
    .snippet-table thead th.headerColor-5 {
      background: #DBC5A9; }
    .snippet-table thead th.headerColor-6 {
      background: #F5C5AB; }
    .snippet-table thead th.headerColor-7 {
      background: #F0786F; }
  .snippet-table tbody tr:nth-child(2n) td {
    background-color: #FAFAFA; }
  .snippet-table tbody tr td {
    border-bottom: 1px solid #EFEFEF; }
    .snippet-table tbody tr td.selected {
      background-color: #e8f1f5;
      color: #1f7899;
      border: 1px solid #1f7899; }
    .snippet-table tbody tr td.selectEnabled:hover {
      background-color: #FAFAFA;
      cursor: cell; }
  .snippet-table tbody td {
    padding: 10px 15px 7px 15px ;
    padding: 0.71429rem 1.07143rem 0.5rem 1.07143rem ; }
    .snippet-table tbody td span {
      display: block;
      min-height: 20px ;
      min-height: 1.42857rem ;
      width: 100%; }
  .snippet-table .rowControlSpacer {
    width: 20px ;
    width: 1.42857rem ; }
  .snippet-table .colControlSpacer {
    height: 20px ;
    height: 1.42857rem ; }
  .snippet-table .rowControl {
    text-align: center;
    width: 30px; }
    .snippet-table .rowControl button, .snippet-table .rowControl .attachments-file a, .attachments-file .snippet-table .rowControl a, .snippet-table .rowControl .button-default, .snippet-table .rowControl .button-primary,
    .snippet-table .rowControl input[type="submit"], .snippet-table .rowControl .button-red,
    .snippet-table .rowControl .button-orange,
    .snippet-table .rowControl .button-green,
    .snippet-table .rowControl .button-white,
    .snippet-table .rowControl .button-warning, .snippet-table .rowControl .button-transparent {
      background: red;
      width: 100%; }
  .snippet-table .table {
    overflow: hidden;
    margin-top: 30px;
    margin-left: 30px;
    border-collapse: separate; }

.snippet-stadsmap {
  position: relative;
  z-index: 1;
  height: 450px ;
  height: 32.14286rem ;
  width: 100%; }
  .snippet-stadsmap .stadsplanDirective {
    top: 0; }
  .snippet-stadsmap .stadsplanLink {
    padding: 10px ;
    padding: 0.71429rem ;
    background: whitesmoke; }
    .snippet-stadsmap .stadsplanLink a {
      display: block; }
  .snippet-stadsmap .layersWrapper .nav-secondary {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .snippet-stadsmap .layersWrapper .listWrapper,
  .snippet-stadsmap .layersWrapper .pointWrapper {
    position: absolute;
    top: 60px ;
    top: 4.28571rem ;
    left: 0;
    right: 0;
    overflow-y: scroll; }

.snippet-mediaFile {
  margin-bottom: 25px ;
  margin-bottom: 1.78571rem ; }
  .snippet-mediaFile .upload {
    margin-bottom: 30px ;
    margin-bottom: 2.14286rem ;
    clear: both; }
    .snippet-mediaFile .upload label, .snippet-mediaFile .upload .generalLabel {
      margin-bottom: 5px ;
      margin-bottom: 0.35714rem ; }
    .snippet-mediaFile .upload .dropzone {
      clear: both; }
    .snippet-mediaFile .upload .separator {
      line-height: 0.5;
      text-align: center;
      margin: 20px 0px ;
      margin: 1.42857rem 0rem ;
      padding-bottom: 0px ;
      padding-bottom: 0rem ; }
      .snippet-mediaFile .upload .separator span {
        display: inline-block;
        position: relative; }
        .snippet-mediaFile .upload .separator span:before, .snippet-mediaFile .upload .separator span:after {
          content: "";
          position: absolute;
          height: 5px;
          border-bottom: 1px solid #cccccc;
          top: 0;
          width: 100%; }
        .snippet-mediaFile .upload .separator span:before {
          right: 100%;
          margin-right: 15px; }
        .snippet-mediaFile .upload .separator span:after {
          left: 100%;
          margin-left: 15px; }
    .snippet-mediaFile .upload .button-transparent {
      display: block;
      margin: 0 auto; }
  .snippet-mediaFile .empty {
    background-image: url("/assets/redactie/gfx/placeholder.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 335px ;
    height: 23.92857rem ;
    width: 100%; }
  .snippet-mediaFile .embedDescription {
    max-width: 600px ;
    max-width: 42.85714rem ;
    margin: 10px auto 0px auto ;
    margin: 0.71429rem auto 0rem auto ;
    text-align: center; }

@media (min-width: 640px) {
  .snippet-mediaFile .upload .button-cancel {
    top: 12px ;
    top: 0.85714rem ; } }
/**
* Status-message directive styling
*/
.statusmessage {
  position: relative;
  padding: 16px 13px 13px 40px ;
  padding: 1.14286rem 0.92857rem 0.92857rem 2.85714rem ;
  margin-bottom: 12px ;
  margin-bottom: 0.85714rem ;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FF6C6C;
  color: #ffffff; }
  .statusmessage i {
    position: absolute;
    top: 12px ;
    top: 0.85714rem ;
    left: 10px ;
    left: 0.71429rem ; }
  .statusmessage a {
    color: #000;
    font-weight: 500;
    text-decoration: underline; }

.statusmessage ul {
  margin: 0;
  list-style: none; }
  .statusmessage ul li:first-child {
    margin-top: 0; }
  .statusmessage ul li:last-child {
    margin-bottom: 0; }

/**
 * Switch sliders
 */
/**
 * Default switch
 */
.switch, .switch-dark {
  overflow: visible; }
  .switch input[type="checkbox"] + label:before, .switch-dark input[type="checkbox"] + label:before, .switch input[type="checkbox"] + .generalLabel:before, .switch-dark input[type="checkbox"] + .generalLabel:before {
    background-image: none; }
  .switch input[type="checkbox"] + label .zero, .switch-dark input[type="checkbox"] + label .zero, .switch input[type="checkbox"] + .generalLabel .zero, .switch-dark input[type="checkbox"] + .generalLabel .zero, .switch input[type="checkbox"] + label .one, .switch-dark input[type="checkbox"] + label .one, .switch input[type="checkbox"] + .generalLabel .one, .switch-dark input[type="checkbox"] + .generalLabel .one {
    font-size: 15px ;
    font-size: 1.07143rem ;
    font-weight: 600; }
  .switch input[type="checkbox"] + label .zero, .switch-dark input[type="checkbox"] + label .zero, .switch input[type="checkbox"] + .generalLabel .zero, .switch-dark input[type="checkbox"] + .generalLabel .zero {
    color: #333333;
    padding: 3px 10px 3px 0px ;
    padding: 0.21429rem 0.71429rem 0.21429rem 0rem ; }
  .switch input[type="checkbox"] + label .one, .switch-dark input[type="checkbox"] + label .one, .switch input[type="checkbox"] + .generalLabel .one, .switch-dark input[type="checkbox"] + .generalLabel .one {
    color: #cccccc;
    padding: 3px 0px 3px 10px ;
    padding: 0.21429rem 0rem 0.21429rem 0.71429rem ; }
  .switch input[type="checkbox"] + label .switch-button:before, .switch-dark input[type="checkbox"] + label .switch-button:before, .switch input[type="checkbox"] + .generalLabel .switch-button:before, .switch-dark input[type="checkbox"] + .generalLabel .switch-button:before {
    background: #ffffff;
    left: 0;
    -moz-transition: left 0.16s linear, background 0.16s linear;
    -o-transition: left 0.16s linear, background 0.16s linear;
    -webkit-transition: left 0.16s linear, background 0.16s linear;
    transition: left 0.16s linear, background 0.16s linear; }
  .switch input[type="checkbox"]:checked + label:before, .switch-dark input[type="checkbox"]:checked + label:before, .switch input[type="checkbox"]:checked + .generalLabel:before, .switch-dark input[type="checkbox"]:checked + .generalLabel:before {
    background-image: none; }
  .switch input[type="checkbox"]:checked + label .zero, .switch-dark input[type="checkbox"]:checked + label .zero, .switch input[type="checkbox"]:checked + .generalLabel .zero, .switch-dark input[type="checkbox"]:checked + .generalLabel .zero {
    color: #cccccc; }
  .switch input[type="checkbox"]:checked + label .one, .switch-dark input[type="checkbox"]:checked + label .one, .switch input[type="checkbox"]:checked + .generalLabel .one, .switch-dark input[type="checkbox"]:checked + .generalLabel .one {
    color: #333333; }
  .switch input[type="checkbox"]:checked + label .switch-button:before, .switch-dark input[type="checkbox"]:checked + label .switch-button:before, .switch input[type="checkbox"]:checked + .generalLabel .switch-button:before, .switch-dark input[type="checkbox"]:checked + .generalLabel .switch-button:before {
    background: #219dc8;
    left: 50%; }
  .switch input[type="checkbox"]:disabled + label, .switch-dark input[type="checkbox"]:disabled + label, .switch input[type="checkbox"]:disabled + .generalLabel, .switch-dark input[type="checkbox"]:disabled + .generalLabel {
    cursor: default; }
    .switch input[type="checkbox"]:disabled + label .switch-button:before, .switch-dark input[type="checkbox"]:disabled + label .switch-button:before, .switch input[type="checkbox"]:disabled + .generalLabel .switch-button:before, .switch-dark input[type="checkbox"]:disabled + .generalLabel .switch-button:before {
      background: #cccccc; }
  .switch > label, .switch-dark > label, .switch > .generalLabel, .switch-dark > .generalLabel {
    display: table;
    margin-bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto; }
    .switch > label:before, .switch-dark > label:before, .switch > .generalLabel:before, .switch-dark > .generalLabel:before {
      content: none !important; }
    .switch > label > span, .switch-dark > label > span, .switch > .generalLabel > span, .switch-dark > .generalLabel > span {
      display: table-cell;
      float: left;
      overflow: hidden;
      pointer-events: none; }
  .switch .switch-button, .switch-dark .switch-button {
    background: #ebebeb;
    -moz-border-radius: 7.14286rem ;
    -webkit-border-radius: 7.14286rem;
    border-radius: 7.14286rem ;
    height: 30px ;
    height: 2.14286rem ;
    position: relative;
    width: 60px ;
    width: 4.28571rem ; }
    .switch .switch-button:before, .switch-dark .switch-button:before {
      -moz-border-radius: 7.14286rem ;
      -webkit-border-radius: 7.14286rem;
      border-radius: 7.14286rem ;
      content: '';
      left: 0;
      margin: 4px ;
      margin: 0.28571rem ;
      position: absolute;
      top: 0;
      width: 22px ;
      width: 1.57143rem ;
      height: 22px ;
      height: 1.57143rem ; }

/**
 * Dark switch
 */
.switch-dark input[type="checkbox"] + label .zero, .switch-dark input[type="checkbox"] + .generalLabel .zero {
  color: #ffffff; }
.switch-dark input[type="checkbox"] + label .one, .switch-dark input[type="checkbox"] + .generalLabel .one {
  color: #333333; }
.switch-dark input[type="checkbox"] + label .switch-button:before, .switch-dark input[type="checkbox"] + .generalLabel .switch-button:before {
  background: #939393; }
.switch-dark input[type="checkbox"]:checked + label .zero, .switch-dark input[type="checkbox"]:checked + .generalLabel .zero {
  color: #333333; }
.switch-dark input[type="checkbox"]:checked + label .one, .switch-dark input[type="checkbox"]:checked + .generalLabel .one {
  color: #ffffff; }
.switch-dark input[type="checkbox"]:checked + label .switch-button:before, .switch-dark input[type="checkbox"]:checked + .generalLabel .switch-button:before {
  background: #24b933; }
.switch-dark input[type="checkbox"]:disabled + label .switch-button:before, .switch-dark input[type="checkbox"]:disabled + .generalLabel .switch-button:before {
  background: #666666; }
.switch-dark .switch-button {
  background: #333333; }

.tabsDirective .tabsMenu.horizontal {
  background-color: transparent; }
  .tabsDirective .tabsMenu.horizontal ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center; }
    .tabsDirective .tabsMenu.horizontal ul li {
      border-bottom: none;
      display: inline-block;
      list-style: none;
      margin: 0;
      padding-left: 10px ;
      padding-left: 0.71429rem ;
      padding-right: 10px ;
      padding-right: 0.71429rem ; }
      .tabsDirective .tabsMenu.horizontal ul li a {
        text-decoration: none !important;
        background-color: transparent;
        padding: 5px ;
        padding: 0.35714rem ; }
        .tabsDirective .tabsMenu.horizontal ul li a:hover {
          background-color: #eeeeee; }
      .tabsDirective .tabsMenu.horizontal ul li.hactive {
        background-color: whitesmoke; }
      .tabsDirective .tabsMenu.horizontal ul li:hover {
        background-color: #eeeeee; }
      .tabsDirective .tabsMenu.horizontal ul li .active {
        background-color: transparent; }
.tabsDirective .tabsMenu ul li {
  border-bottom: solid 1px #e1e1e1;
  margin: 0px ;
  margin: 0rem ; }
  .tabsDirective .tabsMenu ul li a {
    color: #666666;
    display: block;
    background-color: whitesmoke;
    padding: 25px ;
    padding: 1.78571rem ;
    font-size: 1.14286em;
    line-height: 1.85588em; }
    .tabsDirective .tabsMenu ul li a i {
      float: right;
      top: 3px ;
      top: 0.21429rem ; }
    .tabsDirective .tabsMenu ul li a:hover {
      background-color: #ffffff; }
  .tabsDirective .tabsMenu ul li .active {
    background-color: #ffffff; }
.tabsDirective .tabsPanel .box, .tabsDirective .tabsPanel .box-full, .tabsDirective .tabsPanel .box-fullTransparent, .tabsDirective .tabsPanel .fr-field-astad-bias-calculate-tax, .tabsDirective .tabsPanel .box-blue, .tabsDirective .tabsPanel .box-blueDark, .tabsDirective .tabsPanel .box-media, .tabsDirective .tabsPanel .box-media-dark, .tabsDirective .tabsPanel .box-listFull, .tabsDirective .tabsPanel .box-mediaTeaser, .tabsDirective .tabsPanel .box-fieldset, .tabsDirective .tabsPanel .box-list, .tabsDirective .tabsPanel .box-listItem, .tabsDirective .tabsPanel .step-indicator, .tabsDirective .tabsPanel .fr-form-tabs {
  margin-bottom: 0px ;
  margin-bottom: 0rem ; }

.timepicker-directive select {
  width: 75px ;
  width: 5.35714rem ;
  min-width: 75px ;
  min-width: 5.35714rem ;
  display: inline; }
.timepicker-directive small {
  display: block;
  margin-top: 5px ;
  margin-top: 0.35714rem ; }

.timepick {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px ;
  top: 5.35714rem ;
  z-index: 999; }
  .timepick .caption {
    margin: 0px ;
    margin: 0rem ;
    background: #ffffff;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .timepick .caption > span {
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px;
      border-radius: 3px 3px 0 0;
      background: #4BB1F9;
      color: #ffffff;
      font-weight: bold;
      padding: 10px 20px ;
      padding: 0.71429rem 1.42857rem ;
      display: block; }
      .timepick .caption > span::before {
        content: "";
        position: absolute;
        top: -8px ;
        top: -0.57143rem ;
        left: 11px ;
        left: 0.78571rem ;
        display: block;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-bottom-color: #4BB1F9;
        border-width: 0 7.5px 8px 7.5px; }
  .timepick .times {
    max-height: 150px ;
    max-height: 10.71429rem ;
    overflow: auto;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #ffffff; }
    .timepick .times ul {
      margin: 0;
      list-style: none; }
      .timepick .times ul li {
        margin: 0; }
        .timepick .times ul li a {
          padding: 10px ;
          padding: 0.71429rem ;
          color: #b3b3b3;
          display: block;
          text-decoration: none;
          text-align: center; }
          .timepick .times ul li a:hover {
            background-color: whitesmoke;
            color: #999999; }
        .timepick .times ul li.today a {
          background-color: #ebebeb; }
        .timepick .times ul li.pickedTime a {
          background-color: #4BB1F9;
          color: #ffffff; }

.fileUpload {
  text-align: center;
  color: #219dc8;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  .fileUpload .dropzone {
    border: 1px dashed rgba(33, 157, 200, 0.25);
    padding: 16px 32px 14px 32px ;
    padding: 1.14286rem 2.28571rem 1rem 2.28571rem ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    .fileUpload .dropzone .uploads {
      position: relative; }
      .fileUpload .dropzone .uploads .file {
        background-color: #e0e0e0;
        padding: 5px ;
        padding: 0.35714rem ;
        text-align: left;
        overflow: hidden;
        display: block; }
        .fileUpload .dropzone .uploads .file p {
          width: 100%; }
      .fileUpload .dropzone .uploads .delete {
        width: 35px ;
        width: 2.5rem ;
        height: 35px ;
        height: 2.5rem ;
        display: block;
        float: right;
        background-image: url("../gfx/gui/icon_delete.svg");
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat; }
        .fileUpload .dropzone .uploads .delete:hover {
          cursor: pointer;
          background-image: url("../gfx/gui/icon_delete_hover.svg"); }
    .fileUpload .dropzone .errorMessage {
      padding: 10px 0px ;
      padding: 0.71429rem 0rem ;
      color: #ec9300; }
  .fileUpload .progressInfo img {
    height: 50px ;
    height: 3.57143rem ;
    margin-bottom: 10px ;
    margin-bottom: 0.71429rem ;
    width: auto; }
  .fileUpload p {
    margin: 0;
    padding: 0; }
  .fileUpload a {
    text-decoration: underline;
    font-weight: bold;
    color: #219dc8; }
  .fileUpload:hover {
    background: rgba(33, 157, 200, 0.05); }
    .fileUpload:hover .dropzone {
      border: 1px solid transparent; }

/**
 * User avatar
 *
 * Avatar of the user + special label in some cases
 */
.user-avatar {
  display: inline-block;
  overflow: visible;
  /**
   * If the person is helpdesk_admin, add an Antwerp label
   */
  /**
   * If the person is available for chat, we can indicate this
   */ }
  .user-avatar .circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
  .user-avatar img.avatar {
    float: left;
    height: 100%;
    position: static;
    width: 100%; }
  .user-avatar.helpdesk_admin {
    position: relative; }
    .user-avatar.helpdesk_admin:before {
      background: url('../gfx/icons/a-label.svg?1452768191');
      -moz-background-size: contain;
      -o-background-size: contain;
      -webkit-background-size: contain;
      background-size: contain;
      bottom: -32%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      content: '';
      height: 88%;
      position: absolute;
      right: -32%;
      width: 88%;
      z-index: 2; }

.weather-widget .weather-forecast {
  border-bottom: 1px solid #bbbbbb; }
.weather-widget .lastOfType > div:last-of-type {
  border-bottom: none; }
.weather-widget div {
  clear: both; }
.weather-widget .weather-single {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em; }
.weather-widget img {
  display: inline-block;
  margin-right: 1em;
  margin-top: 5px;
  width: 50px;
  height: 50px;
  vertical-align: top; }
.weather-widget div.weather-info {
  display: inline-block;
  padding-top: 0.5em; }
.weather-widget a {
  cursor: pointer; }

.widget {
  position: relative;
  width: 100%;
  	/*&.fadeout {
  		@include animate-keyframes(fadeout, 0.5s, $delay: 0.5s);
  	}
  
  	&.fadein {
  		@include animate-keyframes(fadein, 0.5s);
  	}*/ }
  .widget .widget-error,
  .widget .widget-loading {
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 1; }
    .widget .widget-error .message,
    .widget .widget-loading .message {
      width: 80%;
      margin: 0px auto ;
      margin: 0rem auto ;
      padding-top: 12px ;
      padding-top: 0.85714rem ;
      color: #DC5753;
      font-weight: 600;
      text-align: center; }
      .widget .widget-error .message:before,
      .widget .widget-loading .message:before {
        content: "";
        display: block;
        margin: 0px auto 5px auto ;
        margin: 0rem auto 0.35714rem auto ;
        width: 32px ;
        width: 2.28571rem ;
        height: 32px ;
        height: 2.28571rem ;
        background: url('../gfx/widgets/preloader.gif?1452768191') center center no-repeat; }
    .widget .widget-error.ng-show-add, .widget .widget-error.ng-show-remove,
    .widget .widget-loading.ng-show-add,
    .widget .widget-loading.ng-show-remove {
      opacity: 0; }
  .widget .widget-loading .message:before {
    background: url('../gfx/widgets/preloader.gif?1452768191') center center no-repeat; }
  .widget .widget-error .message:before {
    background: url('../gfx/widgets/error.png?1452768191') center center no-repeat; }
  .widget .widget-content {
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 1; }
    .widget .widget-content.ng-show-add, .widget .widget-content.ng-show-remove {
      opacity: 0; }
  .widget .backToList a {
    display: block;
    line-height: 30px ;
    line-height: 2.14286rem ;
    text-decoration: none; }
  .widget .backToList:before {
    content: '';
    width: 30px ;
    width: 2.14286rem ;
    height: 30px ;
    height: 2.14286rem ;
    background-image: url("/assets/aOS/gfx/gui/back-bullet.svg");
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left; }

.step-indicator, .fr-form-tabs {
  padding: 0; }
  .step-indicator ul, .fr-form-tabs ul {
    counter-reset: li;
    display: table;
    list-style: none;
    margin: 0;
    width: 100%; }
  .step-indicator ul li, .fr-form-tabs ul li {
    background: url('../gfx/icons/steps-arrow.svg?1452768191') 0 0 no-repeat;
    background-size: contain;
    display: table-cell;
    padding: 13px 0px 13px 27px ;
    padding: 0.92857rem 0rem 0.92857rem 1.92857rem ;
    font-size: 16px ;
    font-size: 1.14286rem ;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .step-indicator ul li.done, .fr-form-tabs ul li.done {
      background-color: #999999;
      background-image: url('../gfx/icons/steps-arrow-done.svg?1452768191');
      color: #ffffff; }
      .step-indicator ul li.done:before,
      .step-indicator ul li.done span, .fr-form-tabs ul li.done:before,
      .fr-form-tabs ul li.done span {
        opacity: 0.8; }
    .step-indicator ul li.active, .fr-form-tabs ul li.active {
      background-color: #999999;
      background-image: url('../gfx/icons/steps-arrow-done.svg?1452768191');
      color: #ffffff;
      font-weight: 700;
      padding-left: 13px ;
      padding-left: 0.92857rem ; }
    .step-indicator ul li:first-child, .fr-form-tabs ul li:first-child {
      background-image: none;
      padding-left: 13px ;
      padding-left: 0.92857rem ; }
    .step-indicator ul li:last-child, .fr-form-tabs ul li:last-child {
      padding-right: 13px ;
      padding-right: 0.92857rem ; }
    .step-indicator ul li.active + li, .fr-form-tabs ul li.active + li {
      background-image: url('../gfx/icons/steps-arrow-active.svg?1452768191'); }
    .step-indicator ul li:before, .fr-form-tabs ul li:before {
      counter-increment: li;
      content: counter(li,decimal) ".";
      margin-right: 5px ;
      margin-right: 0.35714rem ; }

@media screen and (max-width: 639px) {
  .step-indicator ul li:before, .fr-form-tabs ul li:before {
    content: counter(li,decimal); }
  .step-indicator ul li span, .fr-form-tabs ul li span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .step-indicator ul li.active:before, .fr-form-tabs ul li.active:before {
    content: counter(li,decimal) "."; }
  .step-indicator ul li.active span, .fr-form-tabs ul li.active span {
    height: auto;
    margin: 0;
    position: static;
    width: auto; } }
@media (min-width: 640px) {
  .step-indicator ul li, .fr-form-tabs ul li {
    padding-top: 20px ;
    padding-top: 1.42857rem ;
    padding-bottom: 20px ;
    padding-bottom: 1.42857rem ; }
    .step-indicator ul li.active, .fr-form-tabs ul li.active {
      font-size: 18px ;
      font-size: 1.28571rem ; } }
/**
*
* IN APP SEARCH: TYPE E-LOKET
*
**/
.inAppSearch .results li.type-e-loket {
  border: none;
  margin-left: 15px ;
  margin-left: 1.07143rem ; }
  .inAppSearch .results li.type-e-loket:hover, .inAppSearch .results li.type-e-loket:active {
    background: none;
    border: none; }

.inAppSearch .aloketadmin-form-search-result {
  /*======================================
  =            FBOX COMPONENT            =
  ======================================*/ }
  .inAppSearch .aloketadmin-form-search-result:hover {
    background: none; }
  .inAppSearch .aloketadmin-form-search-result .fbox {
    background-color: white;
    border: 1px solid #cccccc;
    margin: 15px 0px 15px 0px ;
    margin: 1.07143rem 0rem 1.07143rem 0rem ; }
    .inAppSearch .aloketadmin-form-search-result .fbox a {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 0;
      background: #f4f5f6; }
      .inAppSearch .aloketadmin-form-search-result .fbox a:hover {
        background: #fafafa; }

  .inAppSearch .aloketadmin-form-search-result .fbox__body {
    position: relative;
    font-weight: bold;
    font-size: 1rem; }
    .inAppSearch .aloketadmin-form-search-result .fbox__body i {
      opacity: .3;
      position: absolute;
      right: 10px; }

.type-channel.view-mode-teaser-feed .channel-teaser {
  padding: 0; }
  .type-channel.view-mode-teaser-feed .channel-teaser.box, .type-channel.view-mode-teaser-feed .channel-teaser.box-full, .type-channel.view-mode-teaser-feed .channel-teaser.box-fullTransparent, .type-channel.view-mode-teaser-feed .channel-teaser.fr-field-astad-bias-calculate-tax, .type-channel.view-mode-teaser-feed .channel-teaser.box-blue, .type-channel.view-mode-teaser-feed .channel-teaser.box-blueDark, .type-channel.view-mode-teaser-feed .channel-teaser.box-media, .type-channel.view-mode-teaser-feed .channel-teaser.box-media-dark, .type-channel.view-mode-teaser-feed .channel-teaser.box-listFull, .type-channel.view-mode-teaser-feed .channel-teaser.box-mediaTeaser, .type-channel.view-mode-teaser-feed .channel-teaser.box-fieldset, .type-channel.view-mode-teaser-feed .channel-teaser.box-list, .type-channel.view-mode-teaser-feed .channel-teaser.box-listItem, .type-channel.view-mode-teaser-feed .channel-teaser.step-indicator, .type-channel.view-mode-teaser-feed .channel-teaser.fr-form-tabs {
    margin-bottom: 0; }
  .type-channel.view-mode-teaser-feed .channel-teaser .channel-thumb {
    position: relative;
    height: 50px ;
    height: 3.57143rem ;
    width: 100%; }
    .type-channel.view-mode-teaser-feed .channel-teaser .channel-thumb img {
      width: 70px ;
      width: 5rem ;
      height: 70px ;
      height: 5rem ;
      border: solid 2px #ffffff; }
  .type-channel.view-mode-teaser-feed .channel-teaser header {
    position: relative; }
    .type-channel.view-mode-teaser-feed .channel-teaser header .channel-thumb img {
      position: absolute;
      left: 50%;
      bottom: 10px ;
      bottom: 0.71429rem ;
      margin-left: -35px ;
      margin-left: -2.5rem ; }
    .type-channel.view-mode-teaser-feed .channel-teaser header .channel-banner {
      height: 105px ;
      height: 7.5rem ;
      overflow: hidden; }
      .type-channel.view-mode-teaser-feed .channel-teaser header .channel-banner img {
        min-width: 100%;
        min-height: 100%; }
  .type-channel.view-mode-teaser-feed .channel-teaser .channel-info {
    padding: 0px 20px ;
    padding: 0rem 1.42857rem ; }
    .type-channel.view-mode-teaser-feed .channel-teaser .channel-info h2, .type-channel.view-mode-teaser-feed .channel-teaser .channel-info .h2, .type-channel.view-mode-teaser-feed .channel-teaser .channel-info p {
      display: block;
      text-align: center; }
    .type-channel.view-mode-teaser-feed .channel-teaser .channel-info p {
      color: #999999; }
  .type-channel.view-mode-teaser-feed .channel-teaser .channel-followers {
    border-top: solid 1px #ebebeb;
    padding: 20px ;
    padding: 1.42857rem ;
    text-align: center; }
    .type-channel.view-mode-teaser-feed .channel-teaser .channel-followers p, .type-channel.view-mode-teaser-feed .channel-teaser .channel-followers div {
      display: inline-block; }
    .type-channel.view-mode-teaser-feed .channel-teaser .channel-followers p {
      padding-bottom: 0;
      margin-right: 10px ;
      margin-right: 0.71429rem ; }
.type-channel.view-mode-teaser-list .channel-teaser {
  padding: 0;
  background: #ffffff;
  margin-bottom: 15px ;
  margin-bottom: 1.07143rem ; }
  .type-channel.view-mode-teaser-list .channel-teaser .channel-thumb {
    width: 70px ;
    width: 5rem ;
    height: 70px ;
    height: 5rem ;
    float: left; }
    .type-channel.view-mode-teaser-list .channel-teaser .channel-thumb img {
      width: 50px ;
      width: 3.57143rem ;
      height: 50px ;
      height: 3.57143rem ;
      margin: 10px ;
      margin: 0.71429rem ; }
  .type-channel.view-mode-teaser-list .channel-teaser .channel-info {
    padding: 17px 0px 0px 0px ;
    padding: 1.21429rem 0rem 0rem 0rem ; }
    .type-channel.view-mode-teaser-list .channel-teaser .channel-info span {
      display: block; }
    .type-channel.view-mode-teaser-list .channel-teaser .channel-info .titleWrapper {
      overflow: hidden; }
    .type-channel.view-mode-teaser-list .channel-teaser .channel-info .followWrapper {
      float: right;
      padding-top: 4px ;
      padding-top: 0.28571rem ; }
      .type-channel.view-mode-teaser-list .channel-teaser .channel-info .followWrapper a {
        margin-right: 10px ;
        margin-right: 0.71429rem ; }
    .type-channel.view-mode-teaser-list .channel-teaser .channel-info .channel-title a {
      text-decoration: none;
      color: #333333;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      padding-right: 10px ;
      padding-right: 0.71429rem ;
      white-space: nowrap; }
      .type-channel.view-mode-teaser-list .channel-teaser .channel-info .channel-title a:hover {
        color: #219dc8; }
  .type-channel.view-mode-teaser-list .channel-teaser .overview-stats .small {
    min-width: 55px ;
    min-width: 3.92857rem ;
    display: inline-block;
    color: #666666; }
    .type-channel.view-mode-teaser-list .channel-teaser .overview-stats .small i {
      margin-bottom: -3px ;
      margin-bottom: -0.21429rem ; }
      .type-channel.view-mode-teaser-list .channel-teaser .overview-stats .small i.icon-preview {
        background-size: 2589.33333px 16px;
        background-position: -2079.33333px 0px;
        width: 16px;
        height: 16px; }
      .type-channel.view-mode-teaser-list .channel-teaser .overview-stats .small i.icon-rating-star-full {
        background-size: 2589.33333px 16px;
        background-position: -2238.66667px 0px;
        width: 16px;
        height: 16px; }
.type-channel.view-mode-theme-list .theme-list-item {
  background: #ffffff;
  margin: 10px ;
  margin: 0.71429rem ;
  border: 1px solid #cccccc; }
  .type-channel.view-mode-theme-list .theme-list-item a {
    text-decoration: none;
    padding: 0px !important ;
    padding: 0rem !important ; }
  .type-channel.view-mode-theme-list .theme-list-item .theme-list-header {
    background: #fafafa; }
    .type-channel.view-mode-theme-list .theme-list-item .theme-list-header .theme-list-title {
      padding: 5px ;
      padding: 0.35714rem ; }
      .type-channel.view-mode-theme-list .theme-list-item .theme-list-header .theme-list-title h5, .type-channel.view-mode-theme-list .theme-list-item .theme-list-header .theme-list-title .h5 {
        display: inline-block;
        padding-bottom: 0px ;
        padding-bottom: 0rem ;
        margin-right: 5px ;
        margin-right: 0.35714rem ; }
  .type-channel.view-mode-theme-list .theme-list-item .theme-list-channel {
    padding: 5px ;
    padding: 0.35714rem ; }
    .type-channel.view-mode-theme-list .theme-list-item .theme-list-channel:hover {
      background-color: #fafafa; }

.type-solr-facet.view-mode-overviewItems, .type-solr-facet.view-mode-channel {
  padding: 0; }
  .type-solr-facet.view-mode-overviewItems .overview-teaser, .type-solr-facet.view-mode-channel .overview-teaser {
    padding: 0; }
    .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-thumb, .type-solr-facet.view-mode-channel .overview-teaser .overview-thumb {
      width: 70px ;
      width: 5rem ;
      height: 70px ;
      height: 5rem ;
      float: left; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-thumb img, .type-solr-facet.view-mode-channel .overview-teaser .overview-thumb img {
        width: 50px ;
        width: 3.57143rem ;
        height: 50px ;
        height: 3.57143rem ;
        margin: 10px ;
        margin: 0.71429rem ; }
    .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info, .type-solr-facet.view-mode-channel .overview-teaser .overview-info {
      padding: 17px 0px 0px 0px ;
      padding: 1.21429rem 0rem 0rem 0rem ; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info span, .type-solr-facet.view-mode-channel .overview-teaser .overview-info span {
        display: block; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .titleWrapper, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .titleWrapper {
        overflow: hidden; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper {
        float: right;
        padding-top: 4px ;
        padding-top: 0.28571rem ;
        margin-right: 20px ;
        margin-right: 1.42857rem ; }
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper button, .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .attachments-file a, .attachments-file .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper a, .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-default, .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-primary,
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper input[type="submit"], .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-red,
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-orange,
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-green,
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-white,
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-warning, .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .followWrapper .button-transparent, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper button, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .attachments-file a, .attachments-file .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper a, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-default, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-primary,
        .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper input[type="submit"], .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-red,
        .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-orange,
        .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-green,
        .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-white,
        .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-warning, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .followWrapper .button-transparent {
          float: none;
          display: block; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-title, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-title {
        margin-bottom: 3px ;
        margin-bottom: 0.21429rem ; }
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-title a, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-title a {
          text-decoration: none;
          color: #333333;
          display: inline-block;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          padding-right: 10px ;
          padding-right: 0.71429rem ;
          white-space: nowrap; }
          .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-title a:hover, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-title a:hover {
            color: #219dc8; }
      .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-stats span, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-stats span {
        display: inline-block; }
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-stats span:first-child, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-stats span:first-child {
          margin-right: 10px ;
          margin-right: 0.71429rem ; }
        .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-stats span i, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-stats span i {
          margin-bottom: -3px ;
          margin-bottom: -0.21429rem ; }
          .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-stats span i.icon-preview, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-stats span i.icon-preview {
            background-size: 2589.33333px 16px;
            background-position: -2079.33333px 0px;
            width: 16px;
            height: 16px; }
          .type-solr-facet.view-mode-overviewItems .overview-teaser .overview-info .overview-stats span i.icon-rating-star-full, .type-solr-facet.view-mode-channel .overview-teaser .overview-info .overview-stats span i.icon-rating-star-full {
            background-size: 2589.33333px 16px;
            background-position: -2238.66667px 0px;
            width: 16px;
            height: 16px; }

.inAppSearch-container .view-mode-overviewItems {
  float: left; }
.inAppSearch-container .feed-two-cols .view-mode-overviewItems {
  margin-left: 1.7%;
  margin-bottom: 1.7%;
  width: 98.3%; }

@media (min-width: 960px) {
  .inAppSearch-container .feed-two-cols .view-mode-overviewItems {
    width: 48.3%; } }
/**
*
* IN APP SEARCH: TYPE E-LOKET
*
**/
.inAppSearch .results li.type-e-loket {
  border: none; }
  .inAppSearch .results li.type-e-loket:hover, .inAppSearch .results li.type-e-loket:active {
    background: none;
    border: none; }

.inAppSearch .e-loketadmin-form-search-result {
  /*======================================
  =            FBOX COMPONENT            =
  ======================================*/
  /*-----  End of FBOX COMPONENT  ------*/
  /*=======================================
  =            STATE COMPONENT            =
  =======================================*/
  /*-----  End of STATE COMPONENT  ------*/ }
  .inAppSearch .e-loketadmin-form-search-result:hover {
    background: none; }
  .inAppSearch .e-loketadmin-form-search-result .fbox {
    background-color: white;
    border: 1px solid #cccccc;
    margin: 15px 0px 15px 0px ;
    margin: 1.07143rem 0rem 1.07143rem 0rem ; }
    .inAppSearch .e-loketadmin-form-search-result .fbox a {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 0; }
      .inAppSearch .e-loketadmin-form-search-result .fbox a:hover {
        background: #fafafa; }

  .inAppSearch .e-loketadmin-form-search-result .fbox--report {
    background-color: #ebebeb; }

  .inAppSearch .e-loketadmin-form-search-result .fbox__body {
    padding: 15px 10px 20px 15px ;
    padding: 1.07143rem 0.71429rem 1.42857rem 1.07143rem ; }
    .inAppSearch .e-loketadmin-form-search-result .fbox__body .result-type {
      display: inline;
      padding: 15px 10px 20px 15px ;
      padding: 1.07143rem 0.71429rem 1.42857rem 1.07143rem ; }

  .inAppSearch .e-loketadmin-form-search-result .fbox__footer {
    background-color: #ebebeb;
    padding: 2px 15px ;
    padding: 0.14286rem 1.07143rem ;
    color: #999999; }
    .inAppSearch .e-loketadmin-form-search-result .fbox__footer .icon-clock {
      background-size: 3560.33333px 22px;
      background-position: -418px 0px;
      width: 22px;
      height: 22px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      right: 5px; }
    .inAppSearch .e-loketadmin-form-search-result .fbox__footer .time-info {
      font-size: 0.85714em;
      line-height: 1.64967em; }
  .inAppSearch .e-loketadmin-form-search-result .state, .inAppSearch .e-loketadmin-form-search-result .type-applicaties .search-result .list-item .list-item-body .state--online, .type-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-externe-applicaties .search-result .list-item .list-item-body .state--online, .type-externe-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-externe-links .search-result .list-item .list-item-body .state--online, .type-externe-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-homepagina-set .search-result .list-item .list-item-body .state--online, .type-homepagina-set .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-interne-links .search-result .list-item .list-item-body .state--online, .type-interne-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-kanalen .search-result .list-item .list-item-body .state--online, .type-kanalen .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-kalender .search-result .list-item .list-item-body .state--online, .type-kalender .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .type-applicaties .search-result .list-item .list-item-body .state--offline, .type-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-externe-applicaties .search-result .list-item .list-item-body .state--offline, .type-externe-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-externe-links .search-result .list-item .list-item-body .state--offline, .type-externe-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-homepagina-set .search-result .list-item .list-item-body .state--offline, .type-homepagina-set .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-interne-links .search-result .list-item .list-item-body .state--offline, .type-interne-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-kanalen .search-result .list-item .list-item-body .state--offline, .type-kanalen .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-kalender .search-result .list-item .list-item-body .state--offline, .type-kalender .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .type-applicaties .search-result .list-item .list-item-body .state--draft, .type-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-externe-applicaties .search-result .list-item .list-item-body .state--draft, .type-externe-applicaties .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-externe-links .search-result .list-item .list-item-body .state--draft, .type-externe-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-homepagina-set .search-result .list-item .list-item-body .state--draft, .type-homepagina-set .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-interne-links .search-result .list-item .list-item-body .state--draft, .type-interne-links .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-kanalen .search-result .list-item .list-item-body .state--draft, .type-kanalen .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .type-kalender .search-result .list-item .list-item-body .state--draft, .type-kalender .search-result .list-item .list-item-body .inAppSearch .e-loketadmin-form-search-result .state--draft, .inAppSearch .e-loketadmin-form-search-result .state--online, .inAppSearch .e-loketadmin-form-search-result .state--offline, .inAppSearch .e-loketadmin-form-search-result .state--productionReady {
    padding: 2px 8px ;
    padding: 0.14286rem 0.57143rem ;
    margin-right: 6px ;
    margin-right: 0.42857rem ;
    font-size: 12px ;
    font-size: 0.85714rem ;
    color: #ffffff; }
  .inAppSearch .e-loketadmin-form-search-result .state--online {
    background-color: #86BE55; }

  .inAppSearch .e-loketadmin-form-search-result .state--offline {
    background-color: #FF6C6C; }

  .inAppSearch .e-loketadmin-form-search-result .state--productionReady {
    background-color: #219dc8; }

.type-evenement.view-mode-teaser-feed article {
  border-bottom: solid 2px #c1272d; }
.type-evenement.view-mode-full .eventInfo {
  border-style: solid none;
  border-width: 1px;
  border-color: #ebebeb;
  padding: 15px 0px ;
  padding: 1.07143rem 0rem ; }
  .type-evenement.view-mode-full .eventInfo > p:last-child {
    padding-bottom: 0; }
.type-evenement .eventInfo .date:before, .type-evenement .eventInfo .location:before, .type-evenement .eventInfo .duration:before {
  content: "";
  display: block;
  float: left;
  width: 20px ;
  width: 1.42857rem ;
  height: 20px ;
  height: 1.42857rem ;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 5px ;
  margin-right: 0.35714rem ; }
.type-evenement .eventInfo .date:before {
  background-image: url("/assets/aOS/gfx/gui/icon_calendar.svg"); }
.type-evenement .eventInfo .location:before {
  background-image: url("/assets/aOS/gfx/gui/icon_location.svg"); }
.type-evenement .eventInfo .duration:before {
  background-image: url("/assets/aOS/gfx/gui/icon_hours.svg"); }

/**
*
* IN APP SEARCH: TYPE MELDINGEN
*
**/
.inAppSearch .results li.type-meldingen {
  border: none; }
  .inAppSearch .results li.type-meldingen:hover, .inAppSearch .results li.type-meldingen:active {
    background: none;
    border: none; }

.type-uit.view-mode-full article {
  padding: 0; }
  .type-uit.view-mode-full article header.box, .type-uit.view-mode-full article header.box-full, .type-uit.view-mode-full article header.box-fullTransparent, .type-uit.view-mode-full article header.fr-field-astad-bias-calculate-tax, .type-uit.view-mode-full article header.box-blue, .type-uit.view-mode-full article header.box-blueDark, .type-uit.view-mode-full article header.box-media, .type-uit.view-mode-full article header.box-media-dark, .type-uit.view-mode-full article header.box-listFull, .type-uit.view-mode-full article header.box-mediaTeaser, .type-uit.view-mode-full article header.box-fieldset, .type-uit.view-mode-full article header.box-list, .type-uit.view-mode-full article header.box-listItem, .type-uit.view-mode-full article header.step-indicator, .type-uit.view-mode-full article header.fr-form-tabs {
    padding-bottom: 0; }
  .type-uit.view-mode-full article .box, .type-uit.view-mode-full article .box-full, .type-uit.view-mode-full article .box-fullTransparent, .type-uit.view-mode-full article .fr-field-astad-bias-calculate-tax, .type-uit.view-mode-full article .box-blue, .type-uit.view-mode-full article .box-blueDark, .type-uit.view-mode-full article .box-media, .type-uit.view-mode-full article .box-media-dark, .type-uit.view-mode-full article .box-listFull, .type-uit.view-mode-full article .box-mediaTeaser, .type-uit.view-mode-full article .box-fieldset, .type-uit.view-mode-full article .box-list, .type-uit.view-mode-full article .box-listItem, .type-uit.view-mode-full article .step-indicator, .type-uit.view-mode-full article .fr-form-tabs {
    margin-bottom: 0; }
  .type-uit.view-mode-full article header.box, .type-uit.view-mode-full article header.box-full, .type-uit.view-mode-full article header.box-fullTransparent, .type-uit.view-mode-full article header.fr-field-astad-bias-calculate-tax, .type-uit.view-mode-full article header.box-blue, .type-uit.view-mode-full article header.box-blueDark, .type-uit.view-mode-full article header.box-media, .type-uit.view-mode-full article header.box-media-dark, .type-uit.view-mode-full article header.box-listFull, .type-uit.view-mode-full article header.box-mediaTeaser, .type-uit.view-mode-full article header.box-fieldset, .type-uit.view-mode-full article header.box-list, .type-uit.view-mode-full article header.box-listItem, .type-uit.view-mode-full article header.step-indicator, .type-uit.view-mode-full article header.fr-form-tabs, .type-uit.view-mode-full article footer.box, .type-uit.view-mode-full article footer.box-full, .type-uit.view-mode-full article footer.box-fullTransparent, .type-uit.view-mode-full article footer.fr-field-astad-bias-calculate-tax, .type-uit.view-mode-full article footer.box-blue, .type-uit.view-mode-full article footer.box-blueDark, .type-uit.view-mode-full article footer.box-media, .type-uit.view-mode-full article footer.box-media-dark, .type-uit.view-mode-full article footer.box-listFull, .type-uit.view-mode-full article footer.box-mediaTeaser, .type-uit.view-mode-full article footer.box-fieldset, .type-uit.view-mode-full article footer.box-list, .type-uit.view-mode-full article footer.box-listItem, .type-uit.view-mode-full article footer.step-indicator, .type-uit.view-mode-full article footer.fr-form-tabs {
    border-bottom: none; }
.type-uit.view-mode-full .intro {
  padding-top: 0; }
.type-uit.view-mode-full .eventInfo {
  padding: 0;
  border-bottom: none; }
  .type-uit.view-mode-full .eventInfo .box, .type-uit.view-mode-full .eventInfo .box-full, .type-uit.view-mode-full .eventInfo .box-fullTransparent, .type-uit.view-mode-full .eventInfo .fr-field-astad-bias-calculate-tax, .type-uit.view-mode-full .eventInfo .box-blue, .type-uit.view-mode-full .eventInfo .box-blueDark, .type-uit.view-mode-full .eventInfo .box-media, .type-uit.view-mode-full .eventInfo .box-media-dark, .type-uit.view-mode-full .eventInfo .box-listFull, .type-uit.view-mode-full .eventInfo .box-mediaTeaser, .type-uit.view-mode-full .eventInfo .box-fieldset, .type-uit.view-mode-full .eventInfo .box-list, .type-uit.view-mode-full .eventInfo .box-listItem, .type-uit.view-mode-full .eventInfo .step-indicator, .type-uit.view-mode-full .eventInfo .fr-form-tabs {
    margin-bottom: 0; }
  .type-uit.view-mode-full .eventInfo p {
    padding-bottom: 0; }
  .type-uit.view-mode-full .eventInfo i {
    margin: 0px 10px -6px 0px ;
    margin: 0rem 0.71429rem -0.42857rem 0rem ; }

/**
 * Header Styling
 */
.header-intro {
  background-color: #219dc8; }
  .header-intro .container, .header-intro .container-small {
    padding-top: 25px ;
    padding-top: 1.78571rem ;
    padding-bottom: 25px ;
    padding-bottom: 1.78571rem ; }
    .header-intro .container .overview-list-message, .header-intro .container-small .overview-list-message {
      color: #ffffff;
      margin-bottom: 20px ;
      margin-bottom: 1.42857rem ; }
  .header-intro .overview-list {
    margin: 0px ;
    margin: 0rem ; }
  .header-intro .overview-list-item {
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1.5px solid rgba(51, 51, 51, 0.1);
    margin-bottom: 0;
    margin-top: 0; }
    .header-intro .overview-list-item a {
      color: #ffffff;
      display: block;
      text-decoration: none;
      padding: 20px 15px ;
      padding: 1.42857rem 1.07143rem ;
      font-size: 16px ;
      font-size: 1.14286rem ; }
      .header-intro .overview-list-item a img {
        opacity: 0.8;
        width: 25px ;
        width: 1.78571rem ;
        height: 25px ;
        height: 1.78571rem ;
        margin-right: 20px ;
        margin-right: 1.42857rem ; }
      .header-intro .overview-list-item a span {
        display: inline-block;
        margin: 4px 0px ;
        margin: 0.28571rem 0rem ; }
      .header-intro .overview-list-item a:hover, .header-intro .overview-list-item a:active, .header-intro .overview-list-item a:focus {
        background-color: #2096bf; }
  .header-intro .overview-list-button {
    width: auto !important;
    border: none;
    text-align: center;
    display: inline-block;
    margin-top: 32px ;
    margin-top: 2.28571rem ; }
    .header-intro .overview-list-button a {
      display: inline-block;
      background-color: #1f93bb;
      padding: 10px 15px 10px 10px ;
      padding: 0.71429rem 1.07143rem 0.71429rem 0.71429rem ;
      text-align: left;
      font-size: 14px ;
      font-size: 1rem ; }
      .header-intro .overview-list-button a i {
        margin: auto 12px -4px auto ;
        margin: auto 0.85714rem -0.28571rem auto ;
        background-size: 2913px 18px;
        background-position: -2213.25px 0px;
        width: 18px;
        height: 18px; }
        .header-intro .overview-list-button a i.icon-icon_add {
          margin: auto 8px -4px auto ;
          margin: auto 0.57143rem -0.28571rem auto ;
          background-size: 2913px 18px;
          background-position: -1307.25px 0px;
          width: 18px;
          height: 18px; }
      .header-intro .overview-list-button a:hover, .header-intro .overview-list-button a:active, .header-intro .overview-list-button a:focus {
        background-color: #1c85a9; }
  .header-intro .read-more {
    text-align: center; }

.organisation-antwerpen {
  background-color: #219DC8; }
  .organisation-antwerpen .overview-list-item a:hover, .organisation-antwerpen .overview-list-item a:active, .organisation-antwerpen .overview-list-item a:focus {
    background-color: #2096bf; }
  .organisation-antwerpen .overview-list-button a {
    background-color: #1b82a5; }
    .organisation-antwerpen .overview-list-button a:hover, .organisation-antwerpen .overview-list-button a:active, .organisation-antwerpen .overview-list-button a:focus {
      background-color: #187493; }

.organisation-2000 {
  background-color: #DD7505; }
  .organisation-2000 .overview-list-item a:hover, .organisation-2000 .overview-list-item a:active, .organisation-2000 .overview-list-item a:focus {
    background-color: #d37005; }
  .organisation-2000 .overview-list-button a {
    background-color: #b56004; }
    .organisation-2000 .overview-list-button a:hover, .organisation-2000 .overview-list-button a:active, .organisation-2000 .overview-list-button a:focus {
      background-color: #a15504; }

.organisation-2729 {
  background-color: #00792C; }
  .organisation-2729 .overview-list-item a:hover, .organisation-2729 .overview-list-item a:active, .organisation-2729 .overview-list-item a:focus {
    background-color: #006f28; }
  .organisation-2729 .overview-list-button a {
    background-color: #00501d; }
    .organisation-2729 .overview-list-button a:hover, .organisation-2729 .overview-list-button a:active, .organisation-2729 .overview-list-button a:focus {
      background-color: #003c16; }

.organisation-122 {
  background-color: #6FA400; }
  .organisation-122 .overview-list-item a:hover, .organisation-122 .overview-list-item a:active, .organisation-122 .overview-list-item a:focus {
    background-color: #689a00; }
  .organisation-122 .overview-list-button a {
    background-color: #537b00; }
    .organisation-122 .overview-list-button a:hover, .organisation-122 .overview-list-button a:active, .organisation-122 .overview-list-button a:focus {
      background-color: #466700; }

@media (min-width: 640px) {
  .header-intro .overview-list-item {
    width: 49%;
    margin-right: 2%; }
    .header-intro .overview-list-item:nth-child(even) {
      margin-right: 0; } }
@media (min-width: 960px) {
  .header-intro .overview-list-item {
    width: 32%;
    margin-right: 2%; }
    .header-intro .overview-list-item:nth-child(even) {
      margin-right: 2%; }
    .header-intro .overview-list-item:nth-child(3n+3) {
      margin-right: 0; } }
/**
 * Loading bar
 */
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -moz-transition: 0.5s, linear, all;
  -o-transition: 0.5s, linear, all;
  -webkit-transition: 0.5s, linear, all;
  transition: 0.5s, linear, all; }

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  -moz-transition: width, 500ms;
  -o-transition: width, 500ms;
  -webkit-transition: width, 500ms;
  transition: width, 500ms;
  background: #cf0039;
  position: fixed;
  z-index: 9999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px ;
  height: 0.14286rem ; }

/**
 * Animated loading block
 */
.aOS-loading,
.aOS-loaded {
  display: inline-block;
  padding: 25px 25px 0px 25px ;
  padding: 1.78571rem 1.78571rem 0rem 1.78571rem ;
  margin-bottom: 25px ;
  margin-bottom: 1.78571rem ; }
  .aOS-loading:after,
  .aOS-loaded:after {
    content: "";
    display: table;
    clear: both; }
  .aOS-loading,
  .aOS-loaded {
    display: block; }

.aOS-loading {
  animation: slideLoadingIn 0.5s ease 1 normal 0s;
  -webkit-animation: slideLoadingIn 0.5s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.aOS-loaded {
  animation: slideLoadingOut 0.5s ease 1 normal 0s;
  -webkit-animation: slideLoadingOut 0.5s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.statusBarWrapper {
  position: fixed;
  top: 50px ;
  top: 3.57143rem ;
  z-index: 1000;
  width: 100%;
  color: #fff;
  cursor: pointer;
  background-color: #fffab8;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  -moz-transition: max-height 0.1s linear;
  -o-transition: max-height 0.1s linear;
  -webkit-transition: max-height 0.1s linear;
  transition: max-height 0.1s linear;
  display: inline-block; }
  .statusBarWrapper:after {
    content: "";
    display: table;
    clear: both; }
  .statusBarWrapper {
    display: block; }
  .statusBarWrapper.info {
    background-color: #4BB1F9; }
    .statusBarWrapper.info .close:hover {
      color: #1097f7; }
  .statusBarWrapper.valid {
    background-color: #86BE55; }
    .statusBarWrapper.valid .close:hover {
      color: #689b3b; }
  .statusBarWrapper.warning {
    background-color: #ec9300; }
    .statusBarWrapper.warning .close:hover {
      color: #af6d00; }
  .statusBarWrapper.error {
    background-color: #cc0000; }
    .statusBarWrapper.error .close:hover {
      color: #8f0000; }

.statusBar {
  text-align: center;
  position: relative; }
  .statusBar a {
    color: #ffffff; }
  .statusBar .statusBarContent {
    padding: 0px 20px ;
    padding: 0rem 1.42857rem ; }
  .statusBar .close {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    font-size: 28px ;
    font-size: 2rem ;
    padding: 0px 5px ;
    padding: 0rem 0.35714rem ; }

.feed-item, .inAppSearch-container .view-mode-overviewItems {
  animation: fadein 0.4s ease 1 normal 0s;
  -webkit-animation: fadein 0.4s ease 1 normal 0s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  display: inline-block;
  display: block;
  margin: 0px 0px 12px ;
  margin: 0rem 0rem 0.85714rem ; }
  .feed-item:after, .inAppSearch-container .view-mode-overviewItems:after {
    content: "";
    display: table;
    clear: both; }
  .feed-item, .inAppSearch-container .view-mode-overviewItems {
    display: block; }
  .feed-item .box-media, .inAppSearch-container .view-mode-overviewItems .box-media, .feed-item .box-media-dark, .inAppSearch-container .view-mode-overviewItems .box-media-dark, .feed-item .box-listFull, .inAppSearch-container .view-mode-overviewItems .box-listFull, .feed-item .box-mediaTeaser, .inAppSearch-container .view-mode-overviewItems .box-mediaTeaser {
    height: 100%;
    overflow: hidden;
    position: relative;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    margin: 0; }
    .feed-item .box-media > article, .inAppSearch-container .view-mode-overviewItems .box-media > article, .feed-item .box-media-dark > article, .inAppSearch-container .view-mode-overviewItems .box-media-dark > article, .feed-item .box-listFull > article, .inAppSearch-container .view-mode-overviewItems .box-listFull > article, .feed-item .box-mediaTeaser > article, .inAppSearch-container .view-mode-overviewItems .box-mediaTeaser > article {
      padding-bottom: 40px ;
      padding-bottom: 2.85714rem ; }
      .feed-item .box-media > article .actions p, .inAppSearch-container .view-mode-overviewItems .box-media > article .actions p, .feed-item .box-media-dark > article .actions p, .inAppSearch-container .view-mode-overviewItems .box-media-dark > article .actions p, .feed-item .box-listFull > article .actions p, .inAppSearch-container .view-mode-overviewItems .box-listFull > article .actions p, .feed-item .box-mediaTeaser > article .actions p, .inAppSearch-container .view-mode-overviewItems .box-mediaTeaser > article .actions p {
        padding: 0px ;
        padding: 0rem ; }
  .feed-item .hidden, .inAppSearch-container .view-mode-overviewItems .hidden {
    display: none;
    animation: fadeout 0.4s ease 1 normal 0s;
    -webkit-animation: fadeout 0.4s ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    transition: height 0.4s; }
  .feed-item.is-expanded .hidden, .inAppSearch-container .is-expanded.view-mode-overviewItems .hidden {
    display: block;
    opacity: 0;
    animation: fadein 0.4s ease 1 normal 0.2s;
    -webkit-animation: fadein 0.4s ease 1 normal 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
  .feed-item.type-news .image, .inAppSearch-container .type-news.view-mode-overviewItems .image {
    display: block;
    overflow: hidden; }
    .feed-item.type-news .image img, .inAppSearch-container .type-news.view-mode-overviewItems .image img {
      height: auto;
      width: 100%;
      vertical-align: top; }
  .feed-item.type-news .readMore, .inAppSearch-container .type-news.view-mode-overviewItems .readMore {
    position: absolute;
    bottom: 10px ;
    bottom: 0.71429rem ; }
  .feed-item.feed-item-type-calendar h2, .inAppSearch-container .feed-item-type-calendar.view-mode-overviewItems h2, .feed-item.feed-item-type-calendar .h2, .inAppSearch-container .feed-item-type-calendar.view-mode-overviewItems .h2 {
    padding: 15px 25px 12px 25px ;
    padding: 1.07143rem 1.78571rem 0.85714rem 1.78571rem ;
    color: #ffffff;
    background-color: #1a7b9c; }
  .feed-item.feed-item-type-tweet .feed-item-container, .inAppSearch-container .feed-item-type-tweet.view-mode-overviewItems .feed-item-container {
    background: #219dc8; }
  .feed-item.feed-item-type-tweet h2, .inAppSearch-container .feed-item-type-tweet.view-mode-overviewItems h2, .feed-item.feed-item-type-tweet .h2, .inAppSearch-container .feed-item-type-tweet.view-mode-overviewItems .h2,
  .feed-item.feed-item-type-tweet .feed-item-content,
  .inAppSearch-container .feed-item-type-tweet.view-mode-overviewItems .feed-item-content {
    color: #ffffff; }
  .feed-item.feed-item-type-tweet .feed-item-date, .inAppSearch-container .feed-item-type-tweet.view-mode-overviewItems .feed-item-date {
    color: rgba(255, 255, 255, 0.7); }
  .feed-item.feed-item-type-instagram img, .inAppSearch-container .feed-item-type-instagram.view-mode-overviewItems img {
    padding: 6px 6px 0px 6px ;
    padding: 0.42857rem 0.42857rem 0rem 0.42857rem ; }
  .feed-item.feed-item-type-instagram .feed-item-container, .inAppSearch-container .feed-item-type-instagram.view-mode-overviewItems .feed-item-container {
    background: #666666; }
  .feed-item.feed-item-type-instagram .feed-item-content, .inAppSearch-container .feed-item-type-instagram.view-mode-overviewItems .feed-item-content {
    color: rgba(255, 255, 255, 0.7); }

@media (min-width: 640px) {
  .feed-item, .inAppSearch-container .view-mode-overviewItems {
    margin: 0px 0px 20px ;
    margin: 0rem 0rem 1.42857rem ; } }
@media (min-width: 960px) {
  .feed-item, .inAppSearch-container .view-mode-overviewItems {
    margin: 0px 0px 25px ;
    margin: 0rem 0rem 1.78571rem ; } }
.popout-panel-profile {
  padding: 10px ;
  padding: 0.71429rem ; }
  .popout-panel-profile .profile-header {
    text-align: center;
    padding-top: 16px ;
    padding-top: 1.14286rem ; }
    .popout-panel-profile .profile-header .profile-name {
      font-weight: 600;
      font-size: 1.28571em;
      line-height: 1.64967em;
      padding-bottom: 20px ;
      padding-bottom: 1.42857rem ; }
  .popout-panel-profile .profile-switch {
    margin: 0;
    list-style: none; }
    .popout-panel-profile .profile-switch li {
      background-color: #999999;
      display: inline-block;
      margin: 0px 0px 7px ;
      margin: 0rem 0rem 0.5rem ;
      padding: 7px 15px 6px ;
      padding: 0.5rem 1.07143rem 0.42857rem ; }
      .popout-panel-profile .profile-switch li:after {
        content: "";
        display: table;
        clear: both; }
      .popout-panel-profile .profile-switch li {
        display: block; }
      .popout-panel-profile .profile-switch li span {
        display: inline-block;
        font-weight: 600;
        margin-top: 2px ;
        margin-top: 0.14286rem ; }
      .popout-panel-profile .profile-switch li div {
        float: right; }
        .popout-panel-profile .profile-switch li div .switch-label {
          overflow: visible;
          padding-bottom: 0;
          margin: -7px 0px -4px ;
          margin: -0.5rem 0rem -0.28571rem ; }
          .popout-panel-profile .profile-switch li div .switch-label .zero {
            padding: 5px 10px 3px 0px ;
            padding: 0.35714rem 0.71429rem 0.21429rem 0rem ; }
          .popout-panel-profile .profile-switch li div .switch-label .one {
            padding: 5px 0px 3px 10px ;
            padding: 0.35714rem 0rem 0.21429rem 0.71429rem ; }
  .popout-panel-profile .profile-list li:last-child {
    margin-bottom: 0px ;
    margin-bottom: 0rem ; }
  .popout-panel-profile .profile-list .logout-button {
    background-color: #cc0000;
    -moz-box-shadow: 0 -1px 0 #b80000 inset;
    -webkit-box-shadow: 0 -1px 0 #b80000 inset;
    box-shadow: 0 -1px 0 #b80000 inset; }
    .popout-panel-profile .profile-list .logout-button:hover, .popout-panel-profile .profile-list .logout-button:active, .popout-panel-profile .profile-list .logout-button:focus {
      background-color: #f50000;
      -moz-box-shadow: 0 -1px 0 #a30000 inset;
      -webkit-box-shadow: 0 -1px 0 #a30000 inset;
      box-shadow: 0 -1px 0 #a30000 inset; }

@media (min-width: 640px) {
  .popout-panel-profile:before {
    right: 23px ;
    right: 1.64286rem ; } }
@media (min-width: 960px) {
  .popout-panel-profile:before {
    right: 28px ;
    right: 2rem ; } }
.popout-panel-notifications {
  padding: 25px ;
  padding: 1.78571rem ; }
  .popout-panel-notifications .notifications-header {
    color: #b3b3b3; }
  .popout-panel-notifications .notifications-list {
    max-height: 80%;
    overflow: auto; }
    .popout-panel-notifications .notifications-list li {
      margin: 0;
      padding: 0;
      margin-left: 20px ;
      margin-left: 1.42857rem ; }
      .popout-panel-notifications .notifications-list li:not(:last-child) {
        border-bottom: 1px solid gray; }
    .popout-panel-notifications .notifications-list a {
      display: block;
      text-decoration: none;
      padding: 7px 0px ;
      padding: 0.5rem 0rem ; }
      .popout-panel-notifications .notifications-list a:link, .popout-panel-notifications .notifications-list a:visited {
        color: #ffffff; }
      .popout-panel-notifications .notifications-list a:before {
        content: '';
        border-radius: 50%;
        position: absolute;
        left: -18px ;
        left: -1.28571rem ;
        width: 8px ;
        width: 0.57143rem ;
        height: 8px ;
        height: 0.57143rem ;
        top: 13px ;
        top: 0.92857rem ; }
      .popout-panel-notifications .notifications-list a.unread {
        position: relative; }
        .popout-panel-notifications .notifications-list a.unread:before {
          background-color: #cc0000; }
    .popout-panel-notifications .notifications-list time {
      color: #999999;
      display: block;
      margin-top: 2px ;
      margin-top: 0.14286rem ; }

@media (min-width: 640px) {
  .popout-panel-notifications:before {
    right: 79px ;
    right: 5.64286rem ; }
  .popout-panel-notifications .notifications-list {
    max-height: 240px; } }
@media (min-width: 960px) {
  .popout-panel-notifications:before {
    right: 83px ;
    right: 5.92857rem ; } }
.popout-panel-overview {
  padding: 25px ;
  padding: 1.78571rem ; }
  .popout-panel-overview .overview-header {
    color: #b3b3b3;
    padding-bottom: 10px ;
    padding-bottom: 0.71429rem ; }
  .popout-panel-overview .overview-list {
    margin: 0px ;
    margin: 0rem ;
    padding: 0px ;
    padding: 0rem ;
    clear: both;
    max-height: 90%;
    overflow: auto; }
    .popout-panel-overview .overview-list li {
      width: calc(94% / 3);
      height: calc(94% / 3);
      margin: 0 3% 3% 0;
      display: block;
      float: left;
      text-align: center;
      overflow: hidden;
      background: #474747;
      -moz-transition: all 0.12s;
      -o-transition: all 0.12s;
      -webkit-transition: all 0.12s;
      transition: all 0.12s;
      -moz-box-shadow: 0 -1px 0 #292929 inset;
      -webkit-box-shadow: 0 -1px 0 #292929 inset;
      box-shadow: 0 -1px 0 #292929 inset; }
      .popout-panel-overview .overview-list li a {
        text-decoration: none;
        color: #ebebeb;
        padding: 10% 5%;
        display: block; }
        .popout-panel-overview .overview-list li a .overview-thumb {
          position: relative;
          width: 100%;
          margin-bottom: 10px ;
          margin-bottom: 0.71429rem ; }
          .popout-panel-overview .overview-list li a .overview-thumb img {
            width: 50px ;
            width: 3.57143rem ;
            height: 50px ;
            height: 3.57143rem ; }
        .popout-panel-overview .overview-list li a .overview-title {
          height: 40px ;
          height: 2.85714rem ;
          display: block;
          margin: 0 auto;
          overflow: hidden; }
          .popout-panel-overview .overview-list li a .overview-title span {
            display: block;
            vertical-align: middle;
            overflow: hidden;
            text-overflow: ellipsis; }
        .popout-panel-overview .overview-list li a:hover {
          color: #219dc8; }
        .popout-panel-overview .overview-list li a .icon-ext-link {
          display: none; }
      .popout-panel-overview .overview-list li:hover {
        background: #5c5c5c;
        -moz-box-shadow: 0 -1px 0 #1f1f1f inset;
        -webkit-box-shadow: 0 -1px 0 #1f1f1f inset;
        box-shadow: 0 -1px 0 #1f1f1f inset; }
    .popout-panel-overview .overview-list li:nth-child(3n) {
      margin-right: 0px ;
      margin-right: 0rem ; }
  .popout-panel-overview .overview-button {
    width: 100%;
    color: #ffffff;
    background-color: #219dc8;
    margin: 10px 0px 0px ;
    margin: 0.71429rem 0rem 0rem ; }
    .popout-panel-overview .overview-button:hover {
      background-color: #1d8cb2; }

@media (min-width: 640px) {
  .popout-panel-overview .overview-list {
    max-height: 415px; }
  .popout-panel-overview:before {
    right: 134px ;
    right: 9.57143rem ; } }
@media (min-width: 960px) {
  .popout-panel-overview:before {
    right: 139px ;
    right: 9.92857rem ; } }
@-webkit-keyframes remove-bookmark {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes remove-bookmark {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes remove-bookmark {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes remove-bookmark {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes add-bookmark {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes add-bookmark {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes add-bookmark {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes add-bookmark {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
p.bookmarks {
  display: inline-block;
  padding-bottom: 0; }
  p.bookmarks:after {
    content: "";
    display: table;
    clear: both; }
  p.bookmarks {
    display: block; }

.bookmarks-editView li.ng-leave {
  -webkit-animation: remove-bookmark 1s 1;
  -moz-animation: remove-bookmark 1s 1;
  -o-animation: remove-bookmark 1s 1;
  animation: remove-bookmark 1s 1; }
.bookmarks-editView li.ng-enter {
  -webkit-animation: add-bookmark 1s 1;
  -moz-animation: add-bookmark 1s 1;
  -o-animation: add-bookmark 1s 1;
  animation: add-bookmark 1s 1; }
.bookmarks-editView li > a {
  cursor: move;
  position: relative; }
  .bookmarks-editView li > a i.icon-delete-white {
    background-size: 3884px 24px;
    background-position: -672px 0px;
    width: 24px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    top: 8px ;
    top: 0.57143rem ;
    right: 15px ;
    right: 1.07143rem ;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
    .bookmarks-editView li > a i.icon-delete-white:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
.bookmarks-editView .bookmarks-dropFirst {
  border: 1px dashed #ffffff;
  display: block;
  font-size: 18px ;
  font-size: 1.28571rem ;
  height: 38px ;
  height: 2.71429rem ;
  line-height: 38px ;
  line-height: 2.71429rem ;
  opacity: 0.3;
  text-align: center;
  width: 100%; }
  .bookmarks-editView .bookmarks-dropFirst.over {
    opacity: 1.0; }
.bookmarks-editView .bookmarks-dropBefore {
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .bookmarks-editView .bookmarks-dropBefore.over {
    background-color: #ffffff;
    opacity: 0.1; }
.bookmarks-editView .bookmarks-dropAfter {
  bottom: 0;
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%; }
  .bookmarks-editView .bookmarks-dropAfter.over {
    background-color: #ffffff;
    opacity: 0.1; }

button.bookmarks-toggleViewButton, .attachments-file a.bookmarks-toggleViewButton, .bookmarks-toggleViewButton.button-default, .bookmarks-toggleViewButton.button-primary,
input.bookmarks-toggleViewButton[type="submit"], .bookmarks-toggleViewButton.button-red,
.bookmarks-toggleViewButton.button-orange,
.bookmarks-toggleViewButton.button-green,
.bookmarks-toggleViewButton.button-white,
.bookmarks-toggleViewButton.button-warning, .bookmarks-toggleViewButton.button-transparent {
  border: none;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: right;
  font-size: 1.5em;
  margin-top: -0.4em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  padding: 0; }
  button.bookmarks-toggleViewButton i.icon-edit-white, .attachments-file a.bookmarks-toggleViewButton i.icon-edit-white, .bookmarks-toggleViewButton.button-default i.icon-edit-white, .bookmarks-toggleViewButton.button-primary i.icon-edit-white,
  input.bookmarks-toggleViewButton[type="submit"] i.icon-edit-white, .bookmarks-toggleViewButton.button-red i.icon-edit-white,
  .bookmarks-toggleViewButton.button-orange i.icon-edit-white,
  .bookmarks-toggleViewButton.button-green i.icon-edit-white,
  .bookmarks-toggleViewButton.button-white i.icon-edit-white,
  .bookmarks-toggleViewButton.button-warning i.icon-edit-white, .bookmarks-toggleViewButton.button-transparent i.icon-edit-white {
    left: 0;
    background-size: 4207.66667px 26px;
    background-position: -1168.91667px 0px;
    width: 26px;
    height: 26px; }
  button.bookmarks-toggleViewButton:hover, .attachments-file a.bookmarks-toggleViewButton:hover, .bookmarks-toggleViewButton.button-default:hover, .bookmarks-toggleViewButton.button-primary:hover,
  input.bookmarks-toggleViewButton[type="submit"]:hover, .bookmarks-toggleViewButton.button-red:hover,
  .bookmarks-toggleViewButton.button-orange:hover,
  .bookmarks-toggleViewButton.button-green:hover,
  .bookmarks-toggleViewButton.button-white:hover,
  .bookmarks-toggleViewButton.button-warning:hover, .bookmarks-toggleViewButton.button-transparent:hover, button.bookmarks-toggleViewButton:active, .attachments-file a.bookmarks-toggleViewButton:active, .bookmarks-toggleViewButton.button-default:active, .bookmarks-toggleViewButton.button-primary:active,
  input.bookmarks-toggleViewButton[type="submit"]:active, .bookmarks-toggleViewButton.button-red:active,
  .bookmarks-toggleViewButton.button-orange:active,
  .bookmarks-toggleViewButton.button-green:active,
  .bookmarks-toggleViewButton.button-white:active,
  .bookmarks-toggleViewButton.button-warning:active, .bookmarks-toggleViewButton.button-transparent:active, button.bookmarks-toggleViewButton:focus, .attachments-file a.bookmarks-toggleViewButton:focus, .bookmarks-toggleViewButton.button-default:focus, .bookmarks-toggleViewButton.button-primary:focus,
  input.bookmarks-toggleViewButton[type="submit"]:focus, .bookmarks-toggleViewButton.button-red:focus,
  .bookmarks-toggleViewButton.button-orange:focus,
  .bookmarks-toggleViewButton.button-green:focus,
  .bookmarks-toggleViewButton.button-white:focus,
  .bookmarks-toggleViewButton.button-warning:focus, .bookmarks-toggleViewButton.button-transparent:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.bookmarks-form input[type="text"], .bookmarks-form .autocomplete-dynamicSearch-selected {
  width: 84%; }
.bookmarks-form input[type="submit"] {
  background-color: #135870;
  float: right;
  margin: 0;
  width: 14%; }

html.overzicht {
  background: #219dc8; }
  html.overzicht .overzicht-menu {
    margin-bottom: 30px ;
    margin-bottom: 2.14286rem ; }

.aos-search .linkList {
  color: #999999; }
  .aos-search .linkList a {
    display: inline-block;
    font-weight: 600;
    padding: 0px 2px 14px 0px ;
    padding: 0rem 0.14286rem 1rem 0rem ;
    text-decoration: underline;
    width: auto; }
  .aos-search .linkList span {
    display: inline-block;
    font-weight: 600;
    padding: 0px 2px 14px 0px ;
    padding: 0rem 0.14286rem 1rem 0rem ;
    width: auto; }
.aos-search .box-listFull ul a {
  background: #ffffff; }
  .aos-search .box-listFull ul a:hover, .aos-search .box-listFull ul a:active {
    background: #fafafa; }
.aos-search .container .inAppSearch .box, .aos-search .container-small .inAppSearch .box, .aos-search .container .inAppSearch .box-full, .aos-search .container-small .inAppSearch .box-full, .aos-search .container .inAppSearch .box-fullTransparent, .aos-search .container-small .inAppSearch .box-fullTransparent, .aos-search .container .inAppSearch .fr-field-astad-bias-calculate-tax, .aos-search .container-small .inAppSearch .fr-field-astad-bias-calculate-tax, .aos-search .container .inAppSearch .box-blue, .aos-search .container-small .inAppSearch .box-blue, .aos-search .container .inAppSearch .box-blueDark, .aos-search .container-small .inAppSearch .box-blueDark, .aos-search .container .inAppSearch .box-media, .aos-search .container-small .inAppSearch .box-media, .aos-search .container .inAppSearch .box-media-dark, .aos-search .container-small .inAppSearch .box-media-dark, .aos-search .container .inAppSearch .box-listFull, .aos-search .container-small .inAppSearch .box-listFull, .aos-search .container .inAppSearch .box-mediaTeaser, .aos-search .container-small .inAppSearch .box-mediaTeaser, .aos-search .container .inAppSearch .box-fieldset, .aos-search .container-small .inAppSearch .box-fieldset, .aos-search .container .inAppSearch .box-list, .aos-search .container-small .inAppSearch .box-list, .aos-search .container .inAppSearch .box-listItem, .aos-search .container-small .inAppSearch .box-listItem, .aos-search .container .inAppSearch .step-indicator, .aos-search .container-small .inAppSearch .step-indicator, .aos-search .container .inAppSearch .fr-form-tabs, .aos-search .container-small .inAppSearch .fr-form-tabs {
  margin: auto;
  background: none;
  max-width: 1280px ;
  max-width: 91.42857rem ; }
  .aos-search .container .inAppSearch .box form[name="facetForm"], .aos-search .container-small .inAppSearch .box form[name="facetForm"], .aos-search .container .inAppSearch .box-full form[name="facetForm"], .aos-search .container-small .inAppSearch .box-full form[name="facetForm"], .aos-search .container .inAppSearch .box-fullTransparent form[name="facetForm"], .aos-search .container-small .inAppSearch .box-fullTransparent form[name="facetForm"], .aos-search .container .inAppSearch .fr-field-astad-bias-calculate-tax form[name="facetForm"], .aos-search .container-small .inAppSearch .fr-field-astad-bias-calculate-tax form[name="facetForm"], .aos-search .container .inAppSearch .box-blue form[name="facetForm"], .aos-search .container-small .inAppSearch .box-blue form[name="facetForm"], .aos-search .container .inAppSearch .box-blueDark form[name="facetForm"], .aos-search .container-small .inAppSearch .box-blueDark form[name="facetForm"], .aos-search .container .inAppSearch .box-media form[name="facetForm"], .aos-search .container-small .inAppSearch .box-media form[name="facetForm"], .aos-search .container .inAppSearch .box-media-dark form[name="facetForm"], .aos-search .container-small .inAppSearch .box-media-dark form[name="facetForm"], .aos-search .container .inAppSearch .box-listFull form[name="facetForm"], .aos-search .container-small .inAppSearch .box-listFull form[name="facetForm"], .aos-search .container .inAppSearch .box-mediaTeaser form[name="facetForm"], .aos-search .container-small .inAppSearch .box-mediaTeaser form[name="facetForm"], .aos-search .container .inAppSearch .box-fieldset form[name="facetForm"], .aos-search .container-small .inAppSearch .box-fieldset form[name="facetForm"], .aos-search .container .inAppSearch .box-list form[name="facetForm"], .aos-search .container-small .inAppSearch .box-list form[name="facetForm"], .aos-search .container .inAppSearch .box-listItem form[name="facetForm"], .aos-search .container-small .inAppSearch .box-listItem form[name="facetForm"], .aos-search .container .inAppSearch .step-indicator form[name="facetForm"], .aos-search .container-small .inAppSearch .step-indicator form[name="facetForm"], .aos-search .container .inAppSearch .fr-form-tabs form[name="facetForm"], .aos-search .container-small .inAppSearch .fr-form-tabs form[name="facetForm"] {
    padding-left: 0px ;
    padding-left: 0rem ; }
  .aos-search .container .inAppSearch .box .results .result, .aos-search .container-small .inAppSearch .box .results .result, .aos-search .container .inAppSearch .box-full .results .result, .aos-search .container-small .inAppSearch .box-full .results .result, .aos-search .container .inAppSearch .box-fullTransparent .results .result, .aos-search .container-small .inAppSearch .box-fullTransparent .results .result, .aos-search .container .inAppSearch .fr-field-astad-bias-calculate-tax .results .result, .aos-search .container-small .inAppSearch .fr-field-astad-bias-calculate-tax .results .result, .aos-search .container .inAppSearch .box-blue .results .result, .aos-search .container-small .inAppSearch .box-blue .results .result, .aos-search .container .inAppSearch .box-blueDark .results .result, .aos-search .container-small .inAppSearch .box-blueDark .results .result, .aos-search .container .inAppSearch .box-media .results .result, .aos-search .container-small .inAppSearch .box-media .results .result, .aos-search .container .inAppSearch .box-media-dark .results .result, .aos-search .container-small .inAppSearch .box-media-dark .results .result, .aos-search .container .inAppSearch .box-listFull .results .result, .aos-search .container-small .inAppSearch .box-listFull .results .result, .aos-search .container .inAppSearch .box-mediaTeaser .results .result, .aos-search .container-small .inAppSearch .box-mediaTeaser .results .result, .aos-search .container .inAppSearch .box-fieldset .results .result, .aos-search .container-small .inAppSearch .box-fieldset .results .result, .aos-search .container .inAppSearch .box-list .results .result, .aos-search .container-small .inAppSearch .box-list .results .result, .aos-search .container .inAppSearch .box-listItem .results .result, .aos-search .container-small .inAppSearch .box-listItem .results .result, .aos-search .container .inAppSearch .step-indicator .results .result, .aos-search .container-small .inAppSearch .step-indicator .results .result, .aos-search .container .inAppSearch .fr-form-tabs .results .result, .aos-search .container-small .inAppSearch .fr-form-tabs .results .result {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 10px ;
    margin-top: 0.71429rem ; }
    .aos-search .container .inAppSearch .box .results .result:last-child, .aos-search .container-small .inAppSearch .box .results .result:last-child, .aos-search .container .inAppSearch .box-full .results .result:last-child, .aos-search .container-small .inAppSearch .box-full .results .result:last-child, .aos-search .container .inAppSearch .box-fullTransparent .results .result:last-child, .aos-search .container-small .inAppSearch .box-fullTransparent .results .result:last-child, .aos-search .container .inAppSearch .fr-field-astad-bias-calculate-tax .results .result:last-child, .aos-search .container-small .inAppSearch .fr-field-astad-bias-calculate-tax .results .result:last-child, .aos-search .container .inAppSearch .box-blue .results .result:last-child, .aos-search .container-small .inAppSearch .box-blue .results .result:last-child, .aos-search .container .inAppSearch .box-blueDark .results .result:last-child, .aos-search .container-small .inAppSearch .box-blueDark .results .result:last-child, .aos-search .container .inAppSearch .box-media .results .result:last-child, .aos-search .container-small .inAppSearch .box-media .results .result:last-child, .aos-search .container .inAppSearch .box-media-dark .results .result:last-child, .aos-search .container-small .inAppSearch .box-media-dark .results .result:last-child, .aos-search .container .inAppSearch .box-listFull .results .result:last-child, .aos-search .container-small .inAppSearch .box-listFull .results .result:last-child, .aos-search .container .inAppSearch .box-mediaTeaser .results .result:last-child, .aos-search .container-small .inAppSearch .box-mediaTeaser .results .result:last-child, .aos-search .container .inAppSearch .box-fieldset .results .result:last-child, .aos-search .container-small .inAppSearch .box-fieldset .results .result:last-child, .aos-search .container .inAppSearch .box-list .results .result:last-child, .aos-search .container-small .inAppSearch .box-list .results .result:last-child, .aos-search .container .inAppSearch .box-listItem .results .result:last-child, .aos-search .container-small .inAppSearch .box-listItem .results .result:last-child, .aos-search .container .inAppSearch .step-indicator .results .result:last-child, .aos-search .container-small .inAppSearch .step-indicator .results .result:last-child, .aos-search .container .inAppSearch .fr-form-tabs .results .result:last-child, .aos-search .container-small .inAppSearch .fr-form-tabs .results .result:last-child {
      margin-bottom: 15px ;
      margin-bottom: 1.07143rem ; }

.searchBox h1, .searchBox .h1 {
  color: #666666;
  font-size: 1.14286em;
  line-height: 1.85588em;
  position: relative; }
  .searchBox h1 a, .searchBox .h1 a {
    color: #219dc8;
    display: inline-block;
    font-size: 1.28571em;
    line-height: 1.64967em;
    padding: 12px 0px 0px 12px ;
    padding: 0.85714rem 0rem 0rem 0.85714rem ;
    text-decoration: underline; }
    .searchBox h1 a:hover, .searchBox .h1 a:hover, .searchBox h1 a:active, .searchBox .h1 a:active {
      color: #1b82a5; }
  .searchBox h1 span, .searchBox .h1 span {
    display: inline-block;
    font-size: 1.28571em;
    line-height: 1.64967em;
    padding: 12px 0px 0px 12px ;
    padding: 0.85714rem 0rem 0rem 0.85714rem ; }

.ext-search-icon {
  background: url('../gfx/gui/ext-link.svg?1452768191') right center no-repeat;
  background-size: contain;
  width: 24px ;
  width: 1.71429rem ;
  height: 19px ;
  height: 1.35714rem ;
  display: inline-block;
  position: absolute;
  right: 12px ;
  right: 0.85714rem ;
  text-indent: -9999px;
  top: 18px ;
  top: 1.28571rem ; }

.searchResults .ext-icon {
  display: none !important; }
.searchResults > li, .searchResults > div > div > li {
  display: table;
  width: 100%; }
  .searchResults > li .image, .searchResults > div > div > li .image {
    float: left;
    margin: 0px 24px 0px 0px ;
    margin: 0rem 1.71429rem 0rem 0rem ;
    width: 90px ;
    width: 6.42857rem ; }
    .searchResults > li .image img, .searchResults > div > div > li .image img {
      float: left; }
  .searchResults > li .content, .searchResults > div > div > li .content {
    vertical-align: top; }
  .searchResults > li .body, .searchResults > div > div > li .body {
    padding: 10px 0px 0px ;
    padding: 0.71429rem 0rem 0rem ; }
  .searchResults > li .help, .searchResults > div > div > li .help {
    display: inline-block;
    float: right;
    font-weight: 400;
    min-width: 60px ;
    min-width: 4.28571rem ;
    padding: 0px 0px 0px 24px ;
    padding: 0rem 0rem 0rem 1.71429rem ; }
    .searchResults > li .help i, .searchResults > div > div > li .help i {
      font-size: 1em;
      line-height: 1.414em; }
      .searchResults > li .help i.thumbs-up, .searchResults > div > div > li .help i.thumbs-up {
        margin-top: -5px ;
        margin-top: -0.35714rem ; }
      .searchResults > li .help i.comment, .searchResults > div > div > li .help i.comment {
        margin-top: -3px ;
        margin-top: -0.21429rem ; }
  .searchResults > li .view-mode-search-result-medewerker, .searchResults > div > div > li .view-mode-search-result-medewerker {
    display: block;
    position: relative;
    width: 100%; }
    .searchResults > li .view-mode-search-result-medewerker:after, .searchResults > div > div > li .view-mode-search-result-medewerker:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html .searchResults > li .view-mode-search-result-medewerker, * html .searchResults > div > div > li .view-mode-search-result-medewerker {
      height: 1px; }
    .searchResults > li .view-mode-search-result-medewerker .avatar, .searchResults > div > div > li .view-mode-search-result-medewerker .avatar {
      position: absolute;
      width: 40px ;
      width: 2.85714rem ; }
      .searchResults > li .view-mode-search-result-medewerker .avatar img, .searchResults > div > div > li .view-mode-search-result-medewerker .avatar img {
        border-radius: 20px ;
        border-radius: 1.42857rem ;
        max-height: 40px ;
        max-height: 2.85714rem ;
        overflow: hidden;
        max-width: 40px ;
        max-width: 2.85714rem ; }
    .searchResults > li .view-mode-search-result-medewerker .personal-data, .searchResults > li .view-mode-search-result-medewerker .contact-data, .searchResults > li .view-mode-search-result-medewerker .action-buttons, .searchResults > div > div > li .view-mode-search-result-medewerker .personal-data, .searchResults > div > div > li .view-mode-search-result-medewerker .contact-data, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons {
      width: 100%; }
    .searchResults > li .view-mode-search-result-medewerker .personal-data, .searchResults > div > div > li .view-mode-search-result-medewerker .personal-data {
      margin-left: 50px ;
      margin-left: 3.57143rem ;
      min-height: 50px ;
      min-height: 3.57143rem ; }
    .searchResults > li .view-mode-search-result-medewerker .contact-data, .searchResults > div > div > li .view-mode-search-result-medewerker .contact-data {
      margin: 0px 0px 12px 0px ;
      margin: 0rem 0rem 0.85714rem 0rem ;
      padding-left: 30px ;
      padding-left: 2.14286rem ;
      position: relative; }
      .searchResults > li .view-mode-search-result-medewerker .contact-data i, .searchResults > div > div > li .view-mode-search-result-medewerker .contact-data i {
        left: 0px ;
        left: 0rem ;
        position: absolute; }
      .searchResults > li .view-mode-search-result-medewerker .contact-data .cellphone, .searchResults > div > div > li .view-mode-search-result-medewerker .contact-data .cellphone {
        border-left-style: solid;
        border-left-color: #999999;
        border-left-width: 1px ;
        border-left-width: 0.07143rem ;
        padding-left: 12px ;
        padding-left: 0.85714rem ; }
    .searchResults > li .view-mode-search-result-medewerker .action-buttons, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons {
      background: #f0f0f0; }
      .searchResults > li .view-mode-search-result-medewerker .action-buttons a, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons a {
        background: #949494;
        border: none;
        border-left-style: solid;
        border-left-color: #f0f0f0;
        border-left-width: 1px ;
        border-left-width: 0.07143rem ;
        padding: 40px 0px ;
        padding: 2.85714rem 0rem ;
        text-align: center; }
        .searchResults > li .view-mode-search-result-medewerker .action-buttons a:active, .searchResults > li .view-mode-search-result-medewerker .action-buttons a:hover, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons a:active, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons a:hover {
          background: #858585; }
        .searchResults > li .view-mode-search-result-medewerker .action-buttons a:first-child, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons a:first-child {
          border: none; }
      .searchResults > li .view-mode-search-result-medewerker .action-buttons i.icon-ext-link, .searchResults > div > div > li .view-mode-search-result-medewerker .action-buttons i.icon-ext-link {
        display: none; }
  .searchResults > li .view-mode-search-result-vereniging, .searchResults > div > div > li .view-mode-search-result-vereniging {
    display: block;
    position: relative;
    width: 100%; }
    .searchResults > li .view-mode-search-result-vereniging:after, .searchResults > div > div > li .view-mode-search-result-vereniging:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html .searchResults > li .view-mode-search-result-vereniging, * html .searchResults > div > div > li .view-mode-search-result-vereniging {
      height: 1px; }
    .searchResults > li .view-mode-search-result-vereniging .avatar, .searchResults > div > div > li .view-mode-search-result-vereniging .avatar {
      position: absolute;
      width: 40px ;
      width: 2.85714rem ; }
      .searchResults > li .view-mode-search-result-vereniging .avatar img, .searchResults > div > div > li .view-mode-search-result-vereniging .avatar img {
        border-radius: 20px ;
        border-radius: 1.42857rem ;
        max-height: 40px ;
        max-height: 2.85714rem ;
        overflow: hidden;
        max-width: 40px ;
        max-width: 2.85714rem ; }
    .searchResults > li .view-mode-search-result-vereniging .personal-data,
    .searchResults > li .view-mode-search-result-vereniging .contact-data,
    .searchResults > li .view-mode-search-result-vereniging .action-buttons, .searchResults > div > div > li .view-mode-search-result-vereniging .personal-data,
    .searchResults > div > div > li .view-mode-search-result-vereniging .contact-data,
    .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons {
      width: 100%; }
    .searchResults > li .view-mode-search-result-vereniging .personal-data, .searchResults > div > div > li .view-mode-search-result-vereniging .personal-data {
      margin-left: 50px ;
      margin-left: 3.57143rem ;
      min-height: 50px ;
      min-height: 3.57143rem ; }
      .searchResults > li .view-mode-search-result-vereniging .personal-data .type, .searchResults > div > div > li .view-mode-search-result-vereniging .personal-data .type {
        color: #999999; }
    .searchResults > li .view-mode-search-result-vereniging .contact-data, .searchResults > div > div > li .view-mode-search-result-vereniging .contact-data {
      margin: 0px 0px 12px 0px ;
      margin: 0rem 0rem 0.85714rem 0rem ;
      padding-left: 30px ;
      padding-left: 2.14286rem ;
      position: relative; }
      .searchResults > li .view-mode-search-result-vereniging .contact-data i, .searchResults > div > div > li .view-mode-search-result-vereniging .contact-data i {
        left: 0px ;
        left: 0rem ;
        position: absolute; }
      .searchResults > li .view-mode-search-result-vereniging .contact-data .cellphone, .searchResults > div > div > li .view-mode-search-result-vereniging .contact-data .cellphone {
        border-left-style: solid;
        border-left-color: #999999;
        border-left-width: 1px ;
        border-left-width: 0.07143rem ;
        padding-left: 12px ;
        padding-left: 0.85714rem ; }
    .searchResults > li .view-mode-search-result-vereniging .action-buttons, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons {
      background: #f0f0f0; }
      .searchResults > li .view-mode-search-result-vereniging .action-buttons a, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons a {
        background: #949494;
        border: none;
        border-left-style: solid;
        border-left-color: #f0f0f0;
        border-left-width: 1px ;
        border-left-width: 0.07143rem ;
        padding: 40px 0px ;
        padding: 2.85714rem 0rem ;
        text-align: center; }
        .searchResults > li .view-mode-search-result-vereniging .action-buttons a:active, .searchResults > li .view-mode-search-result-vereniging .action-buttons a:hover, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons a:active, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons a:hover {
          background: #858585; }
        .searchResults > li .view-mode-search-result-vereniging .action-buttons a:first-child, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons a:first-child {
          border: none; }
      .searchResults > li .view-mode-search-result-vereniging .action-buttons i.icon-ext-link, .searchResults > div > div > li .view-mode-search-result-vereniging .action-buttons i.icon-ext-link {
        display: none; }
  .searchResults > li:first-child a, .searchResults > div > div > li:first-child a {
    border-top-color: #ffffff; }
  .searchResults > li a, .searchResults > div > div > li a {
    overflow: hidden;
    padding: 12px 12px 12px 25px ;
    padding: 0.85714rem 0.85714rem 0.85714rem 1.78571rem ;
    -moz-transition: background 0.12s linear;
    -o-transition: background 0.12s linear;
    -webkit-transition: background 0.12s linear;
    transition: background 0.12s linear; }
    .searchResults > li a:hover h2, .searchResults > li a:hover .h2, .searchResults > li a:active h2, .searchResults > li a:active .h2, .searchResults > div > div > li a:hover h2, .searchResults > div > div > li a:hover .h2, .searchResults > div > div > li a:active h2, .searchResults > div > div > li a:active .h2 {
      color: #219dc8; }
.searchResults h2, .searchResults .h2 {
  font-size: 0.92857em;
  line-height: 1.52277em;
  font-weight: 700;
  padding: 0;
  -moz-transition: color 0.12s linear;
  -o-transition: color 0.12s linear;
  -webkit-transition: color 0.12s linear;
  transition: color 0.12s linear; }
  .searchResults h2 .ok, .searchResults .h2 .ok {
    font-size: 1.07143em;
    line-height: 1.31973em;
    left: -1px ;
    left: -0.07143rem ;
    margin: 0px 4px 0px 0px ;
    margin: 0rem 0.28571rem 0rem 0rem ;
    top: 0px ;
    top: 0rem ; }
.searchResults p.short {
  font-weight: 400;
  padding: 0; }

.showMoreSearchResults {
  padding: 0px 0px 31px ;
  padding: 0rem 0rem 2.21429rem ; }

.search-result-item span {
  color: #999999;
  font-size: 0.85714em;
  line-height: 1.64967em; }
.search-result-item a, .search-result-item p {
  padding: 0px !important ;
  padding: 0rem !important ; }
.search-result-item a {
  text-decoration: none; }
.search-result-item .avatar-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover; }
.search-result-item .search-result-link {
  display: block;
  overflow: hidden;
  padding: 20px !important ;
  padding: 1.42857rem !important ; }
  .search-result-item .search-result-link span {
    color: #999999;
    font-size: 0.85714em;
    line-height: 1.64967em; }
  .search-result-item .search-result-link .search-result-header h5, .search-result-item .search-result-link .search-result-header .h5 {
    color: #219dc8;
    display: inline-block;
    padding-bottom: 0px ;
    padding-bottom: 0rem ;
    margin-right: 5px ;
    margin-right: 0.35714rem ; }
  .search-result-item .search-result-link .search-result-thumb {
    float: right;
    margin: 0px 0px 0px 24px ;
    margin: 0rem 0rem 0rem 1.71429rem ;
    width: 90px ;
    width: 6.42857rem ; }
  .search-result-item .search-result-link .search-result-avatar {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 0.7143rem;
    margin-top: 0.7143rem; }
  .search-result-item .search-result-link .search-result-avatar + .search-result-title {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 0.71429rem;
    margin-top: 0.71429rem; }
  .search-result-item .search-result-link p {
    color: #787878;
    font-size: 0.92857em;
    line-height: 1.52277em;
    padding: 0px ;
    padding: 0rem ;
    white-space: pre-wrap; }
  .search-result-item .search-result-link.paddingAdjustment {
    padding-bottom: 0px !important ;
    padding-bottom: 0rem !important ; }
.search-result-item .search-result-text {
  height: 43px;
  height: 43px ;
  height: 3.07143rem ;
  overflow: hidden; }
.search-result-item .search-results-relevancies {
  color: #999999;
  padding: 0px 20px 20px ;
  padding: 0rem 1.42857rem 1.42857rem ;
  font-size: 1em;
  line-height: 1.414em; }
.search-result-item .search-result-body {
  padding: 0px 20px 20px ;
  padding: 0rem 1.42857rem 1.42857rem ; }
  .search-result-item .search-result-body p {
    color: #787878; }
  .search-result-item .search-result-body .search-result-contact-mobile {
    overflow: hidden;
    margin-top: 10px ;
    margin-top: 0.71429rem ; }
    .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block {
      float: left;
      display: block;
      overflow: hidden;
      text-align: center;
      background-color: #f3f3f3;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      height: 70px ;
      height: 5rem ;
      padding: 13px 5px !important ;
      padding: 0.92857rem 0.35714rem !important ; }
      .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block:hover, .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block:active, .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block:focus {
        color: #999999;
        background-color: #fff; }
      .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block span {
        color: #666666;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.85714em;
        line-height: 1.64967em;
        height: 20px ;
        height: 1.42857rem ; }
      .search-result-item .search-result-body .search-result-contact-mobile .search-result-contact-mobile-block:last-child {
        border-right: 1px solid #cccccc; }
  .search-result-item .search-result-body .search-result-contact-desktop {
    display: none; }
.search-result-item:hover {
  background-color: #fafafa; }

.search-result-wrapper section {
  border-bottom: 1px solid #e6e6e6; }
  .search-result-wrapper section .search-result-link span {
    font-size: 0.92857em;
    line-height: 1.52277em; }
  .search-result-wrapper section .search-result-link .search-result-header h5, .search-result-wrapper section .search-result-link .search-result-header .h5 {
    color: #333333;
    font-weight: 600;
    font-size: 1.07143em;
    line-height: 1.31973em;
    padding: 5px 0px ;
    padding: 0.35714rem 0rem ; }
  .search-result-wrapper section .search-result-link .search-result-thumb {
    display: none; }
  .search-result-wrapper section .search-result-link p {
    color: #666666;
    font-size: 1em;
    line-height: 1.414em; }

@media (min-width: 640px) {
  .searchBox h1 a, .searchBox .h1 a {
    padding: 16px 0px 0px 20px ;
    padding: 1.14286rem 0rem 0rem 1.42857rem ; }

  .searchResults > li .action-buttons, .searchResults > div > div > li .action-buttons {
    display: none; }
  .searchResults > li a, .searchResults > div > div > li a {
    padding: 16px 20px 16px 40px ;
    padding: 1.14286rem 1.42857rem 1.14286rem 2.85714rem ; }

  .showMoreSearchResults {
    margin: -8px 0px 0px ;
    margin: -0.57143rem 0rem 0rem ; }

  .search-result-item .search-result-body .search-result-contact-mobile {
    display: none; }
  .search-result-item .search-result-body .search-result-contact-desktop {
    display: block;
    font-size: 1em;
    line-height: 1.414em; }
    .search-result-item .search-result-body .search-result-contact-desktop .search-result-contact {
      overflow: hidden;
      position: relative; }
      .search-result-item .search-result-body .search-result-contact-desktop .search-result-contact i {
        opacity: 0.8;
        position: relative;
        left: 0px ;
        left: 0rem ;
        top: 8px ;
        top: 0.57143rem ;
        margin-right: 10px ;
        margin-right: 0.71429rem ; }
      .search-result-item .search-result-body .search-result-contact-desktop .search-result-contact p {
        float: left;
        display: block;
        margin-right: 15px ;
        margin-right: 1.07143rem ; }
      .search-result-item .search-result-body .search-result-contact-desktop .search-result-contact:last-child {
        margin: 0px ;
        margin: 0rem ; } }
@media (min-width: 960px) {
  .searchBox h1 a, .searchBox .h1 a {
    padding: 20px 0px 0px 25px ;
    padding: 1.42857rem 0rem 0rem 1.78571rem ; }

  .searchResults > li a, .searchResults > div > div > li a {
    padding: 20px 25px 20px 50px ;
    padding: 1.42857rem 1.78571rem 1.42857rem 3.57143rem ; }

  .showMoreSearchResults {
    margin: -16px 0px 0px ;
    margin: -1.14286rem 0rem 0rem ; } }
.read {
  background: #f3f3f3;
  cursor: pointer; }
  .read:hover {
    background: #fbfbfb; }
  .read div {
    color: black; }

p.edit {
  padding: 0;
  text-align: right; }

.fake-password {
  font-size: 24px; }

.box-preferences .list .appicon {
  display: block;
  float: left;
  height: 40px ;
  height: 2.85714rem ;
  margin: 0px 12px 0px 0px ;
  margin: 0rem 0.85714rem 0rem 0rem ;
  width: 40px ;
  width: 2.85714rem ;
  height: 40px ;
  height: 2.85714rem ; }
.box-preferences h1 a.contactbook, .box-preferences .h1 a.contactbook {
  font-size: 14px ;
  font-size: 1rem ;
  color: #219dc8;
  float: right;
  text-decoration: underline; }

.user-avatar-demo {
  width: 75px; }

.preferences .profile-info {
  position: relative; }
.preferences .preferences-datalist, .preferences .profile-datalist {
  clear: both; }
  .preferences .preferences-datalist dt, .preferences .profile-datalist dt {
    vertical-align: top;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: 100%;
    color: #999999;
    font-weight: normal;
    float: left; }
  .preferences .preferences-datalist dd, .preferences .profile-datalist dd {
    margin-left: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 50%; }
    .preferences .preferences-datalist dd.full-width, .preferences .profile-datalist dd.full-width {
      width: 100%; }
.preferences .preferences-datalist dd .optionValue {
  display: inline;
  margin-right: 10px ;
  margin-right: 0.71429rem ; }
.preferences .preferences-datalist dd .options {
  display: inline-block;
  margin: 5px 0px ;
  margin: 0.35714rem 0rem ; }
  .preferences .preferences-datalist dd .options .option {
    margin-right: 10px ;
    margin-right: 0.71429rem ; }
.preferences .preferences-datalist dd .editingView .inputWrapper {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
.preferences .preferences-datalist dd .editingView .options {
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ; }
.preferences .preferences-datalist dd .plus-wrapper {
  margin-top: 10px ;
  margin-top: 0.71429rem ; }
.preferences .profile-datalist {
  margin-bottom: 25px; }
  .preferences .profile-datalist:last-child {
    margin-bottom: 0; }
  .preferences .profile-datalist dd {
    margin-bottom: 10px;
    display: block; }
    .preferences .profile-datalist dd a.editLink {
      float: right; }
.preferences .editStyleProfile {
  background: #fbfbfb;
  padding: 20px 20px 10px 20px ;
  padding: 1.42857rem 1.42857rem 0.71429rem 1.42857rem ;
  margin-bottom: 30px ;
  margin-bottom: 2.14286rem ; }
  .preferences .editStyleProfile .saveAvatar {
    margin-top: 30px ;
    margin-top: 2.14286rem ; }
  .preferences .editStyleProfile .user-avatar-wrapper {
    text-align: center;
    margin-bottom: 15px ;
    margin-bottom: 1.07143rem ; }
  .preferences .editStyleProfile .user-avatar {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px ;
    margin-bottom: 1.78571rem ; }
  .preferences .editStyleProfile .fileUpload {
    margin-top: 30px ;
    margin-top: 2.14286rem ; }
  .preferences .editStyleProfile .canvasWrapper {
    height: 200px; }
  .preferences .editStyleProfile .photoEditor .toolbar.toolbarTop,
  .preferences .editStyleProfile .photoEditor .toolbar.toolbarBottom {
    background: transparent; }
  .preferences .editStyleProfile .formMargin .inputWrapper {
    margin-bottom: 15px ;
    margin-bottom: 1.07143rem ; }
  .preferences .editStyleProfile .formMargin .multipleInputWrapper {
    margin-bottom: 10px ;
    margin-bottom: 0.71429rem ; }
.preferences .box-fieldset fieldset .box-highlight-info {
  padding: 20px ;
  padding: 1.42857rem ; }
  .preferences .box-fieldset fieldset .box-highlight-info img {
    display: none; }
.preferences .box-fieldset fieldset h5 a.externalLink, .preferences .box-fieldset fieldset .h5 a.externalLink {
  font-size: 14px ;
  font-size: 1rem ;
  color: #219dc8;
  float: right;
  text-decoration: underline; }
.preferences .box-fieldset fieldset .member {
  border-bottom: 1px solid #cccccc;
  padding: 15px 0px ;
  padding: 1.07143rem 0rem ; }
  .preferences .box-fieldset fieldset .member.first {
    padding-top: 0px ;
    padding-top: 0rem ; }
  .preferences .box-fieldset fieldset .member:last-child {
    padding-bottom: 0px ;
    padding-bottom: 0rem ;
    border-bottom: none; }
.preferences .box-fieldset fieldset .hardware {
  padding-top: 20px ;
  padding-top: 1.42857rem ; }
  .preferences .box-fieldset fieldset .hardware:not(:last-child) {
    border-bottom: solid 1px #cccccc;
    padding-top: 20px ;
    padding-top: 1.42857rem ;
    padding-bottom: 20px ;
    padding-bottom: 1.42857rem ; }
  .preferences .box-fieldset fieldset .hardware.first {
    padding-top: 0px ;
    padding-top: 0rem ; }
.preferences .fixCaps {
  text-transform: capitalize !important; }
.preferences .box-preferences-noPaddingBottom {
  padding-bottom: 0; }
.preferences .container, .preferences .container-small {
  margin: 0 auto; }
.preferences .profileTabs {
  padding-bottom: 0;
  padding-top: 0; }
  .preferences .profileTabs li {
    width: 50%;
    float: left;
    margin: 0; }
    .preferences .profileTabs li a {
      line-height: 50px ;
      line-height: 3.57143rem ;
      text-align: center;
      display: block;
      color: #333333; }
    .preferences .profileTabs li.active {
      border-bottom: solid 2px #24abda; }
    .preferences .profileTabs li:not(.active):hover {
      border-bottom: solid 2px #cccccc; }
.preferences h1 .spinner, .preferences .h1 .spinner, .preferences h1 .spinner-left, .preferences .h1 .spinner-left, .preferences h1 .spinner-small, .preferences .h1 .spinner-small, .preferences h1 .spinner-large, .preferences .h1 .spinner-large {
  top: 5px; }
.preferences .saldowrapper .saldo {
  font-size: 150px ;
  font-size: 10.71429rem ;
  text-align: center;
  display: block;
  line-height: 150px ;
  line-height: 10.71429rem ; }
.preferences .EidInfoEdit {
  float: left; }

.pref-medewerker .profileTabs li {
  list-style: none; }
.pref-medewerker fieldset ul li {
  list-style: none;
  margin-bottom: 12px ;
  margin-bottom: 0.85714rem ;
  position: relative; }
  .pref-medewerker fieldset ul li > label, .pref-medewerker fieldset ul li > .generalLabel {
    cursor: default; }

.prefProfilePicture {
  clear: both;
  margin-bottom: 20px ;
  margin-bottom: 1.42857rem ; }

.pref-interests .inputWrapper label, .pref-interests .inputWrapper .generalLabel {
  display: inline-block;
  font-size: 1em;
  line-height: 1.414em;
  margin-top: -2px ;
  margin-top: -0.14286rem ; }
  .pref-interests .inputWrapper label:after, .pref-interests .inputWrapper .generalLabel:after {
    content: "";
    display: table;
    clear: both; }
  .pref-interests .inputWrapper label, .pref-interests .inputWrapper .generalLabel {
    display: block; }
  .pref-interests .inputWrapper label:before, .pref-interests .inputWrapper .generalLabel:before {
    margin-top: 2px ;
    margin-top: 0.14286rem ; }
.pref-interests .tags {
  margin: -12px 0px 24px 24px ;
  margin: -0.85714rem 0rem 1.71429rem 1.71429rem ; }

.formSection {
  margin: 0;
  list-style: none;
  margin: 0px 0px 13px 0px ;
  margin: 0rem 0rem 0.92857rem 0rem ; }

.box-prefs-nav {
  margin: 0;
  list-style: none; }
  .box-prefs-nav li {
    margin: 0;
    padding: 0; }
    .box-prefs-nav li a.active, .box-prefs-nav li a:hover {
      background: #fbfbfb; }
    .box-prefs-nav li a {
      border-bottom: 1px solid #e5e5e5;
      background: #f3f3f3;
      display: block;
      color: #333333;
      text-decoration: none;
      font-weight: 600;
      padding: 13px ;
      padding: 0.92857rem ; }
    .box-prefs-nav li.log-off-button a {
      background: #219dc8;
      color: #ffffff; }
    .box-prefs-nav li.log-off-button a:hover {
      background: #24abda; }

.prefs-nav {
  background: #ffffff;
  width: 100%;
  margin-bottom: 12px ;
  margin-bottom: 0.85714rem ; }
  .prefs-nav .user-roles {
    border-top: 1px solid #e5e5e5;
    border-bottom: none; }
    .prefs-nav .user-roles .switch-label:before {
      margin: 0;
      width: 0; }
  .prefs-nav .profileHeader {
    font-size: 1.35714em;
    line-height: 1.56284em;
    color: #666666;
    text-align: center;
    padding-top: 20px ;
    padding-top: 1.42857rem ; }
    .prefs-nav .profileHeader h1, .prefs-nav .profileHeader .h1 {
      font-size: 1.35714em;
      line-height: 1.56284em; }
  .prefs-nav h2, .prefs-nav .h2 {
    padding: 4px ;
    padding: 0.28571rem ; }
  .prefs-nav section {
    border-top: 1px solid #e5e5e5; }
  .prefs-nav nav a {
    cursor: pointer;
    position: relative;
    border-bottom: none;
    border-top: 1px solid #e5e5e5; }
    .prefs-nav nav a:after {
      content: "";
      float: right;
      width: 20px ;
      width: 1.42857rem ;
      height: 3px ;
      height: 0.21429rem ;
      background: #666666;
      box-shadow: 0 0.35714rem  0 0 #666666, 0 0.71429rem  0 0 #666666; }
    .prefs-nav nav a.collapsed:before {
      left: 8px ;
      left: 0.57143rem ;
      top: 16px ;
      top: 1.14286rem ;
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
    .prefs-nav nav a.collapsed {
      margin-bottom: 0; }
  .prefs-nav .foldable.collapsed {
    display: none; }
  .prefs-nav .box-prefs-nav:last-child {
    margin-bottom: 0px ;
    margin-bottom: 0rem ; }

.list-preferences.list-koppelingen {
  margin-bottom: 0; }
  .list-preferences.list-koppelingen li img {
    float: left;
    margin: 0px 0px 0px ;
    margin: 0rem 0rem 0rem ;
    width: 70px ;
    width: 5rem ;
    height: auto; }
  .list-preferences.list-koppelingen li .koppelingName {
    font-weight: 700;
    margin: 4px 0px -2px ;
    margin: 0.28571rem 0rem -0.14286rem ;
    padding: 0px 0px 0px 85px ;
    padding: 0rem 0rem 0rem 6.07143rem ; }
    .list-preferences.list-koppelingen li .koppelingName span {
      font-weight: 400; }
      .list-preferences.list-koppelingen li .koppelingName span.extraInfo {
        margin-top: 20px ;
        margin-top: 1.42857rem ;
        display: block; }
.list-preferences form {
  padding: 20px 0px 20px 100px ;
  padding: 1.42857rem 0rem 1.42857rem 7.14286rem ; }
.list-preferences li {
  padding: 15px ;
  padding: 1.07143rem ;
  line-height: 12px ;
  line-height: 0.85714rem ;
  margin: 0;
  position: relative; }
  .list-preferences li img {
    display: inline;
    width: 35px ;
    width: 2.5rem ;
    height: 35px ;
    height: 2.5rem ; }
  .list-preferences li > span, .list-preferences li .prefItemName {
    display: inline;
    font-family: "Open Sans", sans-serif;
    font-size: 14px ;
    font-size: 1rem ;
    font-weight: bold;
    margin: 0 !important;
    padding: 6px 67px 0px 15px ;
    padding: 0.42857rem 4.78571rem 0rem 1.07143rem ;
    position: absolute; }
    .list-preferences li > span a, .list-preferences li .prefItemName a {
      color: #333333; }
      .list-preferences li > span a:hover, .list-preferences li > span a:active, .list-preferences li .prefItemName a:hover, .list-preferences li .prefItemName a:active {
        color: #219dc8;
        text-decoration: none; }
.list-preferences .detailed-view {
  background: #ebebeb;
  max-height: 0;
  overflow: hidden;
  padding: 0px 5px ;
  padding: 0rem 0.35714rem ; }
  .list-preferences .detailed-view p {
    padding: 5px ;
    padding: 0.35714rem ; }
    .list-preferences .detailed-view p button, .list-preferences .detailed-view p .attachments-file a, .attachments-file .list-preferences .detailed-view p a, .list-preferences .detailed-view p .button-default, .list-preferences .detailed-view p .button-primary,
    .list-preferences .detailed-view p input[type="submit"], .list-preferences .detailed-view p .button-red,
    .list-preferences .detailed-view p .button-orange,
    .list-preferences .detailed-view p .button-green,
    .list-preferences .detailed-view p .button-white,
    .list-preferences .detailed-view p .button-warning, .list-preferences .detailed-view p .button-transparent {
      margin-bottom: 5px ;
      margin-bottom: 0.35714rem ; }

.preferences-akaart .box-item .a-kaart-point {
  border-radius: 2px;
  background-color: #c1272d;
  background-repeat: no-repeat;
  width: 95px;
  height: 60px;
  color: white;
  font-size: 24px;
  text-align: center;
  line-height: 65px; }
.preferences-akaart .box-item .a-kaart-bon {
  width: 120px;
  height: 60px;
  color: white;
  text-align: center;
  display: inline-block;
  padding: 10px ;
  padding: 0.71429rem ;
  margin-right: 9px ;
  margin-right: 0.64286rem ;
  border-radius: 2px;
  background: #219dc8; }
.preferences-akaart .box-item .history {
  width: 100%;
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
  .preferences-akaart .box-item .history tr:hover td {
    background-color: none; }
  .preferences-akaart .box-item .history td {
    text-align: left;
    display: inline-block;
    padding: 5px 10px ;
    padding: 0.35714rem 0.71429rem ; }
  .preferences-akaart .box-item .history .even {
    background-color: #ebebeb; }
    .preferences-akaart .box-item .history .even:hover td {
      background-color: #ebebeb; }
  .preferences-akaart .box-item .history .meta-hidden {
    display: none; }
  .preferences-akaart .box-item .history .date {
    color: #999999; }
  .preferences-akaart .box-item .history .meta, .preferences-akaart .box-item .history .date {
    width: 100%; }
.preferences-akaart .box-listItem .box-item:not(:last-child) {
  border-bottom: none; }
.preferences-akaart #aKaartTransfer .spinner, .preferences-akaart #aKaartTransfer .spinner-left, .preferences-akaart #aKaartTransfer .spinner-small, .preferences-akaart #aKaartTransfer .spinner-large {
  display: block; }

.preferences-persoonlijk .box-preferences {
  position: relative; }
  .preferences-persoonlijk .box-preferences .icon-e-id {
    background-size: 8091.66667px 50px;
    background-position: -2097.91667px 0px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px; }
.preferences-persoonlijk .box-highlight-eID {
  margin-bottom: 0; }

.preferences-newsletters .box-fieldset a.edit {
  float: right; }
.preferences-newsletters .box-fieldset .newsletterForm .multipleInputWrapper {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }
  .preferences-newsletters .box-fieldset .newsletterForm .multipleInputWrapper span {
    margin-bottom: 15px ;
    margin-bottom: 1.07143rem ; }
.preferences-newsletters .box-fieldset .newsletterForm .buttonContainer {
  margin-bottom: 10px ;
  margin-bottom: 0.71429rem ; }

.preferences-notifications .notification {
  position: relative; }
  .preferences-notifications .notification h4 .notificationLink, .preferences-notifications .notification .h4 .notificationLink, .preferences-notifications .notification .box-highlight .box-highlight-title .notificationLink, .box-highlight .preferences-notifications .notification .box-highlight-title .notificationLink, .preferences-notifications .notification .box-highlight-info .box-highlight-title .notificationLink, .box-highlight-info .preferences-notifications .notification .box-highlight-title .notificationLink,
  .preferences-notifications .notification .box-highlight-eID .box-highlight-title .notificationLink,
  .box-highlight-eID .preferences-notifications .notification .box-highlight-title .notificationLink, .preferences-notifications .notification .box-highlight-warning .box-highlight-title .notificationLink, .box-highlight-warning .preferences-notifications .notification .box-highlight-title .notificationLink, .preferences-notifications .notification .box-highlight-error .box-highlight-title .notificationLink, .box-highlight-error .preferences-notifications .notification .box-highlight-title .notificationLink, .preferences-notifications .notification .box-highlight-success .box-highlight-title .notificationLink, .box-highlight-success .preferences-notifications .notification .box-highlight-title .notificationLink {
    color: #219dc8;
    text-decoration: underline; }
  .preferences-notifications .notification .readToggle {
    display: block;
    width: 15px ;
    width: 1.07143rem ;
    height: 15px ;
    height: 1.07143rem ;
    border-radius: 10px ;
    border-radius: 0.71429rem ;
    position: absolute;
    top: 20px ;
    top: 1.42857rem ;
    right: 20px ;
    right: 1.42857rem ;
    background-color: #219dc8; }
    .preferences-notifications .notification .readToggle:hover {
      background-color: #24abda;
      cursor: pointer; }
    .preferences-notifications .notification .readToggle.read {
      display: none; }

@media (min-width: 640px) {
  .preferences .preferences-datalist dt {
    display: inline-block;
    width: 20%;
    margin-right: 4%; }
  .preferences .preferences-datalist dd {
    display: inline-block;
    width: 70%; }
    .preferences .preferences-datalist dd .editingView .options {
      padding-left: 5px ;
      padding-left: 0.35714rem ;
      margin-top: 10px ;
      margin-top: 0.71429rem ; }
  .preferences .profile-datalist.non-edit dd {
    width: 63%; }
    .preferences .profile-datalist.non-edit dd:last-child {
      width: 63%; }
  .preferences .profile-datalist dt {
    display: inline-block;
    width: 25%;
    margin-right: 5%; }
  .preferences .profile-datalist dd {
    display: inline-block;
    width: 45%;
    margin-right: 5%; }
    .preferences .profile-datalist dd:last-child {
      display: inline-block;
      width: 18%;
      margin-right: 0%; }
  .preferences .editStyleProfile {
    padding: 30px 30px 10px 30px ;
    padding: 2.14286rem 2.14286rem 0.71429rem 2.14286rem ; }
    .preferences .editStyleProfile .user-avatar-wrapper {
      margin-bottom: 0px ;
      margin-bottom: 0rem ; }
  .preferences .box-fieldset fieldset .box-highlight-info {
    padding: 20px ;
    padding: 1.42857rem ; }
    .preferences .box-fieldset fieldset .box-highlight-info img {
      display: initial;
      float: left;
      margin: 0px 0px 0px ;
      margin: 0rem 0rem 0rem ;
      width: 70px ;
      width: 5rem ;
      height: auto; }
    .preferences .box-fieldset fieldset .box-highlight-info .box-highlight-content, .preferences .box-fieldset fieldset .box-highlight-info .box-highlight-actions {
      padding-left: 90px ;
      padding-left: 6.42857rem ; }
  .preferences .box-fieldset fieldset .plus-wrapper {
    padding-top: 0px ;
    padding-top: 0rem ; }
  .preferences .box-fieldset .incorrectLink {
    float: right; }

  .formSection {
    margin: 0px 0px 20px 0px ;
    margin: 0rem 0rem 1.42857rem 0rem ; }

  .box-prefs-nav li a {
    padding: 20px ;
    padding: 1.42857rem ; }

  .list-preferences.list-koppelingen li img {
    margin: 0px 0px 0px 5px ;
    margin: 0rem 0rem 0rem 0.35714rem ; }
  .list-preferences.list-koppelingen li .koppelingName {
    padding: 0px 0px 0px 95px ;
    padding: 0rem 0rem 0rem 6.78571rem ; }

  .preferences-newsletters .box-fieldset .newsletterForm {
    margin-top: 20px; }

  .preferences-akaart .box-item .history td {
    display: table-cell;
    padding: 10px 10px ;
    padding: 0.71429rem 0.71429rem ; }
  .preferences-akaart .box-item .history .meta {
    text-align: center; }
  .preferences-akaart .box-item .history .meta-hidden {
    display: table-cell; }
  .preferences-akaart .box-item .history .date {
    text-align: right; }
  .preferences-akaart .box-item .history .meta, .preferences-akaart .box-item .history .date {
    width: auto; }

  .preferences-persoonlijk .box-preferences .icon-e-id {
    background-size: 12137.5px 75px;
    background-position: -3146.875px 0px;
    width: 75px;
    height: 75px; } }
@media (min-width: 960px) {
  .preferences .preferences-datalist dt {
    display: inline-block;
    width: 20%;
    margin-right: 5%; }
  .preferences .preferences-datalist dd {
    display: inline-block;
    width: 70%; }

  .formSection {
    margin: 0px 0px 25px 0px ;
    margin: 0rem 0rem 1.78571rem 0rem ; }

  .box-prefs-nav li a {
    padding: 25px ;
    padding: 1.78571rem ; }

  .profileHeader {
    margin-bottom: 15px ;
    margin-bottom: 1.07143rem ; }

  .prefs-nav {
    padding: 0;
    margin-bottom: 0; }
    .prefs-nav nav {
      display: none; }
    .prefs-nav .foldable.collapsed {
      display: block !important; }

  .list-preferences.list-koppelingen li img {
    margin: 0px 0px 0px 10px ;
    margin: 0rem 0rem 0rem 0.71429rem ; }
  .list-preferences.list-koppelingen li .koppelingName {
    padding: 0px 0px 0px 100px ;
    padding: 0rem 0rem 0rem 7.14286rem ; } }
#login .remainingChars {
  display: none; }

.login header p {
  color: #666666; }

@media (min-width: 640px) {
  .login header {
    margin-top: -10px ;
    margin-top: -0.71429rem ; } }
.giveFeedback {
  padding: 12px 12px 25px ;
  padding: 0.85714rem 0.85714rem 1.78571rem ;
  text-align: center;
  z-index: 99999; }
  .giveFeedback a {
    background-color: #ec9300;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    padding: 10px 8px 8px ;
    padding: 0.71429rem 0.57143rem 0.57143rem ;
    text-align: center;
    text-decoration: none;
    -moz-transition: background-color 0.16s linear, margin 0.16s linear;
    -o-transition: background-color 0.16s linear, margin 0.16s linear;
    -webkit-transition: background-color 0.16s linear, margin 0.16s linear;
    transition: background-color 0.16s linear, margin 0.16s linear;
    white-space: nowrap; }
    .giveFeedback a:hover, .giveFeedback a:active {
      background-color: #ff9f01;
      text-decoration: none !important; }

a.feedbackButton {
  background-color: #ec9300 !important; }
  a.feedbackButton:hover, a.feedbackButton:active {
    background-color: #ff9f01 !important; }

@media (min-width: 640px) {
  .giveFeedback a {
    width: 50%; } }
@media (min-width: 960px) {
  .giveFeedback {
    display: block;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 1px; }
    .giveFeedback a {
      left: 0;
      margin: 0px 0px 0px -2px ;
      margin: 0rem 0rem 0rem -0.14286rem ;
      padding: 6px 8px 4px ;
      padding: 0.42857rem 0.57143rem 0.28571rem ;
      position: absolute;
      top: 50%;
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -moz-transform-origin: 0.85714rem  50%;
      -ms-transform-origin: 0.85714rem  50%;
      -webkit-transform-origin: 0.85714rem  50%;
      transform-origin: 0.85714rem  50%;
      width: auto; }
      .giveFeedback a:hover, .giveFeedback a:active {
        margin: 0px ;
        margin: 0rem ; } }
body {
  min-height: 100%;
  padding-bottom: 120px ;
  padding-bottom: 8.57143rem ; }
  body > footer {
    bottom: 0;
    position: absolute;
    width: 100%; }
    body > footer .container, body > footer .container-small {
      padding-top: 0;
      text-align: center; }
      body > footer .container a i.icon-ext-link, body > footer .container-small a i.icon-ext-link {
        margin: 3px 0px -2px 5px ;
        margin: 0.21429rem 0rem -0.14286rem 0.35714rem ;
        background-size: 1942px 12px;
        background-position: -573px 0px;
        width: 12px;
        height: 12px; }

.overzicht body > footer a {
  color: #ffffff; }
  .overzicht body > footer a:link, .overzicht body > footer a:visited {
    text-decoration: none; }
  .overzicht body > footer a:hover, .overzicht body > footer a:active {
    text-decoration: underline; }

.home body > footer small {
  color: #999999; }

@media (min-width: 960px) {
  body {
    padding-bottom: 50px ;
    padding-bottom: 3.57143rem ; } }
/**
 * Medewerkers
 *
 * Styling voor medewerkerslogin
 */
.medewerkerslogin {
  margin: 12px 0px 0px ;
  margin: 0.85714rem 0rem 0rem ; }

@media (min-width: 640px) {
  .medewerkerslogin {
    overflow: auto;
    margin: 20px 0px 0px ;
    margin: 1.42857rem 0rem 0rem ;
    position: relative; }
    .medewerkerslogin:before {
      background-color: #cccccc;
      content: '';
      height: 100%;
      left: 50%;
      position: absolute;
      width: 1px; } }
@media (min-width: 960px) {
  .medewerkerslogin {
    margin: 25px 0px 0px ;
    margin: 1.78571rem 0rem 0rem ; } }
.timepicker {
  width: 100%; }
  .timepicker table {
    width: 100%; }
  .timepicker td, .timepicker th {
    display: none;
    border-left: 1px solid white;
    padding: 5px; }
  .timepicker th.officeOpen {
    display: table-cell; }
  .timepicker td {
    min-width: 50px;
    background: #a6dcaa;
    height: 50px;
    text-align: center;
    cursor: pointer; }
    .timepicker td.disabled {
      background: #ebebeb;
      cursor: default; }
    .timepicker td.selected {
      background: #209ec7; }
    .timepicker td.officeOpen {
      display: table-cell; }
  .timepicker .isSaturday td {
    display: none; }
    .timepicker .isSaturday td.saturdayOfficeOpen {
      display: table-cell; }
  .timepicker .isLateNight td.isLateNight {
    display: table-cell; }
  .timepicker .legend li {
    display: inline-block;
    margin: 1.42857rem ; }
  .timepicker .legend li:first-child {
    margin-left: 0; }
  .timepicker .legend .color {
    display: inline-block;
    width: 0.71429rem ;
    height: 0.71429rem ;
    border-radius: 50%; }
  .timepicker .legend .available .color {
    background: #a6dcaa; }
  .timepicker .legend .not-available .color {
    background: #ebebeb; }
  .timepicker .legend .selected .color {
    background: #209ec7; }
  .timepicker .timepicker-block {
    margin-bottom: 25px ;
    margin-bottom: 1.78571rem ; }
    .timepicker .timepicker-block table {
      margin-bottom: 20px; }
    .timepicker .timepicker-block .timepicker-header {
      padding: 0.71429rem ;
      background: #219dc8;
      color: #ffffff;
      font-weight: bold; }
    .timepicker .timepicker-block .timepicker-slider {
      padding: 1.07143rem 1.07143rem 0rem ;
      border: 1px solid #ebebeb;
      border-top: none; }
      .timepicker .timepicker-block .timepicker-slider > .inputWrapper {
        margin-bottom: 0; }
      .timepicker .timepicker-block .timepicker-slider .slidercontainer {
        position: relative;
        clear: both; }
        .timepicker .timepicker-block .timepicker-slider .slidercontainer .slide {
          position: absolute;
          top: 5px;
          display: block;
          width: 35px ;
          width: 2.5rem ;
          height: 35px ;
          height: 2.5rem ; }
          .timepicker .timepicker-block .timepicker-slider .slidercontainer .slide.left {
            left: 0;
            background: url(/assets/e-loket/gfx/arrow-left.svg) no-repeat;
            background-size: contain; }
          .timepicker .timepicker-block .timepicker-slider .slidercontainer .slide.right {
            right: 0;
            left: auto;
            background: url(/assets/e-loket/gfx/arrow-right.svg) no-repeat;
            background-size: contain; }
        .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider {
          clear: both;
          min-height: 0;
          position: relative;
          width: 100%;
          overflow-y: hidden;
          overflow-x: scroll;
          white-space: nowrap;
          -webkit-overflow-scrolling: touch;
          height: 75px ;
          height: 5.35714rem ;
          margin: 0; }
          .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul {
            position: absolute;
            display: inline-block;
            margin: 0; }
            .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li {
              display: none; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li div {
                text-align: center;
                display: inline-block; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li a {
                display: block;
                text-indent: -99999px;
                width: 75px ;
                width: 5.35714rem ;
                padding: 15px 0px 15px ;
                padding: 1.07143rem 0rem 1.07143rem ;
                margin: 3px 0px ;
                margin: 0.21429rem 0rem ;
                text-align: center; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li a {
                background: #a6dcaa; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li.disabled a {
                background: #ebebeb;
                cursor: default; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li.selected a {
                background: #209ec7; }
              .timepicker .timepicker-block .timepicker-slider .slidercontainer .slider ul li.officeOpen {
                display: inline; }
      .timepicker .timepicker-block .timepicker-slider .legend {
        margin-left: 0; }

.oldbrowser {
  height: 100%;
  margin: 10% auto 0;
  text-align: center;
  width: 800px; }

.noscript {
  font-size: 2.28571em;
  line-height: 1.23725em;
  font-weight: 300; }

.logo ~ .helpBox.bottom-left {
  margin-left: 0px ;
  margin-left: 0rem ; }

.giveFeedback .helpBox.right {
  left: 3rem !important;
  left: 39px !important;
  margin: 26px 0px 0px 0px ;
  margin: 1.85714rem 0rem 0rem 0rem ; }

/*
@import "sections/chat";
*/
/**
 * Top level overrides for general pages
 */
.aos-login body {
  background: #ffffff; }
.aos-login .page-login {
  margin-top: 10px ;
  margin-top: 0.71429rem ; }
  .aos-login .page-login .spinner, .aos-login .page-login .spinner-left, .aos-login .page-login .spinner-small, .aos-login .page-login .spinner-large {
    display: block;
    top: auto; }
.aos-login .login-graphic {
  display: none; }

@media (min-width: 640px) {
  .aos-login .page-login {
    margin-top: 20px ;
    margin-top: 1.42857rem ; }
  .aos-login .login-graphic {
    display: block;
    margin-bottom: 20px ;
    margin-bottom: 1.42857rem ; }
  .aos-login .loginWrapper,
  .aos-login .registerWrapper {
    padding: 20px ;
    padding: 1.42857rem ; }
  .aos-login .loginWrapper > header {
    margin-bottom: 5px; } }
@media (min-width: 960px) {
  .aos-login .page-login {
    margin-top: 30px ;
    margin-top: 2.14286rem ; }
  .aos-login .login-graphic {
    margin-bottom: 25px ;
    margin-bottom: 1.78571rem ; }
  .aos-login .loginWrapper,
  .aos-login .registerWrapper {
    padding: 25px ;
    padding: 1.78571rem ; } }
.aos-register body {
  background: #ffffff; }
.aos-register .page-register {
  margin-top: 10px ;
  margin-top: 0.71429rem ; }
  .aos-register .page-register .form-actions a,
  .aos-register .page-register .form-actions button,
  .aos-register .page-register .form-actions .attachments-file a,
  .attachments-file .aos-register .page-register .form-actions a,
  .aos-register .page-register .form-actions .button-default,
  .aos-register .page-register .form-actions .button-primary,
  .aos-register .page-register .form-actions input[type="submit"],
  .aos-register .page-register .form-actions .button-red,
  .aos-register .page-register .form-actions .button-orange,
  .aos-register .page-register .form-actions .button-green,
  .aos-register .page-register .form-actions .button-white,
  .aos-register .page-register .form-actions .button-warning,
  .aos-register .page-register .form-actions .button-transparent {
    width: 100%; }
  .aos-register .page-register .form-actions a {
    display: block; }
  .aos-register .page-register .register-graphic {
    animation: fadein 1s ease 1 normal 0s;
    -webkit-animation: fadein 1s ease 1 normal 0s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
.aos-register .register-graphic {
  margin-bottom: 12px ;
  margin-bottom: 0.85714rem ; }

@media (min-width: 640px) {
  .aos-register .page-register {
    margin-top: 20px ;
    margin-top: 1.42857rem ; }
    .aos-register .page-register .form-actions a,
    .aos-register .page-register .form-actions button,
    .aos-register .page-register .form-actions .attachments-file a,
    .attachments-file .aos-register .page-register .form-actions a,
    .aos-register .page-register .form-actions .button-default,
    .aos-register .page-register .form-actions .button-primary,
    .aos-register .page-register .form-actions input[type="submit"],
    .aos-register .page-register .form-actions .button-red,
    .aos-register .page-register .form-actions .button-orange,
    .aos-register .page-register .form-actions .button-green,
    .aos-register .page-register .form-actions .button-white,
    .aos-register .page-register .form-actions .button-warning,
    .aos-register .page-register .form-actions .button-transparent {
      width: auto; }
    .aos-register .page-register .form-actions a {
      display: inline; }
  .aos-register .register-graphic {
    margin-bottom: 20px ;
    margin-bottom: 1.42857rem ; } }
@media (min-width: 960px) {
  .aos-register .page-register {
    margin-top: 30px ;
    margin-top: 2.14286rem ; }
  .aos-register .register-graphic {
    margin-bottom: 25px ;
    margin-bottom: 1.78571rem ; } }