@charset "UTF-8";
/* website https://werkgever.camasit.nl productie 
    Dit is het hoogste niveau .scss bestand.
*/
/*
    !!! Dit bestand mag alleen geinclude worden in _portalbase.scss !!!

    Dit bestand bevat de beschikbare kleuren voor het skinnen van portals.

    Een portal.scss kan hier dus uit putten om bv. $primary-color te zetten.

    In alle afgeleide .scss files mag daarna, in principe,  niet meer verwezen
    worden naar bv. $red, maar moet verwezen worden naar $primary-color.

    vragen?
        vraag Luuk of Stefan
*/
/* Haal de beschikbare kleuren voor portals binnen */
/* Zet primary color op één van de kleuren die beschikbaar is gesteld via _portalcolors.scss */
/* Idem voor overige kleuren */
/*
    Elke portal.scss includeert dit bestand, _portalbase.scss.

    Dit bestand, _portalbase.scss, bevat middels de imports alle gedeelde (SHARED) css-code voor alle portals.

    Instructie:
    - portal-specifieke styling moet naar de betreffende \portals\<portalnr>\portal.scss.
    - portal-generieke styling moet naar ��n van onderstaande files.

    Vragen?
        Vraag Luuk of Stefan
*/
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container::after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 544px) {
  .container {
    width: 576px; } }

@media (min-width: 768px) {
  .container {
    width: 720px; } }

@media (min-width: 992px) {
  .container {
    width: 940px; } }

@media (min-width: 1200px) {
  .container {
    width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container-fluid::after {
  content: "";
  display: table;
  clear: both; }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row > div {
    box-sizing: border-box; }
  .row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1, .row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2, .row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3, .row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4, .row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5, .row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6, .row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7, .row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8, .row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9, .row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10, .row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11, .row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .row .col-xs-1, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9, .row .col-xs-10, .row .col-xs-11, .row .col-xs-12 {
    float: left; }
  .row .col-xs-12 {
    width: 100%; }
  .row .col-xs-11 {
    width: 91.66666667%; }
  .row .col-xs-10 {
    width: 83.33333333%; }
  .row .col-xs-9 {
    width: 75%; }
  .row .col-xs-8 {
    width: 66.66666667%; }
  .row .col-xs-7 {
    width: 58.33333333%; }
  .row .col-xs-6 {
    width: 50%; }
  .row .col-xs-5 {
    width: 41.66666667%; }
  .row .col-xs-4 {
    width: 33.33333333%; }
  .row .col-xs-3 {
    width: 25%; }
  .row .col-xs-2 {
    width: 16.66666667%; }
  .row .col-xs-1 {
    width: 8.33333333%; }
  .row .col-xs-pull-12 {
    right: 100%; }
  .row .col-xs-pull-11 {
    right: 91.66666667%; }
  .row .col-xs-pull-10 {
    right: 83.33333333%; }
  .row .col-xs-pull-9 {
    right: 75%; }
  .row .col-xs-pull-8 {
    right: 66.66666667%; }
  .row .col-xs-pull-7 {
    right: 58.33333333%; }
  .row .col-xs-pull-6 {
    right: 50%; }
  .row .col-xs-pull-5 {
    right: 41.66666667%; }
  .row .col-xs-pull-4 {
    right: 33.33333333%; }
  .row .col-xs-pull-3 {
    right: 25%; }
  .row .col-xs-pull-2 {
    right: 16.66666667%; }
  .row .col-xs-pull-1 {
    right: 8.33333333%; }
  .row .col-xs-pull-0 {
    right: auto; }
  .row .col-xs-push-12 {
    left: 100%; }
  .row .col-xs-push-11 {
    left: 91.66666667%; }
  .row .col-xs-push-10 {
    left: 83.33333333%; }
  .row .col-xs-push-9 {
    left: 75%; }
  .row .col-xs-push-8 {
    left: 66.66666667%; }
  .row .col-xs-push-7 {
    left: 58.33333333%; }
  .row .col-xs-push-6 {
    left: 50%; }
  .row .col-xs-push-5 {
    left: 41.66666667%; }
  .row .col-xs-push-4 {
    left: 33.33333333%; }
  .row .col-xs-push-3 {
    left: 25%; }
  .row .col-xs-push-2 {
    left: 16.66666667%; }
  .row .col-xs-push-1 {
    left: 8.33333333%; }
  .row .col-xs-push-0 {
    left: auto; }
  .row .col-xs-offset-12 {
    margin-left: 100%; }
  .row .col-xs-offset-11 {
    margin-left: 91.66666667%; }
  .row .col-xs-offset-10 {
    margin-left: 83.33333333%; }
  .row .col-xs-offset-9 {
    margin-left: 75%; }
  .row .col-xs-offset-8 {
    margin-left: 66.66666667%; }
  .row .col-xs-offset-7 {
    margin-left: 58.33333333%; }
  .row .col-xs-offset-6 {
    margin-left: 50%; }
  .row .col-xs-offset-5 {
    margin-left: 41.66666667%; }
  .row .col-xs-offset-4 {
    margin-left: 33.33333333%; }
  .row .col-xs-offset-3 {
    margin-left: 25%; }
  .row .col-xs-offset-2 {
    margin-left: 16.66666667%; }
  .row .col-xs-offset-1 {
    margin-left: 8.33333333%; }
  .row .col-xs-offset-0 {
    margin-left: 0; }
  @media (min-width: 768px) {
    .row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12 {
      float: left; }
    .row .col-sm-12 {
      width: 100%; }
    .row .col-sm-11 {
      width: 91.66666667%; }
    .row .col-sm-10 {
      width: 83.33333333%; }
    .row .col-sm-9 {
      width: 75%; }
    .row .col-sm-8 {
      width: 66.66666667%; }
    .row .col-sm-7 {
      width: 58.33333333%; }
    .row .col-sm-6 {
      width: 50%; }
    .row .col-sm-5 {
      width: 41.66666667%; }
    .row .col-sm-4 {
      width: 33.33333333%; }
    .row .col-sm-3 {
      width: 25%; }
    .row .col-sm-2 {
      width: 16.66666667%; }
    .row .col-sm-1 {
      width: 8.33333333%; }
    .row .col-sm-pull-12 {
      right: 100%; }
    .row .col-sm-pull-11 {
      right: 91.66666667%; }
    .row .col-sm-pull-10 {
      right: 83.33333333%; }
    .row .col-sm-pull-9 {
      right: 75%; }
    .row .col-sm-pull-8 {
      right: 66.66666667%; }
    .row .col-sm-pull-7 {
      right: 58.33333333%; }
    .row .col-sm-pull-6 {
      right: 50%; }
    .row .col-sm-pull-5 {
      right: 41.66666667%; }
    .row .col-sm-pull-4 {
      right: 33.33333333%; }
    .row .col-sm-pull-3 {
      right: 25%; }
    .row .col-sm-pull-2 {
      right: 16.66666667%; }
    .row .col-sm-pull-1 {
      right: 8.33333333%; }
    .row .col-sm-pull-0 {
      right: auto; }
    .row .col-sm-push-12 {
      left: 100%; }
    .row .col-sm-push-11 {
      left: 91.66666667%; }
    .row .col-sm-push-10 {
      left: 83.33333333%; }
    .row .col-sm-push-9 {
      left: 75%; }
    .row .col-sm-push-8 {
      left: 66.66666667%; }
    .row .col-sm-push-7 {
      left: 58.33333333%; }
    .row .col-sm-push-6 {
      left: 50%; }
    .row .col-sm-push-5 {
      left: 41.66666667%; }
    .row .col-sm-push-4 {
      left: 33.33333333%; }
    .row .col-sm-push-3 {
      left: 25%; }
    .row .col-sm-push-2 {
      left: 16.66666667%; }
    .row .col-sm-push-1 {
      left: 8.33333333%; }
    .row .col-sm-push-0 {
      left: auto; }
    .row .col-sm-offset-12 {
      margin-left: 100%; }
    .row .col-sm-offset-11 {
      margin-left: 91.66666667%; }
    .row .col-sm-offset-10 {
      margin-left: 83.33333333%; }
    .row .col-sm-offset-9 {
      margin-left: 75%; }
    .row .col-sm-offset-8 {
      margin-left: 66.66666667%; }
    .row .col-sm-offset-7 {
      margin-left: 58.33333333%; }
    .row .col-sm-offset-6 {
      margin-left: 50%; }
    .row .col-sm-offset-5 {
      margin-left: 41.66666667%; }
    .row .col-sm-offset-4 {
      margin-left: 33.33333333%; }
    .row .col-sm-offset-3 {
      margin-left: 25%; }
    .row .col-sm-offset-2 {
      margin-left: 16.66666667%; }
    .row .col-sm-offset-1 {
      margin-left: 8.33333333%; }
    .row .col-sm-offset-0 {
      margin-left: 0; } }
  @media (min-width: 992px) {
    .row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 {
      float: left; }
    .row .col-md-12 {
      width: 100%; }
    .row .col-md-11 {
      width: 91.66666667%; }
    .row .col-md-10 {
      width: 83.33333333%; }
    .row .col-md-9 {
      width: 75%; }
    .row .col-md-8 {
      width: 66.66666667%; }
    .row .col-md-7 {
      width: 58.33333333%; }
    .row .col-md-6 {
      width: 50%; }
    .row .col-md-5 {
      width: 41.66666667%; }
    .row .col-md-4 {
      width: 33.33333333%; }
    .row .col-md-3 {
      width: 25%; }
    .row .col-md-2 {
      width: 16.66666667%; }
    .row .col-md-1 {
      width: 8.33333333%; }
    .row .col-md-pull-12 {
      right: 100%; }
    .row .col-md-pull-11 {
      right: 91.66666667%; }
    .row .col-md-pull-10 {
      right: 83.33333333%; }
    .row .col-md-pull-9 {
      right: 75%; }
    .row .col-md-pull-8 {
      right: 66.66666667%; }
    .row .col-md-pull-7 {
      right: 58.33333333%; }
    .row .col-md-pull-6 {
      right: 50%; }
    .row .col-md-pull-5 {
      right: 41.66666667%; }
    .row .col-md-pull-4 {
      right: 33.33333333%; }
    .row .col-md-pull-3 {
      right: 25%; }
    .row .col-md-pull-2 {
      right: 16.66666667%; }
    .row .col-md-pull-1 {
      right: 8.33333333%; }
    .row .col-md-pull-0 {
      right: auto; }
    .row .col-md-push-12 {
      left: 100%; }
    .row .col-md-push-11 {
      left: 91.66666667%; }
    .row .col-md-push-10 {
      left: 83.33333333%; }
    .row .col-md-push-9 {
      left: 75%; }
    .row .col-md-push-8 {
      left: 66.66666667%; }
    .row .col-md-push-7 {
      left: 58.33333333%; }
    .row .col-md-push-6 {
      left: 50%; }
    .row .col-md-push-5 {
      left: 41.66666667%; }
    .row .col-md-push-4 {
      left: 33.33333333%; }
    .row .col-md-push-3 {
      left: 25%; }
    .row .col-md-push-2 {
      left: 16.66666667%; }
    .row .col-md-push-1 {
      left: 8.33333333%; }
    .row .col-md-push-0 {
      left: auto; }
    .row .col-md-offset-12 {
      margin-left: 100%; }
    .row .col-md-offset-11 {
      margin-left: 91.66666667%; }
    .row .col-md-offset-10 {
      margin-left: 83.33333333%; }
    .row .col-md-offset-9 {
      margin-left: 75%; }
    .row .col-md-offset-8 {
      margin-left: 66.66666667%; }
    .row .col-md-offset-7 {
      margin-left: 58.33333333%; }
    .row .col-md-offset-6 {
      margin-left: 50%; }
    .row .col-md-offset-5 {
      margin-left: 41.66666667%; }
    .row .col-md-offset-4 {
      margin-left: 33.33333333%; }
    .row .col-md-offset-3 {
      margin-left: 25%; }
    .row .col-md-offset-2 {
      margin-left: 16.66666667%; }
    .row .col-md-offset-1 {
      margin-left: 8.33333333%; }
    .row .col-md-offset-0 {
      margin-left: 0; } }
  @media (min-width: 1200px) {
    .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12 {
      float: left; }
    .row .col-lg-12 {
      width: 100%; }
    .row .col-lg-11 {
      width: 91.66666667%; }
    .row .col-lg-10 {
      width: 83.33333333%; }
    .row .col-lg-9 {
      width: 75%; }
    .row .col-lg-8 {
      width: 66.66666667%; }
    .row .col-lg-7 {
      width: 58.33333333%; }
    .row .col-lg-6 {
      width: 50%; }
    .row .col-lg-5 {
      width: 41.66666667%; }
    .row .col-lg-4 {
      width: 33.33333333%; }
    .row .col-lg-3 {
      width: 25%; }
    .row .col-lg-2 {
      width: 16.66666667%; }
    .row .col-lg-1 {
      width: 8.33333333%; }
    .row .col-lg-pull-12 {
      right: 100%; }
    .row .col-lg-pull-11 {
      right: 91.66666667%; }
    .row .col-lg-pull-10 {
      right: 83.33333333%; }
    .row .col-lg-pull-9 {
      right: 75%; }
    .row .col-lg-pull-8 {
      right: 66.66666667%; }
    .row .col-lg-pull-7 {
      right: 58.33333333%; }
    .row .col-lg-pull-6 {
      right: 50%; }
    .row .col-lg-pull-5 {
      right: 41.66666667%; }
    .row .col-lg-pull-4 {
      right: 33.33333333%; }
    .row .col-lg-pull-3 {
      right: 25%; }
    .row .col-lg-pull-2 {
      right: 16.66666667%; }
    .row .col-lg-pull-1 {
      right: 8.33333333%; }
    .row .col-lg-pull-0 {
      right: auto; }
    .row .col-lg-push-12 {
      left: 100%; }
    .row .col-lg-push-11 {
      left: 91.66666667%; }
    .row .col-lg-push-10 {
      left: 83.33333333%; }
    .row .col-lg-push-9 {
      left: 75%; }
    .row .col-lg-push-8 {
      left: 66.66666667%; }
    .row .col-lg-push-7 {
      left: 58.33333333%; }
    .row .col-lg-push-6 {
      left: 50%; }
    .row .col-lg-push-5 {
      left: 41.66666667%; }
    .row .col-lg-push-4 {
      left: 33.33333333%; }
    .row .col-lg-push-3 {
      left: 25%; }
    .row .col-lg-push-2 {
      left: 16.66666667%; }
    .row .col-lg-push-1 {
      left: 8.33333333%; }
    .row .col-lg-push-0 {
      left: auto; }
    .row .col-lg-offset-12 {
      margin-left: 100%; }
    .row .col-lg-offset-11 {
      margin-left: 91.66666667%; }
    .row .col-lg-offset-10 {
      margin-left: 83.33333333%; }
    .row .col-lg-offset-9 {
      margin-left: 75%; }
    .row .col-lg-offset-8 {
      margin-left: 66.66666667%; }
    .row .col-lg-offset-7 {
      margin-left: 58.33333333%; }
    .row .col-lg-offset-6 {
      margin-left: 50%; }
    .row .col-lg-offset-5 {
      margin-left: 41.66666667%; }
    .row .col-lg-offset-4 {
      margin-left: 33.33333333%; }
    .row .col-lg-offset-3 {
      margin-left: 25%; }
    .row .col-lg-offset-2 {
      margin-left: 16.66666667%; }
    .row .col-lg-offset-1 {
      margin-left: 8.33333333%; }
    .row .col-lg-offset-0 {
      margin-left: 0; } }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: SourceSansPro-Italic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-Italic.woff");
  font-style: italic; }

@font-face {
  font-family: SourceSansPro-BoldItalic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-BoldItalic.woff");
  font-weight: bold;
  font-style: italic; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: SourceSansPro-Italic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-Italic.woff");
  font-style: italic; }

@font-face {
  font-family: SourceSansPro-BoldItalic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-BoldItalic.woff");
  font-weight: bold;
  font-style: italic; }

.error input[type="text"], .error select, .error textarea, .error input[type="email"], .error input[type="search"] {
  background-color: #f4eaea;
  border: none;
  margin-top: 2px;
  margin-left: 2px; }

h1 {
  font-family: 'SourceSansPro-Light';
  font-size: 30pt; }

html {
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  color: #545454; }

div {
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  font-weight: normal; }

body {
  overflow-x: hidden;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'SourceSansPro-Light';
  color: #c21b1b;
  background-color: #f2f2f2; }

p, i, label {
  color: #545454;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  font-weight: normal; }

*[ng-click] {
  cursor: pointer; }

table {
  color: #545454;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  font-weight: normal; }
  table .redesign-fullwidth {
    width: 100%; }
  table td {
    padding: 0px; }
    table td.error {
      background-color: #f4eaea;
      border: 1px solid #c21b1b;
      box-sizing: border-box; }
  table .am-employee-table {
    font-size: 14px; }
    table .am-employee-table p {
      font-family: "SourceSansPro-Regular";
      font-size: 14px;
      font-weight: normal;
      color: #505050; }

#detail-header-table {
  padding-bottom: 0px; }

table.werkgeversdashboard, table.employee {
  border-collapse: collapse; }
  table.werkgeversdashboard tr td:first-child, table.employee tr td:first-child {
    padding-left: 16px !important; }

.DnnModule-CAMAS-Menu .dnnFormMessage.dnnFormValidationSummary {
  display: none; }

@media only screen and (max-width: 1024px) {
  .ui-accordion-content-active {
    width: 500px; } }

@media only screen and (min-width: 1024px) {
  .ui-accordion-content-active {
    width: 590px; } }

@media only screen and (min-width: 1200px) {
  .ui-accordion-content-active {
    width: 690px; } }

@media only screen and (min-width: 1350px) {
  .ui-accordion-content-active {
    width: 900px; } }

@media only screen and (min-width: 1560px) {
  .ui-accordion-content-active {
    width: 1100px; } }

.ui-accordion-content-active .GridDiv {
  overflow-x: scroll !important;
  display: block;
  max-width: 100%; }

a.btn-add {
  margin-top: 10px; }

/*end*/
.home .home-intro {
  width: 90%; }
  .home .home-intro .IntroPane {
    display: block;
    width: 100%; }
  .home .home-intro hr {
    color: #d0d0d0;
    background-color: #d0d0d0;
    height: 1px; }
  .home .home-intro td {
    vertical-align: top; }

.home .ContentPane .DnnModule {
  display: inline-block;
  vertical-align: top;
  width: 30%; }

small {
  font-size: 14px;
  color: #d0d0d0; }

/* Hode login module title */
.DnnModule- .TitleHead {
  display: none; }

a:active, a:selected, a:visited {
  border: none;
  outline: none; }

*[ng-click] {
  cursor: pointer; }

.astrix {
  padding: 5px;
  color: #c21b1b; }

.redesign-normal-table-grid tr td {
  height: 30px;
  padding: 1px 0px; }

.redesign-camascolorasbackgroundcolor {
  background-color: #c21b1b; }

/*AceoffixCtrl1*/
#AceoffixCtrl1 {
  width: 100%;
  height: 650px;
  margin-bottom: 15px; }

input[type="text"], input[type=password], input[type=email], input[type=number] {
  color: #545454;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  border: solid 0 #d0d0d0;
  min-height: 30px;
  background-color: #f2f2f2; }
  input[type="text"].error, input[type=password].error, input[type=email].error, input[type=number].error {
    background-color: #f4eaea;
    border: 1px solid #c21b1b;
    padding-left: 3px; }

input[type="file"] {
  width: 100%;
  background-color: #ffffff;
  padding: 0px; }

input {
  font-weight: normal;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  padding-left: 5px; }

input[type="image"] {
  padding: 0px; }

.redesign-clearboth {
  clear: both; }

input.InputSalarySmall, input.InputSalaryBig {
  padding-right: 5px; }

.Input {
  min-height: 30px;
  width: 225px; }
  .Input.noResize {
    resize: none; }

:focus {
  outline: none; }

textarea {
  border: solid 0 #f2f2f2;
  color: #545454;
  font-weight: normal;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  padding: 5px;
  display: block;
  background-color: #f2f2f2;
  width: 100%;
  display: block;
  height: 6em;
  margin: 0px;
  overflow-y: auto; }

textarea.redesign-textarea-fixed-width {
  width: 220px; }

textarea.redesign-textarea-full-width {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

textarea.redesign-textarea-nofixedheight {
  height: initial; }

.TextAreaRapportage.TextArea15em {
  height: 15em; }

table.redesign-ighedit {
  /* Skinload.js does the rest*/
  border: solid 1px #d0d0d0; }
  table.redesign-ighedit .redesign-border {
    border: solid 1px #d0d0d0; }
  table.redesign-ighedit .redesign-ighedit-toolbar {
    height: 27px; }

select {
  font-family: "SourceSansPro-Regular";
  color: #545454;
  width: 100%;
  border: solid 1px #d0d0d0; }
  select option {
    font-family: "SourceSansPro-Regular"; }
  select option:checked, select option:selected {
    color: #f2f2f2;
    background-color: #c21b1b;
    font-family: "SourceSansPro-Semibold"; }

img {
  border: 0;
  padding: 0;
  margin: 0; }

.Normal {
  font-size: 14px; }

a {
  color: #545454;
  text-decoration: underline; }

.highlited {
  color: #c21b1b;
  font-family: "SourceSansPro-Semibold"; }

.redesign-bold-header, b, bold {
  color: #545454;
  font-family: "SourceSansPro-Semibold"; }

.templateEditor {
  color: #545454;
  font-size: 14px;
  font-family: "SourceSansPro-Regular"; }
  .templateEditor h1, .templateEditor h2, .templateEditor h3, .templateEditor h4, .templateEditor h5, .templateEditor h6 {
    color: #c21b1b;
    font-family: "SourceSansPro-Semibold"; }
  .templateEditor bold, .templateEditor b, .templateEditor strong {
    font-family: "SourceSansPro-Semibold"; }

.redesign-black-bold {
  color: black;
  font-family: "SourceSansPro-Semibold";
  font-size: 14px; }

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

.NormalTextLeft {
  width: 130px; }

body.ra {
  min-width: 915px; }

input[type=button].InfoItem {
  box-shadow: none;
  width: 30px;
  height: 30px;
  margin-top: 280px;
  background-image: url(/Portals/_default/Skins/Camas2018/images/icons/informatie_icon.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  border: none;
  background-size: 30px 30px;
  box-shadow: none;
  padding: 0; }
  input[type=button].InfoItem:hover {
    background-color: inherit; }

/*Login */
.LoginPanel ul {
  padding-left: 40px;
  margin: 12px 0px; }

.LoginPanel .miniform .logo {
  background-color: #c21b1b; }

.LoginPanel .miniform h2 {
  color: #c21b1b;
  font-family: "SourceSansPro-Semibold"; }

.LoginPanel .miniform a {
  text-decoration: underline;
  color: #d0d0d0; }

.LoginPanel .miniform a:visited {
  color: #d0d0d0; }

.LoginPanel .miniform a.help-text {
  position: absolute;
  bottom: 20px;
  width: 80%;
  text-align: left; }

.LoginPanel .miniform input[type=text],
.LoginPanel .miniform input[type=password],
.LoginPanel .miniform input[type=email],
.LoginPanel .miniform input[type=number],
.LoginPanel .miniform input[type=password] {
  margin: 10px 0px;
  padding: 0px 0px 0px 5px; }

.LoginPanel .miniform input.Button2014 {
  margin-right: 0px; }

.LoginPanel .miniform input.Button2014:visited, .LoginPanel .miniform input.Button2014:hover {
  color: white;
  text-decoration: none; }

/* UI dialog (is also defined in default.css)*/
.ui-dialog {
  z-index: 10000; }
  .ui-dialog .ui-widget .ui-widget-content {
    position: absolute !important; }
  .ui-dialog .ui-dialog-content {
    background-color: #ffffff;
    border: 0px;
    padding: 30px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    white-space: normal; }
    .ui-dialog .ui-dialog-content h2.redesign-bold-header {
      font-family: "SourceSansPro-Light";
      font-size: 25px;
      margin-bottom: 10px;
      color: #545454;
      white-space: nowrap; }

/* icons */
span.icons {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px; }
  span.icons.phone {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/phone_icon.png") no-repeat;
    background-size: contain; }
  span.icons.expand {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/uitbreiden_icon.png") no-repeat;
    background-size: contain; }
  span.icons.refresh {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/refresh_icon.png") no-repeat;
    background-size: contain; }
  span.icons.rotate-left {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/rotate_clockwise_icon.png") no-repeat; }
  span.icons.rotate-right {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/rotate_clockwise_icon.png") no-repeat; }
  span.icons.clearall {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/ClearAll_icon.png") no-repeat; }
  span.icons.roodbolletje {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/roodbolletje.png") no-repeat; }
  span.icons.groenbolletje {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/groenbolletje.png") no-repeat; }
  span.icons.selectall {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/selectAll_icon.png") no-repeat; }
  span.icons.tag {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/Tag_groen_icon.png") no-repeat; }
  span.icons.tagdisabled {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/Tag_grijs_icon.png") no-repeat; }
  span.icons.print {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/print_icon.png") no-repeat; }
  span.icons.cancel {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/annuleer_icon.png") no-repeat; }
  span.icons.save {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/opslaan_icon.png") no-repeat; }
  span.icons.delete {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/prullenbak_icon.png") no-repeat;
    background-size: contain; }
  span.icons.deletedisabled {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/disabled-trash-can.png") no-repeat;
    background-position: center;
    background-size: 16px; }
  span.icons.document_excel {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_excel.png") no-repeat;
    background-size: contain; }
  span.icons.document_word {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_word.png") no-repeat;
    background-size: contain; }
  span.icons.document_pdf {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_pdf.png") no-repeat;
    background-size: contain; }
  span.icons.document_text {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_text.png") no-repeat;
    background-size: contain; }
  span.icons.document_mail {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_mail.png") no-repeat;
    background-size: contain; }
  span.icons.complete {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/approve.png") no-repeat; }
  span.icons.clockopen {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/stoplicht_rood_icon.png") no-repeat;
    background-size: contain; }
  span.icons.clockplanned {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/stoplicht_grijs_icon.png") no-repeat;
    background-size: contain; }
  span.icons.clockwarning {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/stoplicht_oranje_icon.png") no-repeat; }
  span.icons.clockcompleted {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/stoplicht_groen_icon.png") no-repeat;
    background-size: contain; }
  span.icons.messages {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/spraakbubbel_icon.png") no-repeat;
    background-size: 20px; }
  span.icons.editoraction {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/potloodje_icon.png") no-repeat; }
  span.icons.disablededitoraction {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/potloodje_icon_disabled.png") no-repeat; }
  span.icons.attachment {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/bijlage_icon.png") no-repeat;
    background-size: contain; }
  span.icons.info {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/informatie_icon.png") no-repeat;
    background-size: contain; }
  span.icons.boxout {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/box_uit_icon.png") no-repeat; }
  span.icons.boxin {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/box_in_icon.png") no-repeat; }
  span.icons.clockreportcompleted {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/klokje-groen-envelop.png") no-repeat; }
  span.icons.clockreportopen {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/klokje-rood-envelop.png") no-repeat; }
  span.icons.clockreportplanned {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/klokje-paars-envelop.png") no-repeat; }
  span.icons.clockreportwarning {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/klokje-oranje-envelop.png") no-repeat; }
  span.icons.completedisabled {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vinkje_grijs_icon.png") no-repeat;
    background-size: contain; }
  span.icons.completeenabled {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vinkje_icon.png") no-repeat;
    background-size: contain; }
  span.icons.restoredisabled {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/restore_icon_disabled.png") no-repeat; }
  span.icons.restore {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/restore_icon.png") no-repeat; }
  span.icons.paper {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/papier_icon.png") no-repeat; }
  span.icons.papermail {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/papier_inbox_icon.png") no-repeat; }
  span.icons.zoomglass {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vergrootglas_zwart_icon.png") no-repeat; }
  span.icons.html {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/inbox_grijs_icon.png") no-repeat; }
  span.icons.text {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/papier_icon.png") no-repeat; }
  span.icons.word {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/word.png") no-repeat;
    background-size: contain; }
  span.icons.wordlocked {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/Word-slot-rood.png") no-repeat;
    background-size: contain; }
  span.icons.excel {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/Excel.png") no-repeat;
    background-size: contain; }
  span.icons.excellocked {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/Excel-slot-rood.png") no-repeat;
    background-size: contain; }
  span.icons.pdf {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/PDF.png") no-repeat; }
  span.icons.pdflocked {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/office/PDF-slot-rood.png") no-repeat;
    background-size: contain; }
  span.icons.warning {
    background: url("/Portals/_default/Skins/CAMAS2018/images/icons/informatie_foutmelding_icon.png") no-repeat;
    background-size: contain; }
  span.icons.warning-red {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/waarschuwing_icon.png") no-repeat;
    background-size: contain; }
  span.icons.plus {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/plus_grijs_icon.png") no-repeat; }
  span.icons.plusgreen {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/plus_icon.png") no-repeat; }
  span.icons.settings {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/widgetaanpassen_icon.png") no-repeat; }
  span.icons.copy {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/copy_icon.png") no-repeat; }
  span.icons.in-text {
    background-size: 12px;
    background-position: bottom; }
  span.icons.priority-low {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/Priority_low_icon.png") no-repeat; }
  span.icons.priority-medium {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/Priority_middle_icon.png") no-repeat; }
  span.icons.priority-high {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/Priority_high_icon.png") no-repeat; }
  span.icons.succeed {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vinkje_icon.png") no-repeat;
    background-size: contain;
    padding-right: 8px;
    display: inline-block;
    width: 20px;
    min-height: 20px; }
  span.icons.failed {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/kruisje_icon.png") no-repeat;
    background-size: contain;
    padding-right: 8px;
    display: inline-block;
    width: 20px;
    min-height: 20px; }
  span.icons.succeed_circle {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vinkje_cirkel.png") no-repeat;
    background-size: contain;
    padding-right: 8px;
    display: inline-block;
    width: 35px;
    min-height: 35px; }
  span.icons.failed_circle {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/kruisje_cirkel.png") no-repeat;
    background-size: contain;
    padding-right: 8px;
    display: inline-block;
    width: 35px;
    min-height: 35px; }
  span.icons.processing {
    background: url("/Portals/_default/Skins/Camas2018/images/icons/vinkje_grijs_icon.png") no-repeat;
    background-size: contain;
    padding-right: 8px;
    display: inline-block;
    width: 20px;
    min-height: 20px; }

.actionbutton {
  margin-right: 5px; }

.actionbutton:last-child {
  margin-right: 0px; }

.importEmployeesButton {
  margin: 15px 0px; }

/* Default  table */
table.redesign-search-table td {
  padding: 0px 5px; }
  table.redesign-search-table td table td {
    padding: 0px; }

/*  */
.EmBlock {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0; }

/*Listviews*/
.ListView {
  border: solid 1px #d0d0d0;
  overflow-y: scroll; }

.ListboxAddItems {
  display: inline-block;
  margin-left: 2px;
  margin-top: 0px;
  height: 32px;
  width: 32px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/selectAll_icon.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom; }

.ListboxAddItemsDisabled {
  display: inline-block;
  margin-left: 2px;
  margin-top: 0px;
  height: 32px;
  width: 32px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/selectAllDisabled.png");
  vertical-align: bottom; }

.ListboxDeleteItems {
  display: inline-block;
  margin-left: 2px;
  margin-top: 0px;
  height: 32px;
  width: 32px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/clearAll_icon.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top; }

.ListboxDeleteItemsDisabled {
  display: inline-block;
  cursor: default;
  margin-left: 2px;
  margin-top: 0px;
  height: 32px;
  width: 32px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/deleteAllDisabled.png");
  vertical-align: top; }

.ListboxEmployersAbsenceDisabled option {
  color: #d0d0d0; }

.ListboxEmployersAbsence {
  width: 230px; }

.CamasLinkButtonTr td {
  padding-left: 10px; }

.CamasLinkButtonTr:hover {
  background-color: #c21b1b;
  color: #f2f2f2; }

/* Accordion */
/* Interaction states
----------------------------------*/
.accordion-ui-state-default, .accordion-ui-widget-content .accordion-ui-state-default, .ui-widget-header .accordion-ui-state-default, .ui-accordion .ui-state-default {
  font-family: "SourceSansPro-Semibold";
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  /*background: $famous-camas-color-opposite;*/ }

.accordion-ui-state-default a, .accordion-ui-state-default a:link, .accordion-ui-state-default a:visited, .ui-accordion .ui-state-default a, .ui-accordion .ui-state-default a:visited {
  /*color: #555555;*/
  text-decoration: none; }

.accordion-ui-state-hover, .accordion-ui-widget-content .ui-state-hover, .accordion-ui-widget-header .accordion-ui-state-hover, .accordion-ui-state-focus, .accordion-ui-widget-content .accordion-ui-state-focus, .accordion-ui-widget-header .accordion-ui-state-focus, .ui-accordion .ui-state-hover, .accordion-ui-state-active {
  font-family: "SourceSansPro-Semibold";
  color: #c21b1b; }

.accordion-ui-state-hover a, .accordion-ui-state-hover a:hover, .accordion-ui-state-hover a:link, .accordion-ui-state-hover a:visited, .ui-accordion .ui-state-hover a, .ui-accordion .ui-state-hover a:visited {
  font-family: "SourceSansPro-Semibold";
  color: #c21b1b;
  text-decoration: none; }

.accordion-ui-state-active, .accordion-ui-widget-content .accordion-ui-state-active, .accordion-ui-widget-header .accordion-ui-state-active {
  background: transparent;
  font-family: "SourceSansPro-Semibold"; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 20px 30px 20px 30px;
  zoom: 1; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
  color: #545454; }

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 0; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 65em;
  top: 50%;
  margin-top: -12px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1; }

.ui-accordion-header, .ui-accordion-content {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
  width: 90%;
  margin-top: 2px; }

.ui-accordion-header:not(:first-child) {
  margin-top: 10px; }

/* states and images */
.accordion-ui-icon {
  width: 18px;
  height: 25px;
  background-image: url(ui-icons_b00427_256x240.png); }

/*Custom accordion fixes*/
.redesign-displayblock {
  display: block; }

.redesign-fullwidth {
  width: 100%; }

/*Overlays*/
body .ui-widget-overlay {
  background-color: #616161;
  opacity: 0.2;
  filter: Alpha(Opacity=60);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-widget-shadow {
  margin: 5px 0 0 5px;
  padding: 0px;
  background: #999;
  opacity: .45;
  filter: Alpha(Opacity=45);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* javascript popup*/
/*blockui*/
.blockUI.blockMsg.blockPage {
  background-color: red;
  padding-bottom: 10px; }

.blockUI {
  padding: 7px; }

h2.blockUI {
  padding-top: 7px; }

/*Fileupload*/
.fileupload-header .fileupload-header-item.filename {
  text-align: left; }

.fileupload-header .fileupload-header-item {
  text-align: center; }

.redesign-fileselectertext, .redesign-fileselecterlink {
  text-decoration: none;
  cursor: pointer; }

/* ================================
	SBD Dropdowns
	================================
*/
input:focus {
  outline: none; }

.sbdHeader {
  display: none; }

.sbdOperator {
  width: 236px;
  line-height: 11px;
  border: solid 0 #d0d0d0;
  background-color: #f2f2f2;
  margin: 1px; }
  .sbdOperator input {
    border: none; }

.igdd_ControlArea {
  width: 100%; }

.input[type="text"] {
  width: 230px; }

.sbdField {
  vertical-align: middle;
  line-height: 11px;
  font-size: 14px;
  padding-right: 15px; }

/*.sbdInput {
    width: 230px;
    line-height: 11px;
    height: 30px;
    border: none;*/
.sbdInput {
  height: 30px;
  min-width: 227px;
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #545454;
  background-color: #f2f2f2;
  border: solid 0 #d0d0d0; }
  .sbdInput input {
    border: none; }

.sbdInput.sbdInputDropdown {
  padding-left: 5px; }

.sbdInput.pdf {
  padding: 15px; }

.pdf, .controlepdf {
  margin-top: 15px;
  width: 75vw;
  height: 50vh; }

.controlepdf {
  border: solid 1px #d0d0d0; }

/* Buttons */
.button-group .button {
  float: left; }

/* button met Plus(+) icoon */
.btn-add {
  display: inline-block;
  height: auto !important; }
  .btn-add .btn-add-img {
    height: auto;
    width: 24px;
    vertical-align: middle;
    padding-right: 5px;
    image-rendering: pixelated; }
  .btn-add .btn-text {
    vertical-align: middle; }

input:disabled {
  color: #d0d0d0;
  background-color: #f2f2f2;
  border: solid 0px white;
  cursor: initial; }
  input:disabled.error {
    border: none; }

input[type="button"], input[type="submit"], .button, .Button, .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton {
  background-image: none;
  cursor: pointer;
  background-color: #c21b1b;
  color: #f2f2f2;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 12px 22px;
  margin-right: 1px;
  border: 0px;
  min-width: 130px;
  text-decoration: none;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
  input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .Button:hover, .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton:hover {
    text-decoration: none;
    background-color: #aa1616; }
  input[type="button"].transparentButton, input[type="submit"].transparentButton, .button.transparentButton, .Button.transparentButton, .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton.transparentButton {
    background-color: transparent;
    color: #272727; }
    input[type="button"].transparentButton:hover, input[type="submit"].transparentButton:hover, .button.transparentButton:hover, .Button.transparentButton:hover, .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton.transparentButton:hover {
      background-color: rgba(0, 0, 0, 0.02); }
  input[type="button"]:disabled, input[type="submit"]:disabled, .button:disabled, .Button:disabled, .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton:disabled {
    background-color: transparent;
    color: #d0d0d0;
    cursor: default; }

input.img-button {
  /* om img juiste linkermarge in buttonarea te geven, op 't oog */
  /* om img juiste grootte t.o.v. tekst te geven, op 't oog */
  /* om tekst rechts van het img te positioneren, op 't oog */
  /* volgens JS */
  background-color: transparent;
  color: #272727;
  padding-left: 45px;
  background-position: 14px;
  background-size: 20px;
  background-repeat: no-repeat; }
  input.img-button:hover {
    background-color: rgba(0, 0, 0, 0.02); }
  input.img-button.primary-button {
    background-color: #c21b1b;
    color: #ffffff;
    /* corrigeer foutieve die van hoger niveau binnenkom, moet wit zijn volgens JS */ }
    input.img-button.primary-button:hover {
      background-color: #aa1616; }
  input.img-button.btn-add {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen.png); }
    input.img-button.btn-add.primary-button {
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen_wit.png); }
  input.img-button.btn-print {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/print_icon.png); }
    input.img-button.btn-print.primary-button {
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/print_icon.png); }
  input.img-button.btn-evaluate {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_evaluatie.png); }
    input.img-button.btn-evaluate.primary-button {
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_evaluatie.png); }
  input.img-button.btn-download {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_download.png); }
    input.img-button.btn-download.primary-button {
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_download_wit.png); }

input.sbdImageButton {
  /*  Properties, zoals background-color, zijn voor onderstaande buttons gelijk en zou je dus
        niet willen dupliceren. Helaas heeft het verplaatsen (ontdubbelen) van properties gevolgen
        voor de prioriteit die ze krijgen dus dat zou je eerst dieper moeten uitzoeken/testen.
    */
  /* om plusje juiste linkermarge in buttonarea te geven, op 't oog */
  /* om plusje juiste grootte t.o.v. tekst te geven, op 't oog */
  /* om tekst rechts van het plusje te positioneren, op 't oog */
  /* volgens JS */
  background-color: transparent;
  color: #272727;
  padding-left: 42px;
  background-position: 14px;
  background-size: 20px;
  background-repeat: no-repeat;
  height: auto;
  /* corrigeer foutieve die van hoger niveau binnenkomt; height hoeft namelijk niet expliciet gezet worden */
  margin-top: 10px; }
  input.sbdImageButton:hover {
    background-color: rgba(0, 0, 0, 0.02); }
  input.sbdImageButton.primary-button {
    /* styling als de add-button de primary button is */
    background-color: #c21b1b;
    color: #ffffff;
    /* corrigeer foutieve die van hoger niveau binnenkom, moet wit zijn volgens JS */ }
    input.sbdImageButton.primary-button:hover {
      background-color: #aa1616; }
  input.sbdImageButton.sbdImageButtonAdd {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen.png); }
    input.sbdImageButton.sbdImageButtonAdd.primary-button {
      /* styling als de add-button de primary button is */
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen_wit.png); }
  input.sbdImageButton.sbdImageButtonExport {
    /* styling als de export-button niet de primary button is */
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_exporteren.png); }
    input.sbdImageButton.sbdImageButtonExport.primary-button {
      /* styling als de add-button de primary button is */
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_exporteren_wit.png); }
  input.sbdImageButton.sbdImageButtonImport {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_importeren.png); }
    input.sbdImageButton.sbdImageButtonImport.primary-button {
      /* styling als de add-button de primary button is */
      background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_importeren_wit.png); }

.Button[value="Terug"], .Button[value="Ok"] {
  /*display:none;*/ }

.Button.button-back, .Button.button-ok {
  display: none; }

.absolute-btn-container {
  position: absolute;
  bottom: -65px;
  left: 30px;
  padding: 0 !important;
  margin: 0 0 10px 0 !important; }

.ep-postalcode {
  width: 39.5px !important; }

span.button, a.button {
  display: inline-block; }

.button[transparent="transparent"] {
  background-color: transparent;
  color: #272727; }

.button-group:last-child {
  margin-right: 0px; }

/* Custom buttons fixes*/
.FileUploadButton {
  position: relative;
  display: inline;
  overflow: hidden;
  cursor: pointer; }
  .FileUploadButton span {
    display: inline-block;
    background-image: none;
    background-color: #c21b1b;
    color: #f2f2f2;
    min-height: 15px;
    height: inherit !important;
    font-family: "SourceSansPro-Regular";
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    padding: 9px 10px 9px 10px;
    margin-right: 1px;
    border: 0px;
    max-height: 36px;
    min-width: 130px;
    cursor: pointer; }
  .FileUploadButton .upload {
    width: 149px;
    height: 36px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -9px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }

input[type="submit"].RefreshButton {
  min-width: initial;
  height: 15px;
  background: white url("/Portals/_default/Skins/Camas2018/images/icons/reload_icon.png") no-repeat center center;
  background-size: contain;
  box-shadow: none; }

input.sbdButton {
  margin-top: 15px; }

.button-dashboard-grid {
  margin-bottom: 15px; }

.redesign-display-block {
  display: block; }

.group-of-items {
  padding: 15px 0px 0px 0px; }

.group-of-items.no-document-margin {
  padding: 15px 0px 0px 0px; }

/* Remarks*/
table.redesign-remark {
  width: 100%; }

.no-padding {
  padding: 0px !important; }

.button-arrow-left,
.button-arrow-right,
.button-arrow-up,
.button-arrow-down {
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #d0d0d0; }

.button-arrow-left {
  background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/arrow-left.png") no-repeat center center; }

.button-arrow-right {
  background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/arrow-right.png") no-repeat center center; }

.button-arrow-up {
  background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/arrow-up.png") no-repeat center center; }

.button-arrow-down {
  background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/arrow-down.png") no-repeat center center; }

.login .login-steps {
  width: 100%;
  padding: 5px 0 5px 0;
  margin: 5px 0 10px 0;
  border-top: 1px solid #c21b1b;
  border-bottom: 1px solid #c21b1b; }
  .login .login-steps td {
    width: 50%;
    color: #d0d0d0;
    text-align: center; }
  .login .login-steps .active {
    color: #c21b1b; }

.cost-tag {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  font-size: 12px;
  padding: 4px 10px 4px 10px;
  margin: 2px;
  background-color: #d0d0d0;
  color: #c21b1b; }

a.cost-tag {
  background-color: #c21b1b;
  color: #d0d0d0;
  cursor: pointer; }
  a.cost-tag .cost-tag-x {
    padding-left: 10px; }
  a.cost-tag:hover {
    background-color: #d0d0d0;
    color: #c21b1b;
    text-decoration: none; }

.GridRij:hover {
  background-color: #f2f2f2; }

.GridAlternateRow:hover {
  background-color: #f2f2f2; }

.Edit-act-col, .Edit-act-icon {
  display: none; }

/* Badge buttons */
.badgeiconbutton.inbox-icon {
  background-color: #6D7D90;
  background: url("/Portals/_default/Skins/Camas2018/images/profilemenu-icons/message-menu-main.png") no-repeat center right; }

.badgeiconbutton .badgeiconbutton-badgenumber {
  border-color: #c21b1b;
  color: #ffffff;
  background-color: #c21b1b; }

/*
	Tooltip
	*/
.tooltip-relative-wrapper {
  position: relative; }
  .tooltip-relative-wrapper .tooltip-absolute-wrapper {
    z-index: 1000;
    position: absolute; }

.tooltip-main {
  border: solid 1px #c21b1b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f2f2f2;
  padding: 10px; }
  .tooltip-main .tooltip-header {
    display: block;
    font-family: "SourceSansPro-Semibold";
    padding-bottom: 5px; }
  .tooltip-main .tooltip-text .tooltip-value {
    max-width: 300px;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -pre-wrap;
    /* Opera <7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */ }
  .tooltip-main .tooltip-text .tooltip-label {
    font-family: "SourceSansPro-Semibold";
    padding-right: 5px; }
  .tooltip-main .tooltip-text .tooltip-table tr {
    border: solid 10px red;
    vertical-align: top; }
    .tooltip-main .tooltip-text .tooltip-table tr td {
      padding: 0px;
      height: auto;
      min-height: auto; }
  .tooltip-main .tooltip-text .tooltip-table tr .tooltip-label {
    width: 20%; }

/*Tooltips old style*/
.tblInfo {
  position: absolute;
  width: 320px;
  background-color: #f2f2f2;
  border: solid 1px #c21b1b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px; }

.tblInfo TR {
  vertical-align: top; }

/*VVS*/
.Legenda td {
  padding: 2px 0px; }

/* VVS RIE*/
.progressbar {
  display: none;
  background-color: #ccc;
  padding: 0px;
  height: 20px;
  margin: 5px 0px; }
  .progressbar .progresstextrelative {
    position: relative; }
  .progressbar .progresstextabsolute {
    position: absolute;
    width: 600px;
    z-index: 33;
    height: 20px;
    display: block;
    text-align: center; }
    .progressbar .progresstextabsolute .progresstext {
      color: white;
      height: 20px; }
  .progressbar .progress {
    height: 20px;
    display: inline-block;
    z-index: 30;
    background-color: #c21b1b; }

/* AM Employee*/
.am-employee-tabs-block {
  margin-bottom: 40px; }

.am-employee-text {
  background-color: #ffffff;
  margin-top: 10px;
  margin-left: 30px; }

.am-employee-text-block {
  background-color: #ffffff;
  padding-top: 10px;
  margin-bottom: 30px;
  padding-left: 30px;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  color: #505050; }
  .am-employee-text-block p {
    font-family: "SourceSansPro-Regular";
    font-size: 14px;
    font-weight: normal;
    color: #505050; }
  .am-employee-text-block b {
    font-family: "SourceSansPro-Semibold";
    font-size: 14px;
    color: #505050; }

.am-employee-row-header {
  font-family: "SourceSansPro-Light";
  font-size: 18px;
  color: #AF0D21;
  height: 60px;
  border-bottom: solid 1px #f0f0f0; }

.am-employee-row-text {
  border-bottom: solid 1px #f0f0f0; }

.am-employee-row-footer {
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  color: #AF0D21;
  height: 100px;
  border-bottom: solid 1px #f0f0f0;
  text-align: center; }

.am-employee-text-header {
  padding-left: 30px;
  padding-top: 10px; }

.am-employee-table-wrapper {
  padding-top: 10px;
  padding-left: 30px; }
  .am-employee-table-wrapper b {
    font-family: "SourceSansPro-Semibold";
    font-size: 14px;
    color: #505050; }

.rating {
  border: none;
  float: left; }

.rating > input {
  display: none; }

.rating.readonly > label:before {
  padding: 2px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block; }

.rating:not(.readonly) > label:before {
  padding: 2px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; }

.rating:not(.readonly) > .half:before {
  content: "\f089";
  position: absolute; }

.rating.readonly > .half:before {
  content: "\f089";
  position: absolute;
  color: #c21b1b; }

.rating > label {
  color: #ddd;
  float: right; }

.rating > input:checked ~ label {
  content: "\f005";
  color: #c21b1b; }

.rating > .fullStar:before {
  padding: 2px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  color: #c21b1b; }

.rating > .emptyStar:before {
  padding: 2px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; }

.rating:not(.readonly):hover > input:checked ~ label {
  content: "\f005";
  color: #ddd; }

/* hover current star */
.rating:not(.readonly):not(:checked) > label:hover, .rating:not(.readonly):not(:checked) > label:hover ~ label {
  content: "\f005";
  color: #c21b1b; }

/* hover current star when changing rating */
.rating:not(.readonly):checked > label:hover, .rating:not(.readonly):checked > label:hover ~ label {
  content: "\f005";
  color: #c21b1b; }

/* hover current star when changing rating */
.rating > input:not(.readonly):checked + label:hover, .rating > input:not(.readonly):checked ~ label:hover, .rating > input:not(.readonly):checked ~ label:hover ~ label {
  content: "\f005";
  color: #c21b1b; }

.ratingtd + td .HoverRatingText {
  display: none; }

.ratingtd:hover + td .HoverRatingText {
  display: inline; }

.ratingtd ~ td .SelectRatingText {
  display: inline; }

.ratingtd:hover ~ td .SelectRatingText {
  display: none; }

input#search {
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/vergrootglas_zwart_icon.png");
  background-position: 5px 5px;
  background-repeat: no-repeat;
  text-indent: 25px; }

input#search:focus {
  background-image: none;
  text-indent: 0px; }

/*Wizard Stappenplan */
/* 
!!! LET OP !!!

Wizard wordt op meerdere locaties gebruikt:

- Overzichten
- Plannen
- Ziekmelding

    Hierbij kan het dus voorkomen dat een wizard op meerdere locaties andere instellingen nodig heeft.
    Voorbeeld: Ziekmelding en Plannen(Annuleren) Gebruiken allerbei wizard step 3.

    Daarom heeft de planningswizard een extra class gekregen genaamd 'PlanningWizard' waardoor naar deze Class extra kan worden verwezen.

    verwijzingen momenteel gebruikt:
        - planningswizard: 'PlanningWizard'
        - Mutatie/herstel: 'redesign-form-content' (was al een bestaande klasse)

    (PJ)
*/
.HeaderWizard7steps {
  position: absolute;
  height: 41px;
  width: 935px;
  top: -48px;
  left: -10px;
  background-color: #aa1616; }
  .HeaderWizard7steps .Step1v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_1.png); }
  .HeaderWizard7steps .Step2v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_2.png); }
  .HeaderWizard7steps .Step3v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_3.png); }
  .HeaderWizard7steps .Step4v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_4.png); }
  .HeaderWizard7steps .Step5v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_5.png); }
  .HeaderWizard7steps .Step6v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_6.png); }
  .HeaderWizard7steps .Step7v7 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen7_7.png); }

.HeaderWizard6steps {
  position: absolute;
  height: 41px;
  width: 783px;
  top: -48px;
  left: -10px;
  background-color: #aa1616; }
  .HeaderWizard6steps .Step1v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_1.png); }
  .HeaderWizard6steps .Step2v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_2.png); }
  .HeaderWizard6steps .Step3v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_3.png); }
  .HeaderWizard6steps .Step4v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_4.png); }
  .HeaderWizard6steps .Step5v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_5.png); }
  .HeaderWizard6steps .Step6v6 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen6_6.png); }

.HeaderWizard5steps {
  position: absolute;
  height: 41px;
  width: 648px;
  top: -48px;
  left: -10px;
  background-color: #aa1616; }
  .HeaderWizard5steps .Step1v5 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen5_1.png); }
  .HeaderWizard5steps .Step2v5 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen5_2.png); }
  .HeaderWizard5steps .Step3v5 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen5_3.png); }
  .HeaderWizard5steps .Step4v5 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen5_4.png); }
  .HeaderWizard5steps .Step5v5 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/Stappen5_5.png); }

.Document-Wizard .steps {
  padding-top: 10px; }

.HeaderWizard4steps {
  position: absolute;
  height: 41px;
  width: 504px;
  top: -18px;
  left: -10px;
  background-color: #aa1616; }
  .HeaderWizard4steps .Step1v4 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen4_1.png); }
  .HeaderWizard4steps .Step2v4 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen4_2.png); }
  .HeaderWizard4steps .Step3v4 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen4_3.png); }
  .HeaderWizard4steps .Step4v4 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen4_4.png); }

/* Extra aanroep om planning wizard op de goede positie te zetten. Zie opmerking hierboven met uitleg */
.PlanningWizard .HeaderWizard3steps {
  height: 41px;
  width: 360px;
  top: -48px;
  left: -10px; }

.HeaderWizard3steps {
  position: absolute;
  height: 41px;
  width: 360px;
  top: -70px;
  left: -10px;
  background-color: #aa1616; }
  .HeaderWizard3steps .Step1v3 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen3_1.png); }
  .HeaderWizard3steps .Step2v3 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen3_2.png); }
  .HeaderWizard3steps .Step3v3 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen3_3.png); }

.HeaderWizard2steps {
  position: absolute;
  height: 40px;
  width: 212px;
  top: -70px;
  left: -11px;
  background-color: #aa1616; }
  .HeaderWizard2steps .Step1v2 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen2_1.png); }
  .HeaderWizard2steps .Step2v2 {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen2_2.png); }

/* Extra aanroep om mutatie/herstel wizard op de goede positie te zetten. Zie opmerking hierboven met uitleg */
.redesign-form-content .HeaderWizard2steps {
  height: 40px;
  width: 212px;
  top: -19px;
  left: -11px; }

/*Importtool */
.ImportPageHeight {
  height: auto; }

.ImportOverviewPage {
  width: 700px; }

.ImportPagesSizeProperties {
  display: inline-block; }

.ImportDivWidth {
  width: 100%; }

.ImportDivWidthPage4 {
  margin-right: -15px;
  margin-left: -15px; }

.ImportDivWidthPage5 {
  margin-left: 3px;
  margin-right: 36px; }

.ImportFloatNextButton {
  float: right; }

.ImportFloatNextButtonPage3 {
  float: none; }

.NextButton {
  padding-left: 1px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende_wit.png");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 100px;
  background-size: 20px; }

.NextButtonRight {
  padding-left: 1px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende_wit.png");
  position: relative;
  float: right; }

/*.NextButtonBlack{
    padding-left:1px;
    background-image: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende.png");
    background-repeat: no-repeat;
    background-position-y:center;
    background-position-x:100px;
    background-size:20px;
    background-blend-mode: color-burn;
}*/
.navigationButtons {
  padding-bottom: 5px; }

.navigationButtons > .NextButton {
  padding-left: 1px;
  background-image: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende_wit.png");
  position: relative;
  float: right;
  right: 28px; }

.DivFirstRowButtons {
  display: flex; }

.chooseImportFileButtonOldStyle {
  display: none; }

.ChooseImportFileButton {
  display: inline;
  margin-bottom: 10px; }

.EmptyImportFileButton {
  display: block;
  margin-bottom: 10px;
  margin-left: 8px;
  padding-left: 55px;
  padding-right: 40px;
  background: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_download.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: center;
  background-position-x: 20px; }

.ImportFloatBackButton {
  float: left;
  padding-right: 10px; }

.ImportEmployerTable {
  background-color: white;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
  padding: 30px;
  border-collapse: collapse;
  margin-right: 30px;
  width: 100%;
  background-color: white; }

.ImportEmployerTableThead {
  display: block; }

.ExportButtonImportTool {
  padding-left: 55px;
  padding-right: 40px;
  background: url("/Portals/_default/Skins/Camas2018/images/icons/icon_button_exporteren.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: center;
  background-position-x: 20px; }

.ImportEmployerTableTR1 {
  height: 40px;
  border-bottom: 2px solid #f2f2f2; }

.ImportEmployerTableTR2 {
  height: 30px;
  padding-right: 5px; }

.ImportEmployerTableCol1A {
  padding-left: 16px;
  width: 130px; }

.ImportEmployerTableCol2A {
  padding-left: 16px;
  width: 200px;
  text-align: left; }

.ImportEmployerTableCol3A {
  text-align: left; }

.ImportEmployerTableTbody {
  max-height: 400px;
  overflow-y: scroll;
  display: block; }

.ImportEmployerTableCol1B {
  padding-left: 16px;
  width: 130px; }

.ImportEmployerTableCol2B {
  padding-left: 16px;
  width: 200px; }

.ImportProgressBarBackground {
  display: none; }

.ImportProgressBarForeground1 {
  display: none; }

.ImportProgressBarForeground2 {
  display: none; }

.ImportProgressBarForeground3 {
  display: none; }

.ImportProgressBarForeground4 {
  display: none; }

.ImportProgressBarForeground5 {
  display: none; }

.progressbarImport {
  display: none; }

.DivImportFloatCenterButton {
  clear: both; }

.ImportFloatCenterButton {
  display: inline-block;
  margin: 0 auto; }

.errorColor {
  color: red; }

.ErrorIcon {
  cursor: pointer;
  width: 20px; }
  .ErrorIcon span {
    display: none; }
  .ErrorIcon:hover span {
    padding: 5px 5px 5px 5px;
    display: block;
    z-index: 1000;
    background: #fff;
    position: absolute;
    max-width: 250px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
    margin: -10px 10px; }

.ImportResultTableSuccesRows {
  color: forestgreen; }

.ImportResultTableSizeSettings {
  max-height: 250px;
  width: 700px;
  overflow-y: scroll;
  display: block; }

.ImportResultTableTDWidth {
  width: 120px; }

/*Invoices*/
.redesign-invoices .header {
  margin-left: 5px; }

.redesign-invoices .content {
  margin-top: 0;
  min-height: 60px;
  width: 100%;
  padding: 5px;
  border-radius: 5px; }

.redesign-invoices .activity .content span {
  color: #c21b1b;
  cursor: pointer; }

.redesign-invoices .activity .done span {
  color: #545454; }

.invoiceClose {
  width: 20px;
  height: 20px;
  background: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #c21b1b;
  color: #c21b1b;
  display: inline-block;
  opacity: 1;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  margin-left: 5px; }

.redesign-invoicecontact .msg0, .redesign-invoicecontact .msg1, .redesign-invoicecontact .activity {
  margin: 5px; }

.redesign-invoicecontact .activity {
  width: 96%;
  float: left; }

.redesign-invoicecontact .msg1 {
  float: left;
  clear: both; }

.redesign-invoicecontact .msg0 {
  float: right;
  clear: both;
  margin-right: 20px; }

.redesign-invoicecontact .content {
  margin-top: 0;
  min-height: 60px;
  width: 100%;
  padding: 5px;
  border-radius: 5px; }

.redesign-invoicecontact .content .attachment {
  float: right;
  cursor: pointer; }

.redesign-invoicecontact .activity .content {
  border-radius: 0;
  min-height: 0; }

.redesign-invoicecontact .details {
  width: 550px;
  overflow-y: auto;
  overflow-x: hidden; }

.redesign-invoicecontact .details .messages {
  float: left;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.redesign-invoicecontact .visible {
  display: block; }

.redesign-invoicecontact .hidden {
  display: none; }

.redesign-invoicecontact-admin .messageballon {
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: dotted 1px #d0d0d0; }

.redesign-invoicecontact-admin .group-of-message, .redesign-invoicecontact-admin .group-of-activities {
  clear: both; }

.redesign-invoicecontact-admin .done a {
  color: #545454; }

.redesign-invoicecontact-admin .invoices-selected-items {
  padding-bottom: 15px; }

.redesign-invoicecontact-admin .msg1, .redesign-invoicecontact-admin .msg0, .redesign-invoicecontact-admin .activity {
  width: 75%;
  margin: 5px; }

.redesign-invoicecontact-admin .activityGroup .content::before,
.redesign-invoicecontact-admin .activity .content::before {
  content: '+ ';
  color: #c21b1b;
  cursor: pointer; }

.redesign-invoicecontact-admin .activity .content::before {
  opacity: 0; }

.redesign-invoicecontact-admin .activityGroup.collapsed .content::before {
  content: '- ';
  color: #c21b1b;
  cursor: pointer; }

.redesign-invoicecontact-admin .activity,
.redesign-invoicecontact-admin .activityGroup {
  margin-top: 0;
  margin-bottom: 0;
  width: 95%;
  margin-left: 5px; }

.redesign-invoicecontact-admin .iscustomermessage0 {
  float: left; }

.redesign-invoicecontact-admin .iscustomermessage1 {
  float: right; }

.redesign-invoicecontact-admin .content .attachment {
  /*
			float: right;*/
  cursor: pointer; }

.redesign-invoicecontact-admin .activity .header span {
  color: #c21b1b;
  font-size: x-small;
  cursor: pointer; }

.redesign-invoicecontact-admin .activity .content,
.redesign-invoicecontact-admin .activityGroup .content {
  border-radius: 0;
  border: 0px;
  min-height: 0; }

.redesign-invoicecontact-admin .details .relatedInvoices {
  float: right;
  height: 600px;
  width: 20%;
  overflow-y: auto;
  overflow-x: hidden; }

.redesign-invoicecontact-admin .relatedInvoice {
  cursor: pointer; }

.redesign-invoicecontact-admin .removeRelatedInvoice {
  color: grey;
  cursor: pointer; }

.redesign-invoicecontact-admin .details .messages {
  float: left;
  height: 600px;
  width: 75%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px; }

.redesign-invoicecontact-admin .invoicePreview {
  float: left;
  height: 600px;
  width: 80%;
  overflow-y: auto;
  overflow-x: hidden; }

.redesign-invoicecontact-admin .controlepdf {
  width: 596px;
  height: 430px;
  border: 1px solid #c21b1b;
  margin-left: 182px; }

.redesign-invoicecontact-admin .line {
  border-top: solid 1px #c21b1b;
  height: 6px;
  display: block;
  margin-top: 10px; }

.redesign-invoicecontact-admin .done {
  color: grey; }

.redesign-invoicecontact-admin .activityGroup:hover,
.redesign-invoicecontact-admin .activityGroup:hover .done {
  color: #c21b1b;
  cursor: pointer; }

/*
    Document Samenstellen

*/
.fileUpload {
  position: relative;
  /*overflow: hidden;
    margin: 10px;*/ }
  .fileUpload .uploadButton {
    background-color: #c21b1b;
    color: #f2f2f2;
    height: 40px;
    font-family: 'SourceSansPro-Regular';
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 22px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer; }
  .fileUpload input.uploadDocument {
    position: absolute;
    /* HKE: van het scherm af positioneren zodat je er niet op kan klikken */
    /* je klikt op een parent label element zodat je eigen style kunt toepassene */
    top: -2000px;
    left: -2000px;
    opacity: 0; }

.DocumentListContainer {
  width: 100%; }

.uploaded-document {
  height: 60px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  background-color: #ffffff;
  position: relative;
  /*background-color: $content-area-color;*/ }
  .uploaded-document span.document-icon {
    height: 60px;
    width: 40px;
    margin-right: 16px; }
  .uploaded-document .documentContent {
    position: absolute;
    top: 50%;
    left: 48px;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .uploaded-document .documentContent > div {
      border-right: solid 1px rgba(0, 0, 0, 0.12);
      padding: 0 8px;
      width: auto;
      white-space: nowrap;
      align-self: center; }
      .uploaded-document .documentContent > div:last-child {
        border-right: none;
        padding-right: 16px; }
      .uploaded-document .documentContent > div input[type="checkbox"] {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0 5px 0 0;
        vertical-align: bottom;
        position: relative;
        top: -2px;
        *overflow: hidden; }
    .uploaded-document .documentContent .filename {
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .uploaded-document .documentContent a.icons, .uploaded-document .documentContent span.icons {
      height: 20px;
      width: 20px;
      display: inline-block;
      min-width: 20px; }
      .uploaded-document .documentContent a.icons.download, .uploaded-document .documentContent span.icons.download {
        background: url("/Portals/_default/Skins/Camas2018/images/icons/download_icon.png") no-repeat;
        background-size: contain; }
      .uploaded-document .documentContent a.icons.delete, .uploaded-document .documentContent span.icons.delete {
        background: url("/Portals/_default/Skins/Camas2018/images/icons/prullenbak_icon.png") no-repeat;
        background-size: contain; }
      .uploaded-document .documentContent a.icons.edit, .uploaded-document .documentContent span.icons.edit {
        background: url("/Portals/_default/Skins/Camas2018/images/icons/potloodje_icon.png") no-repeat;
        background-size: contain; }
      .uploaded-document .documentContent a.icons.disabled, .uploaded-document .documentContent span.icons.disabled {
        background: none;
        cursor: default;
        pointer-events: none; }

.document-table .TdHeaderClass {
  padding-bottom: 10px;
  color: #545454 !important; }

.btn-samenstellen {
  float: right; }

.popup-title {
  font-family: "SourceSansPro-Light";
  font-size: 30px;
  font-weight: normal;
  padding-bottom: 20px;
  color: #545454; }

.btn-container {
  margin-top: 10px; }

/*last page from wizard*/
.statusPage {
  margin: 30px; }

/*last page from wizard recoverynotification*/
.RecoveryPage .statusPage {
  margin: initial;
  padding: 30px 0px 0px 23px; }

.statusMessage {
  margin-bottom: 16px; }

.statusText {
  vertical-align: super; }

/*Search Functie Tables*/
.search-controller {
  color: #d0d0d0;
  height: 30px;
  margin-bottom: 10px; }
  .search-controller .search-item {
    height: 100%;
    background-color: #f2f2f2; }
  .search-controller .search-value, .search-controller .search-type {
    width: 150px;
    vertical-align: middle;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
    display: inline-block; }
  .search-controller .search-value {
    background-color: #ffffff; }
  .search-controller .search-button {
    height: 80%;
    vertical-align: middle;
    background: none; }
  .search-controller .psWebDropDown {
    border: 0px; }

/*Customer Contract*/
.contract-tbl-left, .contract-tbl-right {
  background: white;
  padding: 30px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08); }

.split-pane {
  width: 30px;
  display: block; }

/*CustomerActivity Table*/
.table-activity {
  min-width: 750px; }

/*button icons
/*Element moet class="btn-icon" bevatten + (bijv. icon-plus)*/
input.Button.btn-icon, input.button.btn-icon, a.btn-icon {
  padding-left: 34px;
  position: relative;
  background-position: 10px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  image-rendering: pixelated; }
  input.Button.btn-icon.icon-plus, input.button.btn-icon.icon-plus, a.btn-icon.icon-plus {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen_wit.png); }
  input.Button.btn-icon.icon-plus-dark, input.button.btn-icon.icon-plus-dark, a.btn-icon.icon-plus-dark {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_toevoegen.png); }
  input.Button.btn-icon.icon-transfer-dark, input.button.btn-icon.icon-transfer-dark, a.btn-icon.icon-transfer-dark {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_overzetten.png); }
  input.Button.btn-icon.icon-transfer, input.button.btn-icon.icon-transfer, a.btn-icon.icon-transfer {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_overzetten_wit.png); }
  input.Button.btn-icon.icon-print, input.button.btn-icon.icon-print, a.btn-icon.icon-print {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/print_icon.png); }
  input.Button.btn-icon.icon-dossier, input.button.btn-icon.icon-dossier, a.btn-icon.icon-dossier {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/folder_icon.png), url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende.png);
    background-position: 10px 50%, 297px 50%; }
  input.Button.btn-icon.icon-verzuim, input.button.btn-icon.icon-verzuim, a.btn-icon.icon-verzuim {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/navigatie_melden.png); }
  input.Button.btn-icon.icon-pencil, input.button.btn-icon.icon-pencil, a.btn-icon.icon-pencil {
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/navigatie_pencil_icon.png); }

.mg-top {
  margin-top: 10px; }

.table-title {
  display: none; }

.picture.pers-picture {
  display: block;
  width: 120px;
  height: 150px;
  background-repeat: no-repeat;
  background-image: url("/images/profile-icon.png");
  background-size: contain;
  background-position: center; }

/*Dashboard ContactPersoon*/
.contact-container {
  display: flex;
  flex-wrap: wrap; }
  .contact-container.contact-container-employeeportal {
    margin: 40px; }
  .contact-container .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
    padding: 30px 30px 30px 0;
    margin: 0px 20px 20px 0px;
    width: calc(100% * (1/2) - 80px);
    min-width: 660px; }
    .contact-container .content-wrapper.employee-contact {
      width: calc(40% * (1/2) - 80px); }
    .contact-container .content-wrapper .photo-wrapper, .contact-container .content-wrapper .detail-wrapper {
      display: inline-block; }
    .contact-container .content-wrapper .detail-wrapper {
      color: #272727;
      width: 70%;
      padding-left: 30px; }
      .contact-container .content-wrapper .detail-wrapper .contact-text, .contact-container .content-wrapper .detail-wrapper .contact-workdays {
        color: #545454; }
      .contact-container .content-wrapper .detail-wrapper .contact-name {
        margin-bottom: 10px;
        font-size: 30px;
        font-weight: normal;
        font-family: "SourceSansPro-Light"; }
      .contact-container .content-wrapper .detail-wrapper .contact-header {
        margin-bottom: 10px;
        font-size: 30px;
        font-weight: bold;
        font-family: "SourceSansPro-Light"; }
      .contact-container .content-wrapper .detail-wrapper .contact-phone, .contact-container .content-wrapper .detail-wrapper .contact-email {
        font-weight: bold;
        font-size: 18px; }
      .contact-container .content-wrapper .detail-wrapper .contact-phone {
        margin-bottom: 10px;
        display: block; }
    .contact-container .content-wrapper .photo-wrapper {
      width: 30%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #f2f2f2; }
      .contact-container .content-wrapper .photo-wrapper .contact-img, .contact-container .content-wrapper .photo-wrapper .pers-picture {
        display: block;
        border-radius: 50%;
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-image: url("/Portals/_default/Skins/Camas2018/images/logo/Camas_logo_icon_zwart.png");
        background-size: cover; }
      .contact-container .content-wrapper .photo-wrapper .pers-picture {
        background-size: contain;
        background-position: center; }

@media (max-width: 1100px) {
  .contact-container .content-wrapper {
    width: calc(100% * (1) - 80px); } }

.trim-info {
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tabs-list.reverse-mg {
  background: none;
  margin: 0;
  margin-top: -32px; }

.tabs-list .ui-tabs-active > a {
  color: #c21b1b; }

.acc-header {
  display: none; }

.button-file-upload {
  background-image: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #272727;
  padding-bottom: 37px;
  height: 40px;
  font-family: 'SourceSansPro-Regular';
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 14px 22px;
  margin-right: 1px;
  border: 0px;
  min-width: 130px;
  text-decoration: none;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }

.overview-details, .import-content {
  background-color: white;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
  padding: 30px; }

.ImportEmployerTableTbody tr {
  width: 100%;
  display: table; }

.ImportResultTableSizeSettings {
  background-color: white;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
  padding: 30px; }

.choice-container {
  background-color: white;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);
  padding: 30px; }
  .choice-container .choice-title {
    display: inline-block !important;
    font-family: "SourceSansPro-Semibold";
    font-size: 15px;
    margin-left: 5px; }
  .choice-container input[type='radio'] {
    margin: 0; }
  .choice-container input[type='radio']:after {
    width: 15px;
    height: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #ececec;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #868686; }
  .choice-container input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #c21b1b;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #868686; }

table.sbdPaging td.paging {
  width: 15px;
  display: inline-block;
  max-height: 15px;
  text-align: center;
  line-height: 1;
  font-family: 'SourceSansPro-Bold';
  padding: 8px;
  border: 0;
  user-select: none; }
  table.sbdPaging td.paging.active {
    color: #c21b1b; }
  table.sbdPaging td.paging.disabled {
    color: #d0d0d0; }

.Titlebar {
  color: #545454;
  font-family: 'SourceSansPro-Bold';
  font-size: 14px;
  white-space: nowrap; }

.hide-refresh-button {
  display: none; }

.accordion-ui-state-active .accor-icon {
  transform: rotate(0deg);
  transition: all 0.3s; }

.accor-icon {
  background-image: url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_grijs_icon.png);
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: block;
  background-size: 20px;
  float: right;
  transform: rotate(180deg);
  transition: all 0.3s; }

/*ziek center herstelmeldingwizards*/
.ColumnHeader {
  font-family: 'SourceSansPro-Semibold';
  color: #c21b1b; }

.SicknessNotification, .RecoveryPage, .activity-ctrl {
  Margin-top: 50px; }

.RecoveryPage {
  display: inline-block; }

td.ColumnPadding {
  padding-left: 40px !important;
  padding-top: 1px;
  padding-bottom: 1px; }

.navigationButtons input[value="Terug"], .navigationButtons input[value="Vorige"] {
  margin-left: 30px; }

.navigationButtons .ImportFloatBackButton input[value="Terug"] {
  margin-left: 0; }

.Help {
  padding: 0;
  border: none;
  background-color: transparent;
  font-weight: normal;
  font-size: inherit;
  color: inherit; }

.red-text {
  color: #c21b1b; }

.contact-header {
  margin-top: 10px; }
  .contact-header .phone-img {
    vertical-align: text-bottom; }
  .contact-header .phone-num {
    font-size: 20px;
    text-decoration: none;
    padding-left: 10px; }

.service-doc-control {
  display: flex;
  flex-wrap: wrap; }
  .service-doc-control .DocumentListContainer {
    width: calc(100% * (1/2) - 80px);
    min-width: 660px; }
    .service-doc-control .DocumentListContainer .service-title {
      margin-top: 10px;
      margin-bottom: 20px;
      color: #c21b1b;
      font-family: "SourceSansPro-Regular";
      font-size: 25px; }
    .service-doc-control .DocumentListContainer .uploaded-document {
      max-width: 550px; }

.profile-container {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08); }

.tabs-content .auth-method .psWebDropDown {
  width: 100% !important; }

.tabs-content .tab-title {
  font-family: "SourceSansPro-Semibold";
  font-size: 14px;
  color: #545454; }

.ImportPageHeight .HeaderWizard4steps {
  margin-top: -30px; }

.redesign-ImportWizard-2018 {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin: 50px 0px 10px 0px; }

.SmallDropDown {
  background-color: #f2f2f2; }

.wcdColour {
  color: #c21b1b; }

.bordercolour {
  border: #c21b1b 1px solid; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
/*@import '_variables'; 

@function design-to-vw($designPixels, $viewport:"desktop") {
	$result:0;

	@if $viewport == "mobile" {
		$result: $designPixels / $page-width-mobile * 100vw;
	}
	@else if $viewport == "tablet" {
		$result: $designPixels / $page-width-tablet * 100vw;
	}
	@else if $viewport == "desktop" {
		$result: $designPixels / $page-width-wide * 100vw;
	}
	@return $result;
}*/
/*-------------------  SETTINGS -----------------------*/
/*settings for pmomweb dropdown*/
/*settings for pmomweb datepicker*/
/*$SelectedDateColor: $grey;
$SelectedDateBackground: $lightgrey;
$dateBordercolor: $lightgrey;*/
/*pswebdropdown*/
/*--------------- END OF SETTINGS ----------------*/
/* 	----------------------------------
    PMOMWEBDATEPICKER
    ----------------------------------
*/
.InputCalendar {
  /*font-size: 14pt;*/
  height: 30px;
  color: #545454;
  background-color: #f2f2f2;
  padding-left: 5px;
  font-family: "SourceSansPro-Regular";
  width: 230px;
  border: solid 0 #d0d0d0; }
  .InputCalendar.from-till {
    width: 99px; }
  .InputCalendar input {
    border: none; }
  .InputCalendar.error {
    background-color: #f4eaea;
    border: 1px solid #c21b1b;
    box-sizing: border-box; }

.InputCalendar[iserror="ja"] {
  background-color: #f4eaea;
  border: 1px solid #c21b1b;
  box-sizing: border-box; }
  .InputCalendar[iserror="ja"] .igte_Inner {
    background-color: #f4eaea;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 1px; }
  .InputCalendar[iserror="ja"] .igte_EditInContainer {
    background-color: #f4eaea;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 1px; }

.pmomwebdatepicker {
  font-size: 14pt;
  width: 220px;
  height: 30px; }

.igte_EditInContainer {
  padding-left: 5px;
  padding-top: 3px;
  background-color: Transparent;
  border-width: 0px;
  outline: 0; }

.igte_Inner {
  color: #545454;
  background-color: #f2f2f2;
  /*height:21px;*/ }

.igte_Button.igte_ButtonDisabled img {
  background: url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_grijs_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  width: 8px;
  height: 14px !important;
  /* padding-right: 30px !important; */
  padding: 0 0px 0 6px !important;
  display: block;
  margin-right: 4px;
  opacity: 0.7; }

.igte_Button img {
  background: #c21b1b url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_trans-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  width: 8px;
  height: 14px !important;
  /* padding-right: 30px !important; */
  padding: 0 0px 0 6px !important;
  display: block;
  margin-right: 4px; }

/* -- calendar -- */
.igmc_Control {
  background-color: #ffffff;
  border: 1px solid #858585;
  width: 225px;
  height: 200px;
  padding: 0px;
  margin: 0px;
  font-family: "SourceSansPro-Regular";
  /*font-size: 14pt;*/
  color: #545454; }

.igmc_DOW {
  background-color: #eeeeee;
  background-repeat: repeat-x;
  background-position: top;
  font-size: xx-small;
  border-width: 0px;
  border-bottom: solid 1px #CCCCCC;
  padding: 0px;
  text-align: center;
  font-weight: bold; }

.igmc_NextPrev {
  margin: 0px;
  padding: 0px;
  font-size: xx-small;
  color: #ffffff;
  padding: 0px 3px; }

.igmc_HoverNextPrev {
  cursor: pointer;
  color: #d0d0d0; }

.igmc_Footer {
  background-color: #EEEEEE;
  background-repeat: repeat-x;
  border-top: 1px solid #D8D8D8;
  font-size: xx-small;
  text-align: center;
  display: none; }

.igmc_HoverFooter {
  background-color: #EDEDED;
  background-repeat: repeat-x;
  cursor: pointer; }

.igmc_PressedFooter {
  background-color: #ffffff;
  background-repeat: repeat-x; }

.igmc_Header {
  background-color: #c21b1b;
  background-repeat: repeat-x;
  background-position: top;
  font-size: 14px;
  border-bottom: 1px solid #858585; }

.igmc_MonthYear {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 2px;
  color: #ffffff; }

.igmc_PressedMonthYear {
  color: #272727; }

.igmc_HoverMonthYear {
  cursor: pointer;
  color: #272727; }

.igmc_Day {
  background-color: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff; }

.igmc_WeekNumber {
  border: 1px solid #DDDDDD;
  background-color: #DDDDDD;
  font-weight: bold; }

.igmc_WeekendDay {
  background-color: #F8F8F8;
  border: 1px solid #F8F8F8; }

.igmc_OtherMonthDay {
  color: #AAAAAA;
  background-image: none; }

.igmc_TodayDay {
  color: #d0d0d0;
  font-weight: bold;
  border-bottom: solid 1px #545454; }

.igmc_SelectedDay {
  background-color: #f2f2f2;
  color: #ffffff;
  font-weight: bold;
  border-color: #d0d0d0; }

.igmc_FocusDay {
  background-color: #d0d0d0;
  color: #ffffff;
  font-weight: bold; }

.igmc_HoverDay {
  background-color: #DDDDDD; }

.igmc_DisabledDay {
  color: #EEE; }

/* CSS classes for Month and Year selection Popup in header */
.igmc_List {
  background: #ffffff;
  border: 1px solid #d0d0d0; }

.igmc_Item {
  font-size: 10pt;
  background: #f2f2f2;
  text-align: center; }

.igmc_SelectedItem {
  background-color: #d0d0d0;
  color: #ffffff;
  font-weight: bold; }

.igmc_HoverItem {
  background-color: #d0d0d0;
  color: #ffffff;
  cursor: pointer; }

/*****   PMOMWEBDROPDOWN     *******/
/*****    -------------        *******/
/***dropdowns**/
.pmomwebdropdown {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #545454;
  background-color: #f2f2f2;
  min-height: 30px;
  width: 230px;
  border: solid 0 #d0d0d0; }
  .pmomwebdropdown input {
    border: none; }
  .pmomwebdropdown.error {
    background-color: #f4eaea;
    border: 1px solid #c21b1b;
    box-sizing: border-box; }

.igdd_DropDownListContainer {
  background-color: #f2f2f2;
  border: 1px #f2f2f2; }

.igdd_DropDownList {
  font-family: 'SourceSansPro-Regular';
  font-size: 14px;
  color: #545454; }

.ddlFilterMessage {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.igdd_DropDownList {
  margin: 0px;
  padding: 1px; }

.dropdown-disabled .igdd_DropDownButton {
  background: none;
  cursor: initial; }

.dropdown-disabled input.ig_Disabled {
  border: none;
  cursor: initial; }

.igdd_DropDownList .igdd_ListItem {
  border: 0px;
  padding: 5px 5px;
  list-style-type: none;
  width: auto;
  min-height: 15px;
  height: auto !important;
  cursor: pointer;
  color: #545454; }
  .igdd_DropDownList .igdd_ListItem:hover {
    background-color: #d0d0d0; }
  .igdd_DropDownList .igdd_ListItem.igdd_ListItemSelected {
    background-color: #aa1616;
    color: #ffffff; }
  .igdd_DropDownList .igdd_ListItem a {
    text-decoration: none;
    color: inherit; }
    .igdd_DropDownList .igdd_ListItem a:visited, .igdd_DropDownList .igdd_ListItem a:link {
      text-decoration: inherit; }

div[mkr="Target"] > div {
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.21); }

.igdd_ValueDisplay {
  height: 30px;
  min-width: 100%;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  color: #545454;
  background-color: #f2f2f2;
  border: 1px #f2f2f2;
  padding-left: 5px;
  border: none; }

.igdd_ValueDisplayDisabled {
  height: 30px;
  min-width: 100%;
  background-color: #f2f2f2;
  border: 1px #f2f2f2;
  padding-left: 5px; }

.igdd_DropDownButton {
  background: #c21b1b url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_trans-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  width: 8px;
  height: 14px !important;
  /* padding-right: 30px !important; */
  padding: 0 0px 0 6px !important;
  display: block;
  margin-right: 8px;
  margin-top: 8px; }

.dropdown-disabled .igdd_DropDownButton {
  /* min-width: 12px; */
  background: url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_grijs_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  width: 8px;
  height: 14px !important;
  padding: 0 0px 0 6px !important;
  display: block;
  margin-right: 8px;
  margin-top: 8px;
  opacity: 0.7; }

img[mkr="ButtonImage"] {
  display: none; }

/*---------------PsWebdropdown-------------------------*/
.psWebDropDown .InputWrapper {
  position: absolute;
  left: 1px;
  right: 16px;
  height: 26px; }

.psMultiSelect .InputWrapper, .psMultiSelect .MultiSelectText {
  position: absolute;
  left: 1px;
  right: 31px;
  height: 26px; }

.psWebDropDown, .psMultiSelect {
  position: relative;
  min-width: 140px;
  height: 30px;
  color: #545454;
  background-color: #f2f2f2;
  border: solid 0 #d0d0d0; }
  .psWebDropDown.DropDownWhite, .psMultiSelect.DropDownWhite {
    background-color: white; }
  .psWebDropDown .clear-filter, .psMultiSelect .clear-filter {
    position: absolute;
    display: block;
    right: 10px;
    top: 4px;
    padding: 4px;
    width: 12px;
    font-size: 12px;
    color: grey;
    opacity: 0;
    background: none;
    cursor: pointer; }
  .psWebDropDown .clear-filter:hover, .psMultiSelect .clear-filter:hover {
    opacity: 0.5; }
  .psWebDropDown input[type=text], .psMultiSelect input[type=text] {
    width: 90%;
    height: 100%;
    box-shadow: none;
    border: none;
    position: relative;
    color: #545454; }
    .psWebDropDown input[type=text].whiteInput, .psMultiSelect input[type=text].whiteInput {
      background-color: white; }
    .psWebDropDown input[type=text].error, .psMultiSelect input[type=text].error {
      width: 105%;
      left: -2px; }
    .psWebDropDown input[type=text].ng-invalid.ng-touched, .psMultiSelect input[type=text].ng-invalid.ng-touched {
      background-color: #f4eaea;
      border: 1px solid #c21b1b;
      width: 105%;
      left: -2px;
      bottom: 3px; }
  .psWebDropDown .MultiSelectText, .psMultiSelect .MultiSelectText {
    padding: 5px 5px 0px 5px; }
  .psWebDropDown .DropDownButton, .psMultiSelect .DropDownButton {
    /*min-width: 10px;*/
    background: #c21b1b url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_trans-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 16px;
    min-width: 15px;
    top: 7px;
    right: 6px;
    z-index: 1; }
  .psWebDropDown .DropDownButtonWhite, .psMultiSelect .DropDownButtonWhite {
    /*min-width: 10px;*/
    background: #c21b1b url(/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_wit-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .psWebDropDown .Counter, .psMultiSelect .Counter {
    position: absolute;
    height: 30px;
    width: 15px;
    min-width: 15px;
    top: 3px;
    right: 15px;
    padding: 3px 0px 0px 3px;
    text-align: right; }
  .psWebDropDown .DropDownMenu, .psMultiSelect .DropDownMenu {
    position: absolute;
    z-index: 1001;
    left: 0;
    top: 30px;
    padding: 0;
    border: 1px solid #d0d0d0;
    background-color: #f2f2f2;
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto; }
    .psWebDropDown .DropDownMenu.Multiselect, .psMultiSelect .DropDownMenu.Multiselect {
      padding-bottom: 28px; }
    .psWebDropDown .DropDownMenu > div, .psMultiSelect .DropDownMenu > div {
      /*overflow-y: auto;
			overflow-x: hidden;*/
      min-width: 40px;
      padding: 0;
      width: 95%; }
      .psWebDropDown .DropDownMenu > div > div, .psMultiSelect .DropDownMenu > div > div {
        width: 100%; }
        .psWebDropDown .DropDownMenu > div > div > *, .psMultiSelect .DropDownMenu > div > div > * {
          text-align: left;
          width: 100%;
          height: 100%;
          min-height: 28px;
          padding: 3px 1px 1px 10px;
          color: #545454;
          background-color: #f2f2f2; }
          .psWebDropDown .DropDownMenu > div > div > *:active, .psMultiSelect .DropDownMenu > div > div > *:active {
            background-color: #aa1616;
            color: #ffffff; }
          .psWebDropDown .DropDownMenu > div > div > *:hover, .psMultiSelect .DropDownMenu > div > div > *:hover {
            background-color: #d0d0d0;
            color: #272727; }
          .psWebDropDown .DropDownMenu > div > div > * .fa, .psMultiSelect .DropDownMenu > div > div > * .fa {
            margin-right: 10px; }
    .psWebDropDown .DropDownMenu .DropDownMenuFooter, .psMultiSelect .DropDownMenu .DropDownMenuFooter {
      overflow: hidden;
      width: 100%;
      background-color: #f2f2f2; }
      .psWebDropDown .DropDownMenu .DropDownMenuFooter .icons, .psMultiSelect .DropDownMenu .DropDownMenuFooter .icons {
        margin: 3px 0px 1px 7px; }
      .psWebDropDown .DropDownMenu .DropDownMenuFooter .FooterText, .psMultiSelect .DropDownMenu .DropDownMenuFooter .FooterText {
        display: block;
        padding: 7px 10px 7px 10px;
        width: 100%;
        border-top: 1px solid #c21b1b; }
  .psWebDropDown .DropDownMenuWhite, .psMultiSelect .DropDownMenuWhite {
    background-color: #ffffff; }
    .psWebDropDown .DropDownMenuWhite > div > div, .psMultiSelect .DropDownMenuWhite > div > div {
      width: 100%; }
      .psWebDropDown .DropDownMenuWhite > div > div > *, .psMultiSelect .DropDownMenuWhite > div > div > * {
        background-color: #ffffff; }
        .psWebDropDown .DropDownMenuWhite > div > div > *:active, .psMultiSelect .DropDownMenuWhite > div > div > *:active {
          background-color: #aa1616;
          color: #ffffff; }
    .psWebDropDown .DropDownMenuWhite .DropDownMenuFooter, .psMultiSelect .DropDownMenuWhite .DropDownMenuFooter {
      background-color: #ffffff; }
  .psWebDropDown .DropDownMenu .Selected, .psMultiSelect .DropDownMenu .Selected {
    background-color: #c21b1b;
    color: #f2f2f2; }
    .psWebDropDown .DropDownMenu .Selected:hover, .psMultiSelect .DropDownMenu .Selected:hover {
      background-color: #c21b1b;
      color: #f2f2f2; }

.psWebDropDown-disabled .DropDownButton {
  /*min-width: 10px;*/
  background: url("/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_grijs_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 30px;
  min-width: 15px;
  top: 0px;
  right: 6px;
  /*position: relative;
      left: -20px;*/ }

[disabled="disabled"] .psWebDropDown .DropDownButton {
  /*min-width: 10px;*/
  background: url("/Portals/_default/Skins/Camas2018/images/icons/dropdownpijl_grijs_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 30px;
  min-width: 15px;
  top: 0px;
  right: 6px;
  /*position: relative;
      left: -20px;*/ }

.ps-popup {
  background-color: #ffffff;
  border: solid 1px #c21b1b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .ps-popup ul {
    padding-left: 25px; }
    .ps-popup ul li {
      list-style: disc; }

/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
.page-tree-path-container {
  display: block;
  height: 42px;
  width: 100%;
  margin-left: -5px; }

.page-tree-path {
  display: block;
  position: relative;
  /*.page-tree-item-left, .page-tree-item-right {
        display: block;
        float: left;

        height: 42px;
        width: 10px;
        margin: 0;
        padding: 0;

        width: 0;
        height: 0;
        border-top: 21px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 10px solid $page-tree-color;

        .inner-triangle {
            position: relative;
            top: -20px;
            left: -10px;
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 9px solid white;
        }

        .inner-box {
            position: relative;
            top: -61px;
            left: -10px;
            width: 10px;
            height: 42px;
            border: solid $page-tree-color;
            background-color: transparent;
            border-width: 1px 0 1px 0;
        }
    }*/ }
  .page-tree-path a, .page-tree-path a:visited, .page-tree-path a:active {
    text-decoration: none;
    box-sizing: unset; }
  .page-tree-path .page-tree-item, .page-tree-path .page-tree-start {
    display: block;
    float: left; }
  .page-tree-path .page-tree-start {
    padding: 10px 0px 10px 0px;
    height: 22px;
    margin: 0;
    border: none; }
  .page-tree-path .page-tree-item-value {
    padding: 0;
    height: 22px;
    margin: 0;
    border: none; }
  .page-tree-path .page-tree-start {
    width: 44.52px;
    background: url("/Portals/_default/Skins/Camas2018/images/pagetreepath/logo.png") no-repeat;
    background-size: contain;
    border: none; }
  .page-tree-path .page-tree-item {
    border: none;
    white-space: nowrap; }
    .page-tree-path .page-tree-item .page-tree-item-value {
      display: inline-block;
      float: left;
      background-image: url("/Portals/_default/Skins/Camas2018/images/pagetreepath/page-tree-item.jpg");
      background-repeat: repeat-x;
      background-size: contain;
      padding-left: 10px;
      padding-right: 10px;
      line-height: 42px;
      height: 42px;
      vertical-align: middle;
      text-align: center;
      font-family: "SourceSansPro-Semibold";
      color: #545454;
      font-size: 14px; }
  .page-tree-path .page-tree-item-left, .page-tree-path .page-tree-item-right {
    display: inline-block;
    float: left;
    height: 42px;
    width: 10px;
    margin: 0;
    padding: 0; }
  .page-tree-path .page-tree-item-left {
    background-image: url("/Portals/_default/Skins/Camas2018/images/pagetreepath/page-tree-item-left.jpg");
    background-repeat: no-repeat;
    background-size: contain; }
  .page-tree-path .page-tree-item-right {
    background-image: url("/Portals/_default/Skins/Camas2018/images/pagetreepath/page-tree-item-right.jpg");
    background-repeat: no-repeat;
    background-size: contain; }

/*
    Dit bestand, _standard.scss, hoort bij de skinfile van het wg-portaal: Standard.ascx

    Hierin dus alleen styling plaatsen die bij Standard.ascx hoort.

    De oude naam van dit bestand is _skins.scss. Hermoemd 28/3/2018

    Vragen?
        Vraag Luuk of Stefan
*/
/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
body {
  color: #545454; }

.ng-cloak {
  opacity: 0; }

.page-tree-item.Dashboard {
  display: none; }

.document-container {
  width: 100%;
  min-width: 800px;
  /*margin-left: auto;*/
  margin-right: auto;
  /* Header */ }
  .document-container .leftmenu-relative-container {
    position: relative;
    float: left; }
    .document-container .leftmenu-relative-container .leftmenu-absolute-container {
      z-index: 110;
      max-width: 82px;
      position: absolute; }
      .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container {
        float: left;
        display: inline-block; }
        .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container .space-filler {
          background-color: #6D7D90;
          height: auto; }
        .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul {
          margin: 0;
          padding: 0; }
          .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li.submenu-hover ul, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li.hover ul {
            display: block; }
          .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li {
            margin: 0;
            padding: 0;
            position: relative;
            list-style: none; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul {
              margin: 0;
              padding: 0;
              display: none;
              position: absolute;
              z-index: 120;
              left: 82px; }
              .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li .leftmenulink {
                color: #6D7D90;
                text-decoration: none; }
              .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li {
                font-size: 14px;
                height: auto;
                max-height: auto;
                display: block;
                margin: 0;
                height: 20px;
                padding: 10px 15px;
                background-color: #d0d0d0;
                border-left: 1px solid white;
                border-bottom: 1px solid white;
                border-right: 1px solid white; }
              .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li:first-child {
                border-top: 1px solid white; }
              .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li:hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li .leftmenulink:hover {
                color: #c21b1b; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.icon {
              text-align: center;
              color: #ffffff;
              width: 82px;
              display: block;
              text-decoration: none;
              padding-top: 40px;
              padding-bottom: 10px;
              text-transform: lowercase;
              width: 82px;
              max-width: 82px;
              overflow: hidden; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink {
              white-space: nowrap;
              font-size: 12px;
              color: #ffffff; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.submenu-hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.hover {
              color: #6D7D90; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/administratie_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/administratie_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.home {
              padding: 5px 0px 62px 0px;
              margin: 0px;
              background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/camas-logo.png") no-repeat center center;
              color: #c21b1b; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/portals_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/portals_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/documenten_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/documenten_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/enquettes_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/enquettes_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/beheer_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/beheer_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/jobsearch_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/jobsearch_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/penoservice_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/penoservice_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/planning_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/planning_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/enquettes_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/enquettes_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/relatiebeheer_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/relatiebeheer_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/salarisadministratie_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/salarisadministratie_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/verzuim_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/wga_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/wga_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/wga_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet {
              background: #6D7D90 url("/Portals/_default/Skins/Camas2018/images/menu-icons/ziektewet_icon_wit.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/verzuim_icon_select.png") no-repeat center 30%; }
            .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet.hover, .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet.submenu-hover {
              background: #ffffff url("/Portals/_default/Skins/Camas2018/images/menu-icons/ziektewet_icon_select.png") no-repeat center 30%; }
  .document-container .redesign-info-header {
    padding: 9px 0px 9px 0px;
    /* HKE Info header moet op veel schermen onzichtbaar worden, maar niet overal */
    /* Daar waar het onzichtbaar moet worden class hide-header toegevoegd */ }
    .document-container .redesign-info-header.hide-header {
      display: none; }
    .document-container .redesign-info-header .TopInfoHeader, .document-container .redesign-info-header .SubjectHeader {
      padding-right: 5px;
      font-family: "SourceSansPro-Semibold"; }
    .document-container .redesign-info-header .TopInfoContent, .document-container .redesign-info-header .SubjectContent {
      display: block;
      clear: both; }
  .document-container table.redesign-topmenu {
    display: none; }
  .document-container table.redesign-topmenu.invoice-menu {
    display: block; }
  .document-container table.redesign-topmenu tr td.redesign-topmenu-spacer {
    width: 0px; }
  .document-container table.redesign-topmenu tr td:first-of-type {
    padding-left: 0px !important; }
  .document-container table.redesign-topmenu tr .tab-split {
    height: 24px;
    vertical-align: inherit;
    border-left: 1px solid #d0d0d0;
    display: inline-block; }
  .document-container table.redesign-topmenu tr td {
    text-align: center;
    padding: 20px;
    font-size: 18px;
    width: auto;
    font-size: 18px;
    display: inline-block;
    color: #d0d0d0; }
    .document-container table.redesign-topmenu tr td .redesign-topmenu-item {
      margin: 5px 0px;
      border-right: 1px solid #d0d0d0; }
  .document-container table.redesign-topmenu tr td.TabDisabled .redesign-topmenu-item {
    color: #d0d0d0; }
  .document-container table.redesign-topmenu tr .TabDeSelected {
    cursor: pointer;
    color: #545454; }
  .document-container table.redesign-topmenu tr .TabSelected {
    color: #c21b1b;
    /*color: $famous-camas-color-opposite;*/ }
    .document-container table.redesign-topmenu tr .TabSelected .redesign-topmenu-item {
      margin: 5px 0px;
      border-right: none; }
  .document-container table.redesign-topmenu tr .TabDone .redesign-topmenu-item {
    margin: 5px 0px;
    border-right: none; }
  .document-container .content-sheet {
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
    padding: 30px;
    display: inline-block;
    /* min-width: geen min-width instellen want er moet gewoon altijd iets staan, en de breedte moet zich aan de inhoud aanpassen */ }
    .document-container .content-sheet.no-padding {
      padding: 0;
      max-width: 100%; }
  .document-container .content-container.margin {
    margin: 30px;
    padding: 10px; }
  .document-container .DNNEmptyPane {
    display: none; }
  .document-container .base-content-container {
    position: relative;
    /*background-color: $document-background-color;
        padding-left: $left-menu-width * 1px;
        min-width: ($document-min-width - 70) * 1px;*/
    display: block;
    /* Searchbox */
    /* Documents */
    /* SBD Grid */
    /*.Titlebar {               // uitgezet door stefan rond changeset 10513
            padding-top: 10px;
        }*/
    /* Form creator */
    /* Custom fixes*/
    /*PMOMTodoItemControl*/
    /* Tabs menu*/
    /*creating rows without having tables*/
    /* Main content container */ }
    .document-container .base-content-container .ContentPane {
      clear: both; }
    .document-container .base-content-container.hideborder {
      padding-left: 0px;
      padding-right: 30px; }
    .document-container .base-content-container .no-foldout {
      padding-left: 0px; }
    .document-container .base-content-container .searchbox-container .searchbox {
      width: 274px;
      height: 30px;
      padding-left: 0px;
      padding-right: 5px;
      border-right: none;
      border-left: none;
      border-top: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0;
      background-color: white; }
    .document-container .base-content-container .searchbox-container .searchbox-addbutton {
      display: block;
      width: 30px;
      height: 30px;
      border-top: solid 1px #d0d0d0;
      border-right: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0; }
    .document-container .base-content-container .searchbox-container .searchbox-arrow {
      display: block;
      width: 30px;
      height: 30px;
      border-top: solid 1px #d0d0d0;
      border-right: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0;
      background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/arrow-down.png") no-repeat center center; }
    .document-container .base-content-container .searchbox-container .searchbox-button {
      display: block;
      border-top: solid 1px #d0d0d0;
      border-right: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0;
      background: url("/Portals/_default/Skins/Camas2018/images/icons/search-glass.png") no-repeat center center;
      width: 30px;
      height: 30px; }
    .document-container .base-content-container .searchbox-container .searchbox-window {
      margin-left: 15px;
      border: solid 1px #d0d0d0;
      padding: 0px;
      background-color: #ffffff;
      z-index: 100;
      font-size: 14px; }
    .document-container .base-content-container .searchbox-pinbutton {
      cursor: pointer;
      width: 30px;
      height: 30px; }
    .document-container .base-content-container .searchbox-pinbutton[data-ispinned="true"] {
      background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/icons/pinbutton_down_icon.png") no-repeat center center; }
    .document-container .base-content-container .searchbox-pinbutton[data-ispinned="false"] {
      background: #c21b1b url("/Portals/_default/Skins/Camas2018/images/icons/pinbutton_icon.png") no-repeat center center; }
    .document-container .base-content-container .redesign-form-2018 {
      background-color: #ffffff;
      box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
      padding: 30px;
      margin: 30px 30px 10px 30px; }
    .document-container .base-content-container .documentsTable {
      min-width: 235px; }
    .document-container .base-content-container .TableClass .TrHeaderClass td {
      padding-top: 10px;
      font-family: "SourceSansPro-Semibold";
      color: #c21b1b; }
    .document-container .base-content-container .TableClass table {
      border-spacing: 0px; }
    .document-container .base-content-container input:disabled {
      background-color: #f2f2f2;
      color: #d0d0d0;
      cursor: initial; }
    .document-container .base-content-container input[type="button"]:disabled {
      background-color: transparent;
      color: #d0d0d0;
      cursor: default; }
    .document-container .base-content-container .ModDNNHTMLC .Normal, .document-container .base-content-container .DnnModule-ArbouwSignUp .Normal, .document-container .base-content-container .DnnModule-FormCreator .Normal {
      color: #545454; }
    .document-container .base-content-container .ModDNNHTMLC a, .document-container .base-content-container .DnnModule-ArbouwSignUp a, .document-container .base-content-container .DnnModule-FormCreator a {
      color: #c21b1b; }
    .document-container .base-content-container .ModDNNHTMLC a:hover, .document-container .base-content-container .DnnModule-ArbouwSignUp a:hover, .document-container .base-content-container .DnnModule-FormCreator a:hover {
      text-decoration: underline; }
    .document-container .base-content-container .ModDNNHTMLC h1, .document-container .base-content-container .DnnModule-ArbouwSignUp h1, .document-container .base-content-container .DnnModule-FormCreator h1 {
      color: #c21b1b;
      font-family: "SourceSansPro-Semibold";
      font-size: 18px; }
    .document-container .base-content-container .ModDNNHTMLC h2, .document-container .base-content-container .DnnModule-ArbouwSignUp h2, .document-container .base-content-container .DnnModule-FormCreator h2 {
      color: #c21b1b;
      font-family: "SourceSansPro-Semibold";
      font-size: 16px; }
    .document-container .base-content-container .ModDNNHTMLC ul, .document-container .base-content-container .ModDNNHTMLC .UL, .document-container .base-content-container .DnnModule-ArbouwSignUp ul, .document-container .base-content-container .DnnModule-ArbouwSignUp .UL, .document-container .base-content-container .DnnModule-FormCreator ul, .document-container .base-content-container .DnnModule-FormCreator .UL {
      padding-left: 40px;
      margin: 12px 0px; }
    .document-container .base-content-container .ModDNNHTMLC a.button, .document-container .base-content-container .DnnModule-ArbouwSignUp a.button, .document-container .base-content-container .DnnModule-FormCreator a.button {
      color: #f2f2f2; }
    .document-container .base-content-container .ModDNNHTMLC a.button:hover, .document-container .base-content-container .DnnModule-ArbouwSignUp a.button:hover, .document-container .base-content-container .DnnModule-FormCreator a.button:hover {
      text-decoration: none; }
    .document-container .base-content-container .fcItemTitle {
      color: #c21b1b;
      font-family: "SourceSansPro-Semibold"; }
    .document-container .base-content-container .redesign-form-content, .document-container .base-content-container .ModDNNHTMLC, .document-container .base-content-container .DnnModule-FormCreator, .document-container .base-content-container .DnnModule-ViewProfile, .document-container .base-content-container .DnnModule-ArbouwSignUp {
      padding-left: 0px; }
    .document-container .base-content-container .GridDiv {
      margin-left: 0px; }
    .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"], .document-container .base-content-container .GridDiv, .document-container .base-content-container .GridDivVerzDos {
      overflow-y: visible;
      overflow-x: visible; }
      .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] nobr input[type="image"].redesign-first-image, .document-container .base-content-container .GridDiv nobr input[type="image"].redesign-first-image, .document-container .base-content-container .GridDivVerzDos nobr input[type="image"].redesign-first-image {
        padding-right: 25px; }
      .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"].no-padding, .document-container .base-content-container .GridDiv.no-padding, .document-container .base-content-container .GridDivVerzDos.no-padding {
        margin: -30px; }
      .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table, .document-container .base-content-container .GridDiv table, .document-container .base-content-container .GridDivVerzDos table {
        border-spacing: 0px;
        color: #545454;
        font-size: 14px;
        border-collapse: collapse; }
        .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table tr, .document-container .base-content-container .GridDiv table tr, .document-container .base-content-container .GridDivVerzDos table tr {
          border-bottom: 1px solid #f2f2f2; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table tr.header, .document-container .base-content-container .GridDiv table tr.header, .document-container .base-content-container .GridDivVerzDos table tr.header {
            border-bottom-width: 2px; }
        .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table th, .document-container .base-content-container .GridDiv table th, .document-container .base-content-container .GridDivVerzDos table th {
          background-color: white;
          cursor: pointer;
          padding: 0px 0px 0px 16px;
          height: 60px;
          font-family: "SourceSansPro-Semibold";
          text-align: left;
          white-space: nowrap; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table th:last-child, .document-container .base-content-container .GridDiv table th:last-child, .document-container .base-content-container .GridDivVerzDos table th:last-child {
            padding-right: 16px; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table th a, .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table th nobr, .document-container .base-content-container .GridDiv table th a, .document-container .base-content-container .GridDiv table th nobr, .document-container .base-content-container .GridDivVerzDos table th a, .document-container .base-content-container .GridDivVerzDos table th nobr {
            text-decoration: none;
            cursor: pointer;
            color: #c21b1b;
            left: 0px; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table th img, .document-container .base-content-container .GridDiv table th img, .document-container .base-content-container .GridDivVerzDos table th img {
            height: 20px; }
        .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table td, .document-container .base-content-container .GridDiv table td, .document-container .base-content-container .GridDivVerzDos table td {
          font-family: "SourceSansPro-Regular";
          padding: 8px 0px 8px 16px;
          height: 34px;
          display: table-cell; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table td:last-child, .document-container .base-content-container .GridDiv table td:last-child, .document-container .base-content-container .GridDivVerzDos table td:last-child {
            padding-right: 16px; }
          .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table td a, .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] table td nobr, .document-container .base-content-container .GridDiv table td a, .document-container .base-content-container .GridDiv table td nobr, .document-container .base-content-container .GridDivVerzDos table td a, .document-container .base-content-container .GridDivVerzDos table td nobr {
            left: 0px; }
      .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] tr:hover, .document-container .base-content-container .GridDiv tr:hover, .document-container .base-content-container .GridDivVerzDos tr:hover {
        background-color: #f2f2f2; }
      .document-container .base-content-container .redesign-form-content > div[name="processActivityEditor"] tr:not(:first-child):not(.table-search-header):hover, .document-container .base-content-container .GridDiv tr:not(:first-child):not(.table-search-header):hover, .document-container .base-content-container .GridDivVerzDos tr:not(:first-child):not(.table-search-header):hover {
        background-color: #f2f2f2; }
    .document-container .base-content-container .redesign-AMDossierAddActivitiesTodoItemControl-td {
      /*width: 16.6%*/
      min-width: 237px;
      max-width: 237px;
      width: 237px; }
    .document-container .base-content-container .redesign-UltraWebGrid {
      min-width: 1282px; }
      .document-container .base-content-container .redesign-UltraWebGrid th, .document-container .base-content-container .redesign-UltraWebGrid th a {
        color: #c21b1b;
        font-family: "SourceSansPro-Semibold";
        text-align: left;
        text-decoration: none; }
      .document-container .base-content-container .redesign-UltraWebGrid td {
        height: 30px;
        padding: 1px 0px; }
    .document-container .base-content-container .redesign-angulargrid {
      border-spacing: 8px;
      border-collapse: separate; }
      .document-container .base-content-container .redesign-angulargrid tr {
        vertical-align: top; }
      .document-container .base-content-container .redesign-angulargrid th, .document-container .base-content-container .redesign-angulargrid th a {
        color: #c21b1b;
        font-family: "SourceSansPro-Semibold";
        text-align: left; }
    .document-container .base-content-container .redesign-wrapper-topmenu {
      border-top: 1px solid #d0d0d0;
      border-bottom: 1px solid #d0d0d0;
      display: block; }
      .document-container .base-content-container .redesign-wrapper-topmenu .amemployee {
        /*border-top: 1px solid $default-bordercolor;
				border-bottom: 1px solid $default-bordercolor;	*/
        display: block;
        background-color: #f2f2f2;
        margin-left: -20px; }
    .document-container .base-content-container table.redesign-topmenu.amemployee tr.toprow td {
      border-bottom: 1px solid #d0d0d0; }
    .document-container .base-content-container table.redesign-topmenu.amemployee tr {
      background-color: #f2f2f2; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr td.redesign-topmenu-spacer {
        width: 50px;
        content: "";
        margin-left: 50px; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr td {
        border-right: 1px solid #d0d0d0;
        text-align: center;
        height: 50px;
        width: 135px; }
        .document-container .base-content-container table.redesign-topmenu.amemployee tr td .redesign-topmenu-item {
          margin: 5px 0px;
          border-right: 0px;
          font-size: 14px; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr td.TabDisabled .redesign-topmenu-item {
        color: #d0d0d0; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabDeSelected {
        cursor: pointer; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabSelected {
        /*background-color: $famous-camas-color;
					color:$famous-camas-color-opposite;*/
        background-color: #f2f2f2;
        color: #c21b1b; }
        .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabSelected .redesign-topmenu-item {
          margin: 5px 0px;
          border-right: none; }
      .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabDone .redesign-topmenu-item {
        margin: 5px 0px;
        border-right: none; }
    .document-container .base-content-container .header {
      padding: 9px 0px 9px 0px; }
      .document-container .base-content-container .header .data-row {
        display: block;
        clear: both; }
      .document-container .base-content-container .header .data-label {
        padding-right: 5px;
        font-family: "SourceSansPro-Semibold"; }
      .document-container .base-content-container .header .welcome {
        color: #c21b1b;
        font-family: "SourceSansPro-Light";
        font-size: 25px; }
    .document-container .base-content-container .standardlabel {
      display: inline-block;
      vertical-align: top;
      padding-bottom: 10px; }
    .document-container .base-content-container .formrow {
      padding-top: 2px;
      display: block;
      height: 32px;
      vertical-align: bottom; }
    .document-container .base-content-container .dropdown-wrapper {
      display: inline-block; }
    .document-container .base-content-container .goal-dropdown {
      width: 230px; }
    .document-container .base-content-container .action-icons-wrapper {
      margin: 6px;
      display: inline-block;
      vertical-align: top; }
    .document-container .base-content-container .maincontent-container {
      clear: both; }
    .document-container .base-content-container .maincontent-container.widgets .widget.large {
      width: 470px; }
    .document-container .base-content-container .maincontent-container.widgets .widget.small {
      width: 235px; }
    .document-container .base-content-container .maincontent-container.widgets .widget {
      margin-top: 0px;
      margin-left: 0px;
      float: left; }
      .document-container .base-content-container .maincontent-container.widgets .widget .title {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 0px;
        padding-right: 0px;
        color: #ffffff;
        background-color: #6D7D90; }
      .document-container .base-content-container .maincontent-container.widgets .widget .content {
        color: #54575A;
        background-color: #EEEEEE;
        padding: 0px;
        display: block;
        height: 270px; }
      .document-container .base-content-container .maincontent-container.widgets .widget .content.fullscreen {
        padding: 0px;
        height: 270px; }
    .document-container .base-content-container .maincontent-container.reports a.icon-button {
      display: inline-block;
      width: 38px;
      height: 31px; }
    .document-container .base-content-container .maincontent-container.reports .trash-can {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/trash-can.png") no-repeat center center; }
    .document-container .base-content-container .maincontent-container.reports .approve {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/approve.png") no-repeat center center; }
    .document-container .base-content-container .maincontent-container.reports .edit {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/edit.png") no-repeat center center; }

/* Profile menu */
.leftmenu-container {
  float: left;
  background-color: #272727;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.16);
  width: 277px;
  height: 100vh;
  z-index: 110;
  overflow-y: auto;
  overflow-x: hidden; }

.logo-container {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #545454;
  text-align: center;
  position: relative; }
  .logo-container .camas-logo {
    display: inline-block;
    /*clip: rect(0px,$camas-logo-width,$camas-logo-height,0px);*/
    height: 42px;
    width: 100px;
    background: url("/Portals/_default/Skins/Camas2018/images/logo/camas_logo.png") no-repeat center;
    background-size: contain;
    background-color: #c21b1b; }
    .logo-container .camas-logo img {
      width: 100%;
      height: 100%;
      /*content: url('/Portals/_default/Skins/Camas2018/images/logo/camas_logo.png');*/ }

.main-container {
  display: inline-block;
  margin-left: 300px;
  /*overflow-x: auto;*/
  min-height: 80vh; }

.page-head-container {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
  padding: 20px 20px 25px 30px; }
  .page-head-container .page-head-top {
    width: 100%; }
  .page-head-container .header-page-title {
    font-size: 30px;
    color: #c21b1b;
    margin: 8px 0 0 0;
    display: block;
    font-family: "SourceSansPro-Light";
    width: auto;
    clear: both; }
    .page-head-container .header-page-title .header-page-subtitle {
      padding-left: 12px;
      font-size: 20px;
      color: #545454; }

.icon-exclamation {
  content: url("/Portals/_default/Skins/Camas2018/images/icons/icon-exclamation.png");
  height: 9px;
  width: 9px;
  margin-right: 2px; }

/*
    Dit bestand, _login.scss, hoort bij de login van het wg-portaal: Login.ascx

    Hierin dus alleen styling plaatsen die bij Login.ascx hoort.

    Vragen?
        Vraag Luuk of Stefan
*/
/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
.login-document-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }

.login-info {
  width: 420px;
  height: 500px;
  background-image: url(/Portals/_default/Skins/Camas2018/images/Inloggen_achtergrond.jpg);
  background-size: cover; }
  .login-info img {
    width: 150px;
    height: auto; }
  .login-info .info-cont,
  .login-info img {
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 70px;
    color: white;
    font-family: "SourceSansPro-Regular";
    font-size: 15px; }
  .login-info .caption-text {
    width: 250px;
    display: block;
    margin: auto; }

/*.LoginPanel #username, .LoginPanel #password, #input2fa, .LoginPanel .miniform input[type=text], .LoginPanel .miniform input[type=password], .LoginPanel .miniform input[type=number] {
    height: 40px;
    display: block;
    width: 100%;
    padding-left: 15px;
    border: 1px solid #d0d0d0;
}*/
/*.LoginPanel .miniform h2 {
    color: #c21b1b;
    font-family: 'SourceSansPro-Semibold';
    font-size: 20px;
}

.LoginPanel ul {
    position: relative;
    padding: 0;
}

.LoginPanel ul > li {
    padding-bottom: 11px;
    position: relative;
    left: 16px;
}*/
/*.LoginPanel .miniform .info a {
    color: #737373;
    text-decoration: none;
}*/
/*.LoginPanel .login-title {
    margin: auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    color: #c21b1b;
    font-family: 'SourceSansPro-Light';
    position: relative;
}*/
/*.login-info .caption-text {
    width: 250px;
    display: block;
    margin: auto;
}*/
/*.LoginPanel .logo, .LoginPanel .login-steps {
    display: none;
}*/
.LoginPanel {
  width: 100%;
  padding: 0; }
  .LoginPanel ul {
    position: relative;
    padding: 0; }
  .LoginPanel ul > li {
    padding-bottom: 11px;
    position: relative;
    left: 16px; }
  .LoginPanel .login-title {
    margin: auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    /*color: #c21b1b;*/
    color: #c21b1b;
    font-family: 'SourceSansPro-Light';
    position: relative; }
  .LoginPanel .logo,
  .LoginPanel .LoginPanel,
  .LoginPanel .login-steps {
    display: none; }
  .LoginPanel #username,
  .LoginPanel #password,
  .LoginPanel #input2fa,
  .LoginPanel .miniform input[type=text],
  .LoginPanel .miniform input[type=password],
  .LoginPanel .miniform input[type=number] {
    height: 40px;
    display: block;
    width: 100%;
    padding-left: 15px;
    border: 1px solid #d0d0d0; }
    .LoginPanel #username.small,
    .LoginPanel #password.small,
    .LoginPanel #input2fa.small,
    .LoginPanel .miniform input[type=text].small,
    .LoginPanel .miniform input[type=password].small,
    .LoginPanel .miniform input[type=number].small {
      height: 30px; }
  .LoginPanel .miniform {
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;
    width: 420px;
    justify-content: center;
    background-color: white;
    overflow-y: hidden;
    overflow-y: overlay;
    /* laatste overflow-y wint, tenzij 'iE niet werkt */ }
    .LoginPanel .miniform h2 {
      color: #c21b1b;
      font-family: 'SourceSansPro-Semibold';
      font-size: 20px; }
    .LoginPanel .miniform login-content-container div.LoginPanelMainOuter {
      height: 444px;
      /* 500 - 55, -1px om scrollbar te hiden */
      display: table-cell;
      /* display en vertical-align zorgen voor verticaal centreren in parentdiv */
      vertical-align: middle;
      padding-top: 16px; }
    .LoginPanel .miniform div.LoginPanelHelpLink {
      position: absolute;
      width: 100%;
      bottom: 0px;
      height: 55px;
      vertical-align: middle;
      border-top: 1px solid #f2f2f2; }
    .LoginPanel .miniform > div > div {
      text-align: left;
      padding: 0 10% 0 10%;
      width: 80%;
      text-justify: distribute;
      max-height: 390px;
      overflow-y: auto; }
    .LoginPanel .miniform .info a {
      color: #737373; }
      .LoginPanel .miniform .info a:hover {
        color: black; }
    .LoginPanel .miniform input.Button2014 {
      position: inherit;
      margin: auto;
      display: block;
      width: 100%;
      height: 55px;
      font-size: 18px;
      min-width: 280px;
      margin-top: 50px;
      font-size: 14px; }
      .LoginPanel .miniform input.Button2014.small {
        height: 36px;
        margin-top: 10px; }
    .LoginPanel .miniform .forget-link-container {
      text-align: center;
      display: block;
      margin-top: 15px; }
      .LoginPanel .miniform .forget-link-container.new-sms-code {
        font-size: 13px; }
      .LoginPanel .miniform .forget-link-container a {
        color: #545454;
        font-weight: bold; }
        .LoginPanel .miniform .forget-link-container a[disabled="disabled"] {
          pointer-events: none;
          cursor: default;
          color: #d0d0d0; }
  .LoginPanel .wgLogin > div > div {
    padding: 0px 70px;
    overflow-y: inherit;
    /* stefan: deze kan weg denk ik */
    width: auto;
    max-height: none;
    /* overrule inherited setting */ }

.LoginPanel .miniform {
  overflow: hidden; }

/*.LoginPanel .miniform input.Button2014 {
    position: inherit;
    margin: auto;
    display: block;
    width: 100%;
    height: 55px;
    font-size: 18px;
    min-width: 280px;
    margin-top: 30px;
    font-size: 14px;
}*/
.LoginPanel .miniform input.Button2014.login-cancel {
  margin-bottom: 30px; }

.LoginPanel .miniform div input.red-border {
  border: 1px solid red; }

.LoginPanel .miniform div input.green-border {
  border: 1px solid green; }

.LoginPanel .miniform div table tr td.error-messages {
  color: red;
  font-size: 12px; }

.fs-12 {
  font-size: 12px; }

.remember-container input[type=checkbox] {
  position: relative;
  top: 2px; }

.remember-container .remember-txt {
  top: -2px; }

.password-container {
  position: relative;
  width: 100%;
  margin: 3% 0 3% 0; }

.LoginPanel .miniform a.help-text {
  text-decoration: none; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d0d0d0; }

.info-cont {
  margin-top: 30px; }

.LoginPanel .help-text {
  text-align: center;
  margin: auto;
  width: 100%;
  display: block; }

.miniform > div.login-overlay, .miniform > div.login-overlay > div {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

.miniform > div.login-overlay > div {
  z-index: 10001;
  opacity: 0.2;
  background-color: black; }

#imgValidationRules {
  bottom: 40px;
  position: relative;
  float: right;
  left: 28px;
  width: 20px; }

.message {
  transition: 0s linear all;
  /* dit overrulet een bestaande regel (animatie) die op onze pagina een ongewenst effect geeft */ }

.verify-text {
  text-align: center;
  margin-bottom: 30px; }

.personal-information {
  text-align: center;
  font-weight: bold; }

.privacy-text-employee {
  font-size: 11px;
  padding-top: 25%;
  color: #d0d0d0;
  text-align: center; }

.privacy-text-wg {
  font-size: 10px;
  padding-top: 25%;
  color: #d0d0d0;
  text-align: center; }

.multiple-portals {
  width: 250px;
  padding: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }

.multiple-portals-image {
  height: 40px;
  width: 40px;
  background-image: url(/Portals/_default/Skins/Camas2018/images/logo/Camas_logo_icon_wit.png);
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: #c21b1b;
  float: left;
  margin: -10px; }

.multiple-portals-text-bold {
  font-weight: bold;
  padding-left: 60px;
  color: #545454; }

.multiple-portals-text {
  padding-left: 60px; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
/* Dashboard Tabs*/
.tabs-list {
  margin-bottom: -30px;
  display: inline-block;
  padding: 0 0 0 0px !important; }
  .tabs-list li {
    text-align: center;
    font-size: 18px;
    width: auto;
    color: #545454;
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    display: inline-block; }
    .tabs-list li:not(:last-child):after {
      content: '';
      height: 24px;
      vertical-align: middle;
      display: inline-block;
      border-left: 1px solid #d0d0d0; }
    .tabs-list li a {
      cursor: pointer;
      text-align: center;
      width: auto;
      display: inline-block;
      color: #545454;
      text-decoration: none;
      font-size: 16px;
      padding: 30px 20px 15px 20px; }
    .tabs-list li .active {
      color: #c21b1b !important;
      cursor: default; }
    .tabs-list li .disabled {
      color: #d0d0d0;
      cursor: default; }
    .tabs-list li .hidden {
      display: none; }
  .tabs-list li:first-of-type a {
    padding-left: 0; }

/*end*/
/* Dashboard Tab Activities */
.grid-attachment-icon {
  padding-right: 3px; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
.leftmenu-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 45px;
  min-width: 270px;
  width: auto;
  display: flex;
  flex-flow: column; }
  .leftmenu-container > ul {
    flex: 1 1 auto;
    overflow-y: auto;
    display: block;
    margin-bottom: 45px; }
    .leftmenu-container > ul .category-menu {
      min-height: 35px;
      /* HIERONDER IS VOOR WERKGEVERS PORTAAL*/
      /*
            WERKGEVERS PORTAAL TOT HIER

        */
      /*
            WERKNEMERS PORTAAL STAAT IN EIGEN EmployeeStyles.scss

        */ }
      .leftmenu-container > ul .category-menu.active > li > a {
        box-shadow: inset 3px 0px 0px 0px #c21b1b;
        -webkit-box-shadow: inset 3px 0px 0px 0px #c21b1b;
        -moz-box-shadow: inset 3px 0px 0px 0px var #c21b1b;
        outline: none;
        background-color: #1f1f1f;
        display: block; }
      .leftmenu-container > ul .category-menu > li {
        position: relative;
        line-height: 35px;
        vertical-align: middle;
        cursor: default;
        display: block;
        padding-bottom: 0px;
        overflow: hidden; }
        .leftmenu-container > ul .category-menu > li a {
          display: block;
          pointer-events: all;
          cursor: pointer;
          text-decoration: none;
          padding-right: 20px;
          background-repeat: no-repeat;
          background-size: 18px;
          background-position: left 9px; }
          .leftmenu-container > ul .category-menu > li a:hover {
            background-color: #1f1f1f; }
          .leftmenu-container > ul .category-menu > li a.disabled {
            pointer-events: none;
            cursor: pointer; }
            .leftmenu-container > ul .category-menu > li a.disabled:hover {
              background-color: inherit; }
      .leftmenu-container > ul .category-menu.menu-level-0 > li > a {
        background-position-x: 25px;
        padding-left: 58px; }
      .leftmenu-container > ul .category-menu.menu-level-1 li > a {
        background-position-x: 58px;
        padding-left: 88px; }
      .leftmenu-container > ul .category-menu.Dashboard {
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #545454;
        margin-bottom: 10px; }
        .leftmenu-container > ul .category-menu.Dashboard li a {
          line-height: 45px;
          background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_dashboard.png");
          background-position-y: center; }
      .leftmenu-container > ul .category-menu.Help {
        position: absolute !important;
        bottom: 0;
        height: auto;
        left: 0;
        right: 0;
        background-color: #272727;
        border-top: 1px solid #545454;
        background-color: inherit;
        z-index: 1;
        height: 45px; }
        .leftmenu-container > ul .category-menu.Help li.last {
          position: absolute !important;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          .leftmenu-container > ul .category-menu.Help li.last a {
            position: absolute;
            padding-top: 10px;
            top: 50%;
            width: 100%;
            height: 100%;
            left: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            background-image: url("/Portals/_default/Skins/Camas2018/images/icons/help_icon_white.png");
            background-position-x: 20px;
            background-position-y: center; }
      .leftmenu-container > ul .category-menu.Overzichten a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_overzichten.png"); }
      .leftmenu-container > ul .category-menu.Melden a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_melden.png"); }
      .leftmenu-container > ul .category-menu.Planning a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_planning_icon.png"); }
      .leftmenu-container > ul .category-menu.PMO a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_pmo.png"); }
      .leftmenu-container > ul .category-menu.Werknemers a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_werknemers_icon.png"); }
      .leftmenu-container > ul .category-menu.Dossiers a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_dossiers_icon.png"); }
      .leftmenu-container > ul .category-menu.Activiteiten a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_activiteiten_icon.png"); }
      .leftmenu-container > ul .category-menu.Documenten a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_documenten_icon.png"); }
      .leftmenu-container > ul .category-menu.WGA a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_wga_icon_wit.png"); }
      .leftmenu-container > ul .category-menu.Ziektewet a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_ziektewet_icon_wit.png"); }
      .leftmenu-container > ul .category-menu.Ziekmelding a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_ziekmelden_icon.png"); }
      .leftmenu-container > ul .category-menu.Aanmelden a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_ziekmelden_icon.png"); }
      .leftmenu-container > ul .category-menu.Herstelmelding a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_herstelmelden_icon.png"); }
      .leftmenu-container > ul .category-menu.Mutatie-\/herstelmelding a {
        /* escaped forwardslash is needed */
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_herstelmelden_icon.png"); }
      .leftmenu-container > ul .category-menu.Afmelden a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_herstelmelden_icon.png"); }
      .leftmenu-container > ul .category-menu.Bedrijfsarts.inplannen a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_inplannen_icon.png"); }
      .leftmenu-container > ul .category-menu.Beschikbaarheid a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_beschikbaarheid_icon.png"); }
      .leftmenu-container > ul .category-menu.Analyse a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_analyse_icon.png"); }
      .leftmenu-container > ul .category-menu.Dossieroverzicht a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/navigatie_pmo.png"); }
      .leftmenu-container > ul .category-menu.Workflow a {
        background-image: url("/Portals/_default/Skins/Camas2018/images/icons/workflow-icon-wit.png"); }
      .leftmenu-container > ul .category-menu.menunode-hidden {
        display: none; }
      .leftmenu-container > ul .category-menu a.category-title {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        margin-left: 2%; }
      .leftmenu-container > ul .category-menu a.selected {
        background-color: #1f1f1f; }
      .leftmenu-container > ul .category-menu a, .leftmenu-container > ul .category-menu li, .leftmenu-container > ul .category-menu ul {
        color: #ffffff;
        font-family: "SourceSansPro-Light", Fallback, "sans-serif";
        font-size: 15px; }
      .leftmenu-container > ul .category-menu ul {
        /*padding-top: 10px;*/
        padding-bottom: 10px; }

ul li {
  list-style-type: none; }
  ul li li {
    list-style-type: none;
    /*padding-right: $menu-item-sub-left + $menu-item-sub-icon-size + $menu-item-space-between-icon-and-text;*/ }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
.document-container .content-container .DNNModuleContent {
  padding: 0px; }

.toggleDropdown {
  font-family: "SourceSansPro-Light";
  font-size: 25px;
  color: #272727;
  padding: 0 5px 10px 0;
  min-width: 100px; }
  .toggleDropdown:hover {
    user-select: none;
    cursor: pointer; }
  .toggleDropdown .dropdown-active {
    transform: rotateZ(180deg) !important;
    transition: transform 0.15s !important; }
  .toggleDropdown .dropdown-icon {
    width: 16px;
    height: 16px;
    transform: rotateZ(0deg);
    transition: transform 0.15s;
    margin-left: 15px; }

.profilemenu-float-container {
  float: right; }
  .profilemenu-float-container .profilemenu-foldout {
    position: relative;
    display: inline-block; }
    .profilemenu-float-container .profilemenu-foldout .profile-dropdown-content {
      border: 0; }
      .profilemenu-float-container .profilemenu-foldout .profile-dropdown-content ul {
        margin: 0px; }
      .profilemenu-float-container .profilemenu-foldout .profile-dropdown-content li {
        display: block;
        border: 0; }
      .profilemenu-float-container .profilemenu-foldout .profile-dropdown-content .top a, .profilemenu-float-container .profilemenu-foldout .profile-dropdown-content .last-middle a {
        border-bottom: 1px solid #eeeeee; }
  .profilemenu-float-container .active {
    display: block !important; }
  .profilemenu-float-container .profile-dropdown-content {
    display: none;
    position: absolute;
    color: #545454;
    background-color: #ffffff;
    min-width: 275px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    border: 1px solid #D0D0D0;
    right: 30px; }
    .profilemenu-float-container .profile-dropdown-content:hover {
      display: block; }
  .profilemenu-float-container a {
    text-decoration: none;
    color: #545454;
    padding: 8px 16px;
    display: block;
    font-size: 15px; }
    .profilemenu-float-container a:hover {
      background-color: #eaeaea;
      color: inherit;
      text-decoration: none; }
    .profilemenu-float-container a .profile-title {
      margin-left: 10px;
      vertical-align: middle; }
    .profilemenu-float-container a img {
      width: 16px;
      height: 16px; }
    .profilemenu-float-container a top, .profilemenu-float-container a .bottom {
      padding: 16px; }
    .profilemenu-float-container a.last-middle {
      padding: 8px 16px 11px 16px; }
  .profilemenu-float-container li.middle > a {
    padding: 16px 16px 8px 16px; }
  .profilemenu-float-container li.middle ~ li.middle a {
    padding: 8px 16px; }

/*DatePicker */
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.otf") format("opentype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.woff") format("woff"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("/Portals/_default/Skins/Camas2018/stylesheets/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: SourceSansPro-Italic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-Italic.woff");
  font-style: italic; }

@font-face {
  font-family: SourceSansPro-BoldItalic;
  src: url("/Portals/_default/Skins/Camas2018/stylesheetsfonts/SourceSansPro-BoldItalic.woff");
  font-weight: bold;
  font-style: italic; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* HKE: Dit zijn de standaard datepicker styles */
/* Overrulen onderaan doen */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px; }
  .ui-datepicker .ui-datepicker-next {
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
    .ui-datepicker table th {
      padding: .7em .3em;
      text-align: center;
      font-weight: bold;
      border: 0; }
    .ui-datepicker table td {
      border: 0;
      padding: 1px; }
      .ui-datepicker table td span,
      .ui-datepicker table td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane buttonui-datepicker-current {
        float: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* TOT HIER Standaard jQUery UI*/
.ui-widget {
  font-family: "SourceSansPro-Regular";
  font-size: 14px; }
  .ui-widget .ui-widget-header {
    background: #c21b1b none;
    color: #ffffff; }

div.ui-datepicker {
  background: #ffffff none;
  border-radius: 0px;
  border: solid 1px #ddd; }
  div.ui-datepicker table {
    font-size: 14px;
    background-color: inherit;
    margin: 0 0 .4em 0;
    border: none; }
    div.ui-datepicker table td span, div.ui-datepicker table td a {
      text-align: center; }
  div.ui-datepicker div.ui-datepicker-header {
    background: #c21b1b none;
    border-radius: 0px;
    border: solid 1px lightgray; }
    div.ui-datepicker div.ui-datepicker-header .ui-datepicker-prev,
    div.ui-datepicker div.ui-datepicker-header .ui-datepicker-next {
      color: #ffffff;
      cursor: pointer; }
    div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title {
      background-color: #c21b1b; }
  div.ui-datepicker div.ui-datepicker-title {
    background-color: #c21b1b; }
  div.ui-datepicker .ui-state-default, div.ui-datepicker ui-datepicker-unselectable {
    border: solid 1px transparent;
    background: #ffffff none;
    color: #545454;
    font-weight: normal; }
  div.ui-datepicker .ui-state-hover {
    background: #c21b1b none;
    color: #ffffff; }
  div.ui-datepicker .ui-state-disabled {
    opacity: 1; }
  div.ui-datepicker .ui-datepicker-week-end {
    background: #d0d0d0 none; }
    div.ui-datepicker .ui-datepicker-week-end .ui-state-default {
      border: solid 1px transparent;
      background: #d0d0d0 none; }
    div.ui-datepicker .ui-datepicker-week-end .ui-state-hover {
      background: #c21b1b none;
      color: #ffffff; }

/*
    Dit bestand, _variables.scss, bevat alle GLOBALE sass-variablen.

    Instructie:
    - variabelen die alleen voor lokaal gebruik zijn ook aldaar declareren
    - variabelen die gedeeld worden moeten globaal gedeclareerd worden, en dat mag hier.
    (samengevat: werkt net zoals in je VB-code dus)
*/
/*
    Dit bestand, _colors.scss, bevat alle GENERIEKE kleuren voor alle portals.

    Portal-SPECIFIEKE kleuren worden per portal gezet in \portals\<portalnr>\portal.scss.
    Wel zetten we hier de defaults.

    Vragen?
        Vraag Luuk of Stefan
*/
/********** Uitzonderingen **************/
/********** Einde Uitzonderingen **************/
/* De verwijzingen naar deze kleuren moeten vervangen worden door verwijzingen naar bovenstaande kleuren. */
/* Responsiveness */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Thema Colour */
/*Logo*/
/*$logo-image: $imagefolder + "/logo/camas_logo.png";*/
/* Profile-Menu */
/*Buttons*/
/* transparent buttons*/
/* page tree path */
/* input */
.ps-sbd-search > * {
  display: inline-block; }

.ps-sbd-search .ps-sbd-field-header {
  display: block;
  height: 20px;
  line-height: 20px; }

.ps-sbd-search .ps-sbd-field {
  float: left;
  margin-right: 3px; }
  .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * {
    float: left; }
    .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * > input[type=text], .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * > ps-web-drop-down {
      width: 140px; }
    .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * > input[type=text], .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * .psWebDropDown {
      border: solid 1px #d0d0d0; }
    .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * .datepicker {
      width: 80px; }
    .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * > input[type=checkbox] {
      vertical-align: middle; }
    .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls > * > input {
      display: block;
      float: left; }
  .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls .ps-sbd-truefalsenonelist {
    width: 85px; }
  .ps-sbd-search .ps-sbd-field .ps-sbd-field-controls .ps-sbd-operators > * {
    width: 100px; }

.ps-sbd-search .ps-sbd-field-buttons > * {
  float: left;
  display: block;
  margin-right: 3px; }

.ps-sbd-search .ps-sbd-expand-button, .ps-sbd-search .ps-sbd-reset-button {
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  padding: 0;
  background-color: #f2f2f2;
  border: solid 1px #d0d0d0; }
  .ps-sbd-search .ps-sbd-expand-button > *, .ps-sbd-search .ps-sbd-reset-button > * {
    vertical-align: middle;
    display: inline-block; }

.ps-sbd-search .ps-sbd-search-button {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0;
  background-color: #c21b1b;
  color: #f2f2f2;
  border: solid 1px transparent; }

.ps-sbd-browse {
  clear: both;
  border-spacing: 0px;
  color: #545454;
  font-size: 14px;
  display: block;
  overflow-x: auto; }
  .ps-sbd-browse td:first-child {
    padding-left: 16px !important; }
  .ps-sbd-browse td:last-child {
    padding-right: 16px !important; }
  .ps-sbd-browse td {
    font-family: "SourceSansPro-Regular";
    padding: 8px 16px 8px 0px;
    height: 34px;
    border-top: 1px solid #f2f2f2;
    max-width: 140px;
    /* bij > 120px vindt truncation plaats */ }
    .ps-sbd-browse td a, .ps-sbd-browse td nobr {
      left: 0px; }
  .ps-sbd-browse .ps-sbd-row span {
    white-space: nowrap; }
  .ps-sbd-browse .no-hover > td {
    background-color: #ffffff; }
  .ps-sbd-browse .ps-sbd-browse-header > td {
    background-color: white;
    border-top: none;
    cursor: pointer;
    padding: 5px 16px 5px 0px;
    height: 50px;
    font-family: "SourceSansPro-Semibold";
    text-align: left;
    white-space: nowrap; }
    .ps-sbd-browse .ps-sbd-browse-header > td a, .ps-sbd-browse .ps-sbd-browse-header > td nobr {
      text-decoration: none;
      cursor: pointer;
      color: #c21b1b;
      left: 0px; }
    .ps-sbd-browse .ps-sbd-browse-header > td img {
      height: 20px; }
  .ps-sbd-browse tr:not(:first-child):not(.ps-sbd-row-icon-hover):hover {
    background-color: #f2f2f2; }

.ps-sbd-browse::-webkit-scrollbar-track {
  background-color: #d0d0d0; }

.ps-sbd-browse::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

.ps-sbd-browse::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0 2px #d0d0d0; }

.ps-sbd-browse::-webkit-scrollbar-thumb:hover {
  background-color: #a7a7a7; }

:root {
  --famous-camas-color: #c21b1b;
  --primary-color: #c21b1b;
  --primary-color-accented: #aa1616;
  --inlog-background: url(/Portals/_default/Skins/Camas2018/images/Inloggen_achtergrond.jpg); }