/*
 * Formatting helpers for cells, and the classic DataTables look these tables had under Supsystic (which shipped
 * DataTables 1.10's stylesheet). Selectors carry the .dt-container wrapper DataTables adds, so they outrank the
 * theme's own rules for tables in page content (Divi: .entry-content tr td), which would otherwise pad and
 * re-border every cell. Padding also needs !important: Divi sets it with an ID selector
 * (#content-area table td), which no class selector can outrank.
 */

table.eangus-datatable .is-bold { font-weight: bold; }
table.eangus-datatable .is-center { text-align: center; }

.dt-container table.eangus-datatable {
	border-bottom: 1px solid #111 !important;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}

.dt-container table.eangus-datatable > tbody > tr > td {
	padding: 8px 10px !important;
	border: 0;
}

.dt-container table.eangus-datatable.compact > tbody > tr > td { padding: 4px !important; }

/* cell-border: a light grid, the first row open at the top as in DataTables 1.10 */
.dt-container table.eangus-datatable.cell-border > tbody > tr > td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.dt-container table.eangus-datatable.cell-border > tbody > tr > td:first-child { border-left: 1px solid #ddd; }
.dt-container table.eangus-datatable.cell-border > tbody > tr:first-child > td { border-top: 0; }

/* A header row with no text (flagged by the init script) collapses to the dark rule under it. */
.dt-container table.eangus-datatable > thead > tr > th {
	border-bottom: 1px solid #111;
}
.eangus-dt-headless table.eangus-datatable > thead > tr > th {
	height: 0;
	padding: 0 !important;
	line-height: 0;
}

/* The dark rule closes the table itself, as in DataTables 1.10; DataTables 3 would add a gray one to the last row. */
.dt-container table.eangus-datatable > tbody > tr:last-child > td { border-bottom: 0; }
div.dt-container.dt-empty-footer div.dt-scroll-body { border-bottom: 0; }

/* With horizontal scrolling DataTables 3 adds a footer copy of the table even when there is no footer; DataTables
   1.10 didn't, and the copy repeats the dark rule 15px below the real one. */
div.dt-container.dt-empty-footer div.dt-scroll-foot { display: none; }