div.reportdiv, div.reportdiv p,div.reportdiv td, div.reportdiv hr{
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
}

.clearfix{
    content: " ";
    visibility: hidden;
    display:block;
    height:0;
    clear:both;
}
#pdf-header img{
    float:left;
    margin:0 30px 0 0;
}
#pdf-header h2{
    font-family:OpenSans;
    color:#b2b2b2;
    margin-top:20px;
    float:left;
    font-size:1.6em;
}
hr{
    border:0;
    height:1px;
    background-color:#b2b2b2;
    margin:2px 0px;
}
ul{
    list-style:none;
    margin:0 0 0 5px;
    padding:0;
}
.pdf-content{
    font-family:OpenSans;
    margin:20px 0;
}
#footer{
    color:#b2b2b2;
}
#footer hr{
    margin-bottom:30px;
}
h4, h5{
    padding:0;
}
h4{
    font-size:1.3em;
    color:#278432;
    margin:0 0 10px 0;
}
h5{
    font-size:1.2em;
    margin:0 0 0px 0;
    color:#008eff;
}
h6{
    font-size:1.0em;
    margin:0 0 0px 0;
    color:#b0069e;
}
li.gebruiker{
    background-color:#ebebeb;
    padding:10px;
    float:left;
    margin-bottom:15px;
    margin-right:15px;
    border:4px solid #b2b2b2;
    border-radius:5px;
    width:250px;
}
.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE9*/
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer8 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
position:relative;
white-space:nowrap;
}

span.lab{
    width:200px;
    display: table-cell;
    font-style:italic;
    font-size: 0.9em;
}
span.inh{
    width:350px;
    display: table-cell;
    font-size: 0.9em;
}

.reportdiv .paarskop {
   background-color:#975796; 
   color:#fff; 
   padding:5px; 
   font-size:1.2em;
} 

.reportdiv .oranjekop {
   background-color:#f99443; 
   color:#000; 
   padding:3px 3px 3px 5px;
  font-size:1.0em;
} 
.reportdiv .grijskop{
    background-color:#ebebeb; 
   color:#000; 
   padding:3px ;
   text-align:center;
    font-size:.9em;
}
td.nump{
    min-width:22px;
    text-align:center;
}
td.nump2{
    min-width:20px;
    text-align:center;
}
td.nump0{
    width:22px;
    height: 22px;
    padding:0px;
    text-align:center;
    border:1px solid #ebebeb;
}

div.cirkel1{
    width:12px;
    height:12px;
    padding:0px;
    margin-left:3px;
    background-color:#f40d17;
    border: 1px solid #000;
    border-radius:60px;
  }  
 /* div.cirkel2{
    width:12px;
    height:12px;
    padding:0px;
    margin-left:3px;
    background-color:#f6f14e;
    border: 1px solid #000;
    border-radius:60px;
  }  */
  div.cirkel2{
    width:12px;
    height:12px;
    padding:0px;
    margin-left:3px;
    background-color:#f99443;
    border: 1px solid #000;
    border-radius:60px;
  }  
  div.cirkel3{
    width:12px;
    height:12px;
    padding:0px;
    margin-left:3px;
    background-color:#53d744;
    border: 1px solid #000;
    border-radius:60px;
  }  
  div.cirkel4{
    width:12px;
    height:12px;
    padding:0px;
    margin-left:3px;
    background-color:#0d7bfb;
    border: 1px solid #000;
    border-radius:60px;
  }  
.rotatedkopje{
        border-bottom:1px solid #784577;
        width: 30px;
        height:160px;
        padding:0px;
        margin:0px;
        vertical-align:bottom;
        text-align:left;
        padding-bottom:20px; 
        border-right: 1px solid #784577;
}
.matrixcell {
        display: table-cell;
        padding:0px;
        margin:0px;
        height: 20px !important;
        vertical-align:middle;
        overflow-x:hidden;
        resize:none;
}
.tdPijler {
    background-color:#975796 ;
    color:#fff; 
}
td.ublok{
    background-color:#f2f2f2;
    border-top: 1px solid #f5f5f5;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    border-left: 1px solid #f5f5f5;
     /*width:30px;*/
}
td.ublok.verant{
    background-color: #f74299;
}
td.ublok.uitv{
    background-color: #38c6f0;
}
td.ublok.both{
    background-color: #b138f0;
}
table.LStable{
    width:680px;
    table-layout:fixed;
    border-collapse: collapse; 
    
    font-size:10px;
    cellspacing:0; 
}
 
 .broad {
    width: 180px  !important;
    overflow-x:hidden;
}
.headertd {
    border-right: 1px solid #784577; 
    text-align:right; 
    padding-right:3px;
    border-bottom:1px solid black;
}
.small{
    width: 30px !important;
}
.rotate2 {
    padding-top:100px;
    width:165px;    
    height: 22px;
    overflow:hidden;
     transform: rotate(-90deg);
    /* Safari */
      -webkit-transform: rotate(-90deg);
      /* Firefox */
      -moz-transform: rotate(-90deg);
      /* IE9*/
      -ms-transform: rotate(-90deg);
      /* Opera */
      -o-transform: rotate(-90deg);
      /* Internet Explorer8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     transform-origin:7% 89%;  
     -ms-transform-origin: 7% 89%;
     -webkit-transform-origin:7% 89%;  

}