#nd table .header{
    height: auto !important;
    min-height: 0;
    text-align: left;
}

table.ndtable  {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}

.ndtable th {
  text-align: left;
  text-transform: lowercase;
  font-weight: 500;
  font-size: 12px;
  color: #bac8d1 !important;
  padding: 10px 10px 2px 10px !important;
  border-bottom: thin solid rgba(145, 195, 105, 0.3);
}

.ndtable.table-horizontal th{
    border-bottom: thin solid rgba(0, 0, 0, 0.05);
    padding: 10px !important;
}

.ndtable .tc {
  text-align: center;
}

.ndtable td {
    padding: 10px !important;
    border-bottom: thin solid rgba(0, 0, 0, 0.05);
    color: #5c7b86;
    font-size: 12px;
    -moz-transition: color ease-in 200ms;
    -o-transition: color ease-in 200ms;
    -webkit-transition: color ease-in 200ms;
    transition: color ease-in 200ms;
}

.ndtable tr.l1.active{
    position: relative;
    background-color: #e7f1f7;
}

.ndtable tr:last-child td {
  border: none;
}

.ndtable tbody tr:last-child th {
  border: none;
}

.ndtable tr.active td{
    font-weight: 900;
    border-bottom: 0px solid white;
}

.ndtable thead tr:first-child:after{
    display: none;
}

.ndtable tr.l1{
    cursor: pointer;
}

.ndtable tr.l1::after {
      font-family: 'Material Icons';
      width: 30px;
      height: 24px;
      -moz-transition: all ease-in 200ms;
      -o-transition: all ease-in 200ms;
      -webkit-transition: all ease-in 200ms;
      transition: all ease-in 200ms;
      text-align: center;
      content: '\E5CF';
      color: white;
      background-color: #92c469; 
      border-radius: 12px; 
      float: right; margin-top: 10px; margin-left: -130px;
      font-size: 24px; line-height: 24px;
      pointer-events: none;
    }

.ndtable tr.l1:hover::after {
    opacity: 0.4;
}

    .ndtable tr.l1.active::after {
      content: '\E5CE';
    }

/*laag 2*/

.ndtable tr.l2 {
    display: none;
    position: relative;
    cursor: pointer;
}

.ndtable tr.l2.active {
    display: table-row;
    background-color: #f8fafb;
    cursor: default;
}

    .ndtable tr.l2 td{
    text-decoration: none;
    font-weight: 500;
    padding: 40px;
}

.nddetail {
    display: table;
    width: 100%;
    margin: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    -webkit-box-flex: unset;
}
    .ndtable tr.l2 ul {
        list-style-type: none;
        padding: 5px;
        -moz-transition: color ease-in 200ms;
        -o-transition: color ease-in 200ms;
        -webkit-transition: color ease-in 200ms;
        transition: color ease-in 200ms;
        margin: 0;
        color: #5c7b86;
        display: table-row;  
    }


/*l2 titel*/

.l2 .item{
    padding: 10px 0;
}

.ndtblock{
    display: block;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}


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

    .l2 .item.head {
        display: inline-block;
        min-width: 100px;
    }

    .l2 .item.data {
    }

        .l2.active ul.l2:hover {
            opacity: 0.8;
            cursor: pointer;
        }

    .l2 .textWrap{
        float: left;
        vertical-align: top;
    }

    .l2 .item.head h2{
        text-align: left;
    }

    .l2 .item.head h3 {
        text-align: left;
    }

    .l2 .item.head img{
        float: left;
    }
    
/*laag 3*/

.l3{
    width: 60%;
    margin: 30px auto;
    border-top: thin solid rgba(145, 195, 105, 0.3);
    border-bottom: thin solid rgba(145, 195, 105, 0.3);
    background-color: white;
}

.l3 .ndtblock{
    margin: 0;
}

.l3 #ndMovable{
    margin: 0;
}

.l2 ul.active{
    font-weight: 900;
}

.ndtable tr.l2 li {
    display: table-cell;
}

table button, .lim_a {
    width: 30px;
    height: 24px;
    border-radius: 20px;
    background-color: #92c469;
    color: white;
    text-align: center;
    -moz-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
    display: block;
    margin: auto;
}
table button i, .lim_a i {
  line-height: 24px;
  font-family: 'Material Icons';
  font-size: 14px;
  font-style: normal;
}

table button:hover, .lim_a:hover{
    opacity: 0.5;
    color: white;
}

/*innerTable*/

/*kleine tabellen*/
.small td {
  text-decoration: none;
  padding: 0 10px;
  color: #5c7b86;
  font-weight: 500;
}
td.dnm {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
td.dnm sub {
  font-size: 14px;
  vertical-align: top;
}
td.ond {
  text-align: center;
  color: white !important;
}

td.ond:before {
  content: '';
  background-color: #5c7b86;
  width: 30px;
  height: 18px;
  position: absolute;
  z-index: -1;
  margin: -2px -11px;
  border-radius: 20px;
}
.nds tr:nth-child(2) td {
  padding-top: 20px;
}
.nds {
  width: 50%;
  margin: 0;
  padding: 10px;
  float: left;
}
.nds tr td {
  height: 25px;
}
.nds .l2 td {
  padding: 20px 0;
}
.nds .onderdeel td {
  color: #92c469;
  font-weight: 500;
  border: none;
  text-align: center;
  text-decoration: none;
  padding: 2px 0;
}
.nds .onderdeel td:first-child {
  text-align: left;
}
.nds td:last-child,
.nds th:last-child {
  padding-right: 10px;
  text-align: right;
}

/*financieelSpecifiek*/
.financieel tr:last-child td:nth-child(2) {
  font-weight: 700;
}
.financieel tr:last-child td:nth-child(3) {
  font-size: 18px;
}
.financieel tr:last-child td sub {
  vertical-align: top;
}
.financieel tr:last-child td:last-child {
  font-size: 18px;
}

.moveContent{
    display:none;
}

.addedRow .moveContent{
    display: block;
}

#addedRow{
    display: table-row;
}

#ndMovable{
    display: block;
    margin: 30px 0;
}

/*# sourceMappingURL=table.css.map */

/*sorter*/
table thead tr .header, table thead tr .tablesorter-header {
    background-image: url(../img/content/sort.png) !important;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: table-cell;
    padding-right: 20px;
    width: inherit;
    height: 20px;
}


table thead tr .headerSortUp {
    background-image: url(../img/content/sortUp.png) !important;
    font-weight: 900;
    color: rgba(145, 195, 105, 0.7) !important;
}

table thead tr .headerSortDown {
	background-image: url(../img/content/sortDown.png)!important;
    font-weight: 900;
    color: rgba(145, 195, 105, 0.7);
}

table thead tr .sorter-false {
    background-image: none !important;
}

/* Hide the labels in each cell */
.ui-table-cell-label {
    display: none;
}