/* website https://klantportal.stegwerkt.nl */
/* Responsiveness */
/* Global */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Responsiveness */
/* Global */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Responsiveness */
/* Global */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
/* Responsiveness */
/* Global */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
.psWebDropDown .InputWrapper {
  position: absolute;
  left: 1px;
  right: 31px;
  height: 26px; }

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

.psWebDropDown, .psMultiSelect {
  position: relative;
  min-width: 40px;
  height: 30px;
  color: #706F6F;
  background-color: #F0F0F0;
  border: 1px solid #F0F0F0; }
  .psWebDropDown.DropDownWhite, .psMultiSelect.DropDownWhite {
    background-color: white; }
  .psWebDropDown .clear-filter, .psMultiSelect .clear-filter {
    position: absolute;
    display: block;
    right: -4px;
    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: 100%;
    height: 100%;
    box-shadow: none;
    border: none;
    position: relative;
    background-color: #F0F0F0;
    color: #706F6F; }
    .psWebDropDown input[type=text].whiteInput, .psMultiSelect input[type=text].whiteInput {
      background-color: white; }
  .psWebDropDown .MultiSelectText, .psMultiSelect .MultiSelectText {
    padding: 5px 5px 0px 5px; }
  .psWebDropDown .DropDownButton, .psMultiSelect .DropDownButton {
    position: absolute;
    height: 30px;
    width: 30px;
    min-width: 30px;
    top: 0px;
    right: 0px;
    background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down-grey.png") no-repeat center center; }
    .psWebDropDown .DropDownButton.DropDownButtonWhite, .psMultiSelect .DropDownButton.DropDownButtonWhite {
      background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .psWebDropDown .Counter, .psMultiSelect .Counter {
    position: absolute;
    height: 30px;
    width: 30px;
    min-width: 30px;
    top: 3px;
    right: 30px;
    padding: 3px 0px 0px 3px;
    text-align: right; }
  .psWebDropDown .DropDownMenu, .psMultiSelect .DropDownMenu {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 30px;
    padding: 0;
    border: 1px solid #F0F0F0;
    width: 100%; }
    .psWebDropDown .DropDownMenu.Multiselect, .psMultiSelect .DropDownMenu.Multiselect {
      padding-bottom: 28px; }
    .psWebDropDown .DropDownMenu > div, .psMultiSelect .DropDownMenu > div {
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 300px;
      min-width: 40px;
      padding: 0;
      width: 100%; }
      .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: #706F6F;
          background-color: #F0F0F0; }
          .psWebDropDown .DropDownMenu > div > div > *:hover, .psMultiSelect .DropDownMenu > div > div > *:hover {
            background-color: white;
            color: #64afad; }
          .psWebDropDown .DropDownMenu > div > div > * .fa, .psMultiSelect .DropDownMenu > div > div > * .fa {
            margin-right: 10px; }
      .psWebDropDown .DropDownMenu > div .DropDownMenuFooter, .psMultiSelect .DropDownMenu > div .DropDownMenuFooter {
        overflow: hidden;
        width: 100%;
        background-color: #F0F0F0; }
        .psWebDropDown .DropDownMenu > div .DropDownMenuFooter .icons, .psMultiSelect .DropDownMenu > div .DropDownMenuFooter .icons {
          margin: 3px 0px 1px 7px; }
        .psWebDropDown .DropDownMenu > div .DropDownMenuFooter .FooterText, .psMultiSelect .DropDownMenu > div .DropDownMenuFooter .FooterText {
          display: block;
          padding: 7px 10px 7px 10px;
          width: 100%;
          border-top: 1px solid #64afad; }
    .psWebDropDown .DropDownMenu.DropDownMenuWhite, .psMultiSelect .DropDownMenu.DropDownMenuWhite {
      background-color: white; }
      .psWebDropDown .DropDownMenu.DropDownMenuWhite > div > div > *, .psMultiSelect .DropDownMenu.DropDownMenuWhite > div > div > * {
        background-color: white; }
        .psWebDropDown .DropDownMenu.DropDownMenuWhite > div > div > *:hover, .psMultiSelect .DropDownMenu.DropDownMenuWhite > div > div > *:hover {
          background-color: #F0F0F0; }
        .psWebDropDown .DropDownMenu.DropDownMenuWhite > div > div > *:active, .psMultiSelect .DropDownMenu.DropDownMenuWhite > div > div > *:active {
          background-color: #64afad;
          color: white; }
        .psWebDropDown .DropDownMenu.DropDownMenuWhite > div > div > *.Selected, .psMultiSelect .DropDownMenu.DropDownMenuWhite > div > div > *.Selected {
          color: black;
          font-style: bold; }
      .psWebDropDown .DropDownMenu.DropDownMenuWhite .DropDownMenuFooter, .psMultiSelect .DropDownMenu.DropDownMenuWhite .DropDownMenuFooter {
        background-color: white; }
  .psWebDropDown .DropDownMenu .Selected, .psMultiSelect .DropDownMenu .Selected {
    background-color: #64afad;
    color: white; }

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

/* Responsiveness */
/* Global */
/* Document */
/* Left Menu */
/*Widgets */
/* buttons */
.tabs-list {
  padding-left: 34px;
  height: 80px;
  display: block;
  border-bottom: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  width: calc(100% - 34px); }
  .tabs-list li {
    height: 26px;
    text-align: center;
    font-size: 18px;
    width: auto;
    display: inline-block; }
    .tabs-list li a {
      text-align: center;
      width: 105px;
      display: inline-block;
      text-decoration: none;
      font-size: 16px;
      padding: 5px 10px 5px 10px; }
    .tabs-list li .disabled {
      cursor: default; }
    .tabs-list li .hidden {
      display: none; }
  .tabs-list li:after, .tabs-list li:first-child:before {
    content: '';
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    border-left: 1px solid #F0F0F0; }
  .tabs-list li {
    color: #706F6F;
    font-family: "SourceSansPro-Regular";
    font-weight: normal; }
    .tabs-list li a {
      color: #706F6F;
      text-decoration: none;
      font-size: 14px; }
    .tabs-list li .active {
      color: white !important;
      background-color: #64afad; }
    .tabs-list li .disabled {
      color: #BBB; }

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Bold.otf") format("opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Bold.woff") format("woff"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("/Portals/_default/Skins/RedesignCamas/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/RedesignCamas/stylesheets/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Light.otf") format("opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Light.woff") format("woff"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Light.ttf") format("truetype"), url("/Portals/_default/Skins/RedesignCamas/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/RedesignCamas/stylesheets/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Regular.otf") format("opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Regular.woff") format("woff"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("/Portals/_default/Skins/RedesignCamas/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/RedesignCamas/stylesheets/fonts/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Semibold.otf") format("opentype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Semibold.woff") format("woff"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("/Portals/_default/Skins/RedesignCamas/stylesheets/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

table {
  color: #706F6F;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  font-weight: normal; }
  table .redesign-fullwidth {
    width: 100%; }
  table td {
    padding: 0px; }
  table .am-employee-table {
    font-size: 14px; }
    table .am-employee-table p {
      font-family: "SourceSansPro-Regular";
      font-size: 14px;
      font-weight: normal;
      color: #505050; }

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

.home .home-intro {
  width: 90%; }
  .home .home-intro .IntroPane {
    display: block;
    width: 100%; }
  .home .home-intro hr {
    color: #F0F0F0;
    background-color: #F0F0F0;
    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: #BBB; }

/* 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: #64afad;
  user-select: none; }

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

.redesign-camascolorasbackgroundcolor {
  background-color: #64afad; }

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

input[type="text"], input[type=password], input[type=email], input[type=number] {
  color: #706F6F;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  border: solid 1px #F0F0F0;
  min-height: 30px;
  background-color: #F0F0F0; }

input[type="file"] {
  width: 100%;
  background-color: white;
  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: 228px; }
  .Input.noResize {
    resize: none; }

:focus {
  outline: none; }

textarea {
  border: solid 1px #F0F0F0;
  color: #706F6F;
  font-weight: normal;
  font-family: "SourceSansPro-Regular";
  font-size: 14px;
  padding: 5px;
  display: block;
  background-color: #F0F0F0;
  width: 100%;
  display: block;
  height: 6em;
  margin: 0px; }

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

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; }

textarea.remark {
  margin-bottom: 10px; }

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

select {
  font-family: "SourceSansPro-Semibold";
  color: #706F6F;
  width: 100%;
  border: solid 1px #F0F0F0; }
  select option {
    font-family: "SourceSansPro-Semibold"; }
  select option:checked, select option:selected {
    color: white;
    background-color: #64afad;
    font-family: "SourceSansPro-Semibold"; }

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

.Normal {
  font-size: 14px; }

a {
  color: #706F6F;
  text-decoration: underline; }

ngb-modal-window {
  /* unvisited link */
  /* visited link */ }
  ngb-modal-window a:link {
    color: #64afad; }
  ngb-modal-window a:visited {
    color: #64afad; }

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

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

.templateEditor {
  color: #706F6F;
  font-size: 14px;
  font-family: "SourceSansPro-Regular"; }
  .templateEditor h1, .templateEditor h2, .templateEditor h3, .templateEditor h4, .templateEditor h5, .templateEditor h6 {
    color: #64afad;
    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; }

body {
  /*Login */
  /* UI dialog (is also defined in default.css)*/
  /* icons */
  /* Default  table */
  /*Listviews*/
  color: #706F6F;
  /* Accordion */
  /* Interaction states
----------------------------------*/
  /* states and images */
  /*Custom accordion fixes*/
  /*Overlays*/
  /* javascript popup*/
  /*blockui*/
  /*Fileupload*/
  /*Date picker */
  /*DatePicker */
  /*

    HKE Juli 2019
    Onderstaand stuk 'overruled' de standaar jquery-ui styling zodat het  CAMAS style is.
    Voordeel van deze methode is dat we jQuery UI in de standaard versie kunnen gebruiken ipv een customized versie.
  */
  /* ================================
		SBD Dropdowns
		================================
	*/
  /* Buttons */
  /* Custom buttons fixes*/
  /*.navigationButtons>.NextButton {
    padding-left: 1px;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende_wit.png);
    position: relative;
   margin-right: 677px;
}*/
  /* Remarks*/ }
  body input[type=button].InfoItem {
    height: 16px;
    width: 16px;
    margin-top: 280px;
    background: url("/Portals/_default/Skins/RedesignCamas/images/icons/informatie_icon.png") no-repeat;
    border: none; }
  body .LoginPanel ul {
    padding-left: 40px;
    padding-top: 30px;
    margin: 12px 0px;
    text-align: left; }
  body .LoginPanel .miniform .logo {
    background-color: #64afad;
    display: block;
    margin: auto; }
  body .LoginPanel .miniform .error {
    color: #64afad;
    text-align: left; }
  body .LoginPanel .miniform .login-title {
    color: #64afad;
    font-family: "SourceSansPro-Semibold";
    float: left; }
  body .LoginPanel .miniform a {
    text-decoration: underline;
    color: grey; }
  body .LoginPanel .miniform > div {
    /*text-align: left;*/
    padding: 0 10% 0 10%;
    width: 80%;
    text-justify: distribute;
    max-height: 450px;
    /*   overflow-y: auto;*/ }
  body .LoginPanel .miniform .txt {
    text-align: left; }
  body .LoginPanel .miniform .loginForm {
    margin-bottom: 20px; }
  body .LoginPanel .miniform a:visited {
    color: grey; }
  body .LoginPanel .miniform a.help-text {
    /*position: absolute;*/
    bottom: 40px;
    width: 80%;
    text-align: right; }
  body .LoginPanel .miniform input[type=text],
  body .LoginPanel .miniform input[type=password],
  body .LoginPanel .miniform input[type=email],
  body .LoginPanel .miniform input[type=number],
  body .LoginPanel .miniform input[type=password] {
    margin: 10px 0px 10px -5px;
    padding: 0px 0px 0px 5px; }
  body .LoginPanel .miniform input.Button2014 {
    margin-right: 0px; }
  body .LoginPanel .miniform input.Button2014:visited, body .LoginPanel .miniform input.Button2014:hover {
    color: white;
    text-decoration: none; }
  body .LoginPanel .miniform .remember-container {
    float: right; }
    body .LoginPanel .miniform .remember-container input[type=checkbox] {
      float: right;
      position: relative; }
    body .LoginPanel .miniform .remember-container .remember-txt {
      top: -2px; }
  body .ui-dialog {
    z-index: 10000; }
  body .ui-dialog-content {
    background-color: white; }
    body .ui-dialog-content .GridDiv .GridAlternateRow {
      background-color: #F0F0F0; }
    body .ui-dialog-content .GridDiv table td {
      padding: 5px;
      height: 30px; }
    body .ui-dialog-content .GridDiv span.icons {
      height: 30px; }
  body span.icons {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px; }
    body span.icons.rotate-left {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/rotate-left.png") no-repeat; }
    body span.icons.rotate-right {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/rotate-right.png") no-repeat; }
    body span.icons.clear {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Clear.png") no-repeat; }
    body span.icons.clearall {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/ClearAll.png") no-repeat; }
    body span.icons.roodbolletje {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/roodbolletje.png") no-repeat; }
    body span.icons.groenbolletje {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/groenbolletje.png") no-repeat; }
    body span.icons.selectall {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/SelectAll2.png") no-repeat; }
    body span.icons.tag {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/tag-groen.png") no-repeat; }
    body span.icons.tagdisabled {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/tag-grijs.png") no-repeat; }
    body span.icons.print {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/print.png") no-repeat; }
    body span.icons.cancel {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/annuleer_icon.png") no-repeat; }
    body span.icons.save {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/opslaan_icon.png") no-repeat; }
    body span.icons.delete {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/trash-can.png") no-repeat; }
    body span.icons.deletedisabled {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/disabled-trash-can.png") no-repeat; }
    body span.icons.complete {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/approve.png") no-repeat; }
    body span.icons.clockopen {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-rood.png") no-repeat;
      background-size: contain; }
    body span.icons.clockdisabled {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-disabled.png") no-repeat;
      background-size: contain; }
    body span.icons.clockplanned {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-paars.png") no-repeat;
      background-size: contain; }
    body span.icons.clockwarning {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-oranje.png") no-repeat;
      background-size: contain; }
    body span.icons.clockcompleted {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-groen.png") no-repeat;
      background-size: contain; }
    body span.icons.messages {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/spraakbubbel_icon.png") no-repeat; }
    body span.icons.editoraction {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/potloodje_icon.png") no-repeat; }
    body span.icons.disablededitoraction {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/potloodje_icon_disabled.png") no-repeat; }
    body span.icons.attachment {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/bijlage_icon.png") no-repeat; }
    body span.icons.info {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/informatie_icon.png") no-repeat; }
    body span.icons.boxout {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/box_uit_icon.png") no-repeat; }
    body span.icons.boxin {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/box_in_icon.png") no-repeat; }
    body span.icons.clockreportcompleted {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-groen-envelop.png") no-repeat; }
    body span.icons.clockreportopen {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-rood-envelop.png") no-repeat; }
    body span.icons.clockreportplanned {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-paars-envelop.png") no-repeat; }
    body span.icons.clockreportwarning {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/klokje-oranje-envelop.png") no-repeat; }
    body span.icons.completedisabled {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/disabled-approve.png") no-repeat; }
    body span.icons.document_excel {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_excel.png") no-repeat;
      background-size: contain; }
    body span.icons.document_word {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_word.png") no-repeat;
      background-size: contain; }
    body span.icons.document_pdf {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_pdf.png") no-repeat;
      background-size: contain; }
    body span.icons.document_text {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_text.png") no-repeat;
      background-size: contain; }
    body span.icons.document_mail {
      background: url("/Portals/_default/Skins/Camas2018/images/icons/office/document_mail.png") no-repeat;
      background-size: contain; }
    body span.icons.restoredisabled {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/restore_icon_disabled.png") no-repeat; }
    body span.icons.restore {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/restore_icon.png") no-repeat; }
    body span.icons.paper {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/papier_icon.png") no-repeat; }
    body span.icons.papermail {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/papier_mail_icon.png") no-repeat; }
    body span.icons.zoomglass {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/vergrootglas_zwart_icon.png") no-repeat; }
    body span.icons.html {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/inbox_grijs_icon.png") no-repeat; }
    body span.icons.text {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/papier_icon.png") no-repeat; }
    body span.icons.word {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/word.png") no-repeat; }
    body span.icons.wordlocked {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Word-slot-rood.png") no-repeat; }
    body span.icons.excel {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Excel.png") no-repeat; }
    body span.icons.excellocked {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Excel-slot-rood.png") no-repeat; }
    body span.icons.pdf {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/PDF.png") no-repeat; }
    body span.icons.pdflocked {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/PDF-slot-rood.png") no-repeat; }
    body span.icons.warning {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/waarschuwing_icon.png") no-repeat; }
    body span.icons.warning-red {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/waarschuwing_icon.png") no-repeat; }
    body span.icons.plus {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/plus.png") no-repeat; }
    body span.icons.plus-icon-red {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/plus_icon_rood.png") no-repeat; }
    body span.icons.settings {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/settings_icon.png") no-repeat; }
    body span.icons.copy {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/copy_icon.png") no-repeat; }
    body span.icons.in-text {
      background-size: 12px;
      background-position: bottom; }
    body span.icons.priority-low {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Priority_low_icon.png") no-repeat; }
    body span.icons.priority-medium {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Priority_middle_icon.png") no-repeat; }
    body span.icons.priority-high {
      background: url("/Portals/_default/Skins/RedesignCamas/images/icons/Priority_high_icon.png") no-repeat; }
    body 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; }
    body 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; }
    body 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; }
    body 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; }
  body .ErrorIcon {
    cursor: pointer;
    width: 20px;
    position: absolute; }
  body .actionbutton {
    margin-right: 5px; }
  body .actionbutton:last-child {
    margin-right: 0px; }
  body div#RedesignSearchBrowse {
    margin-left: 30px; }
  body table.redesign-search-table td {
    padding: 0px 5px; }
    body table.redesign-search-table td table td {
      padding: 0px; }
  body .EmBlock {
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0; }
  body .ListView {
    border: solid 1px #F0F0F0;
    overflow-y: scroll; }
  body .ListboxAddItems {
    display: inline-block;
    margin-left: 2px;
    margin-top: 0px;
    height: 32px;
    width: 32px;
    background-image: url("/Portals/_default/Skins/RedesignCamas/images/icons/selectAll.png");
    vertical-align: bottom; }
  body .ListboxAddItemsDisabled {
    display: inline-block;
    margin-left: 2px;
    margin-top: 0px;
    height: 32px;
    width: 32px;
    background-image: url("/Portals/_default/Skins/RedesignCamas/images/icons/selectAllDisabled.png");
    vertical-align: bottom; }
  body .ListboxDeleteItems {
    display: inline-block;
    margin-left: 2px;
    margin-top: 0px;
    height: 32px;
    width: 32px;
    background-image: url("/Portals/_default/Skins/RedesignCamas/images/icons/deleteall.png");
    vertical-align: top; }
  body .ListboxDeleteItemsDisabled {
    display: inline-block;
    cursor: default;
    margin-left: 2px;
    margin-top: 0px;
    height: 32px;
    width: 32px;
    background-image: url("/Portals/_default/Skins/RedesignCamas/images/icons/deleteAllDisabled.png");
    vertical-align: top; }
  body .ListboxEmployersAbsenceDisabled option {
    color: #BBB; }
  body .ListboxEmployersAbsence {
    width: 235px; }
  body .CamasLinkButtonTr td {
    padding-left: 10px; }
  body .CamasLinkButtonTr:hover {
    background-color: #64afad;
    color: white; }
  body .accordion-ui-state-default, body .accordion-ui-widget-content .accordion-ui-state-default, body .ui-widget-header .accordion-ui-state-default, body .ui-accordion .ui-state-default {
    font-family: "SourceSansPro-Semibold";
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    background: white; }
  body .accordion-ui-state-default a, body .accordion-ui-state-default a:link, body .accordion-ui-state-default a:visited, body .ui-accordion .ui-state-default a, body .ui-accordion .ui-state-default a:visited {
    text-decoration: none; }
  body .accordion-ui-state-hover, body .accordion-ui-widget-content .ui-state-hover, body .accordion-ui-widget-header .accordion-ui-state-hover, body .accordion-ui-state-focus, body .accordion-ui-widget-content .accordion-ui-state-focus, body .accordion-ui-widget-header .accordion-ui-state-focus, body .ui-accordion .ui-state-hover, body .accordion-ui-state-active {
    font-family: "SourceSansPro-Semibold";
    color: #64afad; }
  body .accordion-ui-state-hover a, body .accordion-ui-state-hover a:hover, body .accordion-ui-state-hover a:link, body .accordion-ui-state-hover a:visited, body .ui-accordion .ui-state-hover a, body .ui-accordion .ui-state-hover a:visited {
    font-family: "SourceSansPro-Semibold";
    color: #64afad;
    text-decoration: none; }
  body .accordion-ui-state-active, body .accordion-ui-widget-content .accordion-ui-state-active, body .accordion-ui-widget-header .accordion-ui-state-active {
    background: transparent;
    font-family: "SourceSansPro-Semibold"; }
  body .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1; }
  body .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em; }
  body .ui-accordion .ui-accordion-noicons {
    padding-left: .7em; }
  body .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 30; }
  body .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .0em;
    top: 50%;
    margin-top: -12px; }
  body .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1; }
  body .accordion-ui-icon {
    width: 18px;
    height: 25px; }
  body .redesign-displayblock {
    display: block; }
  body .redesign-fullwidth {
    width: 100%; }
  body .ui-widget-overlay {
    background: #616161;
    opacity: .60;
    filter: Alpha(Opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body .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; }
  body .blockUI.blockMsg.blockPage {
    background-color: red;
    padding-bottom: 10px; }
  body .blockUI {
    padding: 7px; }
  body h2.blockUI {
    padding-top: 7px; }
  body .fileupload-header .fileupload-header-item.filename {
    text-align: left; }
  body .fileupload-header .fileupload-header-item {
    text-align: center; }
  body .redesign-fileselectertext, body .redesign-fileselecterlink {
    text-decoration: none;
    cursor: pointer; }
  body .igmc_Control {
    background-color: white;
    border: 1px solid #F0F0F0;
    width: 235px;
    height: 200px;
    padding: 0px;
    margin: 0px; }
    body .igmc_Control table {
      background-color: #64afad;
      color: white; }
    body .igmc_Control .igmc_DOW {
      background-repeat: repeat-x;
      background-position: top;
      background-image: url(igmc_dowbg.gif);
      border-width: 0px;
      border-bottom: solid 1px #F0F0F0;
      padding: 0px;
      text-align: center; }
    body .igmc_Control .igmc_HoverNextPrev {
      cursor: pointer; }
    body .igmc_Control .igmc_Footer {
      padding: 5px;
      border-top: 1px solid #F0F0F0;
      font-size: 10px;
      cursor: pointer; }
    body .igmc_Control .igmc_HoverFooter {
      color: #64afad; }
    body .igmc_Control .igmc_MonthYear {
      padding: 0px 2px; }
    body .igmc_Control .igmc_HoverMonthYear {
      cursor: pointer; }
    body .igmc_Control .igmc_Day {
      text-align: center; }
    body .igmc_Control .igmc_WeekendDay {
      background-color: #F0F0F0; }
    body .igmc_Control .igmc_OtherMonthDay {
      color: #CCC; }
    body .igmc_Control .igmc_HoverDay {
      background-color: #64afad;
      color: white; }
    body .igmc_Control .igmc_Item {
      text-align: center; }
    body .igmc_Control .igmc_HoverItem {
      cursor: pointer; }
    body .igmc_Control .igmc_SelectedDay {
      background-color: #64afad;
      color: white; }
    body .igmc_Control .igmc_TodayDay {
      background-color: #BBB;
      color: white; }
  body .InputCalendar {
    width: 235px;
    height: 22px;
    border: 1px solid #F0F0F0;
    padding-left: 5px; }
    body .InputCalendar .igte_Inner {
      border: none;
      padding: 0px; }
    body .InputCalendar input {
      border: none; }
    body .InputCalendar .igte_ButtonSize {
      width: 28px;
      background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down-grey.png") no-repeat center center; }
  body .InputCalendar {
    background-color: #F0F0F0; }
    body .InputCalendar.from-till {
      width: 102px; }
  body .InputCalendar[disabled="true"] {
    color: #BBB;
    cursor: initial; }
  body .InputCalendar .igte_ButtonDisabled {
    background: none;
    cursor: initial; }
  body .ui-widget {
    font-family: "SourceSansPro-Regular";
    font-size: 14px; }
  body div.ui-datepicker {
    background: white none;
    border-radius: 0px; }
    body div.ui-datepicker div.ui-datepicker-header {
      background: #64afad none;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      border: solid 1px lightgray; }
      body div.ui-datepicker div.ui-datepicker-header .ui-datepicker-next-hover, body div.ui-datepicker div.ui-datepicker-header .ui-datepicker-prev-hover {
        border-color: white; }
        body div.ui-datepicker div.ui-datepicker-header .ui-datepicker-next-hover span.ui-icon, body div.ui-datepicker div.ui-datepicker-header .ui-datepicker-prev-hover span.ui-icon {
          background-image: url(/js/jquery-ui-1.11.4/images/ui-icons_ffffff_256x240.png); }
      body div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title {
        background-color: #64afad; }
    body div.ui-datepicker table.ui-datepicker-calendar {
      font-size: 14px; }
      body div.ui-datepicker table.ui-datepicker-calendar td span, body div.ui-datepicker table.ui-datepicker-calendar td a {
        text-align: center; }
      body div.ui-datepicker table.ui-datepicker-calendar td {
        padding: 0; }
    body div.ui-datepicker .ui-state-default, body div.ui-datepicker ui-datepicker-unselectable {
      background: white none;
      border: solid 1px transparent;
      color: #706F6F;
      font-weight: normal; }
    body div.ui-datepicker .ui-state-hover {
      background: #64afad none;
      color: white; }
    body div.ui-datepicker .ui-state-disabled {
      opacity: 1; }
    body div.ui-datepicker .ui-datepicker-week-end {
      background: #F0F0F0 none; }
      body div.ui-datepicker .ui-datepicker-week-end .ui-state-default {
        border: solid 1px transparent;
        background: #F0F0F0 none; }
      body div.ui-datepicker .ui-datepicker-week-end .ui-state-hover {
        background: #64afad none;
        color: white; }
  body .igdd_DropDownList {
    margin: 0px;
    padding: 1px; }
  body .dropdown-disabled .igdd_DropDownButton {
    background: none;
    cursor: initial;
    min-width: 10px; }
    body .dropdown-disabled .igdd_DropDownButton img[mkr="ButtonImage"] {
      display: none; }
  body .dropdown-disabled input.ig_Disabled {
    border: none;
    cursor: initial;
    width: 100%; }
  body .igdd_ListItem {
    border: 0px;
    padding: 3px 5px 3px 5px;
    list-style-type: none;
    width: auto;
    min-height: 15px;
    height: auto !important;
    cursor: pointer; }
  body .igdd_ListItemSelected {
    list-style-type: none; }
  body .igdd_ListItem a:link {
    text-decoration: none; }
  body .igdd_ListItemHover a:link {
    text-decoration: none; }
  body .igdd_ListItem a:visited {
    text-decoration: none; }
  body .igdd_ListItemHover a:visited {
    text-decoration: none; }
  body .igdd_ListItemSelected a:link {
    list-style-type: none; }
  body input:focus {
    outline: none; }
  body .sbdHeader {
    display: none; }
  body .sbdOperator {
    width: 236px;
    line-height: 11px;
    border: 1px solid transparent; }
  body .input[type="text"] {
    width: 230px; }
  body .sbdField {
    vertical-align: middle;
    line-height: 11px;
    font-size: 14px;
    padding-right: 15px; }
  body .sbdInput {
    width: 230px;
    line-height: 11px;
    height: 30px;
    border: none;
    background-color: #F0F0F0; }
  body .sbdInput.pdf {
    padding: 15px; }
  body .pdf, body .controlepdf {
    margin-top: 15px;
    width: 80vw;
    height: 70vh; }
  body .controlepdf {
    border: solid 1px #F0F0F0; }
  body .igdd_ListItemSelected {
    background-color: #64afad; }
  body .igdd_ListItemSelected a {
    color: white; }
  body .igdd_DropDownButton {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down-grey.png") no-repeat center center; }
  body .DropDownButton {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down.png") no-repeat center center;
    cursor: pointer; }
  body img[mkr="ButtonImage"] {
    min-width: 20px;
    min-height: 20px; }
  body .igdd_ControlArea, body .igdd_ControlFocus {
    background-color: #F0F0F0; }
  body .igdd_DropDownListContainer {
    background-color: #F0F0F0;
    min-width: 233px;
    background-image: none;
    border: solid 1px #F0F0F0;
    float: left;
    width: 99%; }
  body div[mkr="Target"] {
    min-width: 235px; }
  body input.igdd_ValueDisplay {
    text-align: left;
    border: 0px solid yellow;
    min-width: 100%;
    z-index: 0;
    padding-left: 5px;
    padding-right: 10px;
    height: 30px;
    border: none;
    background-color: transparent;
    overflow: hidden;
    max-width: 200px; }
  body .pmomwebdropdown {
    min-height: 30px;
    width: 235px;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px; }
    body .pmomwebdropdown input[type="text"], body .pmomwebdropdown input[type="text"]:hover {
      border: none; }
    body .pmomwebdropdown .ddlFilterMessage {
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #64afad;
      padding: 5px; }
  body .button-group .sbdButton, body .button-group .button {
    float: left; }
  body input[type="button"], body input[type="submit"], body input.sbdButton, body .sbdButton, body .button, body .Button, body .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton {
    background-image: none;
    cursor: pointer;
    background-color: #64afad;
    color: white;
    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;
    text-decoration: none; }
  body .btn:hover {
    color: white; }
  body span.button, body a.button {
    display: inline-block; }
  body input[type="button"]:hover, body input[type="submit"]:hover, body input.sbdButton:hover, body .sbdButton:hover, body .button, body .Button:hover, body .document-container .base-content-container .DnnModule-FormCreator .FormCreatorButton:hover {
    text-decoration: none;
    color: white;
    background-color: #64afad; }
  body .button[disabled="disabled"], body .button[disabled=""], body button[disabled] {
    color: #BBB;
    cursor: default; }
  body .button-group:last-child {
    margin-right: 0px; }
  body .statusButtons {
    margin-top: 15px; }
  body .transparentButton {
    margin-left: 30px; }
  body .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; }
  body .FileUploadButton {
    position: relative;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
    body .FileUploadButton span {
      display: inline-block;
      background-image: none;
      background-color: #64afad;
      color: white;
      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; }
    body .FileUploadButton .upload {
      width: 149px;
      height: 36px;
      margin: 0px;
      padding: 0px;
      position: absolute;
      top: -9px;
      left: 0px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0); }
  body input[disabled], body input[disabled="disabled"], body input[disabled="true"],
  body input[disabled]:hover, body input[disabled="disabled"]:hover, body input[disabled="true"]:hover,
  body textarea[disabled], body textarea[disabled="disabled"], body textarea[disabled="true"],
  body textarea[disabled]:hover, body textarea[disabled="disabled"]:hover, body textarea[disabled="true"]:hover {
    background-color: #F0F0F0;
    border: solid 1px #F0F0F0;
    cursor: initial; }
  body input[type="submit"].RefreshButton {
    min-width: initial;
    background: white url("/Portals/_default/Skins/RedesignCamas/images/icons/reload_icon.png") no-repeat center center; }
  body input.sbdButton {
    margin-top: 15px; }
  body .redesign-display-block {
    display: block; }
  body .group-of-items {
    padding: 15px 0px 0px 30px; }
  body .group-of-items.no-document-margin {
    padding: 15px 0px 0px 0px; }
  body table.redesign-remark {
    width: 100%; }
  body .LeftPane {
    padding-top: 0px; }
  body .document-container {
    width: 100%;
    min-width: 800px;
    margin-right: auto;
    /* Profile menu */
    /* Badge buttons */
    /*
			Tooltip
			*/
    /*Tooltips old style*/
    /*VVS*/
    /* VVS RIE*/
    /* AM Employee*/
    /*Importtool */
    /*Invoices*/ }
    body .document-container .leftmenu-relative-container {
      position: relative;
      float: left; }
      body .document-container .leftmenu-relative-container .leftmenu-absolute-container {
        z-index: 110;
        max-width: 82px;
        position: absolute; }
        body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container {
          height: 100vh;
          background-color: #6D7D90;
          z-index: 110;
          float: left;
          display: inline-block; }
          body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container .space-filler {
            background-color: #6D7D90;
            height: 335px; }
          body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container .camas-logo {
            background-color: #64afad; }
          body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul {
            margin: 0;
            padding: 0; }
            body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li.submenu-hover ul, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li.hover ul {
              display: block; }
            body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li {
              margin: 0;
              padding: 0;
              position: relative;
              list-style: none; }
              body .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; }
                body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li .leftmenulink {
                  color: #6D7D90;
                  text-decoration: none; }
                body .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;
                  padding: 10px 15px;
                  background-color: #F0F0F0;
                  border-left: 1px solid white;
                  border-bottom: 1px solid white;
                  border-right: 1px solid white; }
                body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li:first-child {
                  border-top: 1px solid white; }
                body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li:hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li ul li .leftmenulink:hover {
                  color: #64afad; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.icon {
                text-align: center;
                color: white;
                width: 82px;
                display: block;
                text-decoration: none;
                padding-top: 40px;
                padding-bottom: 10px;
                text-transform: lowercase;
                width: 82px;
                max-width: 82px;
                overflow: hidden; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink {
                white-space: nowrap;
                font-size: 12px;
                color: white; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.submenu-hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.hover {
                color: #6D7D90; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/administratie_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.debiteurenbeheer.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/administratie_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.home {
                padding: 5px 0px 62px 0px;
                margin: 0px;
                background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/camas-logo.png") no-repeat center center;
                color: #64afad; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/portals_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbouw.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/portals_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/documenten_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.documenten.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/documenten_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/enquettes_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.psa.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/enquettes_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/beheer_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.beheer.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/beheer_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/jobsearch_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.arbeidsmobiliteit.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/jobsearch_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/penoservice_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.poservice.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/penoservice_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.coaching {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/coaching_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.coaching.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.coaching.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/coaching_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.todo {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/todo_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.todo.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.todo.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/todo_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/planning_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.planning.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/planning_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/pmo_icon_wit.png") no-repeat center 30%;
                background-size: 25px; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.pmo.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/pmo_icon_select.png") no-repeat center 30%;
                background-size: 25px; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/relatiebeheer_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.relatiebeheer.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/relatiebeheer_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/salarisadministratie_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.salarisadministratie.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/salarisadministratie_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/verzuim_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/wga_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/wga_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.wga.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/wga_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet {
                background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/ziektewet_icon_wit.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.verzuim.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/verzuim_icon_select.png") no-repeat center 30%; }
              body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet.hover, body .document-container .leftmenu-relative-container .leftmenu-absolute-container .leftmenu-container ul li .leftmenulink.ziektewet.submenu-hover {
                background: white url("/Portals/_default/Skins/RedesignCamas/images/menu-icons/ziektewet_icon_select.png") no-repeat center 30%; }
    body .document-container .base-content-container {
      position: relative;
      background-color: white;
      padding-left: 82px;
      min-width: 730px;
      display: block;
      /* Searchbox */
      /* SBD Grid */
      /* Form creator */
      /* Custom fixes*/
      /*PMOMTodoItemControl*/
      /* Tabs menu*/
      /* Breadcrumb */
      /* Header */
      /*creating rows without having tables*/
      /* Main content container */ }
      body .document-container .base-content-container .ContentPane {
        clear: both; }
      body .document-container .base-content-container.hideborder {
        padding-left: 0px;
        padding-right: 30px; }
      body .document-container .base-content-container .no-foldout {
        padding-left: 30px; }
      body .document-container .base-content-container .searchbox-container .searchbox {
        width: 244px;
        height: 30px;
        padding-left: 30px;
        padding-right: 5px;
        border-right: none;
        border-left: none;
        border-top: solid 1px #F0F0F0;
        border-bottom: solid 1px #F0F0F0;
        background-color: white; }
      body .document-container .base-content-container .searchbox-container .searchbox-addbutton {
        display: block;
        width: 30px;
        height: 30px;
        border-top: solid 1px #F0F0F0;
        border-right: solid 1px #F0F0F0;
        border-bottom: solid 1px #F0F0F0; }
      body .document-container .base-content-container .searchbox-container .searchbox-arrow {
        display: block;
        width: 30px;
        height: 30px;
        border-top: solid 1px #F0F0F0;
        border-right: solid 1px #F0F0F0;
        border-bottom: solid 1px #F0F0F0;
        background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/arrow-down.png") no-repeat center center; }
      body .document-container .base-content-container .searchbox-container .searchbox-button {
        display: block;
        border-top: solid 1px #F0F0F0;
        border-right: solid 1px #F0F0F0;
        border-bottom: solid 1px #F0F0F0;
        background: url("/Portals/_default/Skins/RedesignCamas/images/icons/search-glass.png") no-repeat center center;
        width: 30px;
        height: 30px; }
      body .document-container .base-content-container .searchbox-container .searchbox-window {
        margin-left: 15px;
        border: solid 1px #F0F0F0;
        padding: 30px;
        background-color: white;
        z-index: 100;
        font-size: 14px; }
      body .document-container .base-content-container .searchbox-pinbutton {
        cursor: pointer;
        width: 30px;
        height: 30px; }
      body .document-container .base-content-container .searchbox-pinbutton[data-ispinned="true"] {
        background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/icons/pinbutton_down_icon.png") no-repeat center center; }
      body .document-container .base-content-container .searchbox-pinbutton[data-ispinned="false"] {
        background: #64afad url("/Portals/_default/Skins/RedesignCamas/images/icons/pinbutton_icon.png") no-repeat center center; }
      body .document-container .base-content-container .TableClass .TrHeaderClass td {
        padding-top: 10px;
        font-family: "SourceSansPro-Semibold";
        color: #64afad; }
      body .document-container .base-content-container .TableClass table {
        border-spacing: 0px; }
      body .document-container .base-content-container .Titlebar {
        padding-top: 10px; }
      body .document-container .base-content-container input[disabled="disabled"], body .document-container .base-content-container textarea[disabled="disabled"] {
        background-color: #F0F0F0;
        color: #BBB;
        cursor: initial; }
      body .document-container .base-content-container .ModDNNHTMLC .Normal, body .document-container .base-content-container .DnnModule-ArbouwSignUp .Normal, body .document-container .base-content-container .DnnModule-FormCreator .Normal {
        color: #706F6F; }
      body .document-container .base-content-container .ModDNNHTMLC a, body .document-container .base-content-container .DnnModule-ArbouwSignUp a, body .document-container .base-content-container .DnnModule-FormCreator a {
        color: #64afad; }
      body .document-container .base-content-container .ModDNNHTMLC a:hover, body .document-container .base-content-container .DnnModule-ArbouwSignUp a:hover, body .document-container .base-content-container .DnnModule-FormCreator a:hover {
        text-decoration: underline; }
      body .document-container .base-content-container .ModDNNHTMLC h1, body .document-container .base-content-container .DnnModule-ArbouwSignUp h1, body .document-container .base-content-container .DnnModule-FormCreator h1 {
        color: #64afad;
        font-family: "SourceSansPro-Semibold";
        font-size: 18px; }
      body .document-container .base-content-container .ModDNNHTMLC h2, body .document-container .base-content-container .DnnModule-ArbouwSignUp h2, body .document-container .base-content-container .DnnModule-FormCreator h2 {
        color: #64afad;
        font-family: "SourceSansPro-Semibold";
        font-size: 16px; }
      body .document-container .base-content-container .ModDNNHTMLC ul, body .document-container .base-content-container .ModDNNHTMLC .UL, body .document-container .base-content-container .DnnModule-ArbouwSignUp ul, body .document-container .base-content-container .DnnModule-ArbouwSignUp .UL, body .document-container .base-content-container .DnnModule-FormCreator ul, body .document-container .base-content-container .DnnModule-FormCreator .UL {
        padding-left: 40px;
        margin: 12px 0px; }
      body .document-container .base-content-container .ModDNNHTMLC a.button, body .document-container .base-content-container .DnnModule-ArbouwSignUp a.button, body .document-container .base-content-container .DnnModule-FormCreator a.button {
        color: white; }
      body .document-container .base-content-container .ModDNNHTMLC a.button:hover, body .document-container .base-content-container .DnnModule-ArbouwSignUp a.button:hover, body .document-container .base-content-container .DnnModule-FormCreator a.button:hover {
        text-decoration: none; }
      body .document-container .base-content-container .fcItemTitle {
        color: #64afad;
        font-family: "SourceSansPro-Semibold"; }
      body .document-container .base-content-container .redesign-form-content, body .document-container .base-content-container .ModDNNHTMLC, body .document-container .base-content-container .DnnModule-FormCreator, body .document-container .base-content-container .DnnModule-ViewProfile, body .document-container .base-content-container .DnnModule-ArbouwSignUp {
        padding-left: 30px; }
      body .document-container .base-content-container .GridDiv {
        margin-left: 30px; }
      body .document-container .base-content-container .GridDiv, body .document-container .base-content-container .GridDivVerzDos {
        overflow-y: visible;
        overflow-x: auto;
        padding-top: 30px; }
        body .document-container .base-content-container .GridDiv nobr input[type="image"].redesign-first-image, body .document-container .base-content-container .GridDivVerzDos nobr input[type="image"].redesign-first-image {
          padding-right: 25px; }
        body .document-container .base-content-container .GridDiv table th, body .document-container .base-content-container .GridDivVerzDos table th {
          background-color: white;
          padding: 5px;
          text-align: left;
          white-space: nowrap; }
          body .document-container .base-content-container .GridDiv table th a, body .document-container .base-content-container .GridDiv table th nobr, body .document-container .base-content-container .GridDivVerzDos table th a, body .document-container .base-content-container .GridDivVerzDos table th nobr {
            text-decoration: none;
            cursor: pointer;
            color: #64afad; }
        body .document-container .base-content-container .GridDiv table td, body .document-container .base-content-container .GridDivVerzDos table td {
          padding: 5px;
          height: 30px; }
        body .document-container .base-content-container .GridDiv .GridAlternateRow, body .document-container .base-content-container .GridDivVerzDos .GridAlternateRow {
          background-color: #F0F0F0; }
      body .document-container .base-content-container .redesign-AMDossierAddActivitiesTodoItemControl-td {
        min-width: 237px;
        max-width: 237px;
        width: 237px; }
      body .document-container .base-content-container .redesign-UltraWebGrid {
        min-width: 1282px; }
        body .document-container .base-content-container .redesign-UltraWebGrid th, body .document-container .base-content-container .redesign-UltraWebGrid th a {
          color: #64afad;
          font-family: "SourceSansPro-Semibold";
          text-align: left;
          text-decoration: none; }
        body .document-container .base-content-container .redesign-UltraWebGrid td {
          height: 30px;
          padding: 1px 0px; }
      body .document-container .base-content-container .redesign-angulargrid {
        border-spacing: 8px;
        border-collapse: separate; }
        body .document-container .base-content-container .redesign-angulargrid tr {
          vertical-align: top; }
        body .document-container .base-content-container .redesign-angulargrid th, body .document-container .base-content-container .redesign-angulargrid th a {
          color: #64afad;
          font-family: "SourceSansPro-Semibold";
          text-align: left; }
      body .document-container .base-content-container .redesign-wrapper-topmenu {
        border-top: 1px solid #F0F0F0;
        border-bottom: 1px solid #F0F0F0;
        display: block; }
        body .document-container .base-content-container .redesign-wrapper-topmenu .amemployee {
          display: block;
          background-color: white;
          margin-left: -20px; }
      body .document-container .base-content-container table.redesign-topmenu tr td.redesign-topmenu-spacer {
        width: 30px; }
      body .document-container .base-content-container table.redesign-topmenu tr td {
        text-align: center; }
        body .document-container .base-content-container table.redesign-topmenu tr td .redesign-topmenu-item {
          margin: 5px 0px;
          border-right: 1px solid #F0F0F0; }
      body .document-container .base-content-container table.redesign-topmenu tr td.TabDisabled .redesign-topmenu-item {
        color: #BBB; }
      body .document-container .base-content-container table.redesign-topmenu tr .TabDeSelected {
        cursor: pointer; }
      body .document-container .base-content-container table.redesign-topmenu tr .TabSelected {
        background-color: #64afad;
        color: white; }
        body .document-container .base-content-container table.redesign-topmenu tr .TabSelected .redesign-topmenu-item {
          margin: 5px 0px;
          border-right: none; }
      body .document-container .base-content-container table.redesign-topmenu tr .TabDone .redesign-topmenu-item {
        margin: 5px 0px;
        border-right: none; }
      body .document-container .base-content-container table.redesign-topmenu.amemployee tr.toprow td {
        border-bottom: 1px solid #F0F0F0; }
      body .document-container .base-content-container table.redesign-topmenu.amemployee tr {
        background-color: white; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr td.redesign-topmenu-spacer {
          width: 50px;
          content: "";
          margin-left: 50px; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr td {
          border-right: 1px solid #F0F0F0;
          text-align: center;
          height: 50px;
          width: 135px; }
          body .document-container .base-content-container table.redesign-topmenu.amemployee tr td .redesign-topmenu-item {
            margin: 5px 0px;
            border-right: 0px;
            font-size: 14px; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr td.TabDisabled .redesign-topmenu-item {
          color: #BBB; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabDeSelected {
          cursor: pointer; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabSelected {
          background-color: white;
          color: #64afad; }
          body .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabSelected .redesign-topmenu-item {
            margin: 5px 0px;
            border-right: none; }
        body .document-container .base-content-container table.redesign-topmenu.amemployee tr .TabDone .redesign-topmenu-item {
          margin: 5px 0px;
          border-right: none; }
      body .document-container .base-content-container .breadcrumb {
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        height: 22px;
        padding-top: 10px;
        background-color: transparent; }
        body .document-container .base-content-container .breadcrumb .greaterthan {
          padding: 0px 5px; }
      body .document-container .base-content-container .redesign-info-header {
        padding: 9px 0px 9px 30px;
        border-collapse: inherit; }
        body .document-container .base-content-container .redesign-info-header .TopInfoHeader, body .document-container .base-content-container .redesign-info-header .SubjectHeader {
          padding-right: 5px;
          font-family: "SourceSansPro-Semibold"; }
        body .document-container .base-content-container .redesign-info-header .TopInfoContent, body .document-container .base-content-container .redesign-info-header .SubjectContent {
          display: block;
          clear: both; }
      body .document-container .base-content-container .header {
        padding: 9px 0px 9px 30px; }
        body .document-container .base-content-container .header .data-row {
          display: block;
          clear: both; }
        body .document-container .base-content-container .header .data-label {
          padding-right: 5px;
          font-family: "SourceSansPro-Semibold"; }
        body .document-container .base-content-container .header .welcome {
          color: #64afad;
          font-family: "SourceSansPro-Light";
          font-size: 25px; }
      body .document-container .base-content-container .standardlabel {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 10px; }
      body .document-container .base-content-container .formrow {
        padding-top: 2px;
        display: block;
        height: 32px;
        vertical-align: bottom; }
      body .document-container .base-content-container .dropdown-wrapper {
        display: inline-block; }
      body .document-container .base-content-container .action-icons-wrapper {
        margin: 6px;
        display: inline-block;
        vertical-align: top; }
      body .document-container .base-content-container .maincontent-container {
        clear: both; }
      body .document-container .base-content-container .maincontent-container.widgets .widget.large {
        width: 470px; }
      body .document-container .base-content-container .maincontent-container.widgets .widget.small {
        width: 235px; }
      body .document-container .base-content-container .maincontent-container.widgets .widget {
        margin-top: 30px;
        margin-left: 30px;
        float: left; }
        body .document-container .base-content-container .maincontent-container.widgets .widget .title {
          padding-top: 9px;
          padding-bottom: 9px;
          padding-left: 30px;
          padding-right: 30px;
          color: white;
          background-color: #6D7D90; }
        body .document-container .base-content-container .maincontent-container.widgets .widget .content {
          color: #54575A;
          background-color: #EEEEEE;
          padding: 30px;
          display: block;
          height: 210px; }
        body .document-container .base-content-container .maincontent-container.widgets .widget .content.fullscreen {
          padding: 0px;
          height: 270px; }
      body .document-container .base-content-container .maincontent-container.reports a.icon-button {
        display: inline-block;
        width: 38px;
        height: 31px; }
      body .document-container .base-content-container .maincontent-container.reports .trash-can {
        background: url("/Portals/_default/Skins/RedesignCamas/images/icons/trash-can.png") no-repeat center center; }
      body .document-container .base-content-container .maincontent-container.reports .approve {
        background: url("/Portals/_default/Skins/RedesignCamas/images/icons/approve.png") no-repeat center center; }
      body .document-container .base-content-container .maincontent-container.reports .edit {
        background: url("/Portals/_default/Skins/RedesignCamas/images/icons/edit.png") no-repeat center center; }
    body .document-container .profilemenu-relative-container .profilemenu-absolute-container {
      z-index: 800;
      position: relative; }
      body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container {
        float: right;
        right: 0px; }
        body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .datetime {
          float: right;
          font-size: 35px;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 17px;
          padding-bottom: 17px;
          color: #64afad; }
          body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .datetime span.date {
            font-family: "SourceSansPro-Light"; }
          body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .datetime span.time {
            font-family: "SourceSansPro-Semibold";
            float: right;
            padding-left: 24px; }
        body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu {
          float: right;
          height: 78px;
          width: 78px;
          background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/profilemenu-icons/message-menu-main.png") no-repeat center center; }
          body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu a {
            color: white; }
        body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container {
          background-color: #6D7D90; }
          body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-toggle-button {
            background: #6D7D90 url("/Portals/_default/Skins/RedesignCamas/images/profilemenu-icons/foldin.png") no-repeat center center; }
          body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout {
            display: inline-block; }
            body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout ul.items {
              height: 78px;
              margin: 0px;
              padding: 0px;
              float: left; }
              body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout ul.items li {
                list-style: none;
                color: white;
                height: 78px;
                float: left;
                margin: 0px;
                padding: 0px; }
                body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout ul.items li .profilemenu-link {
                  display: inline-block;
                  height: 78px; }
                  body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout ul.items li .profilemenu-link span {
                    padding: 0px 10px;
                    display: inline-block;
                    text-align: center;
                    height: 16px;
                    margin: 30px 0px; }
                  body .document-container .profilemenu-relative-container .profilemenu-absolute-container .profilemenu-float-container .profilemenu-outer-container .profilemenu-foldout ul.items li .profilemenu-link .profilemenu-border {
                    border-left: solid 1px white; }
    body .document-container .badgeiconbutton.inbox-icon {
      background-color: #6D7D90;
      background: url("/Portals/_default/Skins/RedesignCamas/images/profilemenu-icons/message-menu-main.png") no-repeat center right; }
    body .document-container .badgeiconbutton .badgeiconbutton-badgenumber {
      border-color: #64afad;
      color: white;
      background-color: #64afad; }
    body .document-container .tooltip-relative-wrapper {
      position: relative; }
      body .document-container .tooltip-relative-wrapper .tooltip-absolute-wrapper {
        z-index: 1000;
        position: absolute; }
    body .document-container .tooltip-main {
      border: solid 1px #64afad;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: white;
      padding: 10px; }
      body .document-container .tooltip-main .tooltip-header {
        display: block;
        font-family: "SourceSansPro-Semibold";
        padding-bottom: 5px; }
      body .document-container .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 */ }
      body .document-container .tooltip-main .tooltip-text .tooltip-label {
        font-family: "SourceSansPro-Semibold";
        padding-right: 5px; }
      body .document-container .tooltip-main .tooltip-text .tooltip-table tr {
        border: solid 10px red;
        vertical-align: top; }
        body .document-container .tooltip-main .tooltip-text .tooltip-table tr td {
          padding: 0px;
          height: auto;
          min-height: auto; }
      body .document-container .tooltip-main .tooltip-text .tooltip-table tr .tooltip-label {
        width: 20%; }
    body .document-container .tblInfo {
      position: absolute;
      width: 320px;
      background-color: white;
      border: solid 1px #64afad;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 5px; }
    body .document-container .tblInfo TR {
      vertical-align: top; }
    body .document-container .Legenda td {
      padding: 2px 0px; }
    body .document-container .progressbar {
      display: block;
      background-color: #ccc;
      padding: 0px;
      height: 20px;
      margin: 5px 0px; }
      body .document-container .progressbar .progresstextrelative {
        position: relative; }
      body .document-container .progressbar .progresstextabsolute {
        position: absolute;
        width: 600px;
        z-index: 33;
        height: 20px;
        display: block;
        text-align: center; }
        body .document-container .progressbar .progresstextabsolute .progresstext {
          color: white;
          height: 20px; }
      body .document-container .progressbar .progress {
        height: 20px;
        display: inline-block;
        z-index: 30;
        background-color: #64afad; }
    body .document-container .am-employee-tabs-block {
      margin-bottom: 40px; }
    body .document-container .am-employee-text {
      background-color: #fff;
      margin-top: 10px;
      margin-left: 30px; }
    body .document-container .am-employee-text-block {
      background-color: #fff;
      padding-top: 10px;
      margin-bottom: 30px;
      padding-left: 30px;
      font-family: "SourceSansPro-Regular";
      font-size: 14px;
      color: #505050; }
      body .document-container .am-employee-text-block p {
        font-family: "SourceSansPro-Regular";
        font-size: 14px;
        font-weight: normal;
        color: #505050; }
      body .document-container .am-employee-text-block b {
        font-family: "SourceSansPro-Semibold";
        font-size: 14px;
        color: #505050; }
    body .document-container .am-employee-row-header {
      font-family: "SourceSansPro-Light";
      font-size: 18px;
      color: #AF0D21;
      height: 60px;
      border-bottom: solid 1px #f0f0f0; }
    body .document-container .am-employee-row-text {
      border-bottom: solid 1px #f0f0f0; }
    body .document-container .am-employee-row-footer {
      font-family: "SourceSansPro-Regular";
      font-size: 15px;
      color: #AF0D21;
      height: 100px;
      border-bottom: solid 1px #f0f0f0;
      text-align: center; }
    body .document-container .am-employee-text-header {
      padding-left: 30px;
      padding-top: 10px; }
    body .document-container .am-employee-table-wrapper {
      padding-top: 10px;
      padding-left: 30px; }
      body .document-container .am-employee-table-wrapper b {
        font-family: "SourceSansPro-Semibold";
        font-size: 14px;
        color: #505050; }
    body .document-container .rating {
      border: none;
      float: left; }
    body .document-container .rating > input {
      display: none; }
    body .document-container .rating > label:before {
      padding: 5px;
      font-size: 2.25em;
      font-family: FontAwesome;
      display: inline-block;
      content: "\f005"; }
    body .document-container .rating > .half:before {
      content: "\f089";
      position: absolute; }
    body .document-container .rating > label {
      color: #ddd;
      float: right; }
    body .document-container .rating > input:checked ~ label {
      content: "\f005";
      color: #AF0D21; }
    body .document-container .rating:hover > input:checked ~ label {
      content: "\f005";
      color: #ddd; }
    body .document-container .ratingtd + td .HoverRatingText {
      display: none; }
    body .document-container .ratingtd:hover + td .HoverRatingText {
      display: inline; }
    body .document-container .ratingtd ~ td .SelectRatingText {
      display: inline; }
    body .document-container .ratingtd:hover ~ td .SelectRatingText {
      display: none; }
    body .document-container .rating:not(:checked) > label:hover,
    body .document-container .rating:not(:checked) > label:hover ~ label {
      content: "\f005";
      color: #AF0D21; }
    body .document-container .rating:checked > label:hover,
    body .document-container .rating:checked > label:hover ~ label {
      content: "\f005";
      color: #AF0D21; }
    body .document-container .rating > input:checked + label:hover,
    body .document-container .rating > input:checked ~ label:hover,
    body .document-container .rating > input:checked ~ label:hover ~ label {
      content: "\f005";
      color: #AF0D21; }
    body .document-container input#search {
      background-image: url("/Portals/_default/Skins/RedesignCamas/images/icons/vergrootglas_zwart_icon.png");
      background-position: 5px 5px;
      background-repeat: no-repeat;
      text-indent: 25px; }
    body .document-container input#search:focus {
      background-image: none;
      text-indent: 0px; }
    body .document-container .ImportPageHeight {
      margin-top: 30px;
      height: 500px; }
    body .document-container .ImportOverviewPage {
      width: 700px; }
    body .document-container .ImportPagesSizeProperties {
      margin-right: 20px;
      max-width: 900px;
      min-height: 600px; }
    body .document-container .ImportDivWidth {
      width: 100%; }
    body .document-container .ImportFloatNextButton {
      float: right; }
    body .document-container .ImportFloatNextButtonPage3 {
      float: right; }
    body .document-container .ImportFloatBackButton {
      float: left;
      margin-left: -30px; }
    body .document-container .ImportFloatCenterButton {
      display: table;
      margin: 0 auto; }
    body .document-container .EmptyImportFileButton {
      display: none; }
    body .document-container .ChooseImportFileButton {
      display: none; }
    body .document-container .ImportEmployerTable {
      border-collapse: collapse;
      margin-right: 30px;
      width: 600px; }
    body .document-container .ImportEmployerTableThead {
      display: block; }
    body .document-container .ImportEmployerTableTR1 {
      height: 30px;
      border: 0px solid #E1E1E1; }
    body .document-container .ImportEmployerTableTR2 {
      height: 30px;
      padding-right: 5px; }
    body .document-container .ImportEmployerTableCol1A {
      padding-left: 1px;
      width: 100px; }
    body .document-container .ImportEmployerTableCol2A {
      padding-left: 5px;
      width: 200px;
      text-align: left; }
    body .document-container .ImportEmployerTableCol3A {
      padding-left: 1px;
      width: 300px;
      text-align: left; }
    body .document-container .ImportEmployerTableTbody {
      max-height: 400px;
      overflow-y: scroll;
      display: block;
      height: 170px; }
    body .document-container .ImportEmployerTableCol1B {
      padding-right: 5px;
      width: 100px; }
    body .document-container .ImportEmployerTableCol2B {
      padding-right: 5px;
      width: 200px; }
    body .document-container .ImportEmployerTableCol3B {
      padding-right: 10px;
      width: 300px; }
    body .document-container .ImportProgressBarBackground {
      color: #fff;
      display: inline-block;
      width: 60px;
      margin-left: 425px; }
    body .document-container .ImportProgressBarForeground1 {
      width: 20%;
      height: 20px;
      display: inline-block;
      z-index: 30;
      background-color: #AF0D21;
      border-color: #AF0D21; }
    body .document-container .ImportProgressBarForeground2 {
      width: 40%;
      height: 20px;
      display: inline-block;
      z-index: 30;
      background-color: #AF0D21;
      border-color: #AF0D21; }
    body .document-container .ImportProgressBarForeground3 {
      width: 60%;
      height: 20px;
      display: inline-block;
      z-index: 30;
      background-color: #AF0D21;
      border-color: #AF0D21; }
    body .document-container .ImportProgressBarForeground4 {
      width: 80%;
      height: 20px;
      display: inline-block;
      z-index: 30;
      background-color: #AF0D21;
      border-color: #AF0D21; }
    body .document-container .ImportProgressBarForeground5 {
      width: 100%;
      height: 20px;
      display: inline-block;
      z-index: 30;
      background-color: #AF0D21;
      border-color: #AF0D21; }
    body .document-container .progressbarImport {
      display: block;
      background-color: #ccc;
      padding: 0px;
      height: 20px;
      margin: 5px 0px; }
    body .document-container .DivImportFloatCenterButton {
      clear: both; }
    body .document-container .errorColor {
      color: red; }
    body .document-container .ImportResultTableSuccesRows {
      color: forestgreen; }
    body .document-container .ImportResultTableSizeSettings {
      max-height: 250px;
      width: 700px;
      overflow-y: scroll;
      display: block; }
    body .document-container .ImportResultTableTDWidth {
      width: 120px; }
    body .document-container .redesign-invoices .header {
      margin-left: 5px; }
    body .document-container .redesign-invoices .content {
      margin-top: 0;
      min-height: 60px;
      width: 100%;
      padding: 5px;
      border-radius: 5px; }
    body .document-container .redesign-invoices .activity .content span {
      color: #64afad;
      cursor: pointer; }
    body .document-container .redesign-invoices .activity .done span {
      color: #706F6F; }
    body .document-container .invoiceClose {
      width: 20px;
      height: 20px;
      background: white;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      border: 1px solid #64afad;
      color: #64afad;
      display: inline-block;
      opacity: 1;
      font-weight: bold;
      font-size: 15px;
      text-align: center;
      margin-left: 5px; }
    body .document-container .redesign-invoicecontact .msg0, body .document-container .redesign-invoicecontact .msg1, body .document-container .redesign-invoicecontact .activity {
      width: 60%;
      margin: 5px; }
    body .document-container .redesign-invoicecontact .activity {
      width: 96%;
      float: left; }
    body .document-container .redesign-invoicecontact .msg1 {
      float: left; }
    body .document-container .redesign-invoicecontact .msg0 {
      float: right;
      margin-right: 20px; }
    body .document-container .redesign-invoicecontact .content {
      margin-top: 0;
      min-height: 60px;
      width: 100%;
      padding: 5px;
      border-radius: 5px; }
    body .document-container .redesign-invoicecontact .content .attachment {
      float: right;
      cursor: pointer; }
    body .document-container .redesign-invoicecontact .activity .content {
      border-radius: 0;
      min-height: 0; }
    body .document-container .redesign-invoicecontact .details {
      height: 600px;
      width: 95%;
      overflow-y: auto;
      overflow-x: hidden; }
    body .document-container .redesign-invoicecontact .details .messages {
      float: left;
      height: 600px;
      width: 75%;
      overflow-y: auto;
      overflow-x: hidden; }
    body .document-container .redesign-invoicecontact .visible {
      display: block; }
    body .document-container .redesign-invoicecontact .hidden {
      display: none; }
    body .document-container .redesign-invoicecontact-admin .messageballon {
      padding: 10px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: dotted 1px #F0F0F0; }
    body .document-container .redesign-invoicecontact-admin .group-of-message, body .document-container .redesign-invoicecontact-admin .group-of-activities {
      clear: both; }
    body .document-container .redesign-invoicecontact-admin .done a {
      color: #706F6F; }
    body .document-container .redesign-invoicecontact-admin .invoices-selected-items {
      padding-bottom: 15px; }
    body .document-container .redesign-invoicecontact-admin .msg1, body .document-container .redesign-invoicecontact-admin .msg0, body .document-container .redesign-invoicecontact-admin .activity {
      width: 75%;
      margin: 5px; }
    body .document-container .redesign-invoicecontact-admin .activityGroup .content::before,
    body .document-container .redesign-invoicecontact-admin .activity .content::before {
      content: '+ ';
      color: #64afad;
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .activity .content::before {
      opacity: 0; }
    body .document-container .redesign-invoicecontact-admin .activityGroup.collapsed .content::before {
      content: '- ';
      color: #64afad;
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .activity,
    body .document-container .redesign-invoicecontact-admin .activityGroup {
      margin-top: 0;
      margin-bottom: 0;
      width: 95%;
      margin-left: 5px; }
    body .document-container .redesign-invoicecontact-admin .iscustomermessage0 {
      float: left; }
    body .document-container .redesign-invoicecontact-admin .iscustomermessage1 {
      float: right; }
    body .document-container .redesign-invoicecontact-admin .content .attachment {
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .activity .header span {
      color: #64afad;
      font-size: x-small;
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .activity .content,
    body .document-container .redesign-invoicecontact-admin .activityGroup .content {
      border-radius: 0;
      border: 0px;
      min-height: 0; }
    body .document-container .redesign-invoicecontact-admin .details .relatedInvoices {
      float: right;
      height: 600px;
      width: 20%;
      overflow-y: auto;
      overflow-x: hidden; }
    body .document-container .redesign-invoicecontact-admin .relatedInvoice {
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .removeRelatedInvoice {
      color: grey;
      cursor: pointer; }
    body .document-container .redesign-invoicecontact-admin .details .messages {
      float: left;
      height: 600px;
      width: 75%;
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 10px; }
    body .document-container .redesign-invoicecontact-admin .invoicePreview {
      float: left;
      height: 600px;
      width: 80%;
      overflow-y: auto;
      overflow-x: hidden; }
    body .document-container .redesign-invoicecontact-admin .controlepdf {
      width: 596px;
      height: 430px;
      border: 1px solid #64afad;
      margin-left: 182px; }
    body .document-container .redesign-invoicecontact-admin .line {
      border-top: solid 1px #64afad;
      height: 6px;
      display: block;
      margin-top: 10px; }
    body .document-container .redesign-invoicecontact-admin .done {
      color: grey; }
    body .document-container .redesign-invoicecontact-admin .activityGroup:hover,
    body .document-container .redesign-invoicecontact-admin .activityGroup:hover .done {
      color: #64afad;
      cursor: pointer; }

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

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

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

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

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

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

.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;
  text-align: left; }

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

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

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

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

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

.WizardStepsContainer {
  position: relative; }

/*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.

    (PJ)
*/
.HeaderWizard7steps {
  position: absolute;
  height: 41.19px;
  width: 931.6px;
  top: 60px;
  left: 75px;
  background-color: #64afad; }
  .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: 33.9px;
  width: 650px;
  top: 63px;
  left: 75px;
  background-color: #64afad; }
  .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: 646px;
  top: 60px;
  left: 75px;
  background-color: #64afad; }
  .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); }

.HeaderWizard4steps {
  position: absolute;
  height: 41px;
  width: 503px;
  top: -26px;
  left: -7px;
  background-color: #64afad; }
  .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); }

.HeaderWizard3steps {
  position: absolute;
  height: 40.9px;
  width: 360px;
  top: 60px;
  left: 75px;
  background-color: #64afad; }
  .HeaderWizard3steps .Step1v3 {
    transition: 500ms;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen3_1.png); }
  .HeaderWizard3steps .Step2v3 {
    transition: 500ms;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/stappen3_2.png); }
  .HeaderWizard3steps .Step3v3 {
    transition: 500ms;
    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: 62px;
  left: 80px;
  background-color: #64afad; }
  .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); }

.document-container .base-content-container .redesign-form-2018 {
  margin-top: 40px;
  padding-top: 40px; }

.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; }

/***   voor de recovery en ziekmelding wizards    ***/
.ColumnHeader {
  font-family: 'SourceSansPro-Semibold';
  color: #64afad; }

.statusPage {
  margin-top: 60px; }

.RecoveryPage {
  width: 600px; }
  .RecoveryPage .navigationButtons > .NextButton {
    padding-left: 1px;
    background-image: url(/Portals/_default/Skins/Camas2018/images/icons/icon_button_volgende_wit.png); }
  .RecoveryPage .transparentButton {
    margin-left: 0px; }
  .RecoveryPage.buttonPlacementBack {
    position: absolute;
    left: 30px;
    top: 480px; }

.SicknessNotification {
  max-width: 1000px; }
  .SicknessNotification#Page1Left.TdContentClass {
    padding-left: 10px; }

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

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

h1.header-text {
  color: #64afad; }

.pa-report {
  /*Fix voor IE ;( */
  /*oplossing validatie border*/
  /*invalid input velden na submitten en aanraken*/
  /*invalid dropdowns na submitten en aanraken*/ }
  .pa-report fieldset {
    border: 0; }
  .pa-report .reportShared input, .pa-report .reportShared textarea, .pa-report .reportShared .InputWrapper input {
    color: #BBB; }
  .pa-report .sendTooltip {
    display: inline-block;
    vertical-align: middle; }
    .pa-report .sendTooltip:hover {
      cursor: pointer; }
  .pa-report .RestrictionDropDown > :first-child {
    right: 2px; }
  .pa-report .main-cell div .psWebDropDown {
    width: auto !important;
    width: initial !important; }
  .pa-report .RestrictionDropDown {
    width: 220px;
    display: block; }
    .pa-report .RestrictionDropDown.main-cat > :first-child {
      width: 200px !important;
      float: left; }
  .pa-report table#ReportData tr .main-cell:first-child {
    min-width: 280px;
    width: 280px;
    display: table-cell;
    padding-right: 20px; }
  .pa-report table#ReportData tr td {
    padding-bottom: 5px;
    height: 100%;
    display: table-cell; }
    .pa-report table#ReportData tr td.redesign-bold-header {
      padding: 10px 0px 10px 0px; }
    .pa-report table#ReportData tr td p {
      margin-top: 0; }
    .pa-report table#ReportData tr td div[ps-web-drop-down] {
      width: 507px;
      display: inline-block;
      vertical-align: top;
      float: left; }
    .pa-report table#ReportData tr td textarea {
      width: 497px;
      display: inline-block;
      vertical-align: top;
      float: left; }
    .pa-report table#ReportData tr td .astrix {
      float: left; }
    .pa-report table#ReportData tr td .z-decorator {
      margin-left: 2px;
      display: flex; }
      .pa-report table#ReportData tr td .z-decorator img {
        width: 20px;
        height: 17px; }
    .pa-report table#ReportData tr td .input-info {
      display: block; }
    .pa-report table#ReportData tr td .table-astrix {
      min-width: 200px;
      width: auto !important;
      width: inherit !important; }
  .pa-report table#ReportData tr .main-cell:nth-child(2) {
    width: 550px;
    display: table-cell; }
  .pa-report table#ReportData tr td textarea[disabled="disabled"], .pa-report input[disabled="disabled"] {
    color: #BBB; }
  .pa-report .extra-text td {
    padding-top: 10px !important; }
  .pa-report .sickness-importance {
    display: block;
    width: 550px;
    margin-bottom: 10px; }
    .pa-report .sickness-importance input {
      margin-top: 1px; }
  .pa-report .VcReportResponsiveSmall {
    width: 75%; }
  .pa-report .ng-submitted input.ng-invalid, .pa-report input.ng-invalid.ng-touched, .pa-report .ng-submitted textarea.ng-invalid, .pa-report textarea.ng-invalid.ng-touched {
    border-color: #FA787E;
    border-width: 1px; }
  .pa-report .ng-submitted div.ng-invalid, .pa-report div.ng-invalid.ng-dirty {
    background-color: #FA787E;
    padding: 1px; }
  .pa-report .textinvalid {
    color: red; }
  .pa-report .ui-dialog-titlebar, .pa-report .ui-resizable-handle {
    display: none !important; }
  .pa-report b {
    color: black; }
  .pa-report .ForbiddenDialog {
    width: 50% !important;
    top: 15vh !important;
    position: fixed !important;
    margin: AUTO; }
  .pa-report .work-section input {
    float: left; }

.wcdColour {
  color: #64afad; }

.bordercolour {
  border: #64afad 1px solid; }

.kalender-iframe-container {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 600px;
  margin-bottom: -28px; }

.teams-call-icon {
  vertical-align: bottom; }
  .teams-call-icon img {
    margin: 0 3px 0 3px;
    width: 17px; }

:root {
  --famous-camas-color: #64afad;
  --primary-color-accented: #64afad; }