body{
  font-family: 'Work Sans', sans-serif;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;  
}
::-webkit-scrollbar {
  width: 0px;   
  background: transparent;  
}

select option:disabled{
  color: #F2F3FF;
}

.horizontal-list-seperator{
  display: block;
  border-bottom: 1px solid #eeeeee;
  color: #333333;
  font-size: 12px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 5px;
}
  
.layout-beheerders .info-blok .piprofiel{
  float: right;
  margin: 10px;
}

#credit-transacties{
  margin: 0px 15px;
}

.blok-overzicht{
  width: 100%;
  padding: 10px;
  overflow: auto;
}
.blok{
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100px;
  background: white;
  margin-top: 15px;
  padding: 5px;
  text-align: left;
  border-left: 2px solid white;
}
.blok:hover{
  border-left: 2px solid hsl(68, 100%, 40%);
}
.blok.actief{
  border-left: 2px solid hsl(68, 100%, 40%);
}

.blok .glyphicon-box-right{
  visibility: hidden;
}
.blok:hover .glyphicon-box-right{
  visibility: visible;
}

.blok .glyphicon-responsive:hover{
  font-size: 20px;
  opacity: 1;
  margin-top: -2px;
}
.blok .glyphicon-responsive:active{
  font-size: 18px;
  margin-top: 0px;
}

.blok-img-container{
  display: inline-block;
  float: left;
  text-align: center;
  height: 100%;
  width: 75px;
  margin-right: 10px;
}

.blok-img-container .picon img{
  margin: auto;
  width: 100% !important;
  /*height: 100% !important;*/
}

.blok .info-container{
  display: inline-block;
  float: left;
  max-width: 50%;
}

.blok .name{
  width: 100%;
  font-weight: bold;
}

.blok .ppin{
  color: #5a89c7;
}

.team-header{
  height: 100px;
  width: 100%;
  background: white;
  padding: 10px;
}

.team-header h3, .team-header h4{
  display: block;
  vertical-align: top;
  color:hsl(68, 100%, 40%);
  margin-top: 0px;
  margin-bottom: 2px;
}

.team-info-left-tinfo div {
  margin-left: 5px;
}

.team-info-left-tinfo {

  display: inline-block;
  margin-left: 5px;
}

.ticon img{
  height: 100%;
}

.team-header .team-info-right{
  text-align: right;
  float: right;
}

.team-header .team-info-left{
  text-align: left;
  float: left;
  width: 500px;
}

.team-lijst{
  overflow: auto;
}

.two-step-btns{
  height: 29px;
  width: 150px;
  overflow: hidden;
  float: left;
  display: inline-block;
  margin-top: 5px;
}

.modal-footer .two-step-btns{
  display: inherit;
  height: 34px;
  margin-top: 0px;
  padding-top: 5px;
  position: absolute;
}
.two-step-btns button{
  position: relative;
  height: 100%;
  margin: 0px !important;
  display: block;
  float: left;
  line-height: 1;
  -webkit-transition: height 0.3s ease;
}

.two-step-btns button:nth-child(1){
  width: 100%;

  overflow: hidden;
  padding: 0px; 
}
.two-step-btns button:nth-child(2){
  width: 40%;
}
.two-step-btns button:nth-child(3){
  width: 60%;
}

.two-step-btns.validating button:nth-child(1){
  height: 0px;
}
.two-step-btns.validating button:nth-child(n+2){
  display: inherit;
}

#gen-status{
  width: 100%;
  height: 100px;
  text-align: center;
  background: #eeeeee;
  padding: 20px;
  position: absolute;
  bottom: 0;
}

#cost-notification{

}

#rapp-gen{
  position: relative;
  top: 15%;
}

#rapp-img{
  position: relative;
  top: 20px;
}

#rapp-title{
  position: relative;
  top: 40px;
  font-size: 18px;
}

.knop:disabled{
  opacity: 0.6;
}

form.invisible{
  display: none;
}

.modal-content .truetalent-test-footer{
  position: absolute;
}

.modal-content .knopcontainer{
  position: relative;
  text-align: center;
  clear: both;
}
.modal-content .knop{
  border-radius: 0px !important;
  margin: 5px;
}

.modal-content .knop.centered{
  margin-left: 25%;
}

.modal-content .knop.rood{
  background: hsl(9, 75%, 60%) !important;
}
.modal-content .knop.blauw{
  background: hsl(214,25%,45%) !important;
}

.modal-content .knop:hover{
  background: #4d4d4d;
}
.modal-content .knop:active{
  background: #333333;
}
.modal-content .knop.rood:hover{
  background: hsl(9, 75%, 55%) !important;
}
.modal-content .knop.rood:active{
  background: hsl(9, 75%, 50%) !important;
}
.modal-content .knop.blauw:hover{
  background: hsl(214,25%,50%) !important;
}
.modal-content .knop.blauw:active{
  background: hsl(214,25%,45%) !important;
}

.modal-content .list-footer{
  background: hsl(214,25%,45%);
  margin-top: -10px;
}

.modal-content .list-footer .knop{
  background: hsl(214,25%,45%);
}
.modal-content .list-footer .knop:disabled{

}

.input-group{
  display: block;
}

.input.naam{
  font-size: 16px;
}

#rapp-modal .modal-content {
  height: 45%;
}

.no-info{
  margin-top: 5%;
  text-align: center;
  width: 100%;
  padding: 5px;
  white-space: pre-line;
}

.no-info .icoon{
  margin-top: 5%;
  width: 50px;
  height: 50px;
}
.no-info .icoon:hover{
  width: 55px;
  height: 55px;
}
.no-info .icoon:active{
  width: 50px;
  height: 50px;
}

#modal-body-overlay {
  visibility: hidden;
  opacity: 0;
  z-index: 2000;
  background: rgba(255,255,255,0.95);
  position: absolute;
  top: 0px;
  left: 0px;
  float: none;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  color: #333333;
  -webkit-transition: opacity .3s ease-in;
  -webkit-transition-delay: .3s;
}

.overlayed{
  visibility: visible !important;
  opacity: 1 !important;
}

.message{
  position: relative;
  top: 33%;
  width: 100%;
  /*background: rgba(255,255,255,0.95);*/
  font-size: 18px;
  text-align: center;
}

.message img{
  width: 50px;
  opacity: .9;
  margin: auto;
  margin-bottom: 5px;
  display: block;
}

.message-desc{
  font-size: 14px;
}

.instellingen .modal-content {
  border-color: hsl(214,25%,45%);
}
.instellingen .modal-header {
  background: hsl(214,25%,45%);
  color: white;
}
.instellingen .modal-footer {
  background: hsl(214,25%,45%);
}

#bodywrap > .footer {
  color: white;
  background: #333333;
}
#topbar .navbar{
  background: none;
}

.btn-header{
  position: relative;
  z-index: 10;
  display: inline-block;
  float: right;
  top: 0px !important;
  height: 90px;
  width: 70px; 
  text-align: center;
  font-size: 28px;  
  border: none;
  background: hsl(0, 0%, 100%);
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.1s;
}
.btn-header:focus{
  outline: none;
}

.btn-header .glyphicon.small{
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 45px;
  color: hsl(214,80%,80%);
  opacity: 1;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.1s;
}

.btn-header .glyphicon.small.onzichtbaar {
  animation-duration: 1s;
  animation-name: deflate;
  transform: scale(0,0);
}
.btn-header .glyphicon.small.zichtbaar {
  animation-duration: 1s;
  animation-name: inflate;
  transform: scale(1,1);
}


.btn-header#user-menu:hover .glyphicon.small{
  color: white;
}
.btn-header#user-menu.actief .glyphicon.small{
  opacity: 0;
}

.btn-header.sub{
  position: relative;
  bottom: 0px;
  width: 0px;
  overflow: hidden;
  padding: 0px;
}

.btn-header.sub:hover, .btn-header.sub.actief{
  outline: none !important;
  width: 100px;
/*  -webkit-transition: 0.2s ease-in;
  -webkit-transition-delay: 0s;*/
} 

.btn-header-txt{
  -webkit-transition: opacity .2s ease-out;
  -webkit-transition-delay: 0.2s;
  padding: 0 10px;
  white-space: nowrap;
  padding-top: 6px;
  height: 0px;
  font-size: 14px;
}

#user-menu{
  right: 0;
  color: hsl(214,50%,60%);
  min-width: 150px;
  width: initial;
}
#user-menu:hover{
  background: hsl(214,50%,60%);
  color: white ;
}
#user-menu:active{
  background: hsl(214,50%,55%);
}
#user-menu.actief{
  background: hsl(214,50%,60%);
  color: white;
  -webkit-transition: 0.1s ease-in;
  -webkit-transition-delay: 0s;
}
#user-menu.actief:hover{
  background: hsl(214,50%,63%);
  color: white;
}
#user-menu.actief:active{
  background: hsl(214,50%,57%);
}

#bell{
  color: white;
  background:  hsl(214,10%,60%);
  }
#bell .badge{
  background: white;
  color: hsl(214,10%,60%);
}
#bell:hover{
  background: hsl(214,10%,55%);
  }
#bell:active{
  background: hsl(214,20%,50%);
}
#bell.actief {
  width: 120px;
}

#settings{
  color: white;
  background: hsl(214,25%,45%);
}
#settings:hover{
  background: hsl(214,25%,48%);
}
#settings:active{
  background: hsl(214,25%,42%);
}

#logoff{
  background: hsl(9, 75%, 60%);
  color: white;
}
#logoff:hover{
  background: hsl(9, 75%, 63%);
}
#logoff:active{
  background: hsl(9, 75%, 57%);
}

.layout-beheerders {
  position: absolute;
  top: 90px;
  right: 0px;
  left: 0px;
  bottom: 30px;
  padding: 0px;
  padding-top: 10px;
  background: #eeeeee; 
}

.layout-beheerders .lidlijst .rel-fill-header {
  border-bottom:  0px solid hsl(214, 75%, 60%) !important;
  background: hsl(214, 10%, 85%); 
  color: hsl(0, 0%, 35%);
  padding: 5px 0;
  padding-left: 5px;
}

.layout-beheerders .lidlijst{
  border: 0px;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;  
}

.layout-beheerders.profielen .lidlijst{
  background: #ffffff;
}

.layout-beheerders.profielen .lidlijst li{
  border-bottom: 1px #eeeeee solid;
  border-left: 2px solid white;
  height: 35px;
  line-height: 28px;
}

.glyphicon-box-right{
  text-align: right;
  float: right;
  padding-right: 10px;
}

.glyphicon-responsive{
  font-size: 18px;
  opacity: .8;
  line-height: 1;
}
.glyphicon-responsive:hover{
  font-size: 20px;
  opacity: 1;
}
.glyphicon-responsive:active{
  font-size: 18px;
}

.layout-beheerders.profielen .lidlijst li .glyphicon{
  opacity: 0;
  line-height: 28px;
}

.layout-beheerders.profielen .lidlijst li:hover{
  background: #eeeeee !important;
}
.layout-beheerders.profielen .lidlijst li.actief{
  border-left: 2px solid hsl(214, 75%, 60%);
  border-right:0px solid white !important;
}

.layout-beheerders.profielen .lidlijst li.actief .glyphicon{
  opacity: .9;
}

.linkerkolom {
  width: 200px !important;
  overflow: hidden;
  overflow-y: auto;
  text-overflow: ellipsis;
}

.organisaties .linkerkolom {
  background: hsl(9, 10%, 80%);
}
.profielen .linkerkolom {
  background: hsl(214, 10%, 80%); 
}
.groepen .linkerkolom {
  background: hsl(54, 10%, 80%); 
}
.teams .linkerkolom {
  background: hsl(68, 10%, 80%); 
}
.vacatures .linkerkolom {
  background: hsl(86, 10%, 80%); 
}
.credits .linkerkolom {
  background: hsl(9, 10%, 80%);
}

.linker-header {
  color: hsl(0, 0%, 35%);
  height: 43px;
}

.linker-header .glyphicon{
  position: absolute;
  top:0;
  right: 0;
  padding: 14px;
}

.title-zoek {
  border: 0px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 18px;
  height: 40px; 
  width: 225px;
  background: none;
  margin-bottom: 3px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
}

.title-zoek:focus{
  outline: none;
}
.title-zoek::-webkit-input-placeholder{
  color: hsl(0, 0%, 35%);
}
.title-zoek:focus::-webkit-input-placeholder{
  color: hsl(0, 0%, 75%);
}

.organisaties .title-zoek {
  border-top: 2px solid hsl(9, 75%, 60%) !important;
}
.organisaties .title-zoek:focus {
  background: hsl(9, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(9, 10%, 80%) inset;
}

.profielen .title-zoek {
  border-top: 2px solid hsl(214, 75%, 60%) !important;
}
.profielen .title-zoek:focus {
  background: hsl(214, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(214, 10%, 80%) inset;
}

.groepen .title-zoek {
  border-top: 2px solid hsl(54, 100%, 50%) !important;
}
.groepen .title-zoek:focus {
  background: hsl(54, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(54, 10%, 80%) inset;
}

.teams .title-zoek {
  border-top: 2px solid hsl(68, 100%, 40%) !important;
}
.teams .title-zoek:focus {
  background: hsl(68, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(68, 10%, 80%) inset;
}

.vacatures .title-zoek {
  border-top: 2px solid hsl(86, 75%, 40%) !important;
}
.vacatures .title-zoek:focus {
  background: hsl(86, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(86, 10%, 80%) inset;
}

.credits .title-zoek {
  border-top: 2px solid hsl(9, 75%, 60%) !important;
}
.credits .title-zoek:focus {
  background: hsl(9, 10%, 98%);
  box-shadow: 0px 0px 1px hsl(9, 10%, 80%) inset;
}

.bedrijfselect select{
  border-top: 0px solid hsl(9, 75%, 60%) !important;
  border-radius: 0px;
}

.profielen .bedrijfselect select{
  background: hsl(214, 5%, 70%);
}

.groepen .bedrijfselect select{
  background: hsl(54, 5%, 70%);
}

.teams .bedrijfselect select{
  background: hsl(68, 5%, 70%);
}

.bedrijfselect select:focus, select:active{
  outline: none;
  border: none;
  box-shadow: none
}

.layout-beheerders .bottombar {
  height: 45px;
  width: 100%;
  margin-top: 0px;
  border: 0px #333333 solid;
}
.layout-beheerders.organisaties .bottombar {
  background: hsl(9, 10%, 80%);
}
.layout-beheerders.profielen .bottombar {
  background: hsl(214, 10%, 80%);
}
.layout-beheerders.groepen .bottombar {
  background: hsl(54, 10%, 80%);
}
.layout-beheerders.teams .bottombar {
  background: hsl(68, 10%, 80%);
}
.layout-beheerders.vacatures .bottombar {
  background: hsl(86, 10%, 80%);
}
.layout-beheerders.credits .bottombar {
  background: none;
}

.layout-beheerders .bottombar.grijs {
  background: none;
}

.layout-beheerders .lijst .absolute-fill {
  border: 0px solid #333333;
}

.layout-beheerders .border {
  border: 0px #333333 solid;
}

.layout-beheerders .lijst {
  background: none; 
  width: 100%;
  white-space: nowrap; 
  text-overflow: ellipsis;
}

.layout-beheerders .naamzoek {
  margin-bottom: 10px;
  margin-top: 10px;
}

.profiel-img{
  width: 30px;
  display:inline-block;
}
.profiel-img img{
  width: 20px !important;
  height: 20px !important;
}

.layout-beheerders .info-blok .header {
  font-size: 1.4em;
  margin: 0;
  margin-bottom: 6px;
}
.layout-beheerders.organisaties .info-blok .header {
  color: hsl(9, 75%, 60%);
}
.layout-beheerders.profielen .info-blok .header {
  color: hsl(214, 75%, 60%);
}
.layout-beheerders.groepen .info-blok .header {
  color: hsl(54, 75%, 50%);
}
.layout-beheerders.teams .info-blok .header {
  color: hsl(68, 100%, 40%);
}
.layout-beheerders.vacatures .info-blok .header {
  color: hsl(86, 75%, 40%);
}
.layout-beheerders.credits .info-blok .header {
  color: hsl(9, 75%, 60%);
}

.layout-beheerders .lijst td {
  background: none;
  border-bottom: 0px solid #eeeeee;
  padding: 5px;
  padding-left: 18px;
}

.layout-beheerders .lijst ul{
  list-style: none;
  padding-left: 0px;
}

.layout-beheerders.groepen .sub-list li.actief{
  background: hsl(54, 5%, 50%) !important;
  color: #ffffff !important;
}
.layout-beheerders.teams .sub-list li.actief{
  background: hsl(68, 5%, 50%) !important;
  color: #ffffff !important;
}

.layout-beheerders .lijst li{
  min-height: 28px;
  padding-top: 4px;
  padding-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
  cursor: pointer;
}

.layout-beheerders.organisaties .lijst td:hover {
  background: hsl(9, 5%, 75%);
}
.layout-beheerders.profielen .lijst li:hover {
  background: hsl(214, 5%, 75%);
}
.layout-beheerders.groepen .lijst li:hover {
  background: hsl(54, 5%, 75%);
}
.layout-beheerders.teams .lijst li:hover {
  background: hsl(68, 5%, 75%);
}
.layout-beheerders.vacatures .lijst td:hover {
  background: hsl(86, 5%, 75%);
}
.layout-beheerders.credits .lijst td:hover {
  background: hsl(9, 5%, 75%);
}

.layout-beheerders .lijst tr.actief td {
  color: #000000;
  font-weight: bold;
}
.layout-beheerders .lijst li.actief {
  color: #000000;
  font-weight: bold;
}
.layout-beheerders.organisaties .lijst tr.actief td {
  background: hsl(9, 5%, 95%);
  border-right: 2px solid hsl(9, 75%, 60%);
}
.layout-beheerders.profielen .lijst li.actief {
  background: hsl(214, 5%, 95%);
  border-right: 2px solid hsl(214, 75%, 60%);
}

.layout-beheerders.groepen .lijst li.actief {
  background: hsl(54, 5%, 95%);
  border-right: 2px solid hsl(54, 100%, 50%);
}
.layout-beheerders.teams .lijst li.actief {
  background: hsl(68, 5%, 95%);
  border-right: 2px solid hsl(68, 100%, 40%);
}

.layout-beheerders.vacatures .lijst tr.actief td {
  background: hsl(86, 5%, 95%);
  border-right: 2px solid hsl(86, 75%, 40%);
}
.layout-beheerders.credits .lijst tr.actief td {
  background: hsl(9, 5%, 95%);
  border-right: 2px solid hsl(9, 75%, 60%);
}

.layout-beheerders.vacatures .card {
  border-right: 3px #ffffff solid;
}

.layout-beheerders.vacatures .card:hover {
  /*background: hsl(214, 10%, 95%);*/  
  border-right: 3px hsl(86, 5%, 65%) solid;
}

.layout-beheerders.vacatures .card.actief {
  background: hsl(86, 90%, 97%);
  border-right: 3px solid hsl(86, 75%, 40%);
}


.layout-beheerders.vacatures .card .titel {
  color: hsl(86, 5%, 40%);
}
.layout-beheerders.vacatures .card.actief .titel {
  color: hsl(86, 75%, 40%);
}

.layout-beheerders .cards.stijl1 .card {
  border: 0px #333333 solid;
  padding-top: 5px;
  border-left: 2px solid white;
}

.layout-beheerders .cards.stijl1 .card:hover {
  border-left: 2px solid white;
}

.layout-beheerders .card-details .aside {
  background: hsl(86, 10%, 80%);
  border-left: 1px solid hsl(86, 75%, 40%);
  float: right;
  width: 150px;
  padding: 3px 6px;
  height: 100%;
}

.layout-beheerders.vacatures .card-details {
  background: #ffffff;
}

.layout-beheerders.vacatures .card-details .main .titel {
  color: hsl(86, 75%, 40%);
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 6px;
}

.layout-beheerders.vacatures .mens {
  border-left: 3px solid white;
}
.layout-beheerders.vacatures .mens:hover {
  border-left: 3px solid hsl(86, 5%, 65%);
}
.layout-beheerders.vacatures .mens.actief {
  background: hsl(86, 90%, 97%);
  border-left: 3px solid hsl(86, 75%, 40%);
}

.layout-beheerders.vacatures .mens .titel {
  color: #333333;
  font-weight: 700;
  font-size: 0.9em;
}
.layout-beheerders.vacatures .mens.actief .titel {
  color: hsl(86, 75%, 40%);
}

.layout-beheerders .transacties{
  border: none;
  margin: auto;
  padding-bottom: 0px;
}

.layout-beheerders .min4-l {
  margin-left: 0px;
}

.tooltip{
position: fixed}

body .tooltip-inner{
  background: #EEEEEE;
  color: #333333;
}

body .tooltip-arrow{
  border-bottom-color: #EEEEEE !important;
}

.pagina-links .tooltip-arrow{
  border-bottom-color: #333333 !important;
}




.layout-beheerders .pagina-links .tooltip-inner {
  background: #333333;
  color: #EEEEEE;
}

.layout-beheerders .pagina-links .tooltip-arrow {
  border-bottom-color: #333333;
}

.schermfout{
  width: 100%;
  text-align: center;
}

#vac-beschrijving{
  height: inherit;
  overflow-y: scroll;
  margin-top: 5px;
}

.prijs{
  margin-top: 25px;
  float: left;
}

.prijs div{
  font-size: 20px;
  font-weight: bold;
}

td.niveau-1{padding-left: 10px !important}
td.niveau-2{
  padding: 2px !important;
  padding-left: 20px !important;
  font-size: 0.95em;
}
td.niveau-3{
  padding: 1px !important;
  padding-left: 30px !important;
  font-size: 0.90em;
}
td.niveau-4{
  padding: 1px !important;
  padding-left: 40px !important;
  font-size: 0.85em;
}
td.niveau-5{padding-left: 50px !important}

.invisibletext{
  display: none;
}

.footer {
  z-index: 0;
  position: absolute;
  bottom: 0px;
  background: #333333;
  color: white;
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
}

.tt-notice{
  position: absolute;
  top: -40px;
  line-height: 40px;
  width: 100%;
  font-weight: bold;
  overflow: hidden;
  height: 40px;
  padding-left: 15px;
  z-index: 1100;
  box-shadow: #333333 0px 0px 0px;
  color: white;
}
.tt-notice.open{
  top: 0px;
  box-shadow: #333333 0px 0px 5px;
}

.tt-notice.animate{
  transition: top linear .15s;
}

.tt-notice.notice{background: hsl(214,50%,60%);}
.tt-notice.success{background: hsl(86,50%,60%);}
.tt-notice.warning{background:  hsl(9,50%,60%); }

.tt-notice.notice.flash{background: hsl(214,90%,70%);}
.tt-notice.success.flash{background: hsl(86,70%,60%);}
.tt-notice.warning.flash{background: hsl(9,90%,70%);}

.tt-notice.flashable{transition: top linear .15s, background ease-in-out .6s;}
.tt-notice .glyphicon{
  margin-right: 5px;
}

.tt-notice .close{
  line-height: 40px;
  margin-right: 15px;
  outline: none;
}

@keyframes inflate {
  0% {transform: scale(0,0); }
  50% {transform: scale(1.2,1.2) }
  100% {transform: scale(1,1) }
}

@keyframes deflate {
  0% {transform: scale(1,1) }
  50% {transform: scale(1.2,1.2) }
  100% {transform: scale(0,0); }
}

/* blauw 214
// rood 9
// groen 86
// geel 54
// lgroen 68*/
/*.lijst td:before {
    content: "----";
    display: block;
    height: 28px;
    position: absolute;
    width: 48px;
    margin-left: -40px;
    top: 0px;
     background: #c2b6b3; 
     z-index: -1; 
     border-left: 1px #b6a9a9 solid; 
     border-bottom: 3px #bfb8b6 solid; 
     border: 1px #b6a9a9 solid; 
     border-top: 3px #d1c9c7 solid; 
     border-right: 0; 
    border: 1px rgba(0, 0, 0, 0.15) solid;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
     border-left: 1px #dfdbda solid; 
    background-color: rgb(209, 201, 199);
     border: 0px #dfdbda solid; 
}*/