$table-rowgroup-background: rgba(0, 0, 0, 0.1) !default;
$table-rowgroup-background-level-1: rgba(0, 0, 0, 0.05) !default;
$table-rowgroup-background-level-2: rgba(0, 0, 0, 0.01)!default;

table.dataTable tr.dtrg-group th {
	background-color: $table-rowgroup-background;
	text-align: left;
}

table.dataTable tr.dtrg-group.dtrg-level-0 th {
	font-weight: bold;
}

table.dataTable tr.dtrg-group.dtrg-level-1 th,
table.dataTable tr.dtrg-group.dtrg-level-2 th,
table.dataTable tr.dtrg-group.dtrg-level-3 th,
table.dataTable tr.dtrg-group.dtrg-level-4 th,
table.dataTable tr.dtrg-group.dtrg-level-5 th {
	background-color: $table-rowgroup-background-level-1;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 2em;
	font-size: 0.9em;
}

table.dataTable tr.dtrg-group.dtrg-level-2 th {
	background-color: $table-rowgroup-background-level-2;
	padding-left: 2.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-3 th {
	background-color: $table-rowgroup-background-level-2;
	padding-left: 3em;
}

table.dataTable tr.dtrg-group.dtrg-level-4 th {
	background-color: $table-rowgroup-background-level-2;
	padding-left: 3.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-5 th {
	background-color: $table-rowgroup-background-level-2;
	padding-left: 4em;
}

html.dark {
	table.dataTable tr.dtrg-group th {
		background-color: invert($table-rowgroup-background);
	}

	table.dataTable tr.dtrg-group.dtrg-level-1 th {
		background-color: invert($table-rowgroup-background-level-1);
	}
	
	table.dataTable tr.dtrg-group.dtrg-level-2 th,
	table.dataTable tr.dtrg-group.dtrg-level-3 th,
	table.dataTable tr.dtrg-group.dtrg-level-4 th,
	table.dataTable tr.dtrg-group.dtrg-level-5 th {
		background-color: invert($table-rowgroup-background-level-2);
	}
}