/* Responsive dropdowns */

table.dataTable > tbody > tr.child > td ul.dtr-details {
    display: table; /* Style the responsive dropdown as a table. */
}

table.dataTable > tbody > tr.child > td ul.dtr-details > li {
    background-color: #efefef; /* Distinguish dropdown from main table content. */
    border-bottom-color: #dfdfdf; /* Make border darker as it was originally #efefef. */
    display: table-row;
}

table.dataTable > tbody > tr.child > td ul.dtr-details > li > span.dtr-title {
    display: table-cell;
    padding-right: 10px; /* Spacing between title and data. */
}

table.dataTable > tbody > tr.child > td ul.dtr-details > li > span.dtr-data {
    display: table-cell;
    overflow-wrap: anywhere; /* Break words if necessary to prevent horizontal scrolling. */
    white-space: normal; /* Turn word wrap back on. */
    width: 100%; /* Make dark area distinguishing the dropdown extend to the edge of the screen. */
}