html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dl.advanced, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

::-moz-selection {
  background: #1a1a1a;
  color: #FFF;
  text-shadow: none; }

::selection {
  background: #1a1a1a;
  color: #FFF;
  text-shadow: none; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: icons-webfont;
  src: url(../images/icons/icons-webfont.eot);
  src: url(../images/icons/icons-webfont.eot?#iefix) format("eot"), url(../images/icons/icons-webfont.woff2) format("woff2"), url(../images/icons/icons-webfont.woff) format("woff"), url(../images/icons/icons-webfont.ttf) format("truetype"), url(../images/icons/icons-webfont.svg#icons-webfont) format("svg"); }

html {
  color: #50626D;
  font: normal 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  background: #EDEFF0; }

body {
  line-height: 1.5em; }

body.noScroll {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 0 0.25em 0; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1.05em; }

h6 {
  font-size: 1em; }

p {
  margin-bottom: 1.25em; }
  p.lead {
    font-size: 1.2em;
    line-height: 1.5em; }

a {
  color: #915329;
  text-decoration: none; }
  a:hover {
    color: black; }

small {
  font-size: 0.85em;
  color: gray; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

abbr {
  border-bottom: 1px dotted gray; }

del {
  text-decoration: line-through; }

mark {
  background-color: #ffffb3; }

hr {
  background-color: transparent;
  border: solid #cccccc;
  border-width: 1px 0 0;
  clear: both;
  margin: 2em 1.25em; }

ul, ol {
  margin: 0 0 1.25em 1.5em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

dl, dl.advanced {
  margin-bottom: 1.25em; }
  dl dt, dl.advanced dt {
    font-weight: bold; }
  dl dd, dl.advanced dd {
    margin-left: 1.25em; }

.is-hidden {
  display: none !important; }

.is-hidden, .is-invisible {
  visibility: hidden !important; }

.is-active, .is-visible {
  display: block; }

.left {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.nowrap {
  white-space: nowrap; }

.list__basic, .list__basic--styles, .list__news, .list__mailbox, .list__helpdesk, .list__document, .list__helpdesk--grey, .list__planning, .content__wrap .schoolaanbod__wrap .feature__list, .content__wrap .feature__wrap .feature__list, .footer__wrap .footer__block ul, .list__account__info, .list__breadcrumbs, .list__subnav, .list__accordian, .list__Parentaccordian, .list__accordian > li ul.innerUL, .list__Parentaccordian > li ul.innerUL, .list__accordian.custom .accordian__body .list__accordian__body, .list__accordian.custom .Parentaccordian__body .list__accordian__body, .list__Parentaccordian.custom .accordian__body .list__accordian__body, .list__Parentaccordian.custom .Parentaccordian__body .list__accordian__body, .list__accordian.custom .form li .accordian__body__footer, .list__Parentaccordian.custom .form li .accordian__body__footer, .td__class ul, .list__tiles, .list__tiles__block, table .td__mentors ul, .table__filter__wrapper ul, .inner__table ul, #modal__edit__step ul, #modal__edit__stappenplan ul, .progress__list, .modal__export__list, .list__cards, .list__progress, .list__pagination, .list__progress__steps, .list__progress__assignments, .list__klas__wrap, .list__student__wrap, .list__rating, .list__accordian li .list__rating, list__Parentaccordian li .list__rating, .rating__legenda__wrapper ul, .list__legenda__summary, .list__summary, .list__email__nav, .list__email__filter, .list__email__items, .inner__right .filter, .heading__wrap__buttons {
  list-style: none;
  margin: 0; }

.list__basic--styles, .list__news, .list__mailbox, .list__helpdesk, .list__document, .list__helpdesk--grey, .list__planning {
  border-top: 1px solid #B9C0C5; }
  .list__basic--styles li, .list__news li, .list__mailbox li, .list__helpdesk li, .list__document li, .list__helpdesk--grey li, .list__planning li {
    border-bottom: 1px solid #B9C0C5; }

.text__shadow, .shield__wrapper, .heading__wrap__inner .button--big p.button__title, .heading__wrap__inner .button--big p.button__subtitle, .content__wrap__user .news__date__wrap .news__item__date, .content__wrap__user .news__date__wrap .news__item__month, .caps, .list__accordian.custom .accordian__body .list__tiles li .tile__footer a, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__footer a, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__footer a, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__footer a, table.aqua thead th, table.aqua tbody tr.heading, .button,
input[type=submit],
button, .menu__list .menu__list__item a {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); }

.fa, .content__wrap .table__control__wrapper:before, .link__wrap:after, .list__accordian h4:after, .list__accordian h3.stapheader:after, .list__Parentaccordian h4:after, .list__Parentaccordian h3.stapheader:after, .list__accordian h4.edit__step span.delete, .list__accordian h3.stapheader.edit__step span.delete, .list__Parentaccordian h4.edit__step span.delete, .list__Parentaccordian h3.stapheader.edit__step span.delete, #responseDiv.info p:before, #editresponseDiv.info p:before, .attachment:before, .list__accordian > li ul.innerUL li a:after, .list__Parentaccordian > li ul.innerUL li a:after, .list__accordian > li ul.innerUL.list__tiles li.edit__tile span.delete, .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile span.delete, .legenda li:before, #modal__edit__step ul li .inner__wrap p:before, #modal__edit__stappenplan ul li .inner__wrap p:before, .list__rating li, .list__accordian li .list__rating li, list__Parentaccordian li .list__rating li, .list__email__items li .email__attachment:before, .search__form input[type=submit], table tbody tr.heading td:before, table tbody tr.heading td:after, .table__accordian .accordion__header tr .handle:after, .button.upload:before, .button.verslag:before, .button.add:before, .button.remove:before, .button.next:after, .button.pref:before, .button.clone:before, .button.close:after, .button.close--info:after, .button.edit:after, .button.edit.edit--minimal--left:before, .button.edit__before:before, .button.lock--open:after, .button.lock--close:after, .button.import:before, .button.notification:after, .button.mail:after, .button.up:after, .button.down:after, .button.info:after, .button.link:after, .button.time:after, .button.move:before, .button.download:before, .button.export:before, .button.export:after, .button.expand:after, .icon:before, .icon__desktop:before, .icon__card:before, .icon__check:before, .icon__ban:before, .icon__time:before, .icon__lock:before, .icon__lock--open:before, .icon__mail:before, .icon__key:before, .icon__print:before, .icon__next:before, .submenuTD .icon__details:before, .icon__download:before, .icon__back:before, .icon__inbox:before, .icon__add:before, .icon__inbox--in:before, .icon__inbox--out:before, .icon__file:before, .icon__trash:before, .icon__mobile:before, .icon:after, .icon__desktop:after, .icon__card:after, .icon__check:after, .icon__ban:after, .icon__time:after, .icon__lock:after, .icon__lock--open:after, .icon__mail:after, .icon__key:after, .icon__print:after, .icon__next:after, .submenuTD .icon__details:after, .icon__download:after, .icon__back:after, .icon__inbox:after, .icon__add:after, .icon__inbox--in:after, .icon__inbox--out:after, .icon__file:after, .icon__trash:after, .icon__mobile:after, .icon__attachment:before, .icon__error:before, .icon__warning:before, .icon__succes:before, div.modal__content .button__close {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.clear {
  clear: both;
  display: block; }

.left {
  float: left; }

.right {
  float: right; }

.width-100 {
  width: 100px; }

.width-200 {
  width: 200px; }

.width-230 {
  width: 230px; }

.width-240 {
  width: 240px; }

.width-250 {
  width: 250px; }

.width-350 {
  width: 350px; }

.width-428 {
  width: 428px; }

.width-440 {
  width: 440px; }

.width-470 {
  width: 468px; }

.width-630 {
  width: 630px; }

.width-680 {
  width: 680px; }

.width-780 {
  width: 780px; }

.padding {
  padding: 12px; }

div.container {
  overflow: hidden;
  *zoom: 1;
  width: 940px;
  margin: auto; }
  div.container .clear {
    clear: both;
    display: block; }

.header__wrap {
  margin: 10px 0 0 0;
  background: #915329 url(/images/backgrounds/header.png) no-repeat;
  border-radius: 5px; }
  .header__wrap #logo__decanennet {
    float: left;
    padding: 20px; }
  .header__wrap #logo__qompas {
    float: right;
    padding: 20px; }
  .header__wrap .menu__wrap {
    display: block;
    width: 100%;
    clear: both; }

.content__wrap .heading__wrap {
  position: relative;
  height: 270px; }
  .content__wrap .heading__wrap .heading__image {
    position: absolute;
    bottom: 0;
    left: -50px;
    z-index: -1; }
  .content__wrap .heading__wrap .heading__wrap__inner {
    width: 445px;
    float: right; }
    .content__wrap .heading__wrap .heading__wrap__inner .button--big {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
      width: 210px;
      padding: 10px;
      text-align: center; }
      .content__wrap .heading__wrap .heading__wrap__inner .button--big.button--main {
        margin-right: 20px; }

.content__wrap .schoolaanbod__wrap {
  margin: 0 0 10px 0; }
  .content__wrap .schoolaanbod__wrap .wrapper__vanvmbonaarhavo {
    margin-top: 10px;
    padding: 20px 20px 20px 20px;
    text-align: center; }
    .content__wrap .schoolaanbod__wrap .wrapper__vanvmbonaarhavo h3 {
      color: #915329; }
  .content__wrap .schoolaanbod__wrap .feature__list {
    width: 940px; }
    .content__wrap .schoolaanbod__wrap .feature__list .feature__item {
      float: left;
      width: 286px;
      margin: 0 10px;
      position: relative;
      padding: 125px 20px 20px 20px; }
      .content__wrap .schoolaanbod__wrap .feature__list .feature__item:first-child {
        margin-left: 0; }
      .content__wrap .schoolaanbod__wrap .feature__list .feature__item:last-child {
        margin-right: 0; }
      .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature_container {
        min-height: 140px; }
      .content__wrap .schoolaanbod__wrap .feature__list .feature__item .button {
        width: 236px; }
      .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon {
        position: absolute;
        top: 37px;
        left: 50%;
        background: url(/images/icon_sprite.png) no-repeat; }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--stappenplan {
          width: 59px;
          height: 60px;
          margin-left: -30px;
          background-position: left -45px; }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--klassen {
          width: 48px;
          height: 64px;
          margin-left: -24px;
          background-position: left -105px; }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--voortgang {
          width: 64px;
          height: 64px;
          margin-left: -32px;
          background-position: left -169px; }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--vmbosectoren {
          width: 90px;
          height: 90px;
          margin-left: -48px;
          top: 20px;
          background-image: url(/images/gui/sectoren.png); }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--vmboberoepsgericht {
          width: 90px;
          height: 90px;
          margin-left: -48px;
          top: 20px;
          background-image: url(/images/gui/tas.png); }
        .content__wrap .schoolaanbod__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--vmboprofielen {
          width: 90px;
          height: 90px;
          margin-left: -48px;
          top: 20px;
          background-image: url(/images/gui/profielen-en-vakken.png); }

.content__wrap .feature__wrap {
  margin: 0 0 10px 0; }
  .content__wrap .feature__wrap .feature__list {
    width: 940px; }
    .content__wrap .feature__wrap .feature__list .feature__item {
      float: left;
      width: 300px;
      margin: 0 10px;
      position: relative;
      padding: 125px 20px 0 20px; }
      .content__wrap .feature__wrap .feature__list .feature__item:first-child {
        margin-left: 0; }
      .content__wrap .feature__wrap .feature__list .feature__item:last-child {
        margin-right: 0; }
      .content__wrap .feature__wrap .feature__list .feature__item .feature__item__icon {
        position: absolute;
        top: 37px;
        left: 50%;
        background: url(/images/icon_sprite.png) no-repeat; }
        .content__wrap .feature__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--stappenplan {
          width: 59px;
          height: 60px;
          margin-left: -30px;
          background-position: left -45px; }
        .content__wrap .feature__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--klassen {
          width: 48px;
          height: 64px;
          margin-left: -24px;
          background-position: left -105px; }
        .content__wrap .feature__wrap .feature__list .feature__item .feature__item__icon.feature__item__icon--voortgang {
          width: 64px;
          height: 64px;
          margin-left: -32px;
          background-position: left -169px; }

.content__wrap .content__home__wrap {
  margin: 0 0 10px 0; }
  .content__wrap .content__home__wrap .content__home__wrap__inner {
    width: 485px;
    float: left;
    padding: 80px; }
  .content__wrap .content__home__wrap .content__home__image {
    float: right; }

.content__wrap .content__wrap__user {
  width: 620px;
  float: left;
  margin-right: 10px; }
  .content__wrap .content__wrap__user .content__actueel__wrap {
    margin: 0 0 10px 0; }
    .content__wrap .content__wrap__user .content__actueel__wrap.active__wrap__news {
      background: url(/images/backgrounds/news_bg.png) no-repeat right top; }
    .content__wrap .content__wrap__user .content__actueel__wrap.active__wrap__planning {
      background: url(/images/backgrounds/planning_bg.png) no-repeat right top; }
    .content__wrap .content__wrap__user .content__actueel__wrap.active__wrap__academy {
      background: url(/images/backgrounds/academy_bg.png) no-repeat right top; }
  .content__wrap .content__wrap__user .content__mailbox__wrap {
    position: relative;
    background: #FFF url(/images/backgrounds/mailbox_bg.png) no-repeat right top;
    width: 300px;
    float: left;
    margin: 0 10px 0 0; }
  .content__wrap .content__wrap__user .content__helpdesk__wrap {
    background: #FFF url(/images/backgrounds/helpdesk_bg.png) no-repeat right top;
    width: 300px;
    float: right;
    margin: 0 0 0 10px; }
  .content__wrap .content__wrap__user .content__document__wrap {
    background: #FFF url(/images/backgrounds/document_bg.png) no-repeat right top;
    margin: 10px 0 20px 0; }
    .content__wrap .content__wrap__user .content__document__wrap .button {
      margin: 0 0 20px 20px; }

.content__wrap .content__wrap__full {
  background: #FFF;
  border: 1px solid #96A1A7;
  border-radius: 5px; }
  .content__wrap .content__wrap__full .breadcrumbs__wrap {
    height: 30px;
    position: relative; }
  .content__wrap .content__wrap__full .heading__wrap {
    background: #EDEFF1;
    height: auto;
    border-top: 1px solid #CAD0D3;
    padding: 20px 20px 0 20px; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap--small {
      min-height: 113px; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap--student h2 {
      margin-bottom: 20px; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap--student img, .content__wrap .content__wrap__full .heading__wrap.heading__wrap--student .pasfoto {
      border: 1px solid #6CADAC;
      float: left;
      margin: 0 20px 20px 0; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap--student h3 {
      font-size: 16px;
      font-weight: bold; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap--student .button {
      position: absolute;
      top: 20px;
      right: 20px; }
    .content__wrap .content__wrap__full .heading__wrap.heading__wrap__school {
      height: 90px;
      min-height: 0;
      position: relative; }
      .content__wrap .content__wrap__full .heading__wrap.heading__wrap__school p {
        font-size: 13px;
        display: inline-block;
        margin: 10px 30px 0 0; }
        .content__wrap .content__wrap__full .heading__wrap.heading__wrap__school p span {
          font-weight: bold; }
    .content__wrap .content__wrap__full .heading__wrap .heading__tabs {
      float: left;
      min-height: 44px; }
    .content__wrap .content__wrap__full .heading__wrap .heading__logo__wrap {
      float: right;
      background: #FFF;
      border: 1px solid #CAD0D3;
      width: 230px;
      padding: 22px 0;
      margin-bottom: -20px;
      text-align: center; }
    .content__wrap .content__wrap__full .heading__wrap .tabs {
      clear: both;
      margin-left: 0; }
  .content__wrap .content__wrap__full .subnav__wrap {
    margin: 0 0 20px -20px;
    width: 938px;
    border-bottom: 1px solid #DCE0E2; }
    .content__wrap .content__wrap__full .subnav__wrap a.right {
      margin-right: 20px; }

.content__wrap #tab__content__schoolgegevens .content__contactgegevens__wrap {
  width: 440px;
  float: left; }
  .content__wrap #tab__content__schoolgegevens .content__contactgegevens__wrap .logo__wrap .logo__upload {
    float: left;
    background: #CAE1E1;
    background-image: -owg-linear-gradient(#CAE1E1, #BBD8D8);
    background-image: -webkit-linear-gradient(#CAE1E1, #BBD8D8);
    background-image: -moz-linear-gradient(#CAE1E1, #BBD8D8);
    background-image: -o-linear-gradient(#CAE1E1, #BBD8D8);
    background-image: linear-gradient(#CAE1E1, #BBD8D8);
    width: 190px;
    height: 130px;
    border-radius: 5px;
    text-align: center;
    padding-top: 50px; }
  .content__wrap #tab__content__schoolgegevens .content__contactgegevens__wrap .logo__wrap .logo__preview {
    float: right;
    width: 240px;
    height: 130px;
    border: 1px solid #CAD0D3;
    text-align: center;
    padding-top: 25px; }
  .content__wrap #tab__content__schoolgegevens .content__contactgegevens__wrap .content__helpdesk__wrap {
    background: #EDEFF0;
    border-radius: 5px;
    margin-top: -10px; }

.content__wrap #tab__content__schoolgegevens .wrapper__beige, .content__wrap #tab__content__schoolgegevens .wrapper__beige--border, .content__wrap #tab__content__schoolgegevens .schoolaanbod__wrap .feature__list .feature__item, .content__wrap .schoolaanbod__wrap .feature__list #tab__content__schoolgegevens .feature__item, .content__wrap #tab__content__schoolgegevens .sidebar {
  width: 440px;
  float: right; }

.content__wrap #tab__content__vakkenpakket .button.upload {
  float: right;
  margin: 20px 0 10px 0; }

.content__wrap #tab__content__profielindeling .content__profielindeling__wrap {
  width: 520px;
  float: left; }

.content__wrap #tab__content__profielindeling .content__importprofiel__wrap {
  width: 360px;
  float: right; }

.content__wrap #tab__content__profielindeling .content__accorion__wrap {
  width: 360px;
  float: right; }

.content__wrap .content__importprofiel__wrap {
  background: #c4dede;
  padding: 10px 20px; }
  .content__wrap .content__importprofiel__wrap .button {
    display: block;
    text-align: center; }

.content__wrap .sidebar {
  width: 300px;
  float: right;
  margin-left: 10px; }
  .content__wrap .sidebar .sidebar__heading {
    background: #D3BAA9 url(/images/backgrounds/dashboard_bg.png) no-repeat right top;
    border-bottom: 1px solid #BD987F;
    padding: 10px 20px; }
  .content__wrap .sidebar .sidebar__inner__wrap {
    padding: 20px; }
    .content__wrap .sidebar .sidebar__inner__wrap .sidebar__account__wrap {
      border-bottom: 1px solid #D3BAA9;
      padding-bottom: 30px;
      margin-bottom: 10px; }
      .content__wrap .sidebar .sidebar__inner__wrap .sidebar__account__wrap .sidebar__account__logo__wrap {
        background: #FFF;
        border: 1px solid #B9C0C5;
        border-radius: 5px;
        padding: 25px 20px;
        text-align: center; }
      .content__wrap .sidebar .sidebar__inner__wrap .sidebar__account__wrap .button__grey {
        background: #F0F2F3 url(/images/icon_sprite.png) no-repeat;
        background-position: 60px -485px; }
        .content__wrap .sidebar .sidebar__inner__wrap .sidebar__account__wrap .button__grey:hover {
          background: #e2e6e8 url(/images/icon_sprite.png) no-repeat;
          background-position: 60px -485px; }
    .content__wrap .sidebar .sidebar__inner__wrap .sidebar__license__wrap {
      border-bottom: 1px solid #D3BAA9;
      padding-bottom: 40px;
      margin-bottom: 15px; }
    .content__wrap .sidebar .sidebar__inner__wrap .sidebar__preferences__wrap ul.form__checklist li {
      width: 50%;
      float: left; }
    .content__wrap .sidebar .sidebar__inner__wrap .sidebar__preferences__wrap .buttons {
      margin-top: 10px; }

.content__wrap .table__control__wrapper {
  margin: 20px 0 -10px 0;
  position: relative; }
  .content__wrap .table__control__wrapper .button {
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 12px; }
    .content__wrap .table__control__wrapper .button:last-child {
      margin-right: 0; }
    .content__wrap .table__control__wrapper .button.export {
      padding-left: 30px; }
  .content__wrap .table__control__wrapper:before {
    content: "\f149";
    font-size: 1.5em;
    color: #b9c0c5;
    padding: 0 20px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .content__wrap .table__control__wrapper.table__control__wrapper--student, .content__wrap .table__control__wrapper.table__control__wrapper--class {
    height: 30px; }
    .content__wrap .table__control__wrapper.table__control__wrapper--student:before, .content__wrap .table__control__wrapper.table__control__wrapper--class:before {
      content: none; }
    .content__wrap .table__control__wrapper.table__control__wrapper--student .button, .content__wrap .table__control__wrapper.table__control__wrapper--class .button {
      float: right;
      margin-left: 10px; }
    .content__wrap .table__control__wrapper.table__control__wrapper--student select, .content__wrap .table__control__wrapper.table__control__wrapper--class select {
      float: left;
      width: 220px !important; }
  .content__wrap .table__control__wrapper.table__control__wrapper--class {
    height: 50px; }
    .content__wrap .table__control__wrapper.table__control__wrapper--class .export {
      margin-right: 0; }

.progress__block {
  display: block;
  border-bottom: 1px solid #C4DEDE; }
  .progress__block .left {
    width: 160px;
    padding: 4px 0; }
  .progress__block .right {
    width: 397px; }
    .progress__block .right span {
      color: #6CADAC;
      padding: 0 10px 0 0;
      font-weight: normal; }

.footer__wrap {
  background: #73818A;
  border-radius: 5px;
  margin: 30px 0 10px 0;
  padding: 20px 20px 30px 20px;
  color: #FFF; }
  .footer__wrap .footer__block {
    width: 25%;
    float: left; }

.sticky {
  position: fixed;
  top: 8px; }

.relative {
  position: relative; }

td.submenuTD .submenu {
  left: 50px;
  width: 300px; }

.submenu {
  position: absolute;
  top: 0px;
  z-index: 1000; }

.editOnderdeelWrapper {
  border-right: 1px solid #b9c0c5;
  margin-right: 12px;
  width: 225px; }

.editOnderdeelDiv {
  margin-bottom: 1px;
  margin-right: 12px; }

#editVraagForm .jqte_editor {
  max-height: 200px; }

.waaromLOBBox {
  background-image: url("/Content/images/campagne/QDN waarom LOB vlak.jpg");
  background-repeat: no-repeat;
  background-position: center center; }

.QompasPartnersBox {
  margin: 25px; }

.QompasPartnersBox h2 {
  color: orange;
  font-size: 24px; }

.QompasPartnersBox .partij {
  display: inline-block;
  height: 100px;
  width: 290px; }

.___is-current > .roadmap-step__header:before, .___is-done > .roadmap-step__card-title:after, .___is-done > .roadmap-step__header:before, .___is-locked > .roadmap-step__card-title:after, .icon-base-pseudo, .roadmap-step__additional-card:after, .roadmap-step__card-link:after, .roadmap-step__header:after, .roadmap-step__header:before, .roadmap__breadcrumb-item:after, .roadmap__title:before, [class*=" icon-"], [class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  font-family: icons-webfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  line-height: 1; }

.roadmap-step {
  position: relative;
  border-radius: .3rem;
  border: .1rem solid #D6DEE1;
  margin-bottom: 1rem;
  background-color: #fff; }

.roadmap-step__header {
  border-radius: .3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  padding: 0 2rem;
  background-color: #fff;
  transition: border-radius .5s;
  font-size: 1.1rem;
  line-height: 2.1rem; }

.roadmap-step__header.roadmap-step__header::before {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 1.8rem;
  left: -4.5rem;
  transform: translate(-50%, -50%);
  background-color: #fff;
  height: 2.4rem;
  width: 2.4rem;
  transition: width .5s,height .5s,font-size .5s;
  border-radius: 50%;
  border: .1rem solid #D6DEE1;
  z-index: 1; }

.___is-open > .roadmap-step__content-container {
  max-height: 100rem;
  transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
  transition-delay: 0s;
  transition-duration: .5s; }

.___is-open.___is-current > .roadmap-step__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.roadmap-step__content-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s;
  transition-duration: .5s;
  box-shadow: inset 0 0.1rem 0 0 #D6DEE1; }

.roadmap-step__header::after {
  color: #C9D1D4;
  font-size: .8rem;
  transition: transform .25s;
  margin-left: auto; }

.___is-open > .roadmap-step__header::after {
  transform: scaleY(-1); }

.roadmap-step__header:after {
  content: "\E004"; }

.roadmap-step__header::after {
  color: #C9D1D4;
  font-size: .8rem;
  transition: transform .25s;
  margin-left: auto; }

div[id^=MultiSelectAntwoord] .icheckbox_minimal {
  top: 12px; }

a[id^=AntwoordVerwijderen]::after {
  padding-top: 6px; }

footer {
  /*width:900px;*/
  background-color: #7E8C97;
  border-radius: 5px;
  color: white;
  font-size: 12px;
  padding: 20px;
  line-height: 1.6em;
  margin: 15px auto;
  overflow: hidden; }

footer a, footer a:link, footer a:visited, footer a:active {
  color: white;
  text-decoration: none;
  padding: 8px 0; }

footer a:hover {
  text-decoration: underline; }

footer h3 {
  font-weight: bold;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 5px; }

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 2em; }

footer .title {
  font-weight: bold;
  margin-bottom: -4px; }

footer .hide {
  display: none !important; }

footer .fTop {
  width: 100%;
  overflow: hidden; }

footer #Qproductenlinks > div > div {
  margin-top: 10px; }

footer #Qproductenlinks h3 {
  margin-bottom: 0; }

/* footer nieuwsbrief */
footer #NBsignup .title {
  margin-bottom: 3px; }

footer input {
  color: #5f1718;
  width: 64%;
  padding: 0 3%;
  height: 25px;
  vertical-align: middle;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -moz-webkit-border-bottom-right-radius: 0;
  -ms-webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-webkit-border-top-right-radius: 0;
  -ms-webkit-border-top-right-radius: 0; }

footer label {
  color: white;
  width: 36%;
  padding: 2px 3%;
  text-align: center;
  background: #c87e35;
  vertical-align: middle;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-webkit-border-bottom-left-radius: 0;
  -ms-webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-webkit-border-top-left-radius: 0;
  -ms-webkit-border-top-left-radius: 0;
  border-top-left-radius: 0; }

footer .social a {
  margin: 5px 0 0 0px;
  height: 32px;
  width: 32px;
  display: inline-block;
  padding: 0; }

footer .social a:nth-child(n+2) {
  margin-left: 17px; }

footer .social a:nth-child(1) {
  text-align: left; }

footer .social a:nth-child(3) {
  text-align: right; }

footer .social img {
  max-height: 65%;
  text-align: center;
  margin-top: 10px; }

footer .social {
  width: 138px;
  display: block;
  height: 32px;
  text-align: left; }

@media screen and (min-width: 940px) {
  /* regelt de styling van de lijstjes met links - horizontaal */
  footer .linkblokken > div {
    display: inline-block;
    padding-right: 20px; }
  footer li, footer:nth-child(1) > div {
    display: inline-block; }
  footer li:nth-child(n+2):before {
    content: "|";
    padding: 9px 4px; }
  /* regelt de footer divs */
  footer .fTop #productlinks {
    float: left;
    width: 100%; }
  footer #cLeft {
    float: left;
    width: 76%; }
  footer #cRight, footer #NBsignup {
    float: left;
    width: 24%; }
  footer #QSKfooterblok {
    margin-top: 10px; }
  footer .fTop {
    padding-bottom: 20px;
    border-bottom: solid thin white;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-around; }
  footer .fBottom {
    padding-top: 20px; }
  footer #alglinks {
    margin-bottom: 20px; }
  footer .disclaimer {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 25px; }
  footer .disclaimer:last-child {
    text-align: right; } }

@media screen and (max-width: 640px) {
  footer {
    min-width: 320px; }
  footer #cLeft {
    display: none; }
  footer #cRight {
    margin-top: 20px;
    margin-bottom: 20px; }
  footer #productlinks {
    width: 100%;
    margin-bottom: 20px; }
  footer .fTop, footer .fBottom {
    max-width: 280px;
    margin: 0 auto; } }

@media screen and (min-width: 641px) and (max-width: 939px) {
  footer .fTop, footer #cLeft, footer #cRight {
    width: 33%;
    display: inline-block;
    vertical-align: top; }
  footer .fBottom {
    width: 66%;
    display: inline-block;
    vertical-align: top; }
  footer #productlinks {
    width: 100%; }
  footer #Qproductenlinks, footer #NBsignup, footer .social {
    display: none; }
  footer #cLeft, footer #cRight {
    width: 49%;
    display: inline-block; }
  footer .disclaimer {
    width: 100%;
    display: block; }
  footer #cRight {
    margin-bottom: 45px; } }

.ie .wrapper__new__message__to select {
  padding: 5px 5px 4px 5px; }

.ie .button.close.close--red, .ie .button.close--info.close--red {
  border-radius: 28px; }

.ie .button.mail.mail--minimal, .ie .button.close.close--red--minimal, .ie .button.close--info.close--red--minimal, .ie .button.notification.notification--minimal {
  font-size: 8px; }

.ie .button.close.close--red, .ie .button.close--info.close--red, .ie .button.close.close--minimal, .ie .button.close--info.close--minimal {
  font-size: 8px; }

.ie ul.tabs li#tab__news, .ie ul.tabs li#tab__planning, .ie ul.tabs li#tab__schoolgegevens, .ie ul.tabs li#tab__vakkenpakket, .ie ul.tabs li#tab__profielindeling, .ie ul.tabs li#tab__qsek, .ie ul.tabs li#tab__qprk, .ie ul.tabs li#tab__qstk, .ie ul.tabs li#tab__sectorKeuze, .ie ul.tabs li#tab__studiekeuze, .ie ul.tabs li#tab__profiel, .ie ul.tabs li#tab__email, .ie ul.tabs li#tab__berichten {
  width: 170px; }

.ie ul.tabs li#tab__klassen__overzicht, .ie ul.tabs li#tab__leerlingen__overzicht, .ie ul.tabs li#tab__klassen__voortgang, .ie ul.tabs li#tab__leerlingen__voortgang, .ie ul.tabs li#tab__page__link {
  width: 180px; }
  .ie ul.tabs li#tab__klassen__overzicht a, .ie ul.tabs li#tab__leerlingen__overzicht a, .ie ul.tabs li#tab__klassen__voortgang a, .ie ul.tabs li#tab__leerlingen__voortgang a, .ie ul.tabs li#tab__page__link a {
    min-width: 180px; }

.ie .button.edit.edit--small:after {
  font-size: 12px;
  top: 5px; }

.ie table.aqua tbody tr td {
  vertical-align: top; }

.ie8 .menu__list .menu__list__item.menu__list__item--home a {
  height: 37px; }

.ie8 .button__rss {
  background: url(../images/IE/rss.jpg) no-repeat;
  background-position: left top; }
  .ie8 .button__rss:hover {
    background: url(../images/IE/rss_hover.jpg) no-repeat;
    background-position: left top; }

.ie8 .content__wrap .feature__wrap .feature__list .feature__item {
  width: 295px; }

.ie8 ul.tabs a {
  padding: 14px 0 8px 0; }

.ie8 ul.tabs li.is-selected a {
  padding: 13px 0 18px 0;
  height: auto; }

.ie8 .content__wrap .content__wrap__full .heading__wrap {
  position: relative; }

.ie8 .content__wrap .content__wrap__full .heading__wrap .tabs {
  position: absolute;
  bottom: 0; }

.ie8 select {
  padding: 7px 10px 7px 10px;
  background: white; }

.ie8 div.modal {
  height: 100%; }
  .ie8 div.modal:after {
    background: url(../images/IE/bg_modal.png) repeat; }
  .ie8 div.modal .modal__footer .button {
    padding: 5px 0; }

.ie8 .content__profielindeling__wrap thead th.th__select {
  width: 380px; }

.ie8 .link__wrap:after {
  background: url(../images/IE/icon_link.png) no-repeat; }

.ie8 .legenda li.red__label:before {
  background: url(../images/IE/bullet_red.png) no-repeat; }

.ie8 .legenda li.orange__label:before {
  background: url(../images/IE/bullet_yellow.png) no-repeat; }

.ie8 .legenda li.green__label:before {
  background: url(../images/IE/bullet_green.png) no-repeat; }

.ie8 .legenda li.turquoise__label:before {
  /*width: 20.5px;
        height: 20.5px;
        border-radius: 10.25px;
        background: #6cadac;*/ }

.ie8 #modal__edit__step ul li .inner__wrap p:before {
  background: url(../images/IE/icon_info.png) no-repeat;
  border-top: none;
  border-bottom: none; }

.ie8 .td__class__name, .ie8 .td__first__name, .ie8 .td__last__name {
  font-weight: bold;
  color: #C97E36; }
  .ie8 .td__class__name span, .ie8 .td__first__name span, .ie8 .td__last__name span {
    color: #6CADAC; }

.ie8 .td__student__thumb h3 {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px; }

.ie8 tr.heading .td__class__name, .ie8 tr.heading .td__first__name, .ie8 tr.heading .td__last__name {
  color: white; }

.ie8 #wrapper__aqua-vakken {
  margin-right: 0; }

.ie8 #wrapper__aqua-competenties .wrapper__aqua__body table tbody tr td {
  padding-right: 0; }

.ie8 .list__accordian.custom.custom .list__item--check h4, .ie8 .list__Parentaccordian.custom.custom .list__item--check h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1436px; }

.ie8 .list__accordian.custom.custom .list__item--time h4, .ie8 .list__Parentaccordian.custom.custom .list__item--time h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1586px; }

.ie8 .list__accordian.custom.custom .list__item--ban h4, .ie8 .list__Parentaccordian.custom.custom .list__item--ban h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1736px; }

.ie8 .list__accordian.custom.custom .list__item--aqua.list__item--check h4, .ie8 .list__Parentaccordian.custom.custom .list__item--aqua.list__item--check h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1486px; }

.ie8 .list__accordian.custom.custom .list__item--aqua.list__item--time h4, .ie8 .list__Parentaccordian.custom.custom .list__item--aqua.list__item--time h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1636px; }

.ie8 .list__accordian.custom.custom .list__item--aqua.list__item--ban h4, .ie8 .list__Parentaccordian.custom.custom .list__item--aqua.list__item--ban h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1786px; }

.ie8 .list__accordian.custom.custom .list__item--grey.list__item--check h4, .ie8 .list__Parentaccordian.custom.custom .list__item--grey.list__item--check h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1536px; }

.ie8 .list__accordian.custom.custom .list__item--grey.list__item--time h4, .ie8 .list__Parentaccordian.custom.custom .list__item--grey.list__item--time h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1686px; }

.ie8 .list__accordian.custom.custom .list__item--grey.list__item--ban h4, .ie8 .list__Parentaccordian.custom.custom .list__item--grey.list__item--ban h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1836px; }

.ie8 .wrapper__new__message__to select {
  padding: 5px 5px 4px 5px; }

.ie8 .menu__list .menu__list__item.menu__list__item--home a {
  min-height: 21px; }

.ie9 select {
  padding: 7px 10px 7px 10px;
  background: white; }

.ie9 .wrapper__new__message__to select {
  padding: 5px 5px 4px 5px; }

.ie9 .button.close.close--red, .ie9 .button.close--info.close--red {
  border-radius: 28px; }

.ie9 .button.mail.mail--minimal, .ie9 .button.close.close--red--minimal, .ie9 .button.close--info.close--red--minimal, .ie9 .button.notification.notification--minimal {
  font-size: 8px; }

.ie9 ul.tabs li#tab__news, .ie9 ul.tabs li#tab__planning, .ie9 ul.tabs li#tab__schoolgegevens, .ie9 ul.tabs li#tab__vakkenpakket, .ie9 ul.tabs li#tab__profielindeling, .ie9 ul.tabs li#tab__qsek, .ie9 ul.tabs li#tab__qprk, .ie9 ul.tabs li#tab__qstk, .ie9 ul.tabs li#tab__sectorKeuze, .ie9 ul.tabs li#tab__studiekeuze, .ie9 ul.tabs li#tab__profiel, .ie9 ul.tabs li#tab__email, .ie9 ul.tabs li#tab__berichten {
  width: 170px; }

.ie9 ul.tabs li#tab__klassen__overzicht, .ie9 ul.tabs li#tab__leerlingen__overzicht, .ie9 ul.tabs li#tab__klassen__voortgang, .ie9 ul.tabs li#tab__leerlingen__voortgang, .ie9 ul.tabs li#tab__page__link {
  width: 180px; }
  .ie9 ul.tabs li#tab__klassen__overzicht a, .ie9 ul.tabs li#tab__leerlingen__overzicht a, .ie9 ul.tabs li#tab__klassen__voortgang a, .ie9 ul.tabs li#tab__leerlingen__voortgang a, .ie9 ul.tabs li#tab__page__link a {
    min-width: 180px; }

.ie9 .button.edit.edit--small:after {
  font-size: 12px;
  top: 5px; }

.ie9 table.aqua tbody tr td {
  vertical-align: top; }

@-moz-document url-prefix() {
  table tbody tr td.td__student__thumb .last__login {
    position: relative !important; }
  .wrapper__new__message__to select {
    padding: 5px 5px 4px 5px; } }

.wrapper__white, .wrapper__white--border, .content__wrap .feature__wrap, .content__wrap .content__home__wrap, .content__wrap .content__wrap__user .content__actueel__wrap, .content__wrap .content__wrap__user .content__mailbox__wrap, .content__wrap .content__wrap__user .content__helpdesk__wrap, .content__wrap .content__wrap__user .content__document__wrap {
  background-color: #FFF;
  border-radius: 5px; }

.wrapper__white--border, .content__wrap .feature__wrap, .content__wrap .content__home__wrap, .content__wrap .content__wrap__user .content__actueel__wrap, .content__wrap .content__wrap__user .content__mailbox__wrap, .content__wrap .content__wrap__user .content__helpdesk__wrap, .content__wrap .content__wrap__user .content__document__wrap {
  border: 1px solid #B9C0C5; }

.wrapper__beige, .wrapper__beige--border, .content__wrap .schoolaanbod__wrap .feature__list .feature__item, .content__wrap .sidebar {
  background-color: #F4E5D7;
  border-radius: 5px;
  margin-bottom: 10px; }
  .wrapper__beige .wrapper__beige__heading, .wrapper__beige--border .wrapper__beige__heading, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__heading, .content__wrap .sidebar .wrapper__beige__heading {
    border-radius: 5px 5px 0 0;
    background: #D3BAA9;
    color: #915329;
    border-bottom: 1px solid #BD987F;
    padding: 0 20px;
    font-size: 16px;
    line-height: 18px; }
  .wrapper__beige .wrapper__beige__inner__wrap p, .wrapper__beige--border .wrapper__beige__inner__wrap p, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap p, .content__wrap .sidebar .wrapper__beige__inner__wrap p {
    padding: 12px; }
  .wrapper__beige .wrapper__beige__inner__wrap.caps, .wrapper__beige--border .wrapper__beige__inner__wrap.caps, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap.caps, .content__wrap .sidebar .wrapper__beige__inner__wrap.caps {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #915329;
    margin: 0; }
  .wrapper__beige .wrapper__beige__inner__wrap span.header, .wrapper__beige--border .wrapper__beige__inner__wrap span.header, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap span.header, .content__wrap .sidebar .wrapper__beige__inner__wrap span.header {
    padding: 12px; }
  .wrapper__beige .wrapper__beige__inner__wrap span.border, .wrapper__beige--border .wrapper__beige__inner__wrap span.border, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap span.border, .content__wrap .sidebar .wrapper__beige__inner__wrap span.border {
    border: 1px solid #bd987f;
    border-radius: 5px;
    padding: 4px;
    margin: 7px 7px 7px 0px; }
    .wrapper__beige .wrapper__beige__inner__wrap span.border.active, .wrapper__beige--border .wrapper__beige__inner__wrap span.border.active, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap span.border.active, .content__wrap .sidebar .wrapper__beige__inner__wrap span.border.active {
      color: white;
      background-color: #915329; }
  .wrapper__beige .wrapper__beige__inner__wrap .inner__wrap__footer, .wrapper__beige--border .wrapper__beige__inner__wrap .inner__wrap__footer, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .wrapper__beige__inner__wrap .inner__wrap__footer, .content__wrap .sidebar .wrapper__beige__inner__wrap .inner__wrap__footer {
    padding: 0px 0px 12px 16px; }

.wrapper__beige--border, .content__wrap .schoolaanbod__wrap .feature__list .feature__item, .content__wrap .sidebar {
  border: 1px solid #BD987F; }

.wrapper__grey {
  background-color: #EDEFF0;
  border-radius: 5px;
  margin-bottom: 10px; }
  .wrapper__grey .wrapper__grey__heading {
    border-radius: 5px 5px 0 0;
    background: #CAD0D3;
    color: #50626D;
    border-bottom: 1px solid #A7B0B6;
    padding: 0 20px;
    font-size: 16px;
    line-height: 18px; }
    .wrapper__grey .wrapper__grey__heading .grey_heading_buttonbox {
      padding: 4px 0 3px; }
      .wrapper__grey .wrapper__grey__heading .grey_heading_buttonbox select {
        margin-top: -2px; }
      .wrapper__grey .wrapper__grey__heading .grey_heading_buttonbox a {
        color: #73818a;
        font-weight: bold; }
      .wrapper__grey .wrapper__grey__heading .grey_heading_buttonbox a.is-selected {
        color: #c87e35;
        position: relative; }
      .wrapper__grey .wrapper__grey__heading .grey_heading_buttonbox a.is-selected:after {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #be6e2b;
        bottom: -7px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -4px;
        position: absolute;
        width: 0; }
  .wrapper__grey .wrapper__grey__inner__wrap {
    padding: 20px; }
    .wrapper__grey .wrapper__grey__inner__wrap .inner__wrap__footer {
      margin-top: 60px;
      text-align: center;
      width: 100%;
      border-top: 1px solid #CAD0D3;
      padding: 20px 0 0 0; }

.wrapper__aqua {
  background-color: #E2EFEE;
  border-radius: 5px;
  border: 1px solid #A7CECD;
  margin-bottom: 20px; }
  .wrapper__aqua.width-440 {
    margin-right: 18px; }
    .wrapper__aqua.width-440:nth-child(2n+2) {
      margin-right: 0; }
  .wrapper__aqua .wrapper__aqua__heading {
    position: relative;
    border-radius: 5px 5px 0 0;
    background: #C4DEDE;
    color: #6CADAC;
    border-bottom: 1px solid #A7CECD;
    padding: 10px 20px 0 20px;
    font-size: 16px;
    line-height: 18px; }
  .wrapper__aqua .wrapper__aqua__body {
    padding: 10px 20px; }
    .wrapper__aqua .wrapper__aqua__body h3 {
      color: #6cadac;
      font-size: 14px;
      font-weight: bold; }
    .wrapper__aqua .wrapper__aqua__body h4 {
      color: #6cadac;
      font-size: 14px;
      font-weight: bold; }
    .wrapper__aqua .wrapper__aqua__body h5 {
      color: #6cadac;
      font-size: 13px;
      font-weight: bold; }
    .wrapper__aqua .wrapper__aqua__body .progress__desc {
      float: left;
      width: 34px;
      font-weight: bold;
      margin-bottom: 5px;
      color: #6CADAC; }
    .wrapper__aqua .wrapper__aqua__body .progress__bar {
      float: left;
      width: 100px;
      height: 10px;
      background: #A7CECD;
      border-radius: 5px;
      margin: 6px 2px 0 2px;
      border-top: 1px solid #84A8AA;
      border-bottom: 1px solid #D0E5E5;
      position: relative; }
      .wrapper__aqua .wrapper__aqua__body .progress__bar span {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: #C8A891;
        background-image: linear-gradient(#C8A891, #AC8369);
        border-radius: 5px;
        padding: 0; }
    .wrapper__aqua .wrapper__aqua__body .progress__percent {
      float: left;
      width: 34px;
      font-weight: bold;
      color: #6CADAC;
      text-align: right;
      margin-bottom: 5px; }
  .wrapper__aqua .wrapper__aqua__footer {
    border-top: 1px solid #A7CECD;
    margin: 0 20px;
    padding: 10px 0; }
    .wrapper__aqua .wrapper__aqua__footer a {
      font-size: 13px;
      font-weight: bold;
      color: #C97E36; }
      .wrapper__aqua .wrapper__aqua__footer a:after {
        vertical-align: -12%; }
      .wrapper__aqua .wrapper__aqua__footer a:hover {
        color: #915329; }

#wrapper__aqua-samenvatting .wrapper__aqua__body .progress__bar {
  width: 110px; }

#wrapper__aqua-samenvatting .wrapper__aqua__footer p {
  margin: 0;
  font-size: 15px;
  color: #6CADAC;
  float: left;
  margin-right: 15px; }

#wrapper__aqua-samenvatting .wrapper__aqua__footer span {
  float: left;
  font-size: 15px;
  font-weight: bold;
  color: #50626D;
  margin-right: 50px; }

#wrapper__aqua-samenvatting .wrapper__aqua__footer ul {
  float: left; }

.wrapper__info {
  position: relative;
  background: #DCE0E2;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 20px;
  margin-bottom: 20px; }
  .wrapper__info ol {
    counter-reset: li;
    margin: 10px 0 0 0;
    padding-left: 0; }
    .wrapper__info ol li {
      position: relative;
      /* Create a positioning context */
      margin: 0 0 0 40px;
      /* Give each list item a left margin to make room for the numbers */
      padding: 10px 0;
      /* Add some spacing around the content */
      list-style: none;
      font-size: 13px;
      border-top: 1px solid #B9C0C5; }
      .wrapper__info ol li:before {
        content: "0" counter(li);
        counter-increment: li;
        position: absolute;
        top: -1px;
        left: -40px;
        padding: 8px 14px 4px 4px;
        font-weight: bold;
        font-size: 20px;
        color: #96A1A7;
        border-top: 1px solid #B9C0C5; }
      .wrapper__info ol li ul {
        margin: 5px 0 0 0; }
        .wrapper__info ol li ul li {
          margin: 0;
          padding: 5px 0;
          counter-reset: li; }
          .wrapper__info ol li ul li:before {
            content: none; }
  .wrapper__info .button:after {
    margin-left: 5px; }

.wrapper__content {
  padding: 20px;
  border-top: 1px solid #cad0d3; }
  .wrapper__content table {
    margin-top: 20px; }

.table__filter__wrapper {
  background: #F4E5D7;
  border-radius: 5px;
  padding: 20px 0 20px 20px;
  color: #915329; }
  .table__filter__wrapper.table__filter__wrapper--space {
    margin-bottom: 20px; }
  .table__filter__wrapper .width-200, .table__filter__wrapper .width-350, .table__filter__wrapper .width-240 {
    padding-left: 20px;
    border-left: 1px solid #D3BAA9; }
  .table__filter__wrapper.table__filter__wrapper--small {
    padding: 5px 20px;
    margin-bottom: -10px; }

.link__wrap {
  position: absolute;
  border-top: 1px solid #A7B0B6;
  border-right: 1px solid #A7B0B6;
  border-bottom: 1px solid #A7B0B6;
  right: 15px;
  top: 35px;
  bottom: 40px;
  width: 12px;
  display: block; }
  .link__wrap:after {
    content: "\f0c1";
    font-size: 2.3em;
    position: absolute;
    top: 50%;
    color: #96A1A7;
    background: #EDEFF0;
    margin: -14px 0 0 -5px;
    padding: 5px; }

.shield__wrapper {
  background: #B9C0C5;
  color: #FFF;
  text-align: center;
  border-radius: 5px 5px 0 0;
  position: relative; }
  .shield__wrapper:after {
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 20px solid #B9C0C5; }
  .shield__wrapper p {
    margin: 0 0 5px 0;
    line-height: 2em; }
  .shield__wrapper p.title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #FFF; }
  .shield__wrapper span {
    font-size: 40px;
    font-weight: bold;
    display: block;
    padding: 10px; }

.email__wrapper {
  background: #E2EFEE;
  border-radius: 5px;
  padding: 20px;
  position: relative; }
  .email__wrapper .email__wrapper__heading .button {
    margin-right: 10px;
    font-size: 13px;
    font-weight: bold; }

.wrapper__new__message {
  background: #EDEFF0;
  border-radius: 5px 0 0 5px;
  padding: 20px 30px 20px 20px;
  min-height: 545px; }
  .wrapper__new__message p .button {
    float: left;
    margin: -5px 10px 0 0; }
  .wrapper__new__message .wrapper__new__message__footer .button {
    width: 160px;
    text-align: center;
    font-weight: bold; }

.wrapper__new__message__to {
  position: relative;
  background: #D4985E;
  border-radius: 0 5px 5px 0;
  padding: 20px;
  min-height: 545px; }
  .wrapper__new__message__to:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 85px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #D4985E; }
  .wrapper__new__message__to .inner_wrap {
    clear: both;
    margin-top: 20px;
    min-height: 419px;
    display: block;
    border-radius: 5px;
    background: #F4E5D7;
    color: #915329; }
    .wrapper__new__message__to .inner_wrap .icheckbox_minimal {
      float: left;
      margin-right: 20px;
      margin-top: 3px; }
    .wrapper__new__message__to .inner_wrap label {
      cursor: pointer; }

.wrapper__bericht {
  background-image: url(../images/backgrounds/berichten_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 330px;
  border-radius: 5px;
  margin-bottom: 20px; }
  .wrapper__bericht .inner__left {
    width: 320px;
    padding: 20px; }
  .wrapper__bericht .inner__right {
    width: 540px;
    padding: 20px;
    font-size: 13px; }
    .wrapper__bericht .inner__right h3 {
      color: #915329; }
    .wrapper__bericht .inner__right .bericht__title {
      width: 380px;
      float: left; }
    .wrapper__bericht .inner__right .bericht__date {
      width: 100px;
      float: right; }
    .wrapper__bericht .inner__right p {
      display: block;
      clear: both; }
      .wrapper__bericht .inner__right p .button {
        float: left;
        margin: -5px 10px 0 0; }
    .wrapper__bericht .inner__right .button {
      font-size: 12px;
      font-weight: bold; }

.margins {
  margin: 12px; }

.topmargin {
  margin-top: 12px; }

.bottommargin {
  margin-bottom: 12px; }

.rightmargin {
  margin-right: 12px; }

.leftmargin {
  margin-left: 12px; }

.wrapper__vmboprofielwizard div.content, .wrapper__plusactiviteitwizard div.content {
  margin-left: 350px;
  padding: 10px; }

.wrapper__editTekst {
  background: #EDEFF0;
  border-radius: 5px;
  padding: 20px 20px 20px 20px; }
  .wrapper__editTekst .footer .button {
    width: 160px;
    text-align: center;
    font-weight: bold; }

h2.brand {
  color: #915329; }

h2.brand--light {
  color: #C97E36; }

.heading__wrap__inner h1 {
  font-size: 26px;
  line-height: 30px;
  color: #915329;
  margin: 30px 0; }

.heading__wrap__inner p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 30px 0; }

.heading__wrap__inner .button--big p.button__title {
  font-size: 15px;
  font-weight: bold;
  line-height: 16px;
  margin: 0; }

.heading__wrap__inner .button--big p.button__subtitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin: 0; }

.heading__wrap__inner .button--big.button--main p.button__subtitle {
  color: #E9CBAF; }

.heading__wrap__inner .button--big.button--secondary p.button__subtitle {
  color: #CAD0D3; }

.feature__item {
  text-align: center; }
  .feature__item h3 {
    font-size: 18px;
    line-height: 25px;
    color: #915329;
    margin-bottom: 20px; }
  .feature__item p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 30px; }

.content__home__wrap h2 {
  font-size: 30px;
  line-height: 40px;
  color: #6CADAC;
  margin-bottom: 30px; }

.content__home__wrap p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 30px; }
  .content__home__wrap p.content__home__phonenumber {
    font-size: 50px;
    line-height: 20px;
    color: #C97E36;
    margin-bottom: 20px; }

.user__wrap {
  text-align: right;
  font-size: 12px;
  line-height: 20px;
  margin: 5px 0; }
  .user__wrap p {
    background: url(../images/icon_sprite.png) no-repeat;
    background-position: 0px -239px;
    margin: 0;
    float: right;
    padding-left: 18px; }
  .user__wrap a {
    color: #c97e36;
    margin: 0 10px; }
    .user__wrap a.user__link {
      font-weight: bold; }

.content__wrap__user h2 {
  font-size: 18px;
  line-height: 19px;
  color: #915329;
  margin: 20px 20px 10px 20px; }

.content__wrap__user .news__date__wrap {
  text-align: center; }
  .content__wrap__user .news__date__wrap .news__item__date {
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin: 0; }
  .content__wrap__user .news__date__wrap .news__item__month {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
    margin: 0; }

.content__wrap__user .news__content__wrap h4 {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px; }

.content__wrap__user .news__content__wrap p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px; }

.content__wrap__user .news__content__wrap p.news__item__info {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #6CADAC; }

.content__mailbox__wrap h2 {
  margin: 17px 20px 15px 20px; }

.content__mailbox__wrap p {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 2px 8px;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  background: #D18E49;
  background: -owg-linear-gradient(#D18E49, #BE6E2B);
  background: -webkit-linear-gradient(#D18E49, #BE6E2B);
  background: -moz-linear-gradient(#D18E49, #BE6E2B);
  background: -o-linear-gradient(#D18E49, #BE6E2B);
  background: linear-gradient(#D18E49, #BE6E2B);
  color: #FFF;
  border-radius: 5px; }

.content__helpdesk__wrap h2, .content__document__wrap h2 {
  margin: 17px 20px 15px 20px; }

.content__helpdesk__wrap p, .content__helpdesk__wrap h3, .content__document__wrap p, .content__document__wrap h3 {
  margin: 17px 20px 15px 20px; }

.content__wrap__full .heading__wrap h2 {
  color: #915329;
  font-size: 20px;
  line-height: 25px;
  margin: 0; }

.content__wrap__full .heading__wrap.heading__wrap--small h2 {
  margin-bottom: 25px; }

.wrapper__info h2 {
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px; }

.wrapper__info h4 {
  font-weight: bold;
  margin-top: 12px; }

.wrapper__info p {
  font-size: 15px;
  line-height: 20px;
  margin: 0; }

.wrapper__info li p {
  font-size: 13px; }

#tab__content__schoolgegevens h2 {
  font-size: 16px;
  line-height: 40px;
  margin: 0; }

#tab__content__schoolgegevens .content__contactgegevens p {
  font-size: 13px;
  line-height: 20px; }

#tab__content__schoolgegevens .content__contactgegevens ul.form li p {
  color: #73818A;
  font-weight: bold;
  line-height: 20px; }

.wrapper__beige__heading h2, .wrapper__grey__heading h2 {
  font-size: 16px;
  padding-top: 10px; }

.content__accorion__wrap p {
  margin: 20px 0 10px 0; }

.list__profielindeling div.header {
  color: #FFF;
  border-radius: 5px 5px 0 0;
  background-color: #96A1A7;
  padding: 13px 20px 15px 20px;
  margin: 0px; }
  .list__profielindeling div.header span {
    text-transform: uppercase; }

.list__profielindeling div.sortContainer, .list__profielindeling div.keuzesortable {
  min-height: 32px; }

.list__profielindeling h4 {
  background-color: #DCE0E2;
  color: #849199;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 13px 20px 15px 20px;
  margin: 0px; }

.list__profielindeling div.vak, .list__profielindeling div.profiel, .list__profielindeling div.sector, .list__profielindeling div.module, .list__profielindeling div.profielkeuzedeel {
  margin: 0;
  font-size: 13px;
  padding: 6px 20px;
  background-color: #edeff0;
  border-bottom: 1px solid #DCE0E2; }
  .list__profielindeling div.vak .subheading, .list__profielindeling div.profiel .subheading, .list__profielindeling div.sector .subheading, .list__profielindeling div.module .subheading, .list__profielindeling div.profielkeuzedeel .subheading {
    padding: 6px 0px; }

.list__profielindeling .dropHover {
  min-height: 32px;
  background-color: #F4E5D7; }
  .list__profielindeling .dropHover div.vak {
    background-color: #F4E5D7; }
    .list__profielindeling .dropHover div.vak.ui-sortable-helper {
      background-color: #FF0000; }

.list__profielindeling div.keuzeonderdeel {
  margin: 0 34px 0 0;
  font-size: 13px;
  padding: 4px 20px;
  background-color: #F6F8F9;
  border-bottom: 1px solid #DCE0E2; }

li.empty__step {
  background: #D3D8DA;
  background-image: -owg-linear-gradient(#d18e49, #be6e2b);
  background-image: -webkit-linear-gradient(#d18e49, #be6e2b);
  background-image: -moz-linear-gradient(#d18e49, #be6e2b);
  background-image: -o-linear-gradient(#d18e49, #be6e2b);
  background-image: linear-gradient(#d18e49, #be6e2b);
  border-top: 1px solid #A9ADAE;
  border-bottom: 1px solid #FFF;
  border-radius: 5px;
  width: 100%;
  padding: 13px 0;
  text-align: center; }
  li.empty__step:hover {
    background: #E1E5E6;
    background-image: -owg-linear-gradient(#be6e2b, #d18e49);
    background-image: -webkit-linear-gradient(#be6e2b, #d18e49);
    background-image: -moz-linear-gradient(#be6e2b, #d18e49);
    background-image: -o-linear-gradient(#be6e2b, #d18e49);
    background-image: linear-gradient(#be6e2b, #d18e49); }
  li.empty__step p {
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    margin: 0; }

.list__accordian h4, .list__accordian h3.stapheader, .list__Parentaccordian h4, .list__Parentaccordian h3.stapheader {
  background: #B38667;
  background-image: -owg-linear-gradient(#B38667, #9A6748);
  background-image: -webkit-linear-gradient(#B38667, #9A6748);
  background-image: -moz-linear-gradient(#B38667, #9A6748);
  background-image: -o-linear-gradient(#B38667, #9A6748);
  background-image: linear-gradient(#B38667, #9A6748);
  color: #FFF;
  border-radius: 5px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  padding: 12px 20px;
  font-size: 15px;
  line-height: 1em;
  margin-bottom: 0;
  position: relative; }
  .list__accordian h4:after, .list__accordian h3.stapheader:after, .list__Parentaccordian h4:after, .list__Parentaccordian h3.stapheader:after {
    content: "\f0d7";
    font-size: 14px;
    line-height: 1em;
    vertical-align: -5%;
    position: absolute;
    right: 10px;
    top: 9px;
    background: #ebdfd7;
    border-radius: 20px;
    padding: 3px 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #C97E36; }
  .list__accordian h4:hover:after, .list__accordian h3.stapheader:hover:after, .list__Parentaccordian h4:hover:after, .list__Parentaccordian h3.stapheader:hover:after {
    color: #6CADAC; }
  .list__accordian h4.active, .list__accordian h3.stapheader.active, .list__Parentaccordian h4.active, .list__Parentaccordian h3.stapheader.active {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
    .list__accordian h4.active:after, .list__accordian h3.stapheader.active:after, .list__Parentaccordian h4.active:after, .list__Parentaccordian h3.stapheader.active:after {
      content: "\f0d8";
      padding: 1px 6px 4px 6px; }
  .list__accordian h4.edit__step span.delete, .list__accordian h3.stapheader.edit__step span.delete, .list__Parentaccordian h4.edit__step span.delete, .list__Parentaccordian h3.stapheader.edit__step span.delete {
    background: #cdcdcd;
    background-image: -owg-linear-gradient(#FFF, #cdcdcd);
    background-image: -webkit-linear-gradient(#FFF, #cdcdcd);
    background-image: -moz-linear-gradient(#FFF, #cdcdcd);
    background-image: -o-linear-gradient(#FFF, #cdcdcd);
    background-image: linear-gradient(#FFF, #cdcdcd);
    color: #FFF;
    border: none;
    color: #d31515;
    padding: 5px 6px;
    text-align: center;
    border-radius: 21px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    font-size: 1em;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    vertical-align: -7%;
    margin-right: 10px; }
    .list__accordian h4.edit__step span.delete:hover, .list__accordian h3.stapheader.edit__step span.delete:hover, .list__Parentaccordian h4.edit__step span.delete:hover, .list__Parentaccordian h3.stapheader.edit__step span.delete:hover {
      background: #FFF;
      background-image: -owg-linear-gradient(#cdcdcd, #FFF);
      background-image: -webkit-linear-gradient(#cdcdcd, #FFF);
      background-image: -moz-linear-gradient(#cdcdcd, #FFF);
      background-image: -o-linear-gradient(#cdcdcd, #FFF);
      background-image: linear-gradient(#cdcdcd, #FFF); }
    .list__accordian h4.edit__step span.delete:active, .list__accordian h3.stapheader.edit__step span.delete:active, .list__Parentaccordian h4.edit__step span.delete:active, .list__Parentaccordian h3.stapheader.edit__step span.delete:active {
      background: #cdcdcd; }
  .list__accordian h4.edit__step:after, .list__accordian h3.stapheader.edit__step:after, .list__Parentaccordian h4.edit__step:after, .list__Parentaccordian h3.stapheader.edit__step:after {
    top: 14px; }

.list__accordian.aqua h4, .list__Parentaccordian.aqua h4 {
  background: #C4DEDE;
  color: #6CADAC;
  text-shadow: none;
  box-shadow: none;
  padding: 17px 20px; }
  .list__accordian.aqua h4:after, .list__Parentaccordian.aqua h4:after {
    background: #FFF;
    top: 15px; }
  .list__accordian.aqua h4:hover:after, .list__Parentaccordian.aqua h4:hover:after {
    color: #915329; }
  .list__accordian.aqua h4.active, .list__Parentaccordian.aqua h4.active {
    border-bottom: 1px solid #6CADAC; }

.list__accordian.aqua .list__item--beroepen h4, .list__Parentaccordian.aqua .list__item--beroepen h4 {
  background: #C4DEDE url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1186px;
  padding-left: 70px; }

.list__accordian.aqua .list__item--sector h4, .list__Parentaccordian.aqua .list__item--sector h4 {
  background: #C4DEDE url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1236px;
  padding-left: 70px; }

.list__accordian.aqua .list__item--domein h4, .list__Parentaccordian.aqua .list__item--domein h4 {
  background: #C4DEDE url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1286px;
  padding-left: 70px; }

.list__accordian.aqua .list__item--subjects h4, .list__Parentaccordian.aqua .list__item--subjects h4 {
  background: #C4DEDE url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1336px;
  padding-left: 70px; }

.list__accordian.aqua .list__item--program h4, .list__Parentaccordian.aqua .list__item--program h4 {
  background: #C4DEDE url(../images/icon_sprite.png) no-repeat;
  background-position: 0 -1386px;
  padding-left: 70px; }

.list__accordian.custom h4, .list__Parentaccordian.custom h4 {
  padding: 17px 20px 17px 70px; }
  .list__accordian.custom h4:after, .list__Parentaccordian.custom h4:after {
    top: 15px; }
  .list__accordian.custom h4:hover:after, .list__Parentaccordian.custom h4:hover:after {
    color: #915329; }

.list__accordian.custom .list__item--check h4, .list__Parentaccordian.custom .list__item--check h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#B38667, #9A6748);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#B38667, #9A6748);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#B38667, #9A6748);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#B38667, #9A6748);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#B38667, #9A6748);
  background-position: 0 -1436px, left top; }

.list__accordian.custom .list__item--time h4, .list__Parentaccordian.custom .list__item--time h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#B38667, #9A6748);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#B38667, #9A6748);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#B38667, #9A6748);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#B38667, #9A6748);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#B38667, #9A6748);
  background-position: 0 -1586px, left top; }

.list__accordian.custom .list__item--ban h4, .list__Parentaccordian.custom .list__item--ban h4 {
  background: #B38667 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#B38667, #9A6748);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#B38667, #9A6748);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#B38667, #9A6748);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#B38667, #9A6748);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#B38667, #9A6748);
  background-position: 0 -1736px, left top; }

.list__accordian.custom .list__item--aqua h4, .list__Parentaccordian.custom .list__item--aqua h4 {
  background: #7EB8B7;
  background-image: -owg-linear-gradient(#7EB8B7, #5A9C9B);
  background-image: -webkit-linear-gradient(#7EB8B7, #5A9C9B);
  background-image: -moz-linear-gradient(#7EB8B7, #5A9C9B);
  background-image: -o-linear-gradient(#7EB8B7, #5A9C9B);
  background-image: linear-gradient(#7EB8B7, #5A9C9B); }
  .list__accordian.custom .list__item--aqua h4:after, .list__Parentaccordian.custom .list__item--aqua h4:after {
    background: #FFF; }

.list__accordian.custom .list__item--aqua.list__item--check h4, .list__Parentaccordian.custom .list__item--aqua.list__item--check h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#7EB8B7, #5A9C9B);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#7EB8B7, #5A9C9B);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#7EB8B7, #5A9C9B);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#7EB8B7, #5A9C9B);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#7EB8B7, #5A9C9B);
  background-position: 0 -1486px, left top; }

.list__accordian.custom .list__item--aqua.list__item--time h4, .list__Parentaccordian.custom .list__item--aqua.list__item--time h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#7EB8B7, #5A9C9B);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#7EB8B7, #5A9C9B);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#7EB8B7, #5A9C9B);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#7EB8B7, #5A9C9B);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#7EB8B7, #5A9C9B);
  background-position: 0 -1636px, left top; }

.list__accordian.custom .list__item--aqua.list__item--ban h4, .list__Parentaccordian.custom .list__item--aqua.list__item--ban h4 {
  background: #7EB8B7 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#7EB8B7, #5A9C9B);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#7EB8B7, #5A9C9B);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#7EB8B7, #5A9C9B);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#7EB8B7, #5A9C9B);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#7EB8B7, #5A9C9B);
  background-position: 0 -1786px, left top; }

.list__accordian.custom .list__item--grey h4, .list__Parentaccordian.custom .list__item--grey h4 {
  background: #849199;
  background-image: -owg-linear-gradient(#849199, #606E77);
  background-image: -webkit-linear-gradient(#849199, #606E77);
  background-image: -moz-linear-gradient(#849199, #606E77);
  background-image: -o-linear-gradient(#849199, #606E77);
  background-image: linear-gradient(#849199, #606E77); }
  .list__accordian.custom .list__item--grey h4:after, .list__Parentaccordian.custom .list__item--grey h4:after {
    background: #B3BABF; }

.list__accordian.custom .list__item--grey.list__item--check h4, .list__Parentaccordian.custom .list__item--grey.list__item--check h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#849199, #606E77);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#849199, #606E77);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#849199, #606E77);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#849199, #606E77);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#849199, #606E77);
  background-position: 0 -1536px, left top; }

.list__accordian.custom .list__item--grey.list__item--time h4, .list__Parentaccordian.custom .list__item--grey.list__item--time h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#849199, #606E77);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#849199, #606E77);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#849199, #606E77);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#849199, #606E77);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#849199, #606E77);
  background-position: 0 -1686px, left top; }

.list__accordian.custom .list__item--grey.list__item--ban h4, .list__Parentaccordian.custom .list__item--grey.list__item--ban h4 {
  background: #849199 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#849199, #606E77);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#849199, #606E77);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#849199, #606E77);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#849199, #606E77);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#849199, #606E77);
  background-position: 0 -1836px, left top; }

.list__tiles h3 {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  color: #FFF;
  min-height: 75px;
  overflow: hidden; }

.list__tiles .blanco__tile h3 {
  color: #C97E36;
  text-align: center;
  vertical-align: middle;
  padding: 30px 0; }

.list__tiles .tile__info {
  color: white;
  color: rgba(255, 255, 255, 0.7); }

.list__tiles .tile__footer {
  color: white; }

.opdrachtenheader {
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 1em;
  margin-bottom: 12px;
  padding: 12px 20px;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

.opdrachtenheader.verplicht {
  background: #DB635D;
  background-image: -owg-linear-gradient(#E0756F, #D2514B);
  background-image: -webkit-linear-gradient(#E0756F, #D2514B);
  background-image: -moz-linear-gradient(#E0756F, #D2514B);
  background-image: -o-linear-gradient(#E0756F, #D2514B);
  background-image: linear-gradient(#E0756F, #D2514B); }

.opdrachtenheader.optioneel {
  background: #62BF39;
  background-image: -owg-linear-gradient(#74C84C, #50B12C);
  background-image: -webkit-linear-gradient(#74C84C, #50B12C);
  background-image: -moz-linear-gradient(#74C84C, #50B12C);
  background-image: -o-linear-gradient(#74C84C, #50B12C);
  background-image: linear-gradient(#74C84C, #50B12C); }

.opdrachtzaz {
  margin-bottom: 8px;
  width: 160px; }

.opdrachtzaz > .button {
  padding: 5px 10px;
  height: 50px;
  width: 100%; }

.list__zaz {
  list-style: outside none none;
  margin: 0; }
  .list__zaz li {
    border-bottom: medium none;
    margin: 0 20px 10px 0;
    padding: 10px;
    position: relative;
    background-color: #f4e5d7;
    border-radius: 5px;
    float: left;
    height: 50px;
    width: 160px;
    background: #a7cecd linear-gradient(#6cadac, #a7cecd) repeat scroll 0 0/100% auto; }
    .list__zaz li span.delete {
      background: #cdcdcd linear-gradient(#ffffff, #cdcdcd) repeat scroll 0 0/100% auto;
      border: medium none;
      border-radius: 21px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
      color: #d31515;
      font-size: 1em;
      padding: 5px 6px;
      position: absolute;
      right: -8px;
      text-align: center;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
      top: -8px;
      vertical-align: -7%;
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1; }
  .list__zaz h3 {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #FFF;
    min-height: 25px; }
  .list__zaz .blanco__tile {
    background: none;
    border: 1px dashed #AAA096; }
    .list__zaz .blanco__tile:hover {
      cursor: pointer;
      background: white;
      background: rgba(255, 255, 255, 0.5); }
    .list__zaz .blanco__tile h3 {
      color: #C97E36;
      text-align: center;
      vertical-align: middle; }

.list__tiles__block h3 {
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #FFF; }

.list__tiles__block p {
  font-size: 13px;
  line-height: 15px;
  margin: 0;
  color: #F4E5D7; }

.list__tiles__block .blanco__tile h3 {
  color: #C97E36;
  text-align: center;
  vertical-align: middle;
  padding: 0; }

.list__tiles__block .button.info.info--brand {
  color: #F4E5D7; }
  .list__tiles__block .button.info.info--brand:hover {
    color: #FFF; }

.tooltip h4 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 10px 0; }

.tooltip p {
  font-size: 13px;
  line-height: 20px;
  margin: 0; }

table tbody tr:not(.heading) .td__class__name, table tbody tr:not(.heading) .td__first__name, table tbody tr:not(.heading) .td__last__name {
  font-weight: bold;
  color: #C97E36; }
  table tbody tr:not(.heading) .td__class__name span, table tbody tr:not(.heading) .td__first__name span, table tbody tr:not(.heading) .td__last__name span {
    color: #6CADAC; }

table tbody tr:not(.heading) .td__student__thumb h3 {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px; }

.inner__table__aqua thead {
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #6CADAC; }

.inner__table__aqua tfoot {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #C97E36; }

.table__filter__wrapper {
  font-weight: bold;
  font-size: 13px; }
  .table__filter__wrapper h5 {
    text-transform: uppercase; }
  .table__filter__wrapper label {
    padding: 0 20px 0 10px;
    color: #A77554; }
    .table__filter__wrapper label:hover {
      color: #915329;
      cursor: pointer; }

.wrapper__aqua__heading h3 {
  font-size: 16px; }

#wrapper__aqua-samenvatting h4 {
  font-size: 14px;
  font-weight: bold;
  color: #6CADAC;
  height: 35px; }
  #wrapper__aqua-samenvatting h4#landbouw {
    background-position: center -1891px; }
  #wrapper__aqua-samenvatting h4#techniek {
    background-position: center -1976px; }
  #wrapper__aqua-samenvatting h4#zorg {
    background-position: center -2066px; }
  #wrapper__aqua-samenvatting h4#economie {
    background-position: center -2156px; }

#wrapper__aqua-stappenplan .list__progress__steps {
  height: 50px;
  margin-top: 14px; }

#wrapper__aqua-stappenplan p {
  margin: 20px 0 0 0;
  font-size: 13px;
  color: #6CADAC; }
  #wrapper__aqua-stappenplan p span {
    font-weight: bold;
    color: #50626D; }
  #wrapper__aqua-stappenplan p:last-child {
    margin: 0 0 20px 0; }

.wrapper__new__message {
  font-size: 13px; }
  .wrapper__new__message h4 {
    font-size: 16px;
    margin-bottom: 20px; }

.wrapper__new__message__to {
  font-size: 13px; }
  .wrapper__new__message__to h4 {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 20px; }

.wrapper__bericht .inner__left {
  color: #FFF;
  font-size: 13px; }
  .wrapper__bericht .inner__left h3 {
    font-size: 18px;
    padding: 6px 0 5px 80px;
    margin-bottom: 30px;
    width: 80%;
    background: url(../images/icon_sprite.png) no-repeat; }
    .wrapper__bericht .inner__left h3#title__planning {
      background-position: left -2246px; }
    .wrapper__bericht .inner__left h3#title__nieuwsbericht {
      background-position: left -2311px; }
    .wrapper__bericht .inner__left h3#title__prikbord {
      background-position: left -2376px;
      width: 90%; }
    .wrapper__bericht .inner__left h3#title__leerlingen {
      background-position: left -2440px; }
  .wrapper__bericht .inner__left p {
    margin-bottom: 30px; }

.sidebar__heading h1 {
  font-size: 18px;
  line-height: 30px;
  color: #915329;
  margin: 0; }

.sidebar__heading p {
  font-size: 15px;
  line-height: 30px;
  color: #915329;
  margin: 0; }

.sidebar__inner__wrap h3 {
  font-size: 16px;
  line-height: 30px; }

.sidebar__inner__wrap .list__account__info__item {
  font-size: 13px;
  line-height: 30px;
  color: #915329; }

.sidebar__inner__wrap .sidebar__account__logo__wrap p {
  font-size: 13px;
  line-height: 20px;
  color: #C97E36;
  font-weight: bold;
  margin: 0; }

.sidebar__inner__wrap .sidebar__license__wrap p {
  font-size: 13px;
  line-height: 30px;
  float: left; }
  .sidebar__inner__wrap .sidebar__license__wrap p.sidebar__license__date {
    font-size: 15px;
    line-height: 28px;
    font-weight: bold;
    float: right; }

.footer__block h4 {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 10px 0; }

.modal__content h3 {
  color: #915329;
  font-size: 18px;
  margin: 0 20px 10px 0; }

#modal__invite .modal__content {
  font-size: 13px; }

#responseDiv.info, #editresponseDiv.info {
  position: relative; }

#responseDiv.info p, #editresponseDiv.info p {
  padding: 10px 20px 10px 50px;
  min-height: 56px; }

#responseDiv.info p:before, #editresponseDiv.info p:before {
  position: absolute;
  left: 15px;
  top: 10px;
  padding: 5px 15px;
  content: "\f129";
  font-size: 2.3em;
  vertical-align: -6%;
  background: #89BDBD;
  border-radius: 20px;
  border-top: 1px solid #5C9493;
  border-bottom: 1px solid #AACFCF; }

.caps {
  text-transform: uppercase; }

.attachment {
  float: right;
  margin: 0px; }
  .attachment:before {
    content: "\f0c6";
    color: #C97E36;
    font-size: 18px;
    margin-right: 12px; }

a.download {
  background: url(/images/icon_sprite.png) no-repeat;
  background-position: right -367px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 26px; }

p.warningText {
  color: #E5AE09;
  font-weight: 600;
  font-style: italic; }

#FormulierContent h4 {
  margin-top: 20px;
  margin-bottom: 8px; }

#FormulierContent .col-xs-1 {
  float: left;
  width: 8%; }

#FormulierContent .col-xs-11 {
  float: left;
  width: 92%; }

#FormulierContent .col-xs-12 {
  clear: both; }

#FormulierContent .fa, #FormulierContent .content__wrap .table__control__wrapper:before, .content__wrap #FormulierContent .table__control__wrapper:before, #FormulierContent .link__wrap:after, #FormulierContent .list__accordian h4:after, .list__accordian #FormulierContent h4:after, #FormulierContent .list__accordian h3.stapheader:after, .list__accordian #FormulierContent h3.stapheader:after, #FormulierContent .list__Parentaccordian h4:after, .list__Parentaccordian #FormulierContent h4:after, #FormulierContent .list__Parentaccordian h3.stapheader:after, .list__Parentaccordian #FormulierContent h3.stapheader:after, #FormulierContent .list__accordian h4.edit__step span.delete, .list__accordian h4.edit__step #FormulierContent span.delete, #FormulierContent .list__accordian h3.stapheader.edit__step span.delete, .list__accordian h3.stapheader.edit__step #FormulierContent span.delete, #FormulierContent .list__Parentaccordian h4.edit__step span.delete, .list__Parentaccordian h4.edit__step #FormulierContent span.delete, #FormulierContent .list__Parentaccordian h3.stapheader.edit__step span.delete, .list__Parentaccordian h3.stapheader.edit__step #FormulierContent span.delete, #FormulierContent #responseDiv.info p:before, #responseDiv.info #FormulierContent p:before, #FormulierContent #editresponseDiv.info p:before, #editresponseDiv.info #FormulierContent p:before, #FormulierContent .attachment:before, #FormulierContent .list__accordian > li ul.innerUL li a:after, .list__accordian > li ul.innerUL li #FormulierContent a:after, #FormulierContent .list__Parentaccordian > li ul.innerUL li a:after, .list__Parentaccordian > li ul.innerUL li #FormulierContent a:after, #FormulierContent .list__accordian > li ul.innerUL.list__tiles li.edit__tile span.delete, .list__accordian > li ul.innerUL.list__tiles li.edit__tile #FormulierContent span.delete, #FormulierContent .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile span.delete, .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile #FormulierContent span.delete, #FormulierContent .legenda li:before, .legenda #FormulierContent li:before, #FormulierContent #modal__edit__step ul li .inner__wrap p:before, #modal__edit__step ul li .inner__wrap #FormulierContent p:before, #FormulierContent #modal__edit__stappenplan ul li .inner__wrap p:before, #modal__edit__stappenplan ul li .inner__wrap #FormulierContent p:before, #FormulierContent .list__rating li, .list__rating #FormulierContent li, #FormulierContent .list__accordian li .list__rating li, .list__accordian li .list__rating #FormulierContent li, #FormulierContent list__Parentaccordian li .list__rating li, list__Parentaccordian li .list__rating #FormulierContent li, #FormulierContent .list__email__items li .email__attachment:before, .list__email__items li #FormulierContent .email__attachment:before, #FormulierContent .search__form input[type=submit], .search__form #FormulierContent input[type=submit], #FormulierContent table tbody tr.heading td:before, table tbody tr.heading #FormulierContent td:before, #FormulierContent table tbody tr.heading td:after, table tbody tr.heading #FormulierContent td:after, #FormulierContent .table__accordian .accordion__header tr .handle:after, .table__accordian .accordion__header tr #FormulierContent .handle:after, #FormulierContent .button.upload:before, #FormulierContent .button.verslag:before, #FormulierContent .button.add:before, #FormulierContent .button.remove:before, #FormulierContent .button.next:after, #FormulierContent .button.pref:before, #FormulierContent .button.clone:before, #FormulierContent .button.close:after, #FormulierContent .button.close--info:after, #FormulierContent .button.edit:after, #FormulierContent .button.edit.edit--minimal--left:before, #FormulierContent .button.edit__before:before, #FormulierContent .button.lock--open:after, #FormulierContent .button.lock--close:after, #FormulierContent .button.import:before, #FormulierContent .button.notification:after, #FormulierContent .button.mail:after, #FormulierContent .button.up:after, #FormulierContent .button.down:after, #FormulierContent .button.info:after, #FormulierContent .button.link:after, #FormulierContent .button.time:after, #FormulierContent .button.move:before, #FormulierContent .button.download:before, #FormulierContent .button.export:before, #FormulierContent .button.export:after, #FormulierContent .button.expand:after, #FormulierContent .icon:before, #FormulierContent .icon__desktop:before, #FormulierContent .icon__card:before, #FormulierContent .icon__check:before, #FormulierContent .icon__ban:before, #FormulierContent .icon__time:before, #FormulierContent .icon__lock:before, #FormulierContent .icon__lock--open:before, #FormulierContent .icon__mail:before, #FormulierContent .icon__key:before, #FormulierContent .icon__print:before, #FormulierContent .icon__next:before, #FormulierContent .submenuTD .icon__details:before, .submenuTD #FormulierContent .icon__details:before, #FormulierContent .icon__download:before, #FormulierContent .icon__back:before, #FormulierContent .icon__inbox:before, #FormulierContent .icon__add:before, #FormulierContent .icon__inbox--in:before, #FormulierContent .icon__inbox--out:before, #FormulierContent .icon__file:before, #FormulierContent .icon__trash:before, #FormulierContent .icon__mobile:before, #FormulierContent .icon:after, #FormulierContent .icon__desktop:after, #FormulierContent .icon__card:after, #FormulierContent .icon__check:after, #FormulierContent .icon__ban:after, #FormulierContent .icon__time:after, #FormulierContent .icon__lock:after, #FormulierContent .icon__lock--open:after, #FormulierContent .icon__mail:after, #FormulierContent .icon__key:after, #FormulierContent .icon__print:after, #FormulierContent .icon__next:after, #FormulierContent .submenuTD .icon__details:after, .submenuTD #FormulierContent .icon__details:after, #FormulierContent .icon__download:after, #FormulierContent .icon__back:after, #FormulierContent .icon__inbox:after, #FormulierContent .icon__add:after, #FormulierContent .icon__inbox--in:after, #FormulierContent .icon__inbox--out:after, #FormulierContent .icon__file:after, #FormulierContent .icon__trash:after, #FormulierContent .icon__mobile:after, #FormulierContent .icon__attachment:before, #FormulierContent .icon__error:before, #FormulierContent .icon__warning:before, #FormulierContent .icon__succes:before, #FormulierContent div.modal__content .button__close, div.modal__content #FormulierContent .button__close {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto; }

#FormulierContent .fa-check {
  color: #69a742; }

#FormulierContent .fa-check::before {
  content: "\f00c"; }

#FormulierContent label {
  display: block; }
  #FormulierContent label.inactive {
    text-decoration: line-through;
    opacity: .5; }

#FormulierContent .kiezen {
  background: #C4DEDE;
  margin-bottom: 10px;
  padding: 8px; }

#FormulierLinks {
  float: left;
  width: 50%; }

#FormulierRechts {
  float: right;
  width: 50%;
  padding-left: 20px; }

/*.CreditVerdeling {
    height: 22px;
    width: 500px;
    border: 1px solid #7E8C97;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #bcc5cc;
    background-image: linear-gradient(green,green), linear-gradient(blue,blue), linear-gradient(orange,orange), linear-gradient(red,red);
    background-repeat: no-repeat;
    transition: 1s;
}*/
.matchScore li.plus {
  /*color: green;*/
  margin-left: 16px; }

.matchScore li.plusmin {
  color: blue;
  margin-left: 16px; }

.matchScore li.min {
  /*color: red;*/
  margin-left: 16px; }

.matchScore li.minheader {
  color: red;
  list-style-type: none; }

.matchScore li.plusheader {
  color: green;
  list-style-type: none; }

.testsvgclass {
  fill: #ffaa66;
  fill-rule: evenodd; }

.testsvgclass:hover {
  fill: #66aaff;
  fill-rule: evenodd; }

.startPortfolio .radio::before {
  color: #d49d6f;
  content: url("/content/images/start/vink.png");
  display: inline-block;
  float: left;
  margin-right: 5px;
  position: relative; }

.startPortfolio .wrapper__aqua__body h3 {
  margin: 1.25em 0 0 0; }

.startPortfolio ul {
  margin: 0 0 1.25em 0; }

.startPortfolio li {
  list-style: none; }

.startPortfolio li::before {
  content: url("/content/images/start/vink.png");
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 5px;
  color: #d49d6f; }

.startPortfolio h3.subheader {
  background-color: #D3E0DF;
  line-height: 30px;
  padding-left: 12px; }

.startPortfolio .competentieslegenda {
  width: 100%; }

.startPortfolio .competentieslegenda tr {
  height: 48px; }

.startPortfolio .competentieslegenda td {
  background-size: 40px;
  background-position: 4px 4px;
  min-width: 42px;
  background-repeat: no-repeat;
  border: 1px solid #d49d6f;
  padding: 4px; }

.startPortfolio .comp0 {
  background-image: url(/content/images/start/Kwaliteitenreflectie.png); }

.startPortfolio .comp1 {
  background-image: url(/content/images/start/Motievenreflectie.png); }

.startPortfolio .comp2 {
  background-image: url(/content/images/start/Werkplekexploratie.png); }

.startPortfolio .comp3 {
  background-image: url(/content/images/start/Loopbaansturing.png); }

.startPortfolio .comp4 {
  background-image: url(/content/images/start/Netwerken.png); }

.startPortfolio .competentiebox {
  background-size: 120px;
  background-position: top right;
  min-height: 124px;
  background-repeat: no-repeat; }

figure {
  display: inline-block;
  margin-bottom: 1.25em;
  width: 100%; }
  figure.figure-left {
    clear: left;
    float: left;
    padding-right: 1.25em;
    width: 50%; }
  figure.figure-right {
    clear: right;
    float: right;
    padding-left: 1.25em;
    width: 50%; }
  figure img {
    display: block;
    width: 100%; }
  figure figcaption {
    color: blue; }

.list__news .list__news__item {
  margin: 20px 0; }
  .list__news .list__news__item .news__date__wrap {
    float: left;
    width: 52px;
    margin-right: 20px;
    color: #FFF; }
    .list__news .list__news__item .news__date__wrap .news__item__date {
      background: #6AABAA;
      background-image: -owg-linear-gradient(#7BB6B5, #6AABAA);
      background-image: -webkit-linear-gradient(#7BB6B5, #6AABAA);
      background-image: -moz-linear-gradient(#7BB6B5, #6AABAA);
      background-image: -o-linear-gradient(#7BB6B5, #6AABAA);
      background-image: linear-gradient(#7BB6B5, #6AABAA);
      border-radius: 5px 5px 0 0;
      border-bottom: 1px solid #87BBBB;
      padding: 9px; }
    .list__news .list__news__item .news__date__wrap .news__item__month {
      background: #74818A;
      background-image: -owg-linear-gradient(#808D96, #74818A);
      background-image: -webkit-linear-gradient(#808D96, #74818A);
      background-image: -moz-linear-gradient(#808D96, #74818A);
      background-image: -o-linear-gradient(#808D96, #74818A);
      background-image: linear-gradient(#808D96, #74818A);
      border-radius: 0 0 5px 5px;
      border-top: 1px solid #677177;
      padding: 9px; }
  .list__news .list__news__item .news__content__wrap {
    float: right;
    width: 506px; }

.list__mailbox, .list__helpdesk, .list__document {
  margin: 20px; }

.list__helpdesk--grey {
  margin: 20px;
  border: none;
  height: 50px; }
  .list__helpdesk--grey li {
    border: none;
    width: 50%;
    float: left;
    padding: 5px 0px; }

.list__planning {
  margin: 24px 0 20px 0; }
  .list__planning .list__planning__item {
    background: url(../images/icon_sprite.png) no-repeat;
    background-position: left -515px;
    padding: 13px 0 13px 50px; }

.list__account__info {
  margin: 20px 0; }
  .list__account__info .list__account__info__item {
    padding-left: 40px;
    background: url(../images/icon_sprite.png) no-repeat; }
    .list__account__info .list__account__info__item.list__account__info__item--job {
      background-position: left -397px; }
    .list__account__info .list__account__info__item.list__account__info__item--school {
      background-position: left -425px; }
    .list__account__info .list__account__info__item.list__account__info__item--location {
      background-position: left -455px; }

.list__breadcrumbs {
  margin-left: 10px; }
  .list__breadcrumbs .list__breadcrumbs__item {
    float: left;
    background: url(../images/icon_sprite.png) no-repeat;
    background-position: right -617px;
    padding: 6px 18px 6px 10px;
    font-size: 12px;
    line-height: 18px; }
    .list__breadcrumbs .list__breadcrumbs__item a {
      color: #C97E36; }
      .list__breadcrumbs .list__breadcrumbs__item a:hover {
        color: #915329; }

.list__subnav {
  margin: -10px 0 0 0; }
  .list__subnav .list__subnav__item {
    float: left;
    padding: 10px 0; }
    .list__subnav .list__subnav__item .submenu {
      top: 50px; }
    .list__subnav .list__subnav__item > a {
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      color: #C97E36;
      padding: 2px 17px;
      border-right: 1px solid #DCE0E2;
      position: relative; }
      .list__subnav .list__subnav__item > a:hover, .list__subnav .list__subnav__item > a.current {
        color: #50626D; }
        .list__subnav .list__subnav__item > a:hover:after, .list__subnav .list__subnav__item > a.current:after {
          content: '';
          width: 80%;
          height: 4px;
          background: #c97e36;
          position: absolute;
          left: 10%;
          bottom: -12px; }

.list__accordian, .list__Parentaccordian {
  overflow: hidden; }
  .list__accordian > li, .list__Parentaccordian > li {
    margin-bottom: 10px; }
    .list__accordian > li.active ul, .list__Parentaccordian > li.active ul {
      display: block; }
    .list__accordian > li:hover h4, .list__Parentaccordian > li:hover h4 {
      cursor: pointer; }
    .list__accordian > li > div, .list__Parentaccordian > li > div {
      display: none;
      padding: 10px 20px;
      background: #f4e5d7; }
    .list__accordian > li .clear, .list__Parentaccordian > li .clear {
      padding: 0; }
    .list__accordian > li h5, .list__Parentaccordian > li h5 {
      clear: both;
      border-top: 1px solid #D3BAA9;
      display: block;
      font-size: 15px;
      color: #50626D;
      padding: 10px 0; }
    .list__accordian > li ul.innerUL, .list__Parentaccordian > li ul.innerUL {
      display: none; }
      .list__accordian > li ul.innerUL li, .list__Parentaccordian > li ul.innerUL li {
        background-color: #f4e5d7;
        margin: 0;
        padding: 10px 20px;
        border-bottom: 1px solid #FFF; }
        .list__accordian > li ul.innerUL li:last-child, .list__Parentaccordian > li ul.innerUL li:last-child {
          border-bottom: 0;
          border-radius: 0 0 5px 5px; }
        .list__accordian > li ul.innerUL li a, .list__Parentaccordian > li ul.innerUL li a {
          position: relative;
          color: #C97E36;
          display: block; }
          .list__accordian > li ul.innerUL li a:after, .list__Parentaccordian > li ul.innerUL li a:after {
            content: "\f040";
            color: #d3baa9;
            font-size: 14px;
            vertical-align: -10%;
            position: absolute;
            right: -8px;
            top: 4px; }
          .list__accordian > li ul.innerUL li a:hover, .list__Parentaccordian > li ul.innerUL li a:hover {
            color: #915329;
            cursor: pointer; }
            .list__accordian > li ul.innerUL li a:hover:after, .list__Parentaccordian > li ul.innerUL li a:hover:after {
              color: #915329;
              vertical-align: -5%; }
      .list__accordian > li ul.innerUL.form, .list__Parentaccordian > li ul.innerUL.form {
        display: block; }
        .list__accordian > li ul.innerUL.form li, .list__Parentaccordian > li ul.innerUL.form li {
          border-bottom: none;
          margin: 0;
          padding: 5px 0; }
          .list__accordian > li ul.innerUL.form li label, .list__Parentaccordian > li ul.innerUL.form li label {
            width: 150px;
            float: left;
            text-transform: uppercase;
            color: #C97E36;
            font-size: 11px;
            font-weight: bold; }
          .list__accordian > li ul.innerUL.form li .form--fields, .list__Parentaccordian > li ul.innerUL.form li .form--fields {
            display: block;
            background: none;
            width: 70%;
            float: right;
            padding: 0; }
            .list__accordian > li ul.innerUL.form li .form--fields p, .list__Parentaccordian > li ul.innerUL.form li .form--fields p {
              font-size: 13px;
              margin: 0; }
            .list__accordian > li ul.innerUL.form li .form--fields span, .list__Parentaccordian > li ul.innerUL.form li .form--fields span {
              margin-right: 5px; }
              .list__accordian > li ul.innerUL.form li .form--fields span.icon__desktop, .list__Parentaccordian > li ul.innerUL.form li .form--fields span.icon__desktop {
                display: inline-block; }
                .list__accordian > li ul.innerUL.form li .form--fields span.icon__desktop:before, .list__Parentaccordian > li ul.innerUL.form li .form--fields span.icon__desktop:before {
                  vertical-align: -15%; }
      .list__accordian > li ul.innerUL.list__tiles, .list__Parentaccordian > li ul.innerUL.list__tiles {
        display: block;
        min-height: 100px; }
        .list__accordian > li ul.innerUL.list__tiles li, .list__Parentaccordian > li ul.innerUL.list__tiles li {
          position: relative;
          border-bottom: none;
          margin: 0 20px 10px 0;
          padding: 10px; }
          .list__accordian > li ul.innerUL.list__tiles li.edit__tile span.delete, .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile span.delete {
            position: absolute;
            right: -8px;
            top: -8px;
            background: #cdcdcd;
            background-image: -owg-linear-gradient(#FFF, #cdcdcd);
            background-image: -webkit-linear-gradient(#FFF, #cdcdcd);
            background-image: -moz-linear-gradient(#FFF, #cdcdcd);
            background-image: -o-linear-gradient(#FFF, #cdcdcd);
            background-image: linear-gradient(#FFF, #cdcdcd);
            color: #FFF;
            border: none;
            color: #d31515;
            padding: 5px 6px;
            text-align: center;
            border-radius: 21px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            font-size: 1em;
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
            vertical-align: -7%; }
            .list__accordian > li ul.innerUL.list__tiles li.edit__tile span.delete:hover, .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile span.delete:hover {
              background: #FFF;
              background-image: -owg-linear-gradient(#cdcdcd, #FFF);
              background-image: -webkit-linear-gradient(#cdcdcd, #FFF);
              background-image: -moz-linear-gradient(#cdcdcd, #FFF);
              background-image: -o-linear-gradient(#cdcdcd, #FFF);
              background-image: linear-gradient(#cdcdcd, #FFF); }
            .list__accordian > li ul.innerUL.list__tiles li.edit__tile span.delete:active, .list__Parentaccordian > li ul.innerUL.list__tiles li.edit__tile span.delete:active {
              background: #cdcdcd; }
          .list__accordian > li ul.innerUL.list__tiles li div, .list__Parentaccordian > li ul.innerUL.list__tiles li div {
            display: inline-block;
            padding: 0;
            background-color: none; }
          .list__accordian > li ul.innerUL.list__tiles li:last-child, .list__Parentaccordian > li ul.innerUL.list__tiles li:last-child {
            border-radius: 5px; }
  .list__accordian.aqua div, .list__Parentaccordian.aqua div {
    padding: 0 20px;
    background: #E2EFEE; }
  .list__accordian.custom .accordian__body, .list__accordian.custom .Parentaccordian__body, .list__Parentaccordian.custom .accordian__body, .list__Parentaccordian.custom .Parentaccordian__body {
    padding-bottom: 0; }
    .list__accordian.custom .accordian__body .list__accordian__body, .list__accordian.custom .Parentaccordian__body .list__accordian__body, .list__Parentaccordian.custom .accordian__body .list__accordian__body, .list__Parentaccordian.custom .Parentaccordian__body .list__accordian__body {
      display: block;
      border-bottom: 1px solid #C97E36; }
      .list__accordian.custom .accordian__body .list__accordian__body .list__accordian__body__item, .list__accordian.custom .Parentaccordian__body .list__accordian__body .list__accordian__body__item, .list__Parentaccordian.custom .accordian__body .list__accordian__body .list__accordian__body__item, .list__Parentaccordian.custom .Parentaccordian__body .list__accordian__body .list__accordian__body__item {
        background: none;
        padding: 0;
        border-bottom: none;
        min-height: 30px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid $color-brand_light;*/ }
        .list__accordian.custom .accordian__body .list__accordian__body .list__accordian__body__item .accordian__body__footer, .list__accordian.custom .Parentaccordian__body .list__accordian__body .list__accordian__body__item .accordian__body__footer, .list__Parentaccordian.custom .accordian__body .list__accordian__body .list__accordian__body__item .accordian__body__footer, .list__Parentaccordian.custom .Parentaccordian__body .list__accordian__body .list__accordian__body__item .accordian__body__footer {
          border-bottom: none; }
    .list__accordian.custom .accordian__body .list__tiles, .list__accordian.custom .Parentaccordian__body .list__tiles, .list__Parentaccordian.custom .accordian__body .list__tiles, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles {
      width: 130px;
      display: inline-block;
      float: left; }
      .list__accordian.custom .accordian__body .list__tiles li, .list__accordian.custom .Parentaccordian__body .list__tiles li, .list__Parentaccordian.custom .accordian__body .list__tiles li, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li {
        height: 150px; }
        .list__accordian.custom .accordian__body .list__tiles li .tile__info, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__info, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__info, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__info {
          bottom: 40px; }
        .list__accordian.custom .accordian__body .list__tiles li .tile__sub__footer, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__sub__footer, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__sub__footer, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__sub__footer {
          position: absolute;
          bottom: 15px;
          left: 0;
          padding: 3px 0 0 10px;
          width: 110px;
          border-top: 1px solid #FFF;
          border-top: 1px solid rgba(255, 255, 255, 0.7);
          color: #FFF;
          font: 13px; }
          .list__accordian.custom .accordian__body .list__tiles li .tile__sub__footer .icon__after:after, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__sub__footer .icon__after:after, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__sub__footer .icon__after:after, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__sub__footer .icon__after:after {
            position: absolute;
            right: 10px;
            top: 5px; }
        .list__accordian.custom .accordian__body .list__tiles li .tile__footer a, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__footer a, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__footer a, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__footer a {
          position: absolute;
          left: 25px;
          top: 5px;
          color: #FFF; }
          .list__accordian.custom .accordian__body .list__tiles li .tile__footer a:after, .list__accordian.custom .Parentaccordian__body .list__tiles li .tile__footer a:after, .list__Parentaccordian.custom .accordian__body .list__tiles li .tile__footer a:after, .list__Parentaccordian.custom .Parentaccordian__body .list__tiles li .tile__footer a:after {
            color: #FFF; }
    .list__accordian.custom .accordian__body .form, .list__accordian.custom .Parentaccordian__body .form, .list__Parentaccordian.custom .accordian__body .form, .list__Parentaccordian.custom .Parentaccordian__body .form {
      width: 610px;
      display: inline-block; }
      .list__accordian.custom .accordian__body .form li label, .list__accordian.custom .Parentaccordian__body .form li label, .list__Parentaccordian.custom .accordian__body .form li label, .list__Parentaccordian.custom .Parentaccordian__body .form li label {
        width: 120px; }
      .list__accordian.custom .accordian__body .form li .form--fields, .list__accordian.custom .Parentaccordian__body .form li .form--fields, .list__Parentaccordian.custom .accordian__body .form li .form--fields, .list__Parentaccordian.custom .Parentaccordian__body .form li .form--fields {
        width: 80%;
        float: left; }
      .list__accordian.custom .accordian__body .form li:last-child, .list__accordian.custom .Parentaccordian__body .form li:last-child, .list__Parentaccordian.custom .accordian__body .form li:last-child, .list__Parentaccordian.custom .Parentaccordian__body .form li:last-child {
        padding-bottom: 0; }
  .list__accordian.custom .list__item--aqua .accordian__body, .list__accordian.custom .list__item--aqua .Parentaccordian__body, .list__Parentaccordian.custom .list__item--aqua .accordian__body, .list__Parentaccordian.custom .list__item--aqua .Parentaccordian__body {
    background: #E2EFEE; }
  .list__accordian.custom .list__item--grey .accordian__body, .list__accordian.custom .list__item--grey .Parentaccordian__body, .list__Parentaccordian.custom .list__item--grey .accordian__body, .list__Parentaccordian.custom .list__item--grey .Parentaccordian__body {
    background: #EDEFF0; }
  .list__accordian.custom .form li, .list__Parentaccordian.custom .form li {
    background: none; }
    .list__accordian.custom .form li .accordian__body__footer, .list__Parentaccordian.custom .form li .accordian__body__footer {
      display: block;
      height: 40px;
      border-top: 1px solid #C97E36;
      border-bottom: 1px solid #C97E36;
      padding-top: 5px; }
      .list__accordian.custom .form li .accordian__body__footer li, .list__Parentaccordian.custom .form li .accordian__body__footer li {
        float: left;
        width: 30%; }
        .list__accordian.custom .form li .accordian__body__footer li a:after, .list__Parentaccordian.custom .form li .accordian__body__footer li a:after {
          content: none; }

.td__class ul {
  overflow: hidden; }
  .td__class ul li {
    color: #C97E36;
    font-weight: bold; }

.legenda {
  list-style: none;
  margin: 10px 0;
  border-bottom: 1px solid #FFF;
  padding: 0 0 10px 20px; }
  .legenda li {
    position: relative;
    padding: 5px 20px 5px 30px; }
    .legenda li:before {
      content: "\f111";
      color: #C97E36;
      font-size: 24px;
      position: absolute;
      left: 0;
      top: 3px; }
    .legenda li.brand__label:before {
      color: #915329; }
    .legenda li.red__label:before {
      color: #DB635D; }
    .legenda li.orange__label:before {
      color: #E5AE09; }
    .legenda li.green__label:before {
      color: #62BF39; }
    .legenda li.turquoise__label:before {
      color: #6cadac; }
    .legenda li.neutral__label:before {
      color: #f59f57; }

.list__tiles {
  clear: both; }
  .list__tiles.qompas__tiles li {
    height: 100px; }
  .list__tiles li {
    width: 110px;
    height: 140px;
    padding: 10px;
    float: left;
    margin: 0 0 10px 10px;
    border-radius: 5px;
    position: relative;
    cursor: move; }
    .list__tiles li.brown__tile {
      background: #C3A18A;
      background-image: -owg-linear-gradient(#C3A18A, #B38C72);
      background-image: -webkit-linear-gradient(#C3A18A, #B38C72);
      background-image: -moz-linear-gradient(#C3A18A, #B38C72);
      background-image: -o-linear-gradient(#C3A18A, #B38C72);
      background-image: linear-gradient(#C3A18A, #B38C72); }
      .list__tiles li.brown__tile:hover {
        background: #B38C72;
        background-image: -owg-linear-gradient(#B38C72, #C3A18A);
        background-image: -webkit-linear-gradient(#B38C72, #C3A18A);
        background-image: -moz-linear-gradient(#B38C72, #C3A18A);
        background-image: -o-linear-gradient(#B38C72, #C3A18A);
        background-image: linear-gradient(#B38C72, #C3A18A); }
    .list__tiles li.red__tile {
      background: #DB635D;
      background-image: -owg-linear-gradient(#E0756F, #D2514B);
      background-image: -webkit-linear-gradient(#E0756F, #D2514B);
      background-image: -moz-linear-gradient(#E0756F, #D2514B);
      background-image: -o-linear-gradient(#E0756F, #D2514B);
      background-image: linear-gradient(#E0756F, #D2514B); }
      .list__tiles li.red__tile:hover {
        background: #D2514B;
        background-image: -owg-linear-gradient(#D2514B, #E0756F);
        background-image: -webkit-linear-gradient(#D2514B, #E0756F);
        background-image: -moz-linear-gradient(#D2514B, #E0756F);
        background-image: -o-linear-gradient(#D2514B, #E0756F);
        background-image: linear-gradient(#D2514B, #E0756F); }
    .list__tiles li.orange__tile {
      background: #E5AE09;
      background-image: -owg-linear-gradient(#EAB910, #DF9D06);
      background-image: -webkit-linear-gradient(#EAB910, #DF9D06);
      background-image: -moz-linear-gradient(#EAB910, #DF9D06);
      background-image: -o-linear-gradient(#EAB910, #DF9D06);
      background-image: linear-gradient(#EAB910, #DF9D06); }
      .list__tiles li.orange__tile:hover {
        background: #DF9D06;
        background-image: -owg-linear-gradient(#DF9D06, #EAB910);
        background-image: -webkit-linear-gradient(#DF9D06, #EAB910);
        background-image: -moz-linear-gradient(#DF9D06, #EAB910);
        background-image: -o-linear-gradient(#DF9D06, #EAB910);
        background-image: linear-gradient(#DF9D06, #EAB910); }
    .list__tiles li.green__tile {
      background: #62BF39;
      background-image: -owg-linear-gradient(#74C84C, #50B12C);
      background-image: -webkit-linear-gradient(#74C84C, #50B12C);
      background-image: -moz-linear-gradient(#74C84C, #50B12C);
      background-image: -o-linear-gradient(#74C84C, #50B12C);
      background-image: linear-gradient(#74C84C, #50B12C); }
      .list__tiles li.green__tile:hover {
        background: #50B12C;
        background-image: -owg-linear-gradient(#50B12C, #74C84C);
        background-image: -webkit-linear-gradient(#50B12C, #74C84C);
        background-image: -moz-linear-gradient(#50B12C, #74C84C);
        background-image: -o-linear-gradient(#50B12C, #74C84C);
        background-image: linear-gradient(#50B12C, #74C84C); }
    .list__tiles li.turquoise__tile {
      background: #6cadac;
      background-image: -owg-linear-gradient(#6cadac, #a7cecd);
      background-image: -webkit-linear-gradient(#6cadac, #a7cecd);
      background-image: -moz-linear-gradient(#6cadac, #a7cecd);
      background-image: -o-linear-gradient(#6cadac, #a7cecd);
      background-image: linear-gradient(#6cadac, #a7cecd); }
      .list__tiles li.turquoise__tile:hover {
        background: #6cadac;
        background-image: -owg-linear-gradient(#a7cecd, #6cadac);
        background-image: -webkit-linear-gradient(#a7cecd, #6cadac);
        background-image: -moz-linear-gradient(#a7cecd, #6cadac);
        background-image: -o-linear-gradient(#a7cecd, #6cadac);
        background-image: linear-gradient(#a7cecd, #6cadac); }
    .list__tiles li.neutral__tile {
      background: #f59f57;
      background-image: -owg-linear-gradient(#f59f57, #eab560);
      background-image: -webkit-linear-gradient(#f59f57, #eab560);
      background-image: -moz-linear-gradient(#f59f57, #eab560);
      background-image: -o-linear-gradient(#f59f57, #eab560);
      background-image: linear-gradient(#f59f57, #eab560); }
      .list__tiles li.neutral__tile:hover {
        background: #f59f57;
        background-image: -owg-linear-gradient(#eab560, #f59f57);
        background-image: -webkit-linear-gradient(#eab560, #f59f57);
        background-image: -moz-linear-gradient(#eab560, #f59f57);
        background-image: -o-linear-gradient(#eab560, #f59f57);
        background-image: linear-gradient(#eab560, #f59f57); }
    .list__tiles li.zazverplicht__tile {
      background: #6cadac;
      background-image: -owg-linear-gradient(#6cadac, #a7cecd);
      background-image: -webkit-linear-gradient(#6cadac, #a7cecd);
      background-image: -moz-linear-gradient(#6cadac, #a7cecd);
      background-image: -o-linear-gradient(#6cadac, #a7cecd);
      background-image: linear-gradient(#6cadac, #a7cecd);
      /*background: #b38667;
            @include background-image(linear-gradient(#b38667, #9a6748 ));

            &:hover {
                background: #9a6748;
                @include background-image(linear-gradient(#9a6748, #b38667));
            }*/ }
      .list__tiles li.zazverplicht__tile:hover {
        background: #6cadac;
        background-image: -owg-linear-gradient(#a7cecd, #6cadac);
        background-image: -webkit-linear-gradient(#a7cecd, #6cadac);
        background-image: -moz-linear-gradient(#a7cecd, #6cadac);
        background-image: -o-linear-gradient(#a7cecd, #6cadac);
        background-image: linear-gradient(#a7cecd, #6cadac); }
    .list__tiles li.zazoptioneel__tile {
      background: #6cadac;
      background-image: -owg-linear-gradient(#6cadac, #6cadac);
      background-image: -webkit-linear-gradient(#6cadac, #6cadac);
      background-image: -moz-linear-gradient(#6cadac, #6cadac);
      background-image: -o-linear-gradient(#6cadac, #6cadac);
      background-image: linear-gradient(#6cadac, #6cadac);
      /*background: #6cadac;
            @include background-image(linear-gradient(#6cadac, #a7cecd ));

            &:hover {
                background: #a7cecd;
                @include background-image(linear-gradient(#a7cecd, #6cadac));
            }*/ }
      .list__tiles li.zazoptioneel__tile:hover {
        background: #6cadac;
        background-image: -owg-linear-gradient(#6cadac, #6cadac);
        background-image: -webkit-linear-gradient(#6cadac, #6cadac);
        background-image: -moz-linear-gradient(#6cadac, #6cadac);
        background-image: -o-linear-gradient(#6cadac, #6cadac);
        background-image: linear-gradient(#6cadac, #6cadac); }
    .list__tiles li.blanco__tile {
      background: none;
      border: 1px dashed #AAA096; }
      .list__tiles li.blanco__tile:hover {
        cursor: pointer;
        background: white;
        background: rgba(255, 255, 255, 0.5); }
    .list__tiles li .tile__info .icon__time {
      float: left; }
    .list__tiles li .tile__info .icon__desktop {
      float: right; }
    .list__tiles li .tile__info {
      position: absolute;
      bottom: 15px;
      width: 90px; }
    .list__tiles li .tile__footer {
      left: 0;
      width: 110px;
      height: 30px;
      position: absolute;
      bottom: 0;
      border-top: 1px solid #FFF;
      border-top: 1px solid rgba(255, 255, 255, 0.7);
      padding: 3px; }
      .list__tiles li .tile__footer .button {
        position: relative; }
        .list__tiles li .tile__footer .button .tooltip {
          display: none;
          left: 34px;
          top: -100px; }
        .list__tiles li .tile__footer .button:hover .tooltip {
          display: block; }

.list__tiles__block li {
  width: 230px;
  height: 50px;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
  position: relative;
  background: #B38667;
  background-image: -owg-linear-gradient(#B38667, #966243);
  background-image: -webkit-linear-gradient(#B38667, #966243);
  background-image: -moz-linear-gradient(#B38667, #966243);
  background-image: -o-linear-gradient(#B38667, #966243);
  background-image: linear-gradient(#B38667, #966243); }
  .list__tiles__block li.protected {
    background-image: -owg-linear-gradient(#D58FA7, #A36E80);
    background-image: -webkit-linear-gradient(#D58FA7, #A36E80);
    background-image: -moz-linear-gradient(#D58FA7, #A36E80);
    background-image: -o-linear-gradient(#D58FA7, #A36E80);
    background-image: linear-gradient(#D58FA7, #A36E80); }
    .list__tiles__block li.protected:hover {
      background-image: -owg-linear-gradient(#A36E80, #D58FA7);
      background-image: -webkit-linear-gradient(#A36E80, #D58FA7);
      background-image: -moz-linear-gradient(#A36E80, #D58FA7);
      background-image: -o-linear-gradient(#A36E80, #D58FA7);
      background-image: linear-gradient(#A36E80, #D58FA7); }
  .list__tiles__block li:hover {
    background: #966243;
    background-image: -owg-linear-gradient(#966243, #B38667);
    background-image: -webkit-linear-gradient(#966243, #B38667);
    background-image: -moz-linear-gradient(#966243, #B38667);
    background-image: -o-linear-gradient(#966243, #B38667);
    background-image: linear-gradient(#966243, #B38667); }
  .list__tiles__block li .button {
    position: absolute;
    right: 4px;
    top: 15px; }
    .list__tiles__block li .button .tooltip {
      display: none;
      left: 40px;
      top: -45px; }
    .list__tiles__block li .button:hover .tooltip {
      display: block; }
  .list__tiles__block li.blanco__tile {
    background: none;
    border: 1px dashed #AAA096; }
    .list__tiles__block li.blanco__tile:hover {
      cursor: pointer;
      background: white;
      background: rgba(255, 255, 255, 0.5); }

.table__filter__wrapper ul li {
  float: left;
  width: 50%;
  margin: 5px 0; }
  .table__filter__wrapper ul li.width33 {
    width: 33%; }

.table__filter__wrapper ul.filter--full li {
  float: none;
  width: 100%; }

.table__filter__wrapper ul.filter--small {
  padding: 0; }
  .table__filter__wrapper ul.filter--small li {
    width: auto;
    font-size: 13px;
    font-weight: normal;
    color: #50626D;
    margin-right: 20px; }
    .table__filter__wrapper ul.filter--small li label {
      padding-right: 0; }

.inner__table ul li {
  position: relative; }
  .inner__table ul li:after {
    position: absolute;
    right: 0px;
    width: 20px;
    text-align: center;
    color: #6CADAC; }
  .inner__table ul li span {
    color: #6CADAC;
    font-size: 1.2em; }

.list__modal__steps {
  list-style: none;
  margin: 40px 0 0 0; }
  .list__modal__steps li {
    position: relative;
    border-bottom: 1px solid #dce0e2;
    margin-bottom: 20px;
    padding-right: 30px; }

.list__class__options {
  list-style: none;
  margin: 0 0 20px 0; }
  .list__class__options li {
    float: left;
    width: 48%; }
    .list__class__options li label {
      float: left;
      padding-top: 5px; }
    .list__class__options li select {
      width: 190px !important;
      float: right;
      margin-bottom: 20px; }
    .list__class__options li:nth-child(2n+2) {
      margin-left: 4%; }

.list__class__mentor {
  list-style: none;
  margin: 0 0 20px 0; }
  .list__class__mentor li {
    float: left;
    width: 30%;
    margin-right: 1%; }
    .list__class__mentor li p {
      display: inline-block;
      font-size: 13px; }

#modal__edit__stappenplan .modal__content {
  max-width: 500px;
  min-width: 500px; }

#modal__edit__step ul li, #modal__edit__stappenplan ul li {
  border-bottom: 1px solid #dce0e2;
  margin-bottom: 20px; }
  #modal__edit__step ul li:last-child, #modal__edit__stappenplan ul li:last-child {
    border: none;
    margin: 0; }
  #modal__edit__step ul li .inner__wrap, #modal__edit__stappenplan ul li .inner__wrap {
    margin-bottom: 20px;
    position: relative; }
    #modal__edit__step ul li .inner__wrap p, #modal__edit__stappenplan ul li .inner__wrap p {
      width: 300px;
      font-size: 13px;
      margin: 0 0 0 70px; }
      #modal__edit__step ul li .inner__wrap p:before, #modal__edit__stappenplan ul li .inner__wrap p:before {
        position: absolute;
        left: 30px;
        top: 30px;
        padding: 5px 15px;
        content: "\f129";
        font-size: 2.3em;
        vertical-align: -6%;
        background: #89BDBD;
        border-radius: 20px;
        border-top: 1px solid #5C9493;
        border-bottom: 1px solid #AACFCF; }
  #modal__edit__step ul li dl dt, #modal__edit__stappenplan ul li dl dt {
    float: left;
    width: 50px; }
    #modal__edit__step ul li dl dt span, #modal__edit__stappenplan ul li dl dt span {
      padding: 7px;
      color: #FFF; }
      #modal__edit__step ul li dl dt span.product__profile, #modal__edit__stappenplan ul li dl dt span.product__profile {
        background: #e7b509; }
      #modal__edit__step ul li dl dt span.product__sector, #modal__edit__stappenplan ul li dl dt span.product__sector {
        background: #0090B3; }
      #modal__edit__step ul li dl dt span.product__study, #modal__edit__stappenplan ul li dl dt span.product__study {
        background: #E87A23; }
      #modal__edit__step ul li dl dt span.product__mbo, #modal__edit__stappenplan ul li dl dt span.product__mbo {
        background: #dabf8c; }
      #modal__edit__step ul li dl dt span.product__start, #modal__edit__stappenplan ul li dl dt span.product__start {
        background: #d49d6f; }
      #modal__edit__step ul li dl dt span.product__dld, #modal__edit__stappenplan ul li dl dt span.product__dld {
        background: #eacf7f; }
      #modal__edit__step ul li dl dt span.product__vdk, #modal__edit__stappenplan ul li dl dt span.product__vdk {
        background: #eacf00; }
  #modal__edit__step ul li dl dd, #modal__edit__stappenplan ul li dl dd {
    float: right;
    margin: 0;
    width: 380px;
    font-size: 13px; }
    #modal__edit__step ul li dl dd label, #modal__edit__stappenplan ul li dl dd label {
      width: 364px;
      display: inline-block;
      margin-bottom: 10px; }

.progress__list {
  background: #C4DEDE;
  border-radius: 5px;
  padding: 5px;
  height: 90px;
  text-align: center;
  color: #6CADAC;
  font-size: 13px; }
  .progress__list li.rood {
    background-color: #e83333;
    border-radius: 4px;
    height: 19px; }
  .progress__list li.oranje {
    background-color: #ff7133;
    border-radius: 4px;
    height: 19px; }
  .progress__list li.groen {
    background-color: #27e833;
    border-radius: 4px;
    height: 19px; }
  .progress__list p {
    float: left;
    width: 100px;
    font-size: 13px;
    color: #50626D;
    text-align: left; }
  .progress__list .progress__bar {
    float: left;
    width: 100px;
    height: 10px;
    background: #A7CECD;
    border-radius: 5px;
    margin: 6px 2px 0 2px;
    border-top: 1px solid #84A8AA;
    border-bottom: 1px solid #D0E5E5;
    position: relative; }
    .progress__list .progress__bar span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background: #C8A891;
      background-image: -owg-linear-gradient(#C8A891, #AC8369);
      background-image: -webkit-linear-gradient(#C8A891, #AC8369);
      background-image: -moz-linear-gradient(#C8A891, #AC8369);
      background-image: -o-linear-gradient(#C8A891, #AC8369);
      background-image: linear-gradient(#C8A891, #AC8369);
      border-radius: 5px;
      padding: 0; }
  .progress__list .progress__percent {
    float: left;
    width: 35px;
    font-weight: bold;
    color: #915329;
    text-align: right; }
  .progress__list.progress__list--small {
    height: 29px; }
  .progress__list.progress__list--vmbo {
    height: 73px; }

.modal__export__list {
  height: 20px;
  margin-top: 12px; }
  .modal__export__list li {
    float: left;
    margin-right: 60px; }
    .modal__export__list li label {
      margin-left: 5px; }

.list__progress li {
  border-bottom: 1px solid #C4DEDE; }

.list__pagination li {
  width: 24px;
  float: left;
  cursor: pointer;
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #FFF;
  background: #BBD8D8;
  background-image: -owg-linear-gradient(#BBD8D8, #C9E1E1);
  background-image: -webkit-linear-gradient(#BBD8D8, #C9E1E1);
  background-image: -moz-linear-gradient(#BBD8D8, #C9E1E1);
  background-image: -o-linear-gradient(#BBD8D8, #C9E1E1);
  background-image: linear-gradient(#BBD8D8, #C9E1E1);
  margin: 10px 2px 10px 0;
  color: #6CADAC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
  .list__pagination li.selected {
    background: #B79074;
    background-image: -owg-linear-gradient(#B79074, #915d3E);
    background-image: -webkit-linear-gradient(#B79074, #915d3E);
    background-image: -moz-linear-gradient(#B79074, #915d3E);
    background-image: -o-linear-gradient(#B79074, #915d3E);
    background-image: linear-gradient(#B79074, #915d3E);
    color: #FFF;
    box-shadow: none; }
  .list__pagination li:first-child {
    border-radius: 5px 0 0 5px; }
  .list__pagination li:last-child {
    border-radius: 0 5px 5px 0; }

.list__progress__steps {
  width: 397px; }
  .list__progress__steps li {
    width: 7.5%;
    float: left;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #FFF;
    background: #BBD8D8;
    background-image: -owg-linear-gradient(#BBD8D8, #C9E1E1);
    background-image: -webkit-linear-gradient(#BBD8D8, #C9E1E1);
    background-image: -moz-linear-gradient(#BBD8D8, #C9E1E1);
    background-image: -o-linear-gradient(#BBD8D8, #C9E1E1);
    background-image: linear-gradient(#BBD8D8, #C9E1E1);
    margin: 10px 2px 10px 0;
    color: #6CADAC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
    .list__progress__steps li.steps__subjects {
      background: #83BCBB;
      background-image: -owg-linear-gradient(#83BCBB, #549796);
      background-image: -webkit-linear-gradient(#83BCBB, #549796);
      background-image: -moz-linear-gradient(#83BCBB, #549796);
      background-image: -o-linear-gradient(#83BCBB, #549796);
      background-image: linear-gradient(#83BCBB, #549796);
      color: #FFF;
      box-shadow: none; }
    .list__progress__steps li.steps__hobbies {
      background: #B79074;
      background-image: -owg-linear-gradient(#B79074, #915d3E);
      background-image: -webkit-linear-gradient(#B79074, #915d3E);
      background-image: -moz-linear-gradient(#B79074, #915d3E);
      background-image: -o-linear-gradient(#B79074, #915d3E);
      background-image: linear-gradient(#B79074, #915d3E);
      color: #FFF;
      box-shadow: none; }
    .list__progress__steps li.steps__extras {
      background: #8C9AA2;
      background-image: -owg-linear-gradient(#8C9AA2, #5B6972);
      background-image: -webkit-linear-gradient(#8C9AA2, #5B6972);
      background-image: -moz-linear-gradient(#8C9AA2, #5B6972);
      background-image: -o-linear-gradient(#8C9AA2, #5B6972);
      background-image: linear-gradient(#8C9AA2, #5B6972);
      color: #FFF;
      box-shadow: none; }
    .list__progress__steps li:first-child {
      border-radius: 5px 0 0 5px; }
    .list__progress__steps li:last-child {
      border-radius: 0 5px 5px 0; }
  .list__progress__steps.list__progress__steps--big li {
    width: 19.395466%; }

.list__progress__assignments li {
  border-bottom: 1px solid #C4DEDE;
  position: relative;
  padding: 4px 20px 4px 0; }
  .list__progress__assignments li:after {
    position: absolute;
    right: 0;
    top: 7px;
    color: #6CADAC; }
  .list__progress__assignments li .button {
    padding: 2px 9px 0px 9px;
    vertical-align: 0;
    font-size: 0.7em;
    float: right;
    margin: -1px 5px 0 5px; }
  .list__progress__assignments li:last-child {
    border-bottom: none; }
  .list__progress__assignments li span.bold {
    font-weight: bold; }

.list__klas__wrap {
  float: left;
  width: 300px; }
  .list__klas__wrap li {
    float: left;
    padding-bottom: 10px;
    font-size: 13px; }
    .list__klas__wrap li div {
      font-weight: bold;
      color: #C97E36;
      min-width: 200px; }
    .list__klas__wrap li a {
      font-weight: bold;
      color: #C97E36; }
      .list__klas__wrap li a:hover {
        color: #915329; }
      .list__klas__wrap li a span {
        border-radius: 5px;
        background: #83BCBB;
        background-image: -owg-linear-gradient(#83BCBB, #549796);
        background-image: -webkit-linear-gradient(#83BCBB, #549796);
        background-image: -moz-linear-gradient(#83BCBB, #549796);
        background-image: -o-linear-gradient(#83BCBB, #549796);
        background-image: linear-gradient(#83BCBB, #549796);
        color: #FFF;
        padding: 2px 5px;
        font-size: 12px;
        font-weight: bold;
        margin-left: 10px; }

.list__student__wrap {
  float: left;
  width: 460px; }
  .list__student__wrap li {
    float: left;
    width: 50%;
    padding-bottom: 10px;
    font-size: 13px;
    position: relative;
    line-height: 34px; }
    .list__student__wrap li:first-child {
      width: 40%; }
    .list__student__wrap li:last-child {
      width: 60%; }
    .list__student__wrap li .wwcontainer {
      padding-bottom: 10px; }
    .list__student__wrap li button:nth-child(2) {
      float: right; }
    .list__student__wrap li a {
      font-weight: bold;
      color: #C97E36; }
      .list__student__wrap li a:hover {
        color: #915329; }
      .list__student__wrap li a span {
        border-radius: 5px;
        background: #83BCBB;
        background-image: -owg-linear-gradient(#83BCBB, #549796);
        background-image: -webkit-linear-gradient(#83BCBB, #549796);
        background-image: -moz-linear-gradient(#83BCBB, #549796);
        background-image: -o-linear-gradient(#83BCBB, #549796);
        background-image: linear-gradient(#83BCBB, #549796);
        color: #FFF;
        padding: 2px 5px;
        font-size: 12px;
        font-weight: bold;
        margin-left: 10px; }
    .list__student__wrap li:nth-child(even) {
      padding-left: 15px; }
    .list__student__wrap li .button {
      position: relative !important;
      top: auto !important;
      right: auto !important;
      margin-left: 5px;
      color: #fff; }

.list__rating {
  display: block;
  margin: 3px 0 0 5px; }
  .list__rating li {
    color: #C4DEDE;
    float: left;
    background: none;
    margin-right: 4px;
    padding: 0;
    border-bottom: none;
    font-size: 1.3em; }
    .list__rating li.true {
      color: #6CADAC; }

.list__accordian li .list__rating, list__Parentaccordian li .list__rating {
  display: block;
  margin: 3px 0 0 5px; }
  .list__accordian li .list__rating li, list__Parentaccordian li .list__rating li {
    color: #C4DEDE;
    float: left;
    background: none;
    margin-right: 4px;
    padding: 0;
    border-bottom: none;
    font-size: 1.3em; }
    .list__accordian li .list__rating li.true, list__Parentaccordian li .list__rating li.true {
      color: #6CADAC; }
    .list__accordian li .list__rating li.score1, list__Parentaccordian li .list__rating li.score1 {
      color: #F23D3D; }
    .list__accordian li .list__rating li.score2, list__Parentaccordian li .list__rating li.score2 {
      color: #FF7500; }
    .list__accordian li .list__rating li.score3, list__Parentaccordian li .list__rating li.score3 {
      color: #FFB200; }
    .list__accordian li .list__rating li.score4, list__Parentaccordian li .list__rating li.score4 {
      color: #C3ED00; }
    .list__accordian li .list__rating li.score5, list__Parentaccordian li .list__rating li.score5 {
      color: #76AF00; }
    .list__accordian li .list__rating li.score6, list__Parentaccordian li .list__rating li.score6 {
      color: #00990D; }

.rating__legenda__wrapper {
  width: 100%;
  height: 30px;
  display: block; }
  .rating__legenda__wrapper ul li {
    float: left;
    margin-right: 50px; }
    .rating__legenda__wrapper ul li ul {
      display: inline; }
      .rating__legenda__wrapper ul li ul li {
        width: auto;
        margin-right: 4px; }
    .rating__legenda__wrapper ul li p {
      margin: 0;
      display: inline-block; }

.list__legenda__summary {
  position: absolute;
  right: 0;
  top: 14px; }
  .list__legenda__summary li {
    float: left; }
    .list__legenda__summary li span {
      font-size: 14px;
      font-weight: bold;
      color: #6CADAC;
      padding-right: 10px; }
    .list__legenda__summary li p {
      font-size: 13px;
      color: #50626D;
      margin: 0;
      display: inline-block;
      padding-right: 40px; }

.list__summary > li {
  float: left;
  width: 25%;
  border-left: 1px solid #A7CECD;
  padding: 0 10px;
  text-align: center; }
  .list__summary > li:first-child {
    border-left: none; }
  .list__summary > li:last-child {
    padding-right: 0; }

.list__email__nav {
  margin-top: 20px;
  border-top: 1px solid #DCE0E2;
  border-bottom: 1px solid #DCE0E2; }
  .list__email__nav li {
    padding: 10px 0;
    position: relative; }
    .list__email__nav li span {
      position: absolute;
      right: 0;
      top: 9px;
      background: #D18E49;
      background-image: -owg-linear-gradient(#D18E49, #BE6E2B);
      background-image: -webkit-linear-gradient(#D18E49, #BE6E2B);
      background-image: -moz-linear-gradient(#D18E49, #BE6E2B);
      background-image: -o-linear-gradient(#D18E49, #BE6E2B);
      background-image: linear-gradient(#D18E49, #BE6E2B);
      color: #FFF;
      font-size: 12px;
      font-weight: bold;
      padding: 0 7px;
      text-align: center;
      border-radius: 5px; }
    .list__email__nav li:before {
      color: #C97E36;
      width: 16px; }
    .list__email__nav li a {
      color: #C97E36; }
      .list__email__nav li a:hover, .list__email__nav li a.active {
        color: #50626D; }

.list__email__filter {
  width: 100%;
  height: 20px;
  margin: 10px 0; }
  .list__email__filter li {
    float: left;
    font-size: 13px;
    color: #7D8C96; }
    .list__email__filter li a {
      font-weight: bold;
      color: #C97E36;
      border-left: 1px solid #99A8AD;
      padding: 0 10px; }
      .list__email__filter li a:hover {
        color: #915329; }
    .list__email__filter li:nth-child(2) a {
      border-left: none; }

.list__email__items {
  border-top: 1px solid #C4DEDE;
  width: 100%; }
  .list__email__items li {
    border-bottom: 1px solid #C4DEDE;
    padding: 10px 0;
    font-size: 13px; }
    .list__email__items li .icheckbox_minimal {
      float: left;
      margin-right: 10px;
      margin-top: 3px; }
    .list__email__items li .email__title {
      float: left;
      margin: 0;
      width: 450px;
      padding-right: 10px;
      font-weight: bold;
      color: #50626D; }
    .list__email__items li .email__date {
      float: right;
      margin: 0;
      color: #6CADAC; }
    .list__email__items li .email__ontvangers {
      display: block;
      float: left;
      margin: 0 0 0 22px;
      max-width: 510px;
      color: #73818A; }
    .list__email__items li .email__content {
      display: block;
      float: left;
      margin: 0 0 0 22px;
      color: #73818A; }
      .list__email__items li .email__content pre {
        width: 600px;
        padding: 8px;
        background-color: #f4e5d7;
        border-radius: 5px;
        white-space: pre-wrap;
        /* css-3 */
        white-space: -moz-pre-wrap;
        /* Mozilla, since 1999 */
        white-space: -pre-wrap;
        /* Opera 4-6 */
        white-space: -o-pre-wrap;
        /* Opera 7 */
        word-wrap: break-word;
        /* Internet Explorer 5.5+ */ }
    .list__email__items li .email__attachment {
      float: right;
      margin: 0px; }
      .list__email__items li .email__attachment:before {
        content: "\f0c6";
        color: #C97E36;
        font-size: 18px;
        margin-right: 12px; }

.inner__right .filter li {
  float: left;
  width: 33%;
  margin-bottom: 12px; }
  .inner__right .filter li .icheckbox_minimal {
    margin-top: 4px;
    float: left; }
  .inner__right .filter li label {
    margin: 0 0 0 10px;
    font-weight: bold;
    cursor: pointer; }

.heading__wrap__buttons {
  position: absolute;
  right: 20px;
  top: 20px; }
  .heading__wrap__buttons li {
    float: left;
    margin-left: 20px; }
    .heading__wrap__buttons li .button {
      width: 220px;
      font-weight: bold; }

.submenu {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #dce0e2;
  padding: 8px; }
  .submenu p {
    line-height: 14px;
    margin: 5px; }

input[type=search] {
  -webkit-appearance: textfield; }

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  color: #333;
  display: block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: inherit;
  line-height: 1.5em;
  margin: 0;
  padding: 6px 10px 5px 10px;
  vertical-align: baseline;
  width: 100% !important;
  -webkit-transition: border 0.1s;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  transition: border 0.1s; }
  input[type=text]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=email]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #8c8c8c;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    color: #333;
    outline: 0; }

textarea {
  display: block;
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  color: #C97E36; }

select {
  border: 1px solid #50626D;
  border: 1px solid rgba(80, 98, 109, 0.3);
  background: #FFF url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#FFF 10%, #CAD0D3 40%, #FFF 80%);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#FFF 10%, #CAD0D3 40%, #FFF 80%);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#FFF 10%, #CAD0D3 40%, #FFF 80%);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#FFF 10%, #CAD0D3 40%, #FFF 80%);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#FFF 10%, #CAD0D3 40%, #FFF 80%);
  background-position: right -585px, left top;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
  padding: 6px 30px 6px 10px;
  font-size: 13px;
  line-height: 16px; }

select {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }

/*for IE10*/
select::-ms-expand {
  display: none; }

legend {
  border: 0;
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
  line-height: 1.5em;
  font-size: 1.4em; }

ul.form {
  clear: both;
  list-style: none;
  margin: 0; }
  ul.form > li {
    overflow: hidden;
    *zoom: 1; }
  ul.form > li > label {
    clear: left;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 20px; }
    ul.form > li > label:hover {
      color: #000; }
  ul.form div.form__fields {
    font-size: 13px;
    margin-bottom: 20px; }

.content__contactgegevens {
  clear: both; }
  .content__contactgegevens ul.form {
    padding-top: 20px; }
    .content__contactgegevens ul.form li {
      padding: 10px 0 0 0; }
      .content__contactgegevens ul.form li:first-child {
        border-top: 1px solid #EDEFF0; }
      .content__contactgegevens ul.form li:nth-child(2) {
        border-bottom: 1px solid #EDEFF0;
        padding: 0; }
      .content__contactgegevens ul.form li:last-child {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid #EDEFF0; }
      .content__contactgegevens ul.form li label {
        float: left;
        width: 200px; }
      .content__contactgegevens ul.form li .form__fields {
        margin: 0;
        float: right;
        width: 240px; }
        .content__contactgegevens ul.form li .form__fields input[type=text], .content__contactgegevens ul.form li .form__fields input[type=email], .content__contactgegevens ul.form li .form__fields textarea {
          color: #c97e36;
          border: 1px solid #CAD0D3;
          -webkit-box-shadow: inset #D8DCDE 0px 3px 3px;
          -moz-box-shadow: inset #D8DCDE 0px 3px 3px;
          box-shadow: inset #D8DCDE 0px 3px 3px; }

ul.form#school__instellingen,
ul.form#school__instellingenvmbo,
ul.form#school__instellingenplus,
ul.form#school__instellingenvaardigheden,
ul.form#school__instellingenvaardighedenmatrix {
  padding: 10px 20px; }
  ul.form#school__instellingen li,
  ul.form#school__instellingenvmbo li,
  ul.form#school__instellingenplus li,
  ul.form#school__instellingenvaardigheden li,
  ul.form#school__instellingenvaardighedenmatrix li {
    padding: 10px 0 5px 0; }
    ul.form#school__instellingen li label,
    ul.form#school__instellingenvmbo li label,
    ul.form#school__instellingenplus li label,
    ul.form#school__instellingenvaardigheden li label,
    ul.form#school__instellingenvaardighedenmatrix li label {
      float: left;
      width: 300px; }
    ul.form#school__instellingen li .form__fields,
    ul.form#school__instellingenvmbo li .form__fields,
    ul.form#school__instellingenplus li .form__fields,
    ul.form#school__instellingenvaardigheden li .form__fields,
    ul.form#school__instellingenvaardighedenmatrix li .form__fields {
      margin: -5px 0 0 0;
      float: right; }

ul.form__checklist {
  list-style: none;
  margin: 0; }
  ul.form__checklist input {
    display: inline;
    margin-right: 0.8em; }
  ul.form__checklist label {
    font-size: 13px;
    line-height: 30px;
    margin-left: 5px; }
    ul.form__checklist label:hover {
      color: #000;
      cursor: pointer; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #C97E36; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #C97E36; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #C97E36; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #C97E36; }

.wrapper__grey.width-630 select {
  width: 250px !important;
  float: right;
  margin-top: 3px; }

.modal__content__wrap label {
  float: left;
  padding-top: 5px;
  font-size: 13px; }

.modal__content__wrap input[type=text] {
  margin-bottom: 20px;
  float: right;
  width: 78% !important; }

.search__form {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  width: 260px; }
  .search__form input[type=search] {
    padding-right: 30px;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4); }
  .search__form input[type=submit] {
    position: absolute;
    background: #FFF;
    top: 5px;
    right: 7px;
    font-size: 1.3em;
    color: #C97E36;
    padding: 0;
    text-shadow: none; }
    .search__form input[type=submit]:hover {
      background: #FFF;
      color: #915329; }

.search__form--email {
  right: 20px;
  top: 20px;
  width: 180px; }

.table__control__wrapper--student .search__form {
  left: 0;
  right: auto;
  width: 380px; }

.wrapper__new__message input, .wrapper__new__message textarea {
  margin-bottom: 20px; }

.wrapper__new__message__to .search__form--name {
  position: relative;
  float: left;
  width: 150px; }

.wrapper__new__message__to select {
  float: right;
  width: 220px !important;
  margin-bottom: 10px; }

.wrapper__bericht input, .wrapper__bericht textarea, .wrapper__bericht #eltVoegBestandToe {
  margin-bottom: 16px; }

.content__profielindeling__wrap thead th:nth-child(2) {
  width: 390px; }

.wrapper__editTekst input, .wrapper__editTekst textarea {
  margin-bottom: 20px; }

table {
  border-collapse: separate;
  border-radius: 5px;
  border-spacing: 0;
  width: 100%; }
  table thead th {
    background: #f8f9f9;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    padding: 16px 20px;
    text-align: left; }
    table thead th:first-child {
      border-radius: 5px 0 0 0; }
    table thead th:last-child {
      border-radius: 0 5px 0 0; }
    table thead th select {
      display: inline-block;
      width: 200px !important; }
  table tbody tr td {
    padding: 13px 15px;
    font-size: 13px;
    vertical-align: top; }
    table tbody tr td:first-child {
      padding-left: 20px; }
    table tbody tr td p {
      margin: 0; }
    table tbody tr td a {
      color: #C97E36; }
      table tbody tr td a:hover {
        color: #915329; }
    table tbody tr td span {
      /*color: $white;
          font-weight: bold;
          padding: 7px 15px;*/ }
      table tbody tr td span.orange {
        background: #E87A23; }
      table tbody tr td span.blue {
        background: #0073AE; }
    table tbody tr td.td__select {
      width: 50px; }
    table tbody tr td.td__student__thumb {
      width: 170px;
      vertical-align: top;
      position: relative; }
      table tbody tr td.td__student__thumb img {
        border: 1px solid #6CADAC; }
      table tbody tr td.td__student__thumb .last__login {
        color: #6CADAC;
        position: absolute;
        bottom: 10px; }
    table tbody tr td.td__name {
      width: 200px; }
    table tbody tr td.td__title {
      width: 250px; }
    table tbody tr td.td__cat {
      width: 130px; }
      table tbody tr td.td__cat p {
        padding: 7px;
        color: #FFF;
        display: inline; }
        table tbody tr td.td__cat p.product__profile {
          background: #e7b509; }
        table tbody tr td.td__cat p.product__sector {
          background: #0090B3; }
        table tbody tr td.td__cat p.product__study {
          background: #E87A23; }
        table tbody tr td.td__cat p.product__mbo {
          background: #dabf8c; }
        table tbody tr td.td__cat p.product__start {
          background: #d49d6f; }
        table tbody tr td.td__cat p.product__dld {
          background: #eacf7f; }
        table tbody tr td.td__cat p.product__vdk {
          background: #eacf00; }
    table tbody tr td.td__cards {
      width: 140px;
      vertical-align: top; }
    table tbody tr td.td__function {
      width: 170px; }
    table tbody tr td.td__date {
      width: 150px; }
    table tbody tr td.td__class {
      width: 160px; }
    table tbody tr td.td__status {
      width: 140px; }
    table tbody tr td.td__licence {
      width: 240px;
      font-weight: bold;
      font-style: italic; }
    table tbody tr td.td__actions {
      padding: 9px 9px 0 6px;
      width: 24px; }
    table tbody tr td.td__description {
      width: 240px; }
      table tbody tr td.td__description.wide {
        width: 480px; }
    table tbody tr td.td__assignedTo {
      max-width: 100px; }
    table tbody tr td.td__notification {
      padding: 9px 0; }
    table tbody tr td.td__mail {
      padding: 9px 0; }
    table tbody tr td.td__progress {
      width: 300px;
      padding: 13px 10px 13px 0;
      vertical-align: bottom; }
    table tbody tr td.td__progress--small {
      width: 160px;
      padding: 13px 10px 13px 0;
      vertical-align: bottom; }
    table tbody tr td.td__close {
      padding: 9px 9px 0 0;
      min-width: 45px; }
      table tbody tr td.td__close .button {
        display: block; }
    table tbody tr td.td__id-name {
      width: 300px; }
    table tbody tr td.td__id a, table tbody tr td.td__schoolname a {
      font-weight: bold; }
    table tbody tr td.td__location {
      width: 160px; }
    table tbody tr td.td__licence__se {
      width: 120px;
      padding-left: 0px;
      margin-left: 8px; }
      table tbody tr td.td__licence__se span {
        background-color: #0090B3;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__se span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__st {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__st span {
        background: #E87A23;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__st span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__pk {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__pk span {
        background: #e7b509;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__pk span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__mb {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__mb span {
        background: #dabf8c;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__mb span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__vd {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__vd span {
        background: #dabf00;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__vd span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__on {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__on span {
        background: #d49d6f;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__on span.disabled {
          background-color: silver; }
    table tbody tr td.td__licence__dl {
      width: 120px;
      padding-left: 0px; }
      table tbody tr td.td__licence__dl span {
        background-color: #eacf7f;
        padding: 4px 7px;
        margin-left: 10px;
        display: inline-block;
        height: 29px;
        width: 100px; }
        table tbody tr td.td__licence__dl span.disabled {
          background-color: silver; }
    table tbody tr td.td_beheer_licentie {
      width: 110px;
      padding-left: 0px; }
      table tbody tr td.td_beheer_licentie.qsk span {
        background-color: #E87A23; }
      table tbody tr td.td_beheer_licentie.qpk span {
        background-color: #e7b509; }
      table tbody tr td.td_beheer_licentie.qsec span {
        background-color: #0090B3; }
      table tbody tr td.td_beheer_licentie.start span {
        background-color: #d49d6f; }
      table tbody tr td.td_beheer_licentie.mbo span {
        background-color: #DABF8C; }
      table tbody tr td.td_beheer_licentie.vdk span {
        background-color: #DABF00; }
      table tbody tr td.td_beheer_licentie span {
        padding: 4px 5px;
        margin-left: 0px;
        display: inline-block;
        height: 29px;
        width: 60px; }
        table tbody tr td.td_beheer_licentie span.disabled {
          background-color: silver; }
    table tbody tr td.td__id {
      width: 70px; }
    table tbody tr td.td__id--big {
      width: 510px; }
    table tbody tr td.td__user {
      width: 440px; }
    table tbody tr td.td__role {
      width: 150px; }
  table tbody tr:hover td.td__close .button {
    display: block; }
  table tbody tr:last-child:not(:only-child) td:first-child {
    border-radius: 0 0 0 5px; }
  table tbody tr:last-child:not(:only-child) td:last-child {
    border-radius: 0 0 5px 0; }
  table tbody tr.heading td {
    text-transform: uppercase;
    font-size: 12px;
    position: relative; }
    table tbody tr.heading td:before, table tbody tr.heading td:after {
      color: #FFF;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
      font-size: 1.2em;
      padding: 0 0 0 5px; }
    table tbody tr.heading td.fa-sort {
      cursor: pointer; }
      table tbody tr.heading td.fa-sort:after {
        padding-top: 5px;
        content: "\f0dc";
        vertical-align: -1px; }
    table tbody tr.heading td.fa-sort-asc {
      cursor: pointer; }
      table tbody tr.heading td.fa-sort-asc:after {
        content: "\f0dd";
        vertical-align: 2px; }
    table tbody tr.heading td.fa-sort-desc {
      cursor: pointer; }
      table tbody tr.heading td.fa-sort-desc:after {
        content: "\f0de";
        vertical-align: -4px; }
    table tbody tr.heading td .info {
      float: right; }
  table.grey {
    margin-bottom: 10px; }
    table.grey thead th {
      background: #96A1A7;
      color: #FFF; }
    table.grey tbody tr {
      background: #edeff0; }
      table.grey tbody tr.heading {
        background: #dce0e2;
        font-weight: bold;
        color: #849199;
        font-size: 12px; }
      table.grey tbody tr td {
        border-bottom: 1px solid #dce0e2;
        text-align: right; }
        table.grey tbody tr td.subheading {
          font-weight: bold; }
          table.grey tbody tr td.subheading a {
            color: #C97E36; }
            table.grey tbody tr td.subheading a:hover {
              color: #915329; }
        table.grey tbody tr td.level__2 {
          padding-left: 40px; }
        table.grey tbody tr td:first-child {
          text-align: left; }
        table.grey tbody tr td.links {
          text-align: left; }
  table.aqua thead th {
    background: #5D6E79;
    background-image: -owg-linear-gradient(#5D6E79, #455661);
    background-image: -webkit-linear-gradient(#5D6E79, #455661);
    background-image: -moz-linear-gradient(#5D6E79, #455661);
    background-image: -o-linear-gradient(#5D6E79, #455661);
    background-image: linear-gradient(#5D6E79, #455661);
    color: #FFF; }
    table.aqua thead th:first-child {
      border-radius: 5px 0 0 0; }
    table.aqua thead th:last-child {
      border-radius: 0 5px 0 0; }
    table.aqua thead th:nth-child(1):last-child {
      border-radius: 5px 5px 0 0; }
  table.aqua tbody tr {
    background: #E2EFEE; }
    table.aqua tbody tr.light {
      background-color: #eef5f5; }
    table.aqua tbody tr.header td {
      background-color: #eef5f5; }
    table.aqua tbody tr td {
      border-bottom: 1px solid #FFF; }
      table.aqua tbody tr td.score {
        color: #fff; }
        table.aqua tbody tr td.score .plusplusplus {
          background: #78a23e; }
        table.aqua tbody tr td.score .plusplus {
          background: #69a742; }
        table.aqua tbody tr td.score .plus {
          background: #c2ce31; }
        table.aqua tbody tr td.score .plusmin {
          background: #ccc; }
        table.aqua tbody tr td.score .min {
          background: #db8f1b; }
        table.aqua tbody tr td.score .minmin {
          background: #cc5a1c; }
        table.aqua tbody tr td.score .minminmin {
          background: #c5234b; }
        table.aqua tbody tr td.score span {
          height: 30px;
          color: #fff;
          display: inline-block;
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 2px;
          font-weight: bold;
          width: 100%;
          max-width: 45px;
          padding: 3px 0 0 0;
          margin: 0;
          margin-right: 0px;
          margin-right: 0px;
          text-align: center;
          border-bottom: solid 1px #7e8c97;
          border-radius: 5px; }
          table.aqua tbody tr td.score span.plusplusplus::after {
            content: "+++";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.plusplus::after {
            content: "++";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.plus::after {
            content: "+";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.plusmin::after {
            content: "";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.min::after {
            content: "-";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.minmin::after {
            content: "--";
            display: inline-block;
            margin: 0 auto; }
          table.aqua tbody tr td.score span.minminmin::after {
            content: "---";
            display: inline-block;
            margin: 0 auto; }
      table.aqua tbody tr td.competentie span {
        background-size: cover;
        display: inline-block;
        height: 30px;
        width: 30px; }
        table.aqua tbody tr td.competentie span.comp1 {
          background-image: url("/Content/images/gui/ico/kwaliteitenreflectie.svg"); }
        table.aqua tbody tr td.competentie span.comp2 {
          background-image: url("/Content/images/gui/ico/motievenreflectie.svg"); }
        table.aqua tbody tr td.competentie span.comp3 {
          background-image: url("/Content/images/gui/ico/werkexploratie.svg"); }
        table.aqua tbody tr td.competentie span.comp4 {
          background-image: url("/Content/images/gui/ico/loopbaansturing.svg"); }
        table.aqua tbody tr td.competentie span.comp5 {
          background-image: url("/Content/images/gui/ico/netwerken.svg"); }
      table.aqua tbody tr td .xpCardCompImg.lbComp1 {
        background-image: url("/Content/Images/sideimage/Kwaliteitenreflectie.png"); }
      table.aqua tbody tr td .xpCardCompImg.lbComp2 {
        background-image: url("/Content/Images/sideimage/Motievenreflectie.png"); }
      table.aqua tbody tr td .xpCardCompImg.lbComp3 {
        background-image: url("/Content/Images/sideimage/Werkplekexploratie.png"); }
      table.aqua tbody tr td .xpCardCompImg.lbComp4 {
        background-image: url("/Content/Images/sideimage/Loopbaansturing.png"); }
      table.aqua tbody tr td .xpCardCompImg.lbComp5 {
        background-image: url("/Content/Images/sideimage/Netwerken.png"); }
      table.aqua tbody tr td:first-child:not(.td__select):not(.td__info) {
        /*min-width: 180px;*/ }
      table.aqua tbody tr td.new {
        background: #EEF5F5; }
        table.aqua tbody tr td.new a {
          font-weight: bold;
          color: #C97E36; }
          table.aqua tbody tr td.new a:hover {
            color: #915329; }
      table.aqua tbody tr td.td__info {
        width: 50px;
        padding: 0 10px;
        position: relative; }
        table.aqua tbody tr td.td__info .button:hover .tooltip {
          display: block; }
      table.aqua tbody tr td.td__name a {
        font-weight: bold;
        color: #C97E36; }
        table.aqua tbody tr td.td__name a:hover {
          color: #915329; }
      table.aqua tbody tr td.td__name.naarles {
        position: relative;
        height: 1px; }
        table.aqua tbody tr td.td__name.naarles div {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6, BB7 */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
          display: flex;
          /* NEW, Spec - Firefox, Chrome, Opera */
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          -o-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          justify-content: space-between;
          height: 100%;
          width: 100%; }

@-moz-document url-prefix() {
  table.aqua tbody tr td.td__name.naarles div {
    padding: 13px 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }
        table.aqua tbody tr td.td__name.naarles a.button {
          color: white; }
      table.aqua tbody tr td.td__assignedTo ul {
        list-style: none;
        margin: 0; }
        table.aqua tbody tr td.td__assignedTo ul li {
          font-weight: bold; }
      table.aqua tbody tr td.td__actions {
        min-width: 33px; }
      table.aqua tbody tr td.td__class__name {
        width: 150px; }
        table.aqua tbody tr td.td__class__name span {
          display: block;
          padding: 0; }
      table.aqua tbody tr td.td__student {
        width: 140px; }
      table.aqua tbody tr td.td__mentors {
        width: 130px; }
      table.aqua tbody tr td.td__plan {
        width: 200px; }
        table.aqua tbody tr td.td__plan .button {
          display: block;
          text-align: left;
          position: relative; }
          table.aqua tbody tr td.td__plan .button:after {
            position: absolute;
            right: 10px;
            top: 6px; }
      table.aqua tbody tr td.td__year {
        width: 80px; }
      table.aqua tbody tr td.td__product span {
        width: 80px; }
      table.aqua tbody tr td.td__discipline span {
        width: 110px; }
      table.aqua tbody tr td.td__verslag {
        width: 50px; }
      table.aqua tbody tr td.td__product, table.aqua tbody tr td.td__discipline {
        width: 110px; }
        table.aqua tbody tr td.td__product span, table.aqua tbody tr td.td__discipline span {
          display: inline-block;
          height: 29px;
          padding-top: 4px;
          border-radius: 3px; }
          table.aqua tbody tr td.td__product span.product__profile, table.aqua tbody tr td.td__discipline span.product__profile {
            background-color: #e7b509;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__sector, table.aqua tbody tr td.td__discipline span.product__sector {
            background-color: #0090B3;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__study, table.aqua tbody tr td.td__discipline span.product__study {
            background-color: #E87A23;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__mbo, table.aqua tbody tr td.td__discipline span.product__mbo {
            background-color: #dabf8c;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__start, table.aqua tbody tr td.td__discipline span.product__start {
            background-color: #d49d6f;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__dld, table.aqua tbody tr td.td__discipline span.product__dld {
            background-color: #eacf7f;
            color: white;
            padding-left: 4px; }
          table.aqua tbody tr td.td__product span.product__vdk, table.aqua tbody tr td.td__discipline span.product__vdk {
            background-color: #eacf00;
            color: white;
            padding-left: 4px; }
      table.aqua tbody tr td.td__discipline {
        width: 400px; }
      table.aqua tbody tr td.td__valid__from {
        width: 150px; }
      table.aqua tbody tr td.td__valid__until {
        width: 220px; }
      table.aqua tbody tr td.td__first__name {
        width: 190px; }
      table.aqua tbody tr td.td__last__name {
        width: 150px; }
      table.aqua tbody tr td.td__class__student {
        width: 90px; }
    table.aqua tbody tr.heading {
      background: #6CADAC;
      color: #FFF;
      text-align: left;
      font-weight: bold; }
      table.aqua tbody tr.heading td {
        border-bottom: none; }
    table.aqua tbody tr.tr__expanded {
      background: #EEF5F5; }
      table.aqua tbody tr.tr__expanded td {
        border-bottom: none; }
    table.aqua tbody tr.tr__info__student {
      display: none;
      background: #EEF5F5; }
      table.aqua tbody tr.tr__info__student.tr__expanded__info {
        display: table-row; }
      table.aqua tbody tr.tr__info__student .td__inner__table {
        padding: 0 20px; }
    table.aqua tbody tr.tr__footer__class td {
      padding: 0 15px; }
      table.aqua tbody tr.tr__footer__class td.link__show__student {
        text-align: right;
        padding-right: 0; }
    table.aqua tbody tr.tr__footer__class.spacer td {
      position: relative; }
      table.aqua tbody tr.tr__footer__class.spacer td .inner__table {
        margin-bottom: 10px; }
      table.aqua tbody tr.tr__footer__class.spacer td tr:after {
        content: "";
        height: 10px;
        width: 100%;
        position: absolute;
        background: #FFF;
        bottom: 0;
        left: 0; }
    table.aqua tbody tr:last-child:not(:only-child) td, table.aqua tbody tr.tr__class td {
      border-bottom: none; }
  table.vtop tbody tr td {
    vertical-align: top; }
  table.inner {
    border-radius: 5px;
    background: #dce0e2;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    margin: 20px 0 40px 0; }
    table.inner tbody tr td {
      width: auto;
      color: #73818a; }
  table.transparant thead tr td {
    padding: 0px 15px; }
    table.transparant thead tr td:first-child {
      padding-left: 0; }
  table.transparant tbody tr td:first-child {
    padding-left: 0; }
  table.transparant tbody tr td.td__name {
    width: 210px;
    vertical-align: top;
    padding-top: 13px; }
  table.transparant tbody tr td.td__email {
    width: 310px;
    vertical-align: top;
    padding-top: 13px; }
  table.transparant tbody tr td.td__function {
    width: 170px;
    vertical-align: top;
    padding-top: 10px; }
  table.transparant tbody tr td.td__link {
    width: 31px;
    vertical-align: top;
    padding: 18px 0px 13px 0px; }
    table.transparant tbody tr td.td__link .button {
      min-width: 20px; }
  table.transparant tbody tr td.td__licence {
    width: 260px;
    vertical-align: top;
    padding-top: 17px; }
    table.transparant tbody tr td.td__licence span {
      font-weight: bold;
      font-style: italic;
      border-radius: 5px;
      background: #dce0e2;
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
      color: #50626D; }
  table.transparant tfoot textarea {
    margin-bottom: 20px; }
  table.beige {
    margin-bottom: 10px; }
    table.beige thead th {
      background: #D3BAA9;
      color: #915329;
      border-bottom: 1px solid #BD987F; }
      table.beige thead th:first-child {
        border-radius: 5px 5px 0 0; }
    table.beige tbody tr {
      background: #F4E5D7; }
      table.beige tbody tr td {
        border-bottom: 1px solid #D3BAA9;
        text-align: center; }
        table.beige tbody tr td:first-child {
          min-width: 130px;
          padding: 10px 0px 10px 20px;
          text-align: left; }
        table.beige tbody tr td.icon, table.beige tbody tr td.icon__desktop, table.beige tbody tr td.icon__card, table.beige tbody tr td.icon__check, table.beige tbody tr td.icon__ban, table.beige tbody tr td.icon__time, table.beige tbody tr td.icon__lock, table.beige tbody tr td.icon__lock--open, table.beige tbody tr td.icon__mail, table.beige tbody tr td.icon__key, table.beige tbody tr td.icon__print, table.beige tbody tr td.icon__next, table.beige tbody tr .submenuTD td.icon__details, .submenuTD table.beige tbody tr td.icon__details, table.beige tbody tr td.icon__download, table.beige tbody tr td.icon__back, table.beige tbody tr td.icon__inbox, table.beige tbody tr td.icon__add, table.beige tbody tr td.icon__inbox--in, table.beige tbody tr td.icon__inbox--out, table.beige tbody tr td.icon__file, table.beige tbody tr td.icon__trash, table.beige tbody tr td.icon__mobile {
          background: url(../images/icon_sprite.png) no-repeat;
          padding-top: 45px;
          padding-bottom: 3px; }
          table.beige tbody tr td.icon#icon__tech, table.beige tbody tr td#icon__tech.icon__desktop, table.beige tbody tr td#icon__tech.icon__card, table.beige tbody tr td#icon__tech.icon__check, table.beige tbody tr td#icon__tech.icon__ban, table.beige tbody tr td#icon__tech.icon__time, table.beige tbody tr td#icon__tech.icon__lock, table.beige tbody tr td#icon__tech.icon__lock--open, table.beige tbody tr td#icon__tech.icon__mail, table.beige tbody tr td#icon__tech.icon__key, table.beige tbody tr td#icon__tech.icon__print, table.beige tbody tr td#icon__tech.icon__next, table.beige tbody tr .submenuTD td#icon__tech.icon__details, .submenuTD table.beige tbody tr td#icon__tech.icon__details, table.beige tbody tr td#icon__tech.icon__download, table.beige tbody tr td#icon__tech.icon__back, table.beige tbody tr td#icon__tech.icon__inbox, table.beige tbody tr td#icon__tech.icon__add, table.beige tbody tr td#icon__tech.icon__inbox--in, table.beige tbody tr td#icon__tech.icon__inbox--out, table.beige tbody tr td#icon__tech.icon__file, table.beige tbody tr td#icon__tech.icon__trash, table.beige tbody tr td#icon__tech.icon__mobile {
            background-position: 43px -648px; }
          table.beige tbody tr td.icon#icon__zorg, table.beige tbody tr td#icon__zorg.icon__desktop, table.beige tbody tr td#icon__zorg.icon__card, table.beige tbody tr td#icon__zorg.icon__check, table.beige tbody tr td#icon__zorg.icon__ban, table.beige tbody tr td#icon__zorg.icon__time, table.beige tbody tr td#icon__zorg.icon__lock, table.beige tbody tr td#icon__zorg.icon__lock--open, table.beige tbody tr td#icon__zorg.icon__mail, table.beige tbody tr td#icon__zorg.icon__key, table.beige tbody tr td#icon__zorg.icon__print, table.beige tbody tr td#icon__zorg.icon__next, table.beige tbody tr .submenuTD td#icon__zorg.icon__details, .submenuTD table.beige tbody tr td#icon__zorg.icon__details, table.beige tbody tr td#icon__zorg.icon__download, table.beige tbody tr td#icon__zorg.icon__back, table.beige tbody tr td#icon__zorg.icon__inbox, table.beige tbody tr td#icon__zorg.icon__add, table.beige tbody tr td#icon__zorg.icon__inbox--in, table.beige tbody tr td#icon__zorg.icon__inbox--out, table.beige tbody tr td#icon__zorg.icon__file, table.beige tbody tr td#icon__zorg.icon__trash, table.beige tbody tr td#icon__zorg.icon__mobile {
            background-position: 77px -708px; }
          table.beige tbody tr td.icon#icon__econ, table.beige tbody tr td#icon__econ.icon__desktop, table.beige tbody tr td#icon__econ.icon__card, table.beige tbody tr td#icon__econ.icon__check, table.beige tbody tr td#icon__econ.icon__ban, table.beige tbody tr td#icon__econ.icon__time, table.beige tbody tr td#icon__econ.icon__lock, table.beige tbody tr td#icon__econ.icon__lock--open, table.beige tbody tr td#icon__econ.icon__mail, table.beige tbody tr td#icon__econ.icon__key, table.beige tbody tr td#icon__econ.icon__print, table.beige tbody tr td#icon__econ.icon__next, table.beige tbody tr .submenuTD td#icon__econ.icon__details, .submenuTD table.beige tbody tr td#icon__econ.icon__details, table.beige tbody tr td#icon__econ.icon__download, table.beige tbody tr td#icon__econ.icon__back, table.beige tbody tr td#icon__econ.icon__inbox, table.beige tbody tr td#icon__econ.icon__add, table.beige tbody tr td#icon__econ.icon__inbox--in, table.beige tbody tr td#icon__econ.icon__inbox--out, table.beige tbody tr td#icon__econ.icon__file, table.beige tbody tr td#icon__econ.icon__trash, table.beige tbody tr td#icon__econ.icon__mobile {
            background-position: 40px -768px; }
          table.beige tbody tr td.icon#icon__land, table.beige tbody tr td#icon__land.icon__desktop, table.beige tbody tr td#icon__land.icon__card, table.beige tbody tr td#icon__land.icon__check, table.beige tbody tr td#icon__land.icon__ban, table.beige tbody tr td#icon__land.icon__time, table.beige tbody tr td#icon__land.icon__lock, table.beige tbody tr td#icon__land.icon__lock--open, table.beige tbody tr td#icon__land.icon__mail, table.beige tbody tr td#icon__land.icon__key, table.beige tbody tr td#icon__land.icon__print, table.beige tbody tr td#icon__land.icon__next, table.beige tbody tr .submenuTD td#icon__land.icon__details, .submenuTD table.beige tbody tr td#icon__land.icon__details, table.beige tbody tr td#icon__land.icon__download, table.beige tbody tr td#icon__land.icon__back, table.beige tbody tr td#icon__land.icon__inbox, table.beige tbody tr td#icon__land.icon__add, table.beige tbody tr td#icon__land.icon__inbox--in, table.beige tbody tr td#icon__land.icon__inbox--out, table.beige tbody tr td#icon__land.icon__file, table.beige tbody tr td#icon__land.icon__trash, table.beige tbody tr td#icon__land.icon__mobile {
            background-position: 34px -828px; }
      table.beige tbody tr.heading td {
        color: #a77554;
        font-weight: bold; }
      table.beige tbody tr:last-child td {
        border-bottom: none; }
  table.inner__table thead tr {
    background: none; }
  table.inner__table tbody tr {
    background: none; }
    table.inner__table tbody tr td {
      vertical-align: top;
      padding: 20px 15px 10px 20px; }
  table.inner__table tfoot tr {
    background: none; }
    table.inner__table tfoot tr a {
      color: #C97E36; }
      table.inner__table tfoot tr a:hover {
        color: #915329; }
  table.inner__table.inner__table__aqua thead tr td {
    border-top: 1px solid #C4DEDE;
    border-bottom: 1px solid #C4DEDE;
    padding: 5px 15px; }
  table.inner__table.inner__table__aqua tfoot tr {
    background: none; }
    table.inner__table.inner__table__aqua tfoot tr td {
      border-top: 1px solid #C4DEDE;
      padding: 9px 15px; }
      table.inner__table.inner__table__aqua tfoot tr td.icon__key a {
        color: #C97E36; }
      table.inner__table.inner__table__aqua tfoot tr td.icon__key:hover a {
        color: #915329; }

.content__full__width__wrap table.aqua thead tr th:last-child:not(:first-child) {
  font-size: 13px; }

.content__full__width__wrap table.aqua tbody tr td:first-child:not(.td__info).td__courses {
  min-width: 370px; }

.content__full__width__wrap table.aqua tbody tr td:first-child:not(.td__info).td__name--small {
  min-width: 250px; }

.content__full__width__wrap table.aqua tbody tr td:first-child:not(.td__info).td__onderbouwvak {
  border-left-width: 1px; }

.list__accordian.aqua table.aqua thead tr th, .wrapper__aqua__body table.aqua thead tr th {
  background: none;
  font-size: 12px;
  font-weight: bold;
  color: #6CADAC;
  text-transform: uppercase;
  text-shadow: none; }

.list__accordian.aqua table.aqua tbody tr td, .wrapper__aqua__body table.aqua tbody tr td {
  border-top: 1px solid #c4dede;
  border-bottom: none;
  vertical-align: middle; }

.wrapper__aqua__body table thead tr th {
  padding: 5px 15px 5px 15px; }

.wrapper__aqua__body table tbody tr td {
  padding: 5px 15px 5px 15px;
  font-weight: bold; }
  .wrapper__aqua__body table tbody tr td:first-child {
    padding-left: 0; }

#tab__content__klassen__overzicht table,
#tab__content__leerlingen__overzicht table,
#tab__content__qsek table,
#tab__content__klassen__voortgang table,
#tab__content__leerlingen__voortgang table {
  margin-top: 20px; }
  #tab__content__klassen__overzicht table.inner__table,
  #tab__content__leerlingen__overzicht table.inner__table,
  #tab__content__qsek table.inner__table,
  #tab__content__klassen__voortgang table.inner__table,
  #tab__content__leerlingen__voortgang table.inner__table {
    margin-top: 0; }

.modal .inner .heading {
  font-weight: bold; }

.modal .inner.inner--border td {
  border-bottom: 1px solid #CAD0D3; }

#wrapper__aqua-vakken table thead th:first-child {
  width: 280px; }

#wrapper__aqua-competenties table thead th:first-child {
  width: 245px; }

#wrapper__aqua-competenties table tbody tr td:last-child {
  padding-right: 0; }

.wrapper__new__message__to table tbody tr td {
  padding: 5px 0px 5px 12px;
  overflow: hidden; }

.wrapper__new__message__to table tbody tr:hover {
  background: #FFF; }

.wrapper__new__message__to table tbody tr:first-child {
  border-radius: 5px 5px 0 0; }
  .wrapper__new__message__to table tbody tr:first-child td {
    border-radius: 5px 5px 0 0; }

.wrapper__new__message__to table tbody tr:last-child {
  border-radius: 0 0 5px 5px; }
  .wrapper__new__message__to table tbody tr:last-child td {
    border-radius: 0 0 5px 5px; }

.pasfoto {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 104px;
  overflow: hidden;
  width: 104px;
  border: 1px solid #6cadac; }

.table__accordian .accordion__header.active .handle:after {
  content: "\f0d8"; }

.table__accordian .accordion__header tr td {
  border-top: 1px solid #e2efee; }

.table__accordian .accordion__header tr .handle:after {
  content: "\f0d7";
  font-size: 14px;
  line-height: 1em;
  vertical-align: -5%;
  position: absolute;
  right: 10px;
  top: 16px;
  background: #eef5f5;
  /*#ebdfd7;*/
  border-radius: 20px;
  padding: 4px 7px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
  color: #C97E36;
  cursor: pointer; }

.table__accordian .accordion__header tr .handle:hover:after {
  color: #6CADAC; }

.table__accordian .accordion__header tr.heading .handle:after {
  right: 10px;
  top: 9px;
  background-color: #e2efee;
  /*#ebdfd7;*/
  border-radius: 20px;
  padding: 4px 7px; }

.table__accordian h4 {
  background-color: transparent;
  background-image: none;
  color: #FFF;
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
  padding: 17px 20px; }
  .table__accordian h4:after {
    background: #FFF;
    top: 15px; }
  .table__accordian h4:hover:after {
    color: #915329; }
  .table__accordian h4.active {
    border-bottom: 1px solid #6CADAC; }

.profielmatrix {
  margin-bottom: 12px; }
  .profielmatrix td:not(:first-child) {
    width: 40px; }
  .profielmatrix .heading td:not(:first-child) {
    border-left: 1px solid #e2efee; }
  .profielmatrix .profiel {
    color: #6CADAC;
    font-weight: bold; }
    .profielmatrix .profiel td:not(:first-child) {
      border-left: 1px solid white; }
  .profielmatrix .profielvak.alert {
    background-color: #FECCBB; }
  .profielmatrix .profielvak td:not(:first-child) {
    border-left: 1px solid white; }

table.topalign td {
  vertical-align: top; }

tr.licentiealert td {
  background-color: #FECCBB; }

table.leerlingnummertabel td {
  vertical-align: middle; }

/*#mask.loading {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1000;
        background-image: url('http://startific.com/images/loading_icon_photo.gif');
        background-position: center;
        background-repeat: no-repeat;
    }*/
.sortTarget table.loading {
  opacity: .5; }

.label, .label-contrast, .label-soft, .label-success, .label-alert {
  border-radius: 5px;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.1em 0.3em; }

.label {
  color: #FFF;
  background: #915329;
  -webkit-font-smoothing: antialiased; }

.label-contrast {
  color: #FFF;
  background-color: #262626;
  -webkit-font-smoothing: antialiased; }

.label-soft {
  color: #333333;
  background: #cccccc; }

.label-success {
  color: #FFF;
  background-color: #62BF39;
  -webkit-font-smoothing: antialiased; }

.label-alert {
  color: #FFF;
  background-color: #DB635D;
  -webkit-font-smoothing: antialiased; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

div.buttons {
  list-style: none;
  margin: 0;
  overflow: hidden;
  *zoom: 1; }

.button,
input[type=submit],
button, .button-contrast, ul.pagination li.is-selected a,
input[type=submit].button-contrast,
button.button-contrast, .button__grey,
input[type=submit].button__grey,
button.button__grey, .button-grey, .button-aqua,
input[type=submit].button-aqua,
button.button-aqua, .button-success,
input[type=submit].button-success,
button.button-success, .button-warning,
input[type=submit].button-warning,
button.button-warning, .button-alert,
input[type=submit].button-alert,
button.button-alert {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 5px 20px;
  border: 0;
  vertical-align: bottom;
  text-decoration: none; }

.button:hover .tooltip {
  display: block; }

.button,
input[type=submit],
button {
  background: #D18E49;
  background-image: -owg-linear-gradient(#D18E49, #BE6E2B);
  background-image: -webkit-linear-gradient(#D18E49, #BE6E2B);
  background-image: -moz-linear-gradient(#D18E49, #BE6E2B);
  background-image: -o-linear-gradient(#D18E49, #BE6E2B);
  background-image: linear-gradient(#D18E49, #BE6E2B);
  color: #FFF;
  border: #D18E49;
  font-size: 12px;
  line-height: 21px; }
  .button:hover,
  input[type=submit]:hover,
  button:hover {
    color: #FFF;
    background: #BE6E2B;
    background-image: -owg-linear-gradient(#BE6E2B, #D18E49);
    background-image: -webkit-linear-gradient(#BE6E2B, #D18E49);
    background-image: -moz-linear-gradient(#BE6E2B, #D18E49);
    background-image: -o-linear-gradient(#BE6E2B, #D18E49);
    background-image: linear-gradient(#BE6E2B, #D18E49); }
  .button:active, .button:focus,
  input[type=submit]:active,
  input[type=submit]:focus,
  button:active,
  button:focus {
    background: #915329; }

.button-contrast, ul.pagination li.is-selected a,
input[type=submit].button-contrast,
button.button-contrast {
  color: #FFF;
  background: #75828a;
  background-image: -owg-linear-gradient(#919da4, #75828a);
  background-image: -webkit-linear-gradient(#919da4, #75828a);
  background-image: -moz-linear-gradient(#919da4, #75828a);
  background-image: -o-linear-gradient(#919da4, #75828a);
  background-image: linear-gradient(#919da4, #75828a); }
  .button-contrast:hover, ul.pagination li.is-selected a:hover,
  input[type=submit].button-contrast:hover,
  button.button-contrast:hover {
    background: #919da4;
    background-image: -owg-linear-gradient(#75828a, #919da4);
    background-image: -webkit-linear-gradient(#75828a, #919da4);
    background-image: -moz-linear-gradient(#75828a, #919da4);
    background-image: -o-linear-gradient(#75828a, #919da4);
    background-image: linear-gradient(#75828a, #919da4); }
  .button-contrast:active, ul.pagination li.is-selected a:active, .button-contrast:focus, ul.pagination li.is-selected a:focus,
  input[type=submit].button-contrast:active,
  input[type=submit].button-contrast:focus,
  button.button-contrast:active,
  button.button-contrast:focus {
    background: #50626D; }

.button__grey,
input[type=submit].button__grey,
button.button__grey {
  color: #C97E36;
  background: #F0F2F3;
  border: 1px solid #b9c0c5; }
  .button__grey:hover,
  input[type=submit].button__grey:hover,
  button.button__grey:hover {
    background: #e2e6e8;
    color: #C97E36; }
  .button__grey:active, .button__grey:focus,
  input[type=submit].button__grey:active,
  input[type=submit].button__grey:focus,
  button.button__grey:active,
  button.button__grey:focus {
    background: #a9b5ba;
    color: #915329; }

.button-grey {
  color: #C97E36;
  border: 1px solid #b9c0c5;
  background: #d4d8db;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  background-image: -owg-linear-gradient(#e9ebec, #d4d8db);
  background-image: -webkit-linear-gradient(#e9ebec, #d4d8db);
  background-image: -moz-linear-gradient(#e9ebec, #d4d8db);
  background-image: -o-linear-gradient(#e9ebec, #d4d8db);
  background-image: linear-gradient(#e9ebec, #d4d8db);
  text-shadow: none; }
  .button-grey:hover {
    color: #C97E36;
    background: #e9ebec;
    background-image: -owg-linear-gradient(#d4d8db, #e9ebec);
    background-image: -webkit-linear-gradient(#d4d8db, #e9ebec);
    background-image: -moz-linear-gradient(#d4d8db, #e9ebec);
    background-image: -o-linear-gradient(#d4d8db, #e9ebec);
    background-image: linear-gradient(#d4d8db, #e9ebec); }
  .button-grey:active, .button-grey:focus {
    background: #F0F2F3; }

.button-aqua,
input[type=submit].button-aqua,
button.button-aqua {
  background: #CAE1E1;
  background-image: -owg-linear-gradient(#CAE1E1, #BBD8D8);
  background-image: -webkit-linear-gradient(#CAE1E1, #BBD8D8);
  background-image: -moz-linear-gradient(#CAE1E1, #BBD8D8);
  background-image: -o-linear-gradient(#CAE1E1, #BBD8D8);
  background-image: linear-gradient(#CAE1E1, #BBD8D8);
  color: #6CADAC;
  border: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: none;
  font-weight: bold; }
  .button-aqua:hover,
  input[type=submit].button-aqua:hover,
  button.button-aqua:hover {
    background: #BBD8D8;
    background-image: -owg-linear-gradient(#BBD8D8, #CAE1E1);
    background-image: -webkit-linear-gradient(#BBD8D8, #CAE1E1);
    background-image: -moz-linear-gradient(#BBD8D8, #CAE1E1);
    background-image: -o-linear-gradient(#BBD8D8, #CAE1E1);
    background-image: linear-gradient(#BBD8D8, #CAE1E1);
    color: #6CADAC; }
  .button-aqua:active, .button-aqua:focus,
  input[type=submit].button-aqua:active,
  input[type=submit].button-aqua:focus,
  button.button-aqua:active,
  button.button-aqua:focus {
    background: #BBD8D8; }

.button-success,
input[type=submit].button-success,
button.button-success {
  color: #FFF;
  background-color: #62BF39;
  -webkit-font-smoothing: antialiased; }
  .button-success:hover,
  input[type=submit].button-success:hover,
  button.button-success:hover {
    background-color: #58ab33;
    color: #FFF; }
  .button-success:active, .button-success:focus,
  input[type=submit].button-success:active,
  input[type=submit].button-success:focus,
  button.button-success:active,
  button.button-success:focus {
    background-color: #4e982d;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #bfbfbf; }

.button-warning,
input[type=submit].button-warning,
button.button-warning {
  color: #FFF;
  background-color: #E5AE09;
  -webkit-font-smoothing: antialiased; }
  .button-warning:hover,
  input[type=submit].button-warning:hover,
  button.button-warning:hover {
    background-color: #cc9b08;
    color: #FFF; }
  .button-warning:active, .button-warning:focus,
  input[type=submit].button-warning:active,
  input[type=submit].button-warning:focus,
  button.button-warning:active,
  button.button-warning:focus {
    background-color: #b48907;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #bfbfbf; }

.button-alert,
input[type=submit].button-alert,
button.button-alert {
  color: #FFF;
  background-color: #DB635D;
  -webkit-font-smoothing: antialiased; }
  .button-alert:hover,
  input[type=submit].button-alert:hover,
  button.button-alert:hover {
    background-color: #d64f48;
    color: #FFF; }
  .button-alert:active, .button-alert:focus,
  input[type=submit].button-alert:active,
  input[type=submit].button-alert:focus,
  button.button-alert:active,
  button.button-alert:focus {
    background-color: #d23b33;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #bfbfbf; }

.button--full,
input[type=submit].button--full,
button.button--full {
  display: block;
  text-align: center; }

.button--uitleg {
  background: #e2efee none repeat scroll 0 0;
  border: 1px solid #6cadac;
  border-radius: 5px;
  color: #6cadac;
  display: block;
  font-weight: bold;
  /*opacity: 0.5;*/
  text-align: center;
  top: 4px;
  width: 24px; }

.button__info {
  position: absolute;
  right: 20px;
  top: 4px;
  width: 24px;
  color: #6CADAC;
  background: #E2EFEE;
  border-radius: 5px;
  border: 1px solid #6CADAC;
  font-weight: bold;
  text-align: center;
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }
  .button__info:hover {
    color: #5D6E79; }
  .button__info.active {
    pointer-events: auto;
    cursor: pointer;
    opacity: 1; }

.button__rss {
  position: absolute;
  right: 20px;
  top: 10px;
  height: 22px;
  width: 24px;
  padding: 0;
  background: #D18E49 url(../images/icon_sprite.png) no-repeat;
  background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#D18E49, #BE6E2B);
  background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#D18E49, #BE6E2B);
  background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#D18E49, #BE6E2B);
  background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#D18E49, #BE6E2B);
  background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#D18E49, #BE6E2B);
  background-position: left -253px, left top;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }
  .button__rss:hover {
    color: #FFF;
    background: #BE6E2B url(../images/icon_sprite.png) no-repeat;
    background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#BE6E2B, #D18E49);
    background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#BE6E2B, #D18E49);
    background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#BE6E2B, #D18E49);
    background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#BE6E2B, #D18E49);
    background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#BE6E2B, #D18E49);
    background-position: left -253px, left top; }
  .button__rss:active, .button__rss:focus {
    background: #915329; }

.button.button--transparant {
  background: none;
  padding: 0;
  text-shadow: none; }

.button.upload:before {
  content: "\f062";
  font-size: 1.5em;
  vertical-align: -5%;
  margin-right: 5px; }

.button.verslag {
  padding: 5px 10px;
  text-align: center; }
  .button.verslag:before {
    content: "\f14a";
    font-size: 1.5em;
    vertical-align: -5%; }

.button.add:before {
  content: "\f067";
  font-size: 1.5em;
  vertical-align: -10%;
  margin-right: 5px; }

.button.remove:before {
  content: "\f066";
  font-size: 1.5em;
  vertical-align: -10%;
  margin-right: 5px; }

.button.next:after {
  content: "\f0da";
  font-size: 1.2em;
  vertical-align: -10%;
  margin-left: 5px; }

.button.pref:before {
  content: "\f0d9";
  font-size: 1.2em;
  vertical-align: -10%;
  margin-right: 5px; }

.button.clone {
  background: none;
  padding: 0 6px; }
  .button.clone:before {
    content: "\f0c5";
    font-size: 1.5em;
    vertical-align: -5%;
    margin-right: 5px; }

.button.close, .button.close--info {
  padding: 5px 10px;
  text-align: center; }
  .button.close span, .button.close--info span {
    display: none; }
  .button.close:after, .button.close--info:after {
    content: "\f00d";
    font-size: 1.5em;
    vertical-align: -6%; }
  .button.close.close--red, .button.close--info.close--red {
    background: #cdcdcd;
    background-image: -owg-linear-gradient(#FFF, #cdcdcd);
    background-image: -webkit-linear-gradient(#FFF, #cdcdcd);
    background-image: -moz-linear-gradient(#FFF, #cdcdcd);
    background-image: -o-linear-gradient(#FFF, #cdcdcd);
    background-image: linear-gradient(#FFF, #cdcdcd);
    color: #FFF;
    border: none;
    color: #d31515;
    padding: 0 6px;
    border-radius: 21px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
    .button.close.close--red:after, .button.close--info.close--red:after {
      font-size: 1em;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); }
    .button.close.close--red:hover, .button.close--info.close--red:hover {
      background: #FFF;
      background-image: -owg-linear-gradient(#cdcdcd, #FFF);
      background-image: -webkit-linear-gradient(#cdcdcd, #FFF);
      background-image: -moz-linear-gradient(#cdcdcd, #FFF);
      background-image: -o-linear-gradient(#cdcdcd, #FFF);
      background-image: linear-gradient(#cdcdcd, #FFF); }
    .button.close.close--red:active, .button.close--info.close--red:active {
      background: #cdcdcd; }
  .button.close.close--minimal, .button.close--info.close--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.close.close--minimal:after, .button.close--info.close--minimal:after {
      font-size: 1.5em; }
    .button.close.close--minimal:hover, .button.close--info.close--minimal:hover {
      color: #915329; }
  .button.close.close--red--minimal, .button.close--info.close--red--minimal {
    background: none;
    color: #d31515;
    text-shadow: none;
    padding: 0 6px; }
    .button.close.close--red--minimal:after, .button.close--info.close--red--minimal:after {
      font-size: 1.5em; }
    .button.close.close--red--minimal:hover, .button.close--info.close--red--minimal:hover {
      color: #a51010; }

.button.edit {
  padding: 5px 10px;
  text-align: center; }
  .button.edit span {
    display: none; }
  .button.edit:after {
    content: "\f040";
    font-size: 1.5em;
    vertical-align: -5%; }
  .button.edit.edit--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.edit.edit--minimal:after {
      content: "\f044"; }
    .button.edit.edit--minimal:hover {
      color: #915329; }
  .button.edit.edit--copy {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.edit.edit--copy:after {
      content: "\f0c5"; }
    .button.edit.edit--copy:hover {
      color: #915329; }
  .button.edit.edit--minimal--left {
    color: #FFF;
    padding: 5px 0;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); }
    .button.edit.edit--minimal--left:hover {
      color: #FFF; }
    .button.edit.edit--minimal--left:before {
      content: "\f044";
      font-size: 1.5em;
      vertical-align: -15%;
      margin: 0 5px 0 10px; }
    .button.edit.edit--minimal--left:after {
      content: none; }
  .button.edit.edit--small {
    display: inline-block;
    color: #FFF;
    height: 21px;
    width: 21px;
    margin-left: 10px; }
    .button.edit.edit--small:after {
      position: absolute;
      left: 5px;
      right: auto;
      top: 2px;
      font-size: 1.25em;
      color: #FFF; }

.button.edit__before {
  padding: 5px 10px;
  text-align: center; }
  .button.edit__before:before {
    content: "\f040";
    font-size: 1.2em;
    vertical-align: -5%;
    margin-right: 5px; }

.button.lock--open {
  padding: 5px 10px;
  text-align: center; }
  .button.lock--open span {
    display: none; }
  .button.lock--open:after {
    content: "\f13e";
    font-size: 1.5em;
    vertical-align: -5%; }

.button.lock--close {
  padding: 5px 10px;
  text-align: center; }
  .button.lock--close span {
    display: none; }
  .button.lock--close:after {
    content: "\f023";
    font-size: 1.5em;
    vertical-align: -5%; }

.button.import:before {
  content: "\f090";
  font-size: 1.5em;
  vertical-align: -10%;
  padding-right: 10px; }

.button.notification {
  padding: 5px 10px;
  text-align: center; }
  .button.notification span {
    display: none; }
  .button.notification:after {
    content: "\f0f3";
    font-size: 1.5em;
    vertical-align: -5%; }
  .button.notification.notification--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.notification.notification--minimal:after {
      font-size: 1.5em; }
    .button.notification.notification--minimal:hover {
      color: #915329; }

.button.mail {
  padding: 5px 10px;
  text-align: center; }
  .button.mail span {
    display: none; }
  .button.mail:after {
    content: "\f0e0";
    font-size: 1.5em;
    vertical-align: -6%; }
  .button.mail.mail--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.mail.mail--minimal:after {
      font-size: 1.5em; }
    .button.mail.mail--minimal:hover {
      color: #915329; }

.button.up {
  padding: 5px 10px;
  text-align: center; }
  .button.up span {
    display: none; }
  .button.up:after {
    content: "\f077";
    font-size: 1.5em;
    vertical-align: -5%; }
  .button.up.up--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.up.up--minimal:after {
      content: "\f077"; }
    .button.up.up--minimal:hover {
      color: #915329; }

.button.down {
  padding: 5px 10px;
  text-align: center; }
  .button.down span {
    display: none; }
  .button.down:after {
    content: "\f078";
    font-size: 1.5em;
    vertical-align: -5%; }
  .button.down.down--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.down.down--minimal:after {
      content: "\f078"; }
    .button.down.down--minimal:hover {
      color: #915329; }

.button.info {
  padding: 5px 10px;
  text-align: center; }
  .button.info span {
    display: none; }
  .button.info:after {
    content: "\f05a";
    font-size: 1.7em;
    vertical-align: -5%; }
  .button.info.info--minimal {
    position: relative;
    background: none;
    color: #FFF;
    text-shadow: none;
    padding: 0 6px; }
    .button.info.info--minimal:hover {
      color: #5D6E79; }
  .button.info.info--brand {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.info.info--brand:after {
      vertical-align: -10%; }
    .button.info.info--brand:hover {
      color: #915329; }
  .button.info.info--white {
    background: none;
    color: #FFF;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: none;
    padding: 0 6px; }
    .button.info.info--white:hover {
      color: #FFF; }

.button.link {
  padding: 5px 10px;
  text-align: center; }
  .button.link span {
    display: none; }
  .button.link:after {
    content: "\f0c1";
    font-size: 1.7em;
    vertical-align: -5%; }
  .button.link.link--minimal {
    background: none;
    color: #a7b0b6;
    text-shadow: none;
    padding: 0 6px; }
    .button.link.link--minimal:hover {
      color: #5D6E79; }

.button.time {
  padding: 5px 10px;
  text-align: center; }
  .button.time:after {
    content: "\f017";
    font-size: 1.5em;
    vertical-align: -5%; }

.button.move {
  padding: 5px 10px;
  text-align: center; }
  .button.move span {
    display: none; }
  .button.move:before {
    content: "\f064";
    font-size: 1.5em;
    vertical-align: -5%;
    padding-right: 10px; }

.button.download {
  text-align: center; }
  .button.download:before {
    content: "\f063";
    font-size: 1.3em;
    vertical-align: -10%;
    padding-right: 5px; }

.button.export {
  position: relative;
  padding-left: 20px; }
  .button.export:before {
    content: "\f016";
    font-size: 1.52em;
    position: absolute;
    left: 8px; }
  .button.export:after {
    content: "\f178";
    font-size: 1.1em;
    position: absolute;
    left: 14px;
    top: 9px; }

.button.expand {
  padding: 5px 10px;
  text-align: center; }
  .button.expand span {
    display: none; }
  .button.expand:after {
    content: "\f0d7";
    font-size: 1.7em;
    vertical-align: -5%; }
  .button.expand.active:after {
    content: "\f0d8"; }
  .button.expand.expand--minimal {
    background: none;
    color: #C97E36;
    text-shadow: none;
    padding: 0 6px; }
    .button.expand.expand--minimal:hover {
      color: #915329; }

.menu__list {
  list-style: none;
  margin: 0;
  height: 37px;
  background: #50626D;
  border-radius: 0 0 5px 5px;
  background-image: -owg-linear-gradient(#60717c, #42535e);
  background-image: -webkit-linear-gradient(#60717c, #42535e);
  background-image: -moz-linear-gradient(#60717c, #42535e);
  background-image: -o-linear-gradient(#60717c, #42535e);
  background-image: linear-gradient(#60717c, #42535e); }
  .menu__list .menu__list__item {
    background: url(../images/nav_border.png) no-repeat right top;
    float: left;
    padding: 0 2px 0 0; }
    .menu__list .menu__list__item:last-child {
      background: none;
      padding: 0; }
    .menu__list .menu__list__item a {
      font-size: 13px;
      display: block;
      color: #FFF;
      font-weight: bold;
      padding: 8px 15px;
      font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
      .menu__list .menu__list__item a:hover {
        background: #72828c;
        background-image: -owg-linear-gradient(#72828c, #54646f);
        background-image: -webkit-linear-gradient(#72828c, #54646f);
        background-image: -moz-linear-gradient(#72828c, #54646f);
        background-image: -o-linear-gradient(#72828c, #54646f);
        background-image: linear-gradient(#72828c, #54646f); }
      .menu__list .menu__list__item a.menu__list__item--active {
        background: url("../images/nav_active.png") no-repeat center top; }
    .menu__list .menu__list__item.menu__list__item--home {
      overflow-y: hidden; }
      .menu__list .menu__list__item.menu__list__item--home a {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        width: 58px;
        background: url(../images/icon_sprite.png) no-repeat;
        border-radius: 0 0 0 5px;
        min-height: 37px; }
        .menu__list .menu__list__item.menu__list__item--home a:hover {
          background: #72828c url(../images/icon_sprite.png) no-repeat;
          background: -owg-url("../images/icon_sprite.png") no-repeat, -owg-linear-gradient(#72828c, #54646f);
          background: -webkit-url("../images/icon_sprite.png") no-repeat, -webkit-linear-gradient(#72828c, #54646f);
          background: -moz-url("../images/icon_sprite.png") no-repeat, -moz-linear-gradient(#72828c, #54646f);
          background: -o-url("../images/icon_sprite.png") no-repeat, -o-linear-gradient(#72828c, #54646f);
          background: url("../images/icon_sprite.png") no-repeat, linear-gradient(#72828c, #54646f); }
        .menu__list .menu__list__item.menu__list__item--home a.menu__list__item--active {
          background: url("../images/icon_sprite.png") no-repeat, url("../images/nav_active.png") no-repeat center top; }

.button__new__message {
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 15px 20px;
  text-shadow: none; }

.button--main {
  background: #C97E36;
  background-image: -owg-linear-gradient(#CF8B46, #BE6E2B);
  background-image: -webkit-linear-gradient(#CF8B46, #BE6E2B);
  background-image: -moz-linear-gradient(#CF8B46, #BE6E2B);
  background-image: -o-linear-gradient(#CF8B46, #BE6E2B);
  background-image: linear-gradient(#CF8B46, #BE6E2B); }
  .button--main:hover {
    background: #BE6E2B;
    background-image: -owg-linear-gradient(#BE6E2B, #CF8B46);
    background-image: -webkit-linear-gradient(#BE6E2B, #CF8B46);
    background-image: -moz-linear-gradient(#BE6E2B, #CF8B46);
    background-image: -o-linear-gradient(#BE6E2B, #CF8B46);
    background-image: linear-gradient(#BE6E2B, #CF8B46);
    color: #FFF; }
  .button--main:active, .button--main:focus {
    background: #915329;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); }

.button--secondary {
  background: #73818A;
  background-image: -owg-linear-gradient(#818E97, #63717A);
  background-image: -webkit-linear-gradient(#818E97, #63717A);
  background-image: -moz-linear-gradient(#818E97, #63717A);
  background-image: -o-linear-gradient(#818E97, #63717A);
  background-image: linear-gradient(#818E97, #63717A); }
  .button--secondary:hover {
    background: #63717A;
    background-image: -owg-linear-gradient(#63717A, #818E97);
    background-image: -webkit-linear-gradient(#63717A, #818E97);
    background-image: -moz-linear-gradient(#63717A, #818E97);
    background-image: -o-linear-gradient(#63717A, #818E97);
    background-image: linear-gradient(#63717A, #818E97);
    color: #FFF; }
  .button--secondary:active, .button--secondary:focus {
    background: #50626D;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); }

.list__planning__item a {
  background: url(../images/icon_sprite.png) no-repeat;
  background-position: right -357px;
  color: #50626D;
  font-size: 15px;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 3px 26px 0 0; }
  .list__planning__item a:hover {
    color: #73818A; }

.list__mailbox__item a {
  color: #50626D;
  font-size: 13px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }
  .list__mailbox__item a:hover {
    color: #73818A; }

.list__helpdesk__item a {
  background: url(../images/icon_sprite.png) no-repeat;
  color: #C97E36;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-left: 41px; }
  .list__helpdesk__item a:hover {
    color: #915329; }

.list__helpdesk__item.list__helpdesk__item--mail a {
  background-position: left -277px; }

.list__helpdesk__item.list__helpdesk__item--phone a {
  background-position: left -317px; }

.list__document a {
  background: url(../images/icon_sprite.png) no-repeat;
  background-position: right -357px;
  color: #50626D;
  font-size: 13px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 26px; }
  .list__document a:hover {
    color: #73818A; }

.wrapper__info .button {
  background: none;
  color: #C97E36;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  line-height: 18px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
  .wrapper__info .button:hover {
    color: #915329; }

.footer__list a {
  color: #dbdee0;
  font-size: 12px;
  line-height: 20px; }

.ico-name {
  display: inline-block;
  float: left;
  height: 1em;
  margin: 0.1em 0.4em 0 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 1em; }

.ico-name {
  background: url("../images/icons.png") 0px 0px no-repeat; }

.icon:before, .icon__desktop:before, .icon__card:before, .icon__check:before, .icon__ban:before, .icon__time:before, .icon__lock:before, .icon__lock--open:before, .icon__mail:before, .icon__key:before, .icon__print:before, .icon__next:before, .submenuTD .icon__details:before, .icon__download:before, .icon__back:before, .icon__inbox:before, .icon__add:before, .icon__inbox--in:before, .icon__inbox--out:before, .icon__file:before, .icon__trash:before, .icon__mobile:before {
  font-size: 1.2em;
  vertical-align: -5%;
  margin-right: 5px; }

.icon:after, .icon__desktop:after, .icon__card:after, .icon__check:after, .icon__ban:after, .icon__time:after, .icon__lock:after, .icon__lock--open:after, .icon__mail:after, .icon__key:after, .icon__print:after, .icon__next:after, .submenuTD .icon__details:after, .icon__download:after, .icon__back:after, .icon__inbox:after, .icon__add:after, .icon__inbox--in:after, .icon__inbox--out:after, .icon__file:after, .icon__trash:after, .icon__mobile:after {
  font-size: 1.2em;
  vertical-align: -5%;
  margin-left: 5px; }

.icon__desktop {
  width: 18px;
  height: 18px;
  overflow: hidden; }
  .icon__desktop.icon__before:before {
    content: "\f108"; }
  .icon__desktop.icon__after:after {
    content: "\f108"; }

.icon__card.icon__card--study:before {
  color: #E87A23; }

.icon__card.icon__card--sector:before {
  color: #0090B3; }

.icon__card.icon__card--profile:before {
  color: #e7b509; }

.icon__card.icon__card--mbo:before {
  color: #DABF8C; }

.icon__card.icon__card--start:before {
  color: #D49D6F; }

.icon__card.icon__before:before {
  content: "\f09d"; }

.icon__card.icon__after:after {
  content: "\f09d"; }

.icon__check.icon__before:before {
  content: "\f00c"; }

.icon__check.icon__after:after {
  content: "\f00c"; }

.icon__ban.icon__before:before {
  content: "\f05e"; }

.icon__ban.icon__after:after {
  content: "\f05e"; }

.icon__time.icon__before:before {
  content: "\f017"; }

.icon__time.icon__after:after {
  content: "\f017"; }

.icon__lock.icon__before:before {
  content: "\f023"; }

.icon__lock.icon__after:after {
  content: "\f023"; }

.icon__lock--open.icon__before:before {
  content: "\f13e"; }

.icon__lock--open.icon__after:after {
  content: "\f13e"; }

.icon__mail.icon__before:before {
  content: "\f0e0"; }

.icon__mail.icon__after:after {
  content: "\f0e0"; }

.icon__key.icon__before:before {
  content: "\f084"; }

.icon__key.icon__before:hover:before {
  color: #915329; }

.icon__key.icon__after:after {
  content: "\f084"; }

.icon__print.icon__before:before {
  content: "\f02f"; }

.icon__print.icon__after:after {
  content: "\f02f"; }

.icon__next.icon__before:before {
  content: "\f0da"; }

.icon__next.icon__after:after {
  content: "\f0da"; }

.submenuTD .icon__details.icon__before:before {
  content: "\f039"; }

.submenuTD .icon__details.icon__after:after {
  content: "\f039"; }

.icon__download.icon__before:before {
  content: "\f063"; }

.icon__download.icon__after:after {
  content: "\f063"; }

.icon__back.icon__before:before {
  content: "\f060"; }

.icon__back.icon__after:after {
  content: "\f060"; }

.icon__inbox.icon__before:before {
  content: "\f01c"; }

.icon__inbox.icon__after:after {
  content: "\f01c"; }

.icon__add.icon__before:before {
  content: "\f067"; }

.icon__add.icon__after:after {
  content: "\f067"; }

.icon__inbox--in.icon__before:before {
  content: "\f019"; }

.icon__inbox--in.icon__after:after {
  content: "\f019"; }

.icon__inbox--out.icon__before:before {
  content: "\f093"; }

.icon__inbox--out.icon__after:after {
  content: "\f093"; }

.icon__file.icon__before:before {
  content: "\f15c"; }

.icon__file.icon__after:after {
  content: "\f15c"; }

.icon__trash.icon__before:before {
  content: "\f014"; }

.icon__trash.icon__after:after {
  content: "\f014"; }

.icon__mobile.icon__before:before {
  content: "\f10b";
  font-size: 1.75em;
  position: relative;
  top: 2px; }

.icon__mobile.icon__after:after {
  content: "\f10b";
  font-size: 1.75em;
  position: relative;
  top: 2px; }

.icon__key.icon__before:before {
  content: "\f084";
  font-size: 1.3em; }

.icon__key.icon__before:hover:before {
  color: white; }

.icon__key.icon__after:after {
  content: "\f084";
  font-size: 1.3em; }

.icon__key.icon__after:hover:before {
  color: white; }

.icon__sector {
  width: 50px;
  background-image: url(../images/icon_sprite.png);
  background-repeat: no-repeat; }
  .icon__sector.sector1 {
    background-position: 20px -648px; }
  .icon__sector.sector2 {
    background-position: 20px -768px; }
  .icon__sector.sector3 {
    background-position: 20px -708px; }
  .icon__sector.sector4 {
    background-position: 20px -828px; }

.formulier__icon {
  width: 40px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: center center; }
  .formulier__icon.profiel_1 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_1.svg); }
  .formulier__icon.profiel_2 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_2.svg); }
  .formulier__icon.profiel_3 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_3.svg); }
  .formulier__icon.profiel_4 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_4.svg); }
  .formulier__icon.profiel_5 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_5.svg); }
  .formulier__icon.profiel_6 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_6.svg); }
  .formulier__icon.profiel_7 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_7.svg); }
  .formulier__icon.profiel_8 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_8.svg); }
  .formulier__icon.profiel_9 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_9.svg); }
  .formulier__icon.profiel_10 {
    background-image: url(/Content/images/gui/ico/vmboProfiel_10.svg); }
  .formulier__icon.sector_1 {
    background-image: url(/Content/images/gui/ico/vmboSector_1.svg); }
  .formulier__icon.sector_2 {
    background-image: url(/Content/images/gui/ico/vmboSector_2.svg); }
  .formulier__icon.sector_3 {
    background-image: url(/Content/images/gui/ico/vmboSector_3.svg); }
  .formulier__icon.sector_4 {
    background-image: url(/Content/images/gui/ico/vmboSector_4.svg); }

.formulier__edit {
  width: 40px;
  padding: 13px 0px; }
  .formulier__edit .edit--minimal {
    font-size: 16px; }

.formulier__naam {
  width: 100%;
  padding-left: 8px; }

.icon__attachment {
  color: #C97E36;
  padding-left: 0px; }
  .icon__attachment:before {
    content: "\f0c6";
    color: #C97E36;
    font-size: 18px;
    margin-right: 12px; }

.icon__error {
  color: #C97E36;
  padding-left: 0px; }
  .icon__error:before {
    content: "\f057";
    color: #e02525;
    font-size: 22px;
    margin-right: 12px; }

.icon__warning {
  color: #C97E36;
  padding-left: 0px; }
  .icon__warning:before {
    content: "\f071";
    color: #ffa500;
    font-size: 22px;
    margin-right: 12px; }

.icon__succes {
  color: #C97E36;
  padding-left: 0px; }
  .icon__succes:before {
    content: "\f05d";
    color: #00a500;
    font-size: 22px;
    margin-right: 12px; }

ul.messages,
div.message {
  list-style: none;
  margin: 0 0 1.25em 0; }

li.message,
div.message, li.message-success,
div.message-success, li.message-alert,
div.message-alert {
  border-radius: 5px;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 0.25em;
  padding: 0.4em 0.75em;
  vertical-align: baseline; }

li.message,
div.message {
  background: #CED7D3;
  color: #333333; }

li.message-success,
div.message-success {
  background: #62BF39;
  color: #FFF;
  -webkit-font-smoothing: antialiased; }

li.message-alert,
div.message-alert {
  background: #DB635D;
  color: #FFF;
  -webkit-font-smoothing: antialiased; }

.tooltip {
  display: none; }

div.tooltip {
  position: absolute;
  z-index: 99;
  left: 99%;
  top: -100%;
  width: 390px;
  background: #ce8943;
  background-image: -owg-linear-gradient(#ce8943, #c0712d);
  background-image: -webkit-linear-gradient(#ce8943, #c0712d);
  background-image: -moz-linear-gradient(#ce8943, #c0712d);
  background-image: -o-linear-gradient(#ce8943, #c0712d);
  background-image: linear-gradient(#ce8943, #c0712d);
  opacity: 0.9;
  color: #FFF;
  padding: 20px;
  border-radius: 5px;
  text-transform: none;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  text-align: left; }
  div.tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #c97e36;
    opacity: 0.9;
    left: -10px;
    position: absolute;
    top: 50px;
    margin-top: -5px; }
  div.tooltip.tooltip--onder {
    left: -150px;
    right: 99%;
    top: 30px; }
    div.tooltip.tooltip--onder:before {
      left: 155px;
      top: -15px;
      opacity: 0.9;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      border-bottom: 10px solid #ce8943; }

ul.pagination {
  font-size: 0.95em;
  list-style: none;
  margin: 0 0 1.25em 0;
  text-align: center; }
  ul.pagination li {
    display: inline-block;
    margin-bottom: 0.25em; }
  ul.pagination li.gap {
    background: none;
    padding: 0.35em; }

div.modal {
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  div.modal:after {
    background: rgba(80, 98, 109, 0.5);
    content: " ";
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none; }

div.aanpasmodal {
  width: 470px;
  min-width: 470px !important; }

div.modal__content {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
  margin: 3em auto;
  min-width: 780px;
  max-width: 780px;
  padding: 20px;
  position: relative;
  top: 0; }
  div.modal__content .button__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5em; }
    div.modal__content .button__close:hover {
      color: #C97E36; }
  div.modal__content.grey {
    background: #edeff0; }
  div.modal__content .button {
    min-width: 180px;
    text-align: center;
    margin-right: 20px;
    font-weight: bold; }
    div.modal__content .button:last-child {
      margin-right: 0; }
    div.modal__content .button.smal {
      min-width: 0;
      width: 24px;
      margin-left: 10px; }
  div.modal__content .inner__wrap {
    margin-top: 20px;
    background: #DCE0E2;
    padding: 20px;
    border-radius: 5px;
    border-top: 1px solid #BBBFC0;
    border-bottom: 1px solid #FFF;
    position: relative; }
    div.modal__content .inner__wrap.aqua {
      text-transform: uppercase;
      border-top: 1px solid #A7BDBD;
      background: #C4DEDE;
      margin-top: 0;
      font-size: 16px;
      font-style: italic; }
    div.modal__content .inner__wrap.aqua--dark {
      border: none;
      background: #6CADAC;
      color: #FFF;
      padding: 20px; }
  div.modal__content table {
    margin-bottom: 20px; }
  div.modal__content .form li {
    border-top: 1px solid #cad0d3;
    padding: 20px 0;
    max-height: 96px; }
    div.modal__content .form li .left {
      width: 50%; }
      div.modal__content .form li .left small {
        display: block;
        font-size: 1em;
        color: #849199; }
    div.modal__content .form li .form__fields {
      float: right;
      width: 50%;
      margin: 0; }
      div.modal__content .form li .form__fields input[type=text] {
        color: #C97E36; }
      div.modal__content .form li .form__fields input[type="text"][disabled] {
        color: #50626D;
        background: #DCE0E2; }
  div.modal__content .form#form__add__school {
    border-top: 1px solid #cad0d3;
    padding: 5px 0 20px 0; }
    div.modal__content .form#form__add__school li {
      border-top: none;
      padding: 5px 0 0 0;
      max-height: none; }
      div.modal__content .form#form__add__school li h4 {
        font-size: 16px; }
      div.modal__content .form#form__add__school li .left {
        width: 300px;
        font-size: 13px; }
      div.modal__content .form#form__add__school li .form__fields {
        float: right;
        width: 440px; }
  div.modal__content .form.form__edit__licence {
    padding: 0 0 20px 0; }
    div.modal__content .form.form__edit__licence p {
      font-size: 13px;
      margin: 0 0 10px 0;
      padding-top: 10px;
      border-top: 1px solid #cad0d3; }
    div.modal__content .form.form__edit__licence li {
      border-top: none;
      padding: 5px 0;
      max-height: none; }
      div.modal__content .form.form__edit__licence li .left {
        width: 135px;
        font-size: 13px; }
      div.modal__content .form.form__edit__licence li .form__fields {
        float: right;
        width: 280px; }
  div.modal__content .modal__content__wrap {
    border-bottom: 1px solid #dce0e2;
    margin-bottom: 20px; }
  div.modal__content .modal__footer {
    border-top: 1px solid #dce0e2;
    margin-top: 10px;
    padding-top: 20px; }
    div.modal__content .modal__footer .button {
      min-width: 230px; }
    div.modal__content .modal__footer.single__buttons {
      text-align: center; }
      div.modal__content .modal__footer.single__buttons .button {
        float: none; }
        div.modal__content .modal__footer.single__buttons .button.export {
          text-align: left;
          padding-left: 60px; }
          div.modal__content .modal__footer.single__buttons .button.export:before {
            left: 33px; }
          div.modal__content .modal__footer.single__buttons .button.export:after {
            left: 39px; }
    div.modal__content .modal__footer.two__buttons .button {
      min-width: 200px; }
      div.modal__content .modal__footer.two__buttons .button:last-child {
        float: right; }
    div.modal__content .modal__footer.three__buttons .button {
      min-width: 230px; }

#modal__create__new__step {
  font-size: 13px; }
  #modal__create__new__step select {
    width: 140px !important;
    display: inline-block;
    margin-right: 50px; }
  #modal__create__new__step label#label__form__lesuren {
    clear: both;
    display: block;
    margin-top: 20px; }
  #modal__create__new__step input[type=text] {
    margin-bottom: 20px; }
  #modal__create__new__step .inner__wrap {
    padding: 20px 20px 0 20px; }
    #modal__create__new__step .inner__wrap p {
      float: left;
      width: 60%;
      /*margin-right: 40%;*/ }
    #modal__create__new__step .inner__wrap .button {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -15px; }

#modal__edit__assignment,
#modal__create__new__assignment {
  font-size: 13px; }
  #modal__edit__assignment .inner__wrap,
  #modal__create__new__assignment .inner__wrap {
    padding: 0 10px;
    margin-bottom: 20px; }
    #modal__edit__assignment .inner__wrap .legenda,
    #modal__create__new__assignment .inner__wrap .legenda {
      border-bottom: none; }
      #modal__edit__assignment .inner__wrap .legenda .icheckbox_minimal,
      #modal__create__new__assignment .inner__wrap .legenda .icheckbox_minimal {
        float: right; }
      #modal__edit__assignment .inner__wrap .legenda .iradio_minimal,
      #modal__create__new__assignment .inner__wrap .legenda .iradio_minimal {
        float: right; }
  #modal__edit__assignment label:nth-child(6),
  #modal__create__new__assignment label:nth-child(6) {
    margin-top: 20px; }
  #modal__edit__assignment input[type=text], #modal__edit__assignment textarea,
  #modal__create__new__assignment input[type=text],
  #modal__create__new__assignment textarea {
    margin-bottom: 20px; }
  #modal__edit__assignment select,
  #modal__create__new__assignment select {
    width: 90px !important;
    display: inline-block;
    margin-right: 50px; }

#modal__edit__step {
  font-size: 13px; }
  #modal__edit__step .inner__wrap {
    padding: 0 10px;
    margin-bottom: 20px; }
    #modal__edit__step .inner__wrap .legenda {
      border-bottom: none; }
      #modal__edit__step .inner__wrap .legenda .icheckbox_minimal {
        float: right; }
  #modal__edit__step label:nth-child(6) {
    margin-top: 20px; }
  #modal__edit__step input[type=text], #modal__edit__step textarea {
    margin-bottom: 20px; }
  #modal__edit__step select {
    width: 140px !important;
    display: inline-block;
    margin-right: 50px; }

#new__assignment__second__step .list__modal__steps li .button.edit {
  min-width: 0;
  margin-left: 10px; }

#new__assignment__second__step .list__modal__steps li p .button {
  margin-right: 10px; }

#new__assignment__second__step .list__modal__steps li .inner__wrap {
  text-align: center;
  padding: 10px; }
  #new__assignment__second__step .list__modal__steps li .inner__wrap p {
    margin: 0; }

#new__assignment__second__step .list__modal__steps li:last-child {
  padding-right: 0; }
  #new__assignment__second__step .list__modal__steps li:last-child .button {
    display: block;
    text-shadow: none;
    padding: 10px;
    border: 1px solid #A7B0B6;
    background: #E1E4E6;
    background-image: -owg-linear-gradient(#E1E4E6, #D4D8DA);
    background-image: -webkit-linear-gradient(#E1E4E6, #D4D8DA);
    background-image: -moz-linear-gradient(#E1E4E6, #D4D8DA);
    background-image: -o-linear-gradient(#E1E4E6, #D4D8DA);
    background-image: linear-gradient(#E1E4E6, #D4D8DA); }
    #new__assignment__second__step .list__modal__steps li:last-child .button:hover {
      background: #D4D8DA;
      background-image: -owg-linear-gradient(#D4D8DA, #E1E4E6);
      background-image: -webkit-linear-gradient(#D4D8DA, #E1E4E6);
      background-image: -moz-linear-gradient(#D4D8DA, #E1E4E6);
      background-image: -o-linear-gradient(#D4D8DA, #E1E4E6);
      background-image: linear-gradient(#D4D8DA, #E1E4E6); }
    #new__assignment__second__step .list__modal__steps li:last-child .button:active, #new__assignment__second__step .list__modal__steps li:last-child .button:focus {
      background: #c6ccce; }

#modal__new__class p, #modal__klaseditor p {
  margin: 0; }

#modal__new__class .inner__wrap, #modal__klaseditor .inner__wrap {
  padding: 5px 20px;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 20px 0; }

#modal__new__class .list__class__mentor p, #modal__klaseditor .list__class__mentor p {
  margin-bottom: 10px; }

#modal__new__class .last, #modal__klaseditor .last {
  border-bottom: none;
  margin-bottom: 0; }
  #modal__new__class .last p, #modal__klaseditor .last p {
    float: left;
    padding-top: 5px; }
  #modal__new__class .last .inner__wrap, #modal__klaseditor .last .inner__wrap {
    float: right;
    display: inline-block;
    min-width: 220px;
    text-align: center; }
    #modal__new__class .last .inner__wrap p, #modal__klaseditor .last .inner__wrap p {
      float: none;
      padding: 0; }

#modal__new__class .modal__footer, #modal__klaseditor .modal__footer {
  margin: 0; }

#modal__new__class__complete p {
  margin: 0; }

#modal__new__class__complete .inner__wrap {
  padding: 5px 20px;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 20px 0; }

#modal__new__class__complete .list__class__mentor p {
  margin-bottom: 10px; }

#modal__new__class__complete .last {
  border-bottom: none;
  margin-bottom: 0; }
  #modal__new__class__complete .last p {
    float: left;
    padding-top: 5px; }
  #modal__new__class__complete .last .inner__wrap {
    float: right;
    display: inline-block;
    min-width: 220px;
    text-align: center; }
    #modal__new__class__complete .last .inner__wrap p {
      float: none;
      padding: 0; }

#modal__new__class__complete .modal__footer {
  margin: 0; }

#modal__edit__step .modal__content, #modal__edit__licence .modal__content, #modal__edit__plannaam .modal__content {
  min-width: 470px;
  max-width: 470px; }

#modal__invite__student {
  font-size: 13px; }
  #modal__invite__student dl dt {
    width: 130px;
    float: left;
    display: inline-block;
    font-weight: normal;
    padding-top: 5px; }
  #modal__invite__student dl dd {
    float: right;
    display: inline-block;
    margin: 0;
    width: 600px; }
    #modal__invite__student dl dd input {
      margin-bottom: 10px; }

ul.tabs {
  margin: 0 0 -3px 20px; }
  ul.tabs a {
    background: #D6DBDD;
    background-image: -owg-linear-gradient(#E1E5E6, #D6DBDD);
    background-image: -webkit-linear-gradient(#E1E5E6, #D6DBDD);
    background-image: -moz-linear-gradient(#E1E5E6, #D6DBDD);
    background-image: -o-linear-gradient(#E1E5E6, #D6DBDD);
    background-image: linear-gradient(#E1E5E6, #D6DBDD);
    border-radius: 5px 5px 0 0;
    color: #C97E36;
    border: 1px solid #B9C0C5;
    display: block;
    padding: 14px 25px 8px 25px;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    min-width: 160px; }
    ul.tabs a:hover {
      background: #E1E5E6;
      background-image: -owg-linear-gradient(#D6DBDD, #E1E5E6);
      background-image: -webkit-linear-gradient(#D6DBDD, #E1E5E6);
      background-image: -moz-linear-gradient(#D6DBDD, #E1E5E6);
      background-image: -o-linear-gradient(#D6DBDD, #E1E5E6);
      background-image: linear-gradient(#D6DBDD, #E1E5E6); }
  ul.tabs li.is-selected a {
    position: absolute;
    z-index: 99;
    top: -27px;
    height: 46px;
    border-radius: 5px;
    padding: 14px 25px 19px 25px;
    background: #BE6E2B;
    line-height: 13px;
    background-image: -owg-linear-gradient(#D18E49, #BE6E2B);
    background-image: -webkit-linear-gradient(#D18E49, #BE6E2B);
    background-image: -moz-linear-gradient(#D18E49, #BE6E2B);
    background-image: -o-linear-gradient(#D18E49, #BE6E2B);
    background-image: linear-gradient(#D18E49, #BE6E2B);
    color: #FFF;
    border: 1px solid #BE6E2B; }
    ul.tabs li.is-selected a:after {
      content: "";
      position: absolute;
      bottom: -7px;
      left: 50%;
      margin-left: -4px;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #BE6E2B; }
    ul.tabs li.is-selected a:hover {
      background: #D18E49;
      background-image: -owg-linear-gradient(#BE6E2B, #D18E49);
      background-image: -webkit-linear-gradient(#BE6E2B, #D18E49);
      background-image: -moz-linear-gradient(#BE6E2B, #D18E49);
      background-image: -o-linear-gradient(#BE6E2B, #D18E49);
      background-image: linear-gradient(#BE6E2B, #D18E49); }
      ul.tabs li.is-selected a:hover:after {
        border-top: 7px solid #D18E49; }
  ul.tabs li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 160px;
    /*&#tab__schoolgegevens,
        &#tab__schoolaanbod,
        &#tab__vakkenpakket,
        &#tab__profielindeling
            {
          width:150px;
          a{
				    min-width: 150px;
			}
            }*/ }
    ul.tabs li#tab__news, ul.tabs li#tab__planning, ul.tabs li#tab__sectorKeuze, ul.tabs li#tab__studiekeuze, ul.tabs li#tab__profiel, ul.tabs li#tab__email, ul.tabs li#tab__berichten {
      width: 160px; }
    ul.tabs li#tab__qsek, ul.tabs li#tab__qprk, ul.tabs li#tab__qstk {
      width: 180px; }
      ul.tabs li#tab__qsek a, ul.tabs li#tab__qprk a, ul.tabs li#tab__qstk a {
        min-width: 180px; }
    ul.tabs li#tab__klassen__overzicht, ul.tabs li#tab__leerlingen__overzicht, ul.tabs li#tab__klassen__voortgang, ul.tabs li#tab__leerlingen__voortgang, ul.tabs li#tab__opdrachten__overzicht, ul.tabs li#tab__page__link {
      width: 190px; }
      ul.tabs li#tab__klassen__overzicht a, ul.tabs li#tab__leerlingen__overzicht a, ul.tabs li#tab__klassen__voortgang a, ul.tabs li#tab__leerlingen__voortgang a, ul.tabs li#tab__opdrachten__overzicht a, ul.tabs li#tab__page__link a {
        min-width: 190px; }
  ul.tabs.small li {
    width: 135px;
    margin-right: 6px; }
    ul.tabs.small li.is-selected a {
      padding-left: 12px;
      padding-right: 12px; }
  ul.tabs.small a {
    min-width: 80px;
    padding-left: 12px;
    padding-right: 12px; }

ul.tabs__big {
  list-style: none;
  margin: 0 10px 30px 10px;
  padding: 9px;
  width: 230px;
  height: 92px;
  border-radius: 5px;
  background: #F2F3F4;
  background-image: -owg-linear-gradient(#F2F3F4, #E6E9EA);
  background-image: -webkit-linear-gradient(#F2F3F4, #E6E9EA);
  background-image: -moz-linear-gradient(#F2F3F4, #E6E9EA);
  background-image: -o-linear-gradient(#F2F3F4, #E6E9EA);
  background-image: linear-gradient(#F2F3F4, #E6E9EA);
  border: 1px solid #CAD0D3; }
  ul.tabs__big li {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    padding-top: 46px;
    background: url(../images/icon_sprite.png) no-repeat;
    position: relative; }
    ul.tabs__big li:first-child {
      border-right: 1px solid #D3D4D5; }
    ul.tabs__big li:last-child {
      border-left: 1px solid #FFF; }
    ul.tabs__big li a {
      color: #849199;
      text-shadow: 0px 1px 0px white;
      font-size: 12px;
      line-height: 18px;
      font-weight: bold; }
    ul.tabs__big li:hover a, ul.tabs__big li.is-selected-list-tab a {
      color: #C97E36; }
    ul.tabs__big li#tab__stappen {
      background-position: center -898px; }
      ul.tabs__big li#tab__stappen:hover, ul.tabs__big li#tab__stappen.is-selected-list-tab {
        background-position: center -970px; }
    ul.tabs__big li#tab__opdrachten {
      background-position: center -1042px; }
      ul.tabs__big li#tab__opdrachten:hover, ul.tabs__big li#tab__opdrachten.is-selected-list-tab {
        background-position: center -1114px; }
  ul.tabs__big .arrow_box {
    position: relative;
    background: #E5E8E9;
    border-top: 1px solid #E5E8E9;
    top: 80px;
    width: 20px;
    left: 95px; }
  ul.tabs__big .arrow_box:after, ul.tabs__big .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  ul.tabs__big .arrow_box:after {
    border-color: rgba(94, 142, 9, 0);
    border-top-color: #E5E8E9;
    border-width: 11px;
    margin-left: -11px;
    margin-top: 0px; }
  ul.tabs__big .arrow_box:before {
    border-color: rgba(173, 13, 3, 0);
    border-top-color: #CAD0D3;
    border-width: 12px;
    margin-left: -12px; }

.tab__content {
  background: #FFF;
  display: none;
  border-top: 1px solid #B9C0C5;
  padding: 20px;
  position: relative;
  border-radius: 0 0 5px 5px; }
  .tab__content.tab__active, .tab__content.tab__list__active {
    display: block; }
  .tab__content#tab__content__news {
    padding-top: 44px; }
  .tab__content.tab__content--aside {
    background: none;
    border-top: none;
    padding: 0;
    border-radius: none; }

@-moz-document url-prefix() {
  ul.tabs li a {
    padding: 14px 25px 10px 25px; } }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.panel-body:after {
  clear: both; }

.panel > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item {
  border-width: 1px 0; }

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px; }

.panel-title > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd; }

.panel-default {
  border-color: #dddddd; }

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd; }

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd; }

.panel-default > .panel-heading > .dropdown .caret {
  border-color: #333333 transparent; }

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd; }

.panel-primary {
  border-color: #428bca; }

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca; }

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca; }

.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent; }

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-heading > .dropdown .caret {
  border-color: #468847 transparent; }

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-heading > .dropdown .caret {
  border-color: #c09853 transparent; }

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-heading > .dropdown .caret {
  border-color: #b94a48 transparent; }

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading > .dropdown .caret {
  border-color: #3a87ad transparent; }

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1; }

/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
  width: 12px;
  height: 12px;
  background: url(/images/check.png) no-repeat;
  border: none;
  cursor: pointer; }

.icheckbox_minimal {
  background-position: 0 0; }

.icheckbox_minimal.hover {
  background-position: -14px 0; }

.icheckbox_minimal.checked {
  background-position: -28px 0; }

.icheckbox_minimal.disabled {
  background-position: -42px 0;
  cursor: default; }

.icheckbox_minimal.checked.disabled {
  background-position: -56px 0; }

.iradio_minimal {
  background-position: 0px 0; }

.iradio_minimal.hover {
  background-position: -14px 0; }

.iradio_minimal.checked {
  background-position: -28px 0; }

.iradio_minimal.disabled {
  background-position: -42px 0;
  cursor: default; }

.iradio_minimal.checked.disabled {
  background-position: -56px 0; }

.switch_options {
  display: inline-block;
  vertical-align: bottom; }
  .switch_options:before, .switch_options:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  .switch_options:after {
    clear: both; }
  .switch_options span {
    display: inline-block;
    float: left;
    padding: 4px 11px;
    margin: 0;
    cursor: pointer;
    font-size: 12px;
    color: #C97E36;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 2px 2px 0 inset; }
    .switch_options span:first-of-type {
      border-radius: 5px 0 0 5px;
      border-right: 0; }
    .switch_options span:last-of-type {
      border-radius: 0 5px 5px 0;
      border-left: 0; }
    .switch_options span.selected {
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
      color: #fff; }
    .switch_options span.switch_enable.selected {
      background: #6dc545;
      background-image: -owg-linear-gradient(#56b530, #6dc545);
      background-image: -webkit-linear-gradient(#56b530, #6dc545);
      background-image: -moz-linear-gradient(#56b530, #6dc545);
      background-image: -o-linear-gradient(#56b530, #6dc545);
      background-image: linear-gradient(#56b530, #6dc545); }
    .switch_options span.switch_disable.selected {
      background: #de6e68;
      background-image: -owg-linear-gradient(#d55751, #de6e69);
      background-image: -webkit-linear-gradient(#d55751, #de6e69);
      background-image: -moz-linear-gradient(#d55751, #de6e69);
      background-image: -o-linear-gradient(#d55751, #de6e69);
      background-image: linear-gradient(#d55751, #de6e69); }

table.aqua .switch_options span {
  color: #6cadac;
  background: #b4d3d3;
  background-image: -owg-linear-gradient(#cee4e4, #b4d3d3);
  background-image: -webkit-linear-gradient(#cee4e4, #b4d3d3);
  background-image: -moz-linear-gradient(#cee4e4, #b4d3d3);
  background-image: -o-linear-gradient(#cee4e4, #b4d3d3);
  background-image: linear-gradient(#cee4e4, #b4d3d3); }
  table.aqua .switch_options span.selected {
    color: #FFF; }

table.aqua .switch_options.aqua span.switch_enable, table.aqua .switch_options.aqua span.switch_disable {
  text-transform: none; }
  table.aqua .switch_options.aqua span.switch_enable.selected, table.aqua .switch_options.aqua span.switch_disable.selected {
    background: #77b4b3;
    background-image: -owg-linear-gradient(#60a2a1, #77b4b3);
    background-image: -webkit-linear-gradient(#60a2a1, #77b4b3);
    background-image: -moz-linear-gradient(#60a2a1, #77b4b3);
    background-image: -o-linear-gradient(#60a2a1, #77b4b3);
    background-image: linear-gradient(#60a2a1, #77b4b3); }

table.beige .switch_options span {
  background: #e2bc9b;
  background-image: -owg-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -webkit-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -moz-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -o-linear-gradient(#edd4bc, #e2bc9b);
  background-image: linear-gradient(#edd4bc, #e2bc9b); }

.wrapper__beige .switch_options span, .wrapper__beige--border .switch_options span, .content__wrap .schoolaanbod__wrap .feature__list .feature__item .switch_options span, .content__wrap .sidebar .switch_options span {
  background: #e2bc9b;
  background-image: -owg-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -webkit-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -moz-linear-gradient(#edd4bc, #e2bc9b);
  background-image: -o-linear-gradient(#edd4bc, #e2bc9b);
  background-image: linear-gradient(#edd4bc, #e2bc9b); }

.td__status .switch_options {
  vertical-align: middle; }

.switch_three {
  display: inline-block;
  vertical-align: bottom; }
  .switch_three:before, .switch_three:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  .switch_three:after {
    clear: both; }
  .switch_three span {
    display: inline-block;
    float: left;
    padding: 4px 11px;
    margin: 0px 4px;
    cursor: pointer;
    font-size: 12px;
    color: #C97E36;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    font-weight: bold;
    text-transform: uppercase;
    -webkit-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 2px 2px 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 2px 2px 0 inset;
    box-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px, rgba(0, 0, 0, 0.2) 0 2px 2px 0 inset;
    border-radius: 5px; }
    .switch_three span.selected {
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
      color: #fff; }
    .switch_three span.switch_enable.selected {
      background: #6dc545;
      background-image: -owg-linear-gradient(#56b530, #6dc545);
      background-image: -webkit-linear-gradient(#56b530, #6dc545);
      background-image: -moz-linear-gradient(#56b530, #6dc545);
      background-image: -o-linear-gradient(#56b530, #6dc545);
      background-image: linear-gradient(#56b530, #6dc545); }
    .switch_three span.switch_disable.selected {
      background: #de6e68;
      background-image: -owg-linear-gradient(#d55751, #de6e69);
      background-image: -webkit-linear-gradient(#d55751, #de6e69);
      background-image: -moz-linear-gradient(#d55751, #de6e69);
      background-image: -o-linear-gradient(#d55751, #de6e69);
      background-image: linear-gradient(#d55751, #de6e69); }
    .switch_three span.switch_optional.selected {
      background: #de6e68;
      background-image: -owg-linear-gradient(#f78f2c, #f8a33a);
      background-image: -webkit-linear-gradient(#f78f2c, #f8a33a);
      background-image: -moz-linear-gradient(#f78f2c, #f8a33a);
      background-image: -o-linear-gradient(#f78f2c, #f8a33a);
      background-image: linear-gradient(#f78f2c, #f8a33a); }

@media print {
  * {
    /*background: transparent !important;*/
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  /*a, a:visited { text-decoration: underline; }*/
  /*a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 1cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }