.tarievenlijst table.dataTable{
    width:100%;
    margin: 0 auto 80px 0;
    clear:both;
    border-collapse:separate;
    border-spacing:0; 
    font-size:1em;
}

table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}
table.dataTable thead th,table.dataTable thead td{padding:10px 10px;border-bottom:1px solid #111}
table.dataTable thead th:active,table.dataTable thead td:active{outline:none}
table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}
.tarievenlijst table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}

table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}
table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}
table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd; word-break: break-word; }
table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}
table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}
table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}
table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}
table.dataTable.stripe tbody tr:nth-child(odd),table.dataTable.display tbody tr:nth-child(odd){background-color:#f9f9f9}
table.dataTable.stripe tbody tr:nth-child(odd).selected,table.dataTable.display tbody tr:nth-child(odd).selected{background-color:#f9f9f9}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f9f9f9}
table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#f9f9f9}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:nth-child(even):hover{background-color:#ffffff}
table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:nth-child(even):hover.selected{background-color:#ffffff}
table.dataTable.order-column tbody tr>.sorting_tarief,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_tarief,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}
table.dataTable.order-column tbody tr.selected>.sorting_tarief,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_tarief,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}
table.dataTable.display tbody tr:nth-child(odd)>.sorting_tarief,table.dataTable.order-column.stripe tbody tr:nth-child(odd)>.sorting_tarief{background-color:#f1f1f1}
table.dataTable.display tbody tr:nth-child(odd)>.sorting_tariefmax,table.dataTable.order-column.stripe tbody tr:nth-child(odd)>.sorting_tariefmax{background-color:#fafafa}
table.dataTable.display tbody tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe tbody tr:nth-child(odd)>.sorting_2{background-color:#f3f3f3}
table.dataTable.display tbody tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe tbody tr:nth-child(odd)>.sorting_3{background-color:whitesmoke}
table.dataTable.display tbody tr:nth-child(odd).selected>.sorting_tarief,table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected>.sorting_tarief{background-color:#a6b4cd}
table.dataTable.display tbody tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected>.sorting_2{background-color:#a8b5cf}
table.dataTable.display tbody tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected>.sorting_3{background-color:#a9b7d1}
table.dataTable.display tbody tr:nth-child(even)>.sorting_tarief,table.dataTable.order-column.stripe tbody tr:nth-child(even)>.sorting_tarief{background-color:#fafafa}
table.dataTable.display tbody tr:nth-child(even)>.sorting_tariefmax,table.dataTable.order-column.stripe tbody tr:nth-child(even)>.sorting_tariefmax{background-color:#ffffff}
table.dataTable.display tbody tr:nth-child(even)>.sorting_2,table.dataTable.order-column.stripe tbody tr:nth-child(even)>.sorting_2{background-color:#fcfcfc}
table.dataTable.display tbody tr:nth-child(even)>.sorting_3,table.dataTable.order-column.stripe tbody tr:nth-child(even)>.sorting_3{background-color:#fefefe}
table.dataTable.display tbody tr:nth-child(even).selected>.sorting_tarief,table.dataTable.order-column.stripe tbody tr:nth-child(even).selected>.sorting_tarief{background-color:inherit}
table.dataTable.display tbody tr:nth-child(even).selected>.sorting_2,table.dataTable.order-column.stripe tbody tr:nth-child(even).selected>.sorting_2{background-color:#aebcd6}
table.dataTable.display tbody tr:nth-child(even).selected>.sorting_3,table.dataTable.order-column.stripe tbody tr:nth-child(even).selected>.sorting_3{background-color:#afbdd8}
table.dataTable.display tbody tr:nth-child(even):hover>.sorting_tarief,table.dataTable.order-column.hover tbody tr:nth-child(even):hover>.sorting_tarief{background-color:#fafafa}
table.dataTable.display tbody tr:nth-child(odd):hover>.sorting_tarief,table.dataTable.order-column.hover tbody tr:nth-child(odd):hover>.sorting_tarief{background-color:#whitesmoke}


@media screen and (max-width: 767px){
    .dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{
        float:none;text-align:center;
    }
    .dataTables_wrapper .dataTables_paginate{
        margin-top:0.5em;
    }
}


.tarievenlijst table.dataTable .tarief{width: 65px;padding: 15px;margin:0; font-size: 0.9em;}

.tarievenlijst h3.hTarievenlijst{ margin-bottom:0; }
.tarievenlijst h3.hTarievenlijst span{ font-size:14px; }



.tarievenlijst table.dataTable th.info{text-align:center;}
.tarievenlijst table.dataTable .dataTables_empty{color:#b3b3b3;}
.tarievenlijst .modal-body{text-align:left;}
.tarievenlijst .materials > a {text-decoration:none;}
}