body { margin: 0px; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show; margin-top: 0px; }

thead { overflow: scroll; position: sticky; top: 35px; z-index: 10; }
td, th { white-space: nowrap; vertical-align:middle; font-size:10pt; }
td { border: 1px solid black; border-collapse: collapse; }
th { background-color:#99ccff; height: 35px; outline: 1px solid black; }

tr :nth-child(1) { padding-left: 5px; }
tr :nth-child(2) { text-align: right; padding-right: 5px; }
tr :nth-child(3) { padding-left: 5px; padding-right: 5px; }
tr :nth-child(4) { padding-left: 5px; padding-right: 5px; }
tr :nth-child(5) { text-align: center; padding-left: 2px; padding-right: 2px; }
tr :nth-child(6) { text-align: right; padding-right: 2px; }
tr :nth-child(7) { text-align: center; }
tr :nth-child(8) { padding-left: 5px; padding-right: 2px; }
tr :nth-child(9) { padding-left: 5px; padding-right: 2px; }
tr :nth-child(10) { text-align: center; padding-left: 2px; padding-right: 2px; }

/* eerste kolom vastzetten
tr>th { position: sticky; background-color: #99ccff; left: 0; z-index: 1; }
tr>th:first-child { z-index: 2; }
tr>td { position: sticky; background-image: url(../../images/backwit.gif); left: 0; z-index: 1; }
tr>td:first-child { z-index: 2; }
*/

button { width: 850px; height: 35px; text-align: left; }
input { field-sizing: content; }

.panel-heading { position: sticky; top: 0; z-index: 10;}
.filterable { margin-top: 0px; }
.filters input[disabled] {
 background-color: transparent;
 border: none;
 cursor: auto;
 box-shadow: none;
 padding: 0;
 height: auto;

&::-webkit-input-placeholder {
 color: black;
 font-weight: bold;
 }
&::-moz-placeholder {
 color: black;
 font-weight: bold;
}
&:-ms-input-placeholder {
 color: black;
 font-weight: bold;
}
}
}