/*
	Classes to define listing
*/
table.jc-listing > thead > tr > th,
table.listing > thead > tr > th {
	background-color: #333;
	color: #fff;
}
table.jc-listing > thead > tr > td,
table.listing > thead > tr > td {
	background-color: #444;
	color: #fff;
}

table.jc-listing > tbody > tr > th,
table.listing > tbody > tr > th {
	background-color: #ddd;
	color: #333;
}

table.jc-listing > tbody > tr > td,
table.listing > tbody > tr > td {
	background-color: #eee;
	color: #333;
}

table.jc-listing > tfoot > tr > th,
table.listing > tfoot > tr > th {
	background-color: #bbb;
	color: #333;
}

table.jc-listing > tfoot > tr > td,
table.listing > tfoot > tr > td {
	background-color: #ccc;
	color: #333;
}

/*
	Classes to define hover styling
*/
table.jc-row-hover > tbody > tr:hover,
table.rowHover > tbody > tr:hover {
	background-color: #333;
}

/*
	Classes to add borders to a table
*/
table.jc-bordered,
table.bordered {
	border-color: #000;
}

table.jc-bordered > thead > tr > th,
table.jc-bordered > thead > tr > td,
table.jc-bordered > tbody > tr > th,
table.jc-bordered > tbody > tr > td,
table.jc-bordered > tfoot > tr > th,
table.jc-bordered > tfoot > tr > td,
table.bordered > thead > tr > th,
table.bordered > thead > tr > td,
table.bordered > tbody > tr > th,
table.bordered > tbody > tr > td,
table.bordered > tfoot > tr > th,
table.bordered > tfoot > tr > td {
	border-color: #000;
}

/*
	Grid
*/

.grid-list input[type=text], .grid-list select {
	border-color: #999;
}

button.grid-page-button.grid-page-active {
	border-color: #0a0a0a;
	background: var(--primary-color-light);
	color: #0a0a0a;
}

.grid-sub-info {
	color: #666;
}