/*
 * Shared jTable/DataTable presentation.
 * Keep page-specific layouts and responsive card rules in their page styles.
 */
.jtable-column-header {
	background-color: #E1B16A !important;
}

div.jtable-main-container > div.jtable-bottom-panel {
	border: none;
}

div.jtable-main-container > table.jtable {
	border: none;
}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
	background-color: #E1B16A !important;
}

div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
	background-color: #acbad4;
	color: black;
}

.jtable-goto-page select,
.jtable-page-size-change select {
	color: black;
}

.jtable-left-area {
	background-color: #c2a155 !important;
}

/* Selected themes replace the legacy values without changing the default skin. */
html[data-dl-theme] .jtable-column-header,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
html[data-dl-theme] div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
html[data-dl-theme] .jtable-left-area {
	background: var(--dl-theme-primary) !important;
	background-image: none !important;
	border-color: var(--dl-theme-primary-strong) !important;
	color: #fff !important;
}

html[data-dl-theme] .jtable-goto-page select,
html[data-dl-theme] .jtable-page-size-change select {
	background-color: var(--dl-theme-surface) !important;
	border-color: var(--dl-theme-border) !important;
	color: var(--dl-theme-text) !important;
}

html[data-dl-theme] div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected,
html[data-dl-theme] tr.jtable-row-selected,
html[data-dl-theme] tr.onCloseSelected {
	background-color: var(--dl-theme-accent-soft) !important;
	color: var(--dl-theme-text) !important;
}

html[data-dl-theme] table.dataTable,
html[data-dl-theme] .dataTables_wrapper {
	background: var(--dl-theme-surface);
	color: var(--dl-theme-text);
}

html[data-dl-theme] table.dataTable thead th,
html[data-dl-theme] table.dataTable tfoot th {
	background: var(--dl-theme-primary);
	border-color: var(--dl-theme-primary-strong);
	color: #fff;
}

html[data-dl-theme] table.dataTable tbody tr,
html[data-dl-theme] table.dataTable.display tbody tr.even,
html[data-dl-theme] table.dataTable.stripe tbody tr.odd {
	background-color: var(--dl-theme-surface-alt);
	color: var(--dl-theme-text);
}

html[data-dl-theme] table.dataTable tbody tr:hover,
html[data-dl-theme] table.dataTable.display tbody tr:hover {
	background-color: var(--dl-theme-accent-soft);
	color: var(--dl-theme-text);
}

html[data-dl-theme] table.dataTable tbody tr.selected,
html[data-dl-theme] table.dataTable.display tbody tr.selected {
	background-color: var(--dl-theme-accent-soft);
	color: var(--dl-theme-text);
}

html[data-dl-theme] .dataTables_wrapper .dataTables_length,
html[data-dl-theme] .dataTables_wrapper .dataTables_filter,
html[data-dl-theme] .dataTables_wrapper .dataTables_info {
	color: var(--dl-theme-muted);
}

html[data-dl-theme] .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--dl-theme-primary-strong) !important;
	border-color: var(--dl-theme-border);
	background: var(--dl-theme-surface);
}

html[data-dl-theme] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-dl-theme] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--dl-theme-primary) !important;
	border-color: var(--dl-theme-primary-strong);
	color: #fff !important;
}