div.row.child_table {
    font-size:85%;
}

div.row.child_table div.dataTables_scroll {
    padding-top:0px;
}

table.dataTable.child_table {
    color: var(--textcolor);
}

table.dataTable.child_table.hover[id ^=grid] {
    border-collapse: separate;
    border-spacing: 0px 8px;
}

table.dataTable.child_table thead tr {
    background-color: var(--datatable-child-headerbackground);
    color: white;
    height: 25px; 
    cursor: pointer;
}

table.dataTable.child_table thead th {
    border-bottom: none;
}

table.dataTable.child_table tbody tr {
    height: 30px; 
    background-color: var(--datatable-rowbackground);
    cursor: pointer;
}

table.dataTable.child_table.hover tbody tr:hover {
    background-color: var(--datatable-child-rowbackground);
}
table.dataTable.child_table thead tr:hover {
    background-color: var(--datatable-child-headerbackground);
}
table.dataTable.child_table tbody tr:hover {
    background-color: var(--datatable-rowbackground);
}


table.dataTable.child_table thead tr td.cellspec {
    padding: 0px;
    height:0px;
}


table.dataTable.child_table tbody tr.selected td.cellspec {
    border-top: 1px solid var(--datatable-rowborder);
    border-bottom: 1px solid var(--datatable-rowborder);
}

table.dataTable.child_table tbody tr td.cellspecleft {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

table.dataTable.child_table tbody tr.selected td.cellspecleft {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid var(--datatable-rowborder);
}

table.dataTable.child_table tbody tr td.cellspecright {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

table.dataTable.child_table tbody tr.selected td.cellspecright {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid var(--datatable-rowborder);
}

.dataTables_filter {
    color: var(--textcolor) !important;
}

.dataTables_wrapper .dataTables_filter input {
    background-color: var(--input-background);
}



table.dataTable.child_table tbody>tr.selected {
    background-color: var(--datatable-rowselected);
}

table.dataTable.child_table.hover tbody>tr.selected:hover, table.dataTable.child_table.hover tbody>tr>.selected:hover, table.dataTable.child_table.display tbody>tr.selected:hover, table.dataTable.child_table.display tbody>tr>.selected:hover {
    background-color: var(--datatable-rowselected-hover);
}

table.dataTable.child_table tr.selected td.select-checkbox:after, table.dataTable.child_table tr.selected th.select-checkbox:after {
    text-shadow: none;
    color: var(--textcolor);
}

table.dataTable.child_table tbody td.select-checkbox:before, table.dataTable.child_table tbody th.select-checkbox:before {
    border: 1px solid var(--datatable-checkbox-border);
}

table.dataTable.child_table tbody td.select-checkbox:before, table.dataTable.child_table tbody td.select-checkbox:after, table.dataTable.child_table tbody th.select-checkbox:before, table.dataTable.child_table tbody th.select-checkbox:after {
    top: 45%;
    width: 16px;
    height: 16px;
}


table.dataTable.child_table tbody>tr td.selected-checkbox, table.dataTable.child_table tbody>tr td.unselected-checkbox {
    color: var(--datatable-rowbackground);
}
table.dataTable.child_table.hover tbody>tr:hover td.selected-checkbox, table.dataTable.child_table.hover tbody>tr:hover td.unselected-checkbox {
    color: var(--datatable-rowbackground-hover);
}
table.dataTable.child_table tbody>tr.selected td.selected-checkbox, table.dataTable.child_table tbody>tr.selected td.unselected-checkbox {
    color: var(--datatable-rowselected);
}
table.dataTable.child_table.hover tbody>tr.selected:hover td.selected-checkbox, table.dataTable.child_table.hover tbody>tr.selected:hover td.unselected-checkbox {
    color: var(--datatable-rowselected-hover);
}

table.dataTable.child_table tbody>tr td.selected-checkbox:after {
    content: '\2714';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    color: green;
    font-size: 20px;
    border: none;
}
table.dataTable.child_table tbody>tr td.unselected-checkbox:after {
    content: '\02716';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    color: red;
    font-size: 20px;
    border: none;
}
table.dataTable.child_table tbody>tr td.right-checkbox {
    font-size: 0px;
    text-align: center;
}
table.dataTable.child_table thead th.right-checkbox {
    text-align: center;
}