.table-modern th:first-child {
    border-top-left-radius: 4px;
}

.table-modern th:last-child {
    border-top-right-radius: 4px;
}

.table-modern tr:last-child td:first-child, .table-modern tr:last-child td.dtr-control {
    border-bottom-left-radius: 4px;
}

.table-modern tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.table-modern thead th {
    border-bottom: 1px solid #eaeaea;
    border-top: none;
}

.table-modern thead {
    border-radius: 4px;
    background: #f6f7f8;
}

.table-modern td {
    background: white;
    border-top: 1px solid #eaeaea;
}

.table-modern tbody tr:not(.child):nth-of-type(even) td {
    background: #f9fafb;
}

.table-modern tbody tr td.child {
    padding: 0;
}

.table-modern tbody tr td.child > ul.dtr-details {
    width: 100%;
}

.table-modern tbody tr td.child > ul.dtr-details > li {
    padding: 0 !important;
    display: flex;
}

.table-modern tbody tr td.child > ul.dtr-details > li > span.dtr-title {
    padding: 1em;
    flex-grow: 0;
    background: #f9fafb;
}

.table-modern tbody tr td.child > ul.dtr-details > li > span.dtr-data {
    flex-grow: 1;
    padding: 1em;
}