div.dt-container .dt-search input {
    background-color: white
}
div.dt-container select.dt-input {
    background-color: white
}

span.dt-column-order:before {
    margin-bottom: 3px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
}

table.dataTable > tbody > tr.child li:last-child span.dtr-data {
    display: flex;
    flex-wrap: wrap;
}

table.dataTable > tbody > tr.child ul.dtr-details li {
    display: grid;
    grid-template-columns: auto 1fr;
}

table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title:not(:empty) {
    margin-right: 1em;
}

/* portrait phones and down*/
@media (max-width: 767px) {
    table.dataTable > tbody > tr.child li:last-child span.dtr-data {
        display: grid;
    }

    table.dataTable > tbody > tr.child li:last-child span.dtr-data button,
    table.dataTable > tbody > tr.child li:last-child span.dtr-data a {
        width: -webkit-fill-available;
        width: -moz-available;
    }
}
table.dataTable > tbody > tr.child li:last-child span.dtr-title {
    min-width: 0px;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: none;
}

table.dataTable {
    width: 100% !important;
}
/* Allows text wrapping in collapsed columns (responsive cols) */
table.dataTable td li > .dtr-data,
table.dataTable th li > .dtr-data {
    word-break: break-word; /* break long words if needed */
    overflow-wrap: break-word; /* older browsers */
    white-space: normal; /* allow wrapping */
}

/* Loading style */
.table-responsive.loading {
    position: relative;
    height: 130px;
    overflow: hidden;
}
.table-responsive.loading *[class*='spinner'] {
    position: absolute;
    top: 3em;
    left: 50%;
    z-index: 1;
}

table.dataTable td.dtr-control,
table.dataTable th.dtr-control {
    display: table-cell !important;
}