/* Vendor theme overrides driven by /css/colors.css */

/* DataTables built-in CSS variables */
:root {
	--dt-row-selected: var(--color-dt-selected-rgb);
	--dt-row-selected-text: var(--color-dt-selected-text-rgb);
	--dt-row-selected-link: var(--color-dt-selected-link-rgb);
	--dt-row-stripe: var(--color-dt-row-stripe-rgb);
	--dt-row-hover: var(--color-dt-row-hover-rgb);
	--dt-column-ordering: var(--color-dt-column-ordering-rgb);
	--dt-html-background: var(--color-dt-html-background);
}

/* jQuery UI */
.ui-widget-content {
	border: 1px solid var(--color-ui-content-border);
	background: var(--color-ui-content-bg);
	color: var(--color-ui-content-text);
}

.ui-widget.ui-widget-content {
	border: 1px solid var(--color-ui-control-border);
}

.ui-widget-content a {
	color: var(--color-ui-content-text);
}

.ui-widget-header {
	border: 1px solid var(--color-ui-header-border);
	background: var(--color-ui-header-bg);
	color: var(--color-ui-header-text);
}

.ui-widget-header a {
	color: var(--color-ui-header-text);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid var(--color-ui-control-border);
	background: var(--color-ui-control-bg);
	color: var(--color-ui-control-text);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: var(--color-ui-control-text);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid var(--color-ui-control-hover-border);
	background: var(--color-ui-control-hover-bg);
	color: var(--color-ui-control-hover-text);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid var(--color-ui-active-border);
	background: var(--color-ui-active-bg);
	color: var(--color-ui-active-text);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--color-ui-active-text);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid var(--color-ui-highlight-border);
	background: var(--color-ui-highlight-bg);
	color: var(--color-ui-highlight-text);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid var(--color-ui-error-border);
	background: var(--color-ui-error-bg);
	color: var(--color-ui-error-text);
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: var(--color-ui-error-text);
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px var(--color-ui-focus-ring);
}

.ui-widget-overlay {
	background: var(--color-ui-overlay-bg);
}

.ui-widget-shadow {
	box-shadow: 0 0 5px var(--color-ui-shadow);
}

/* DataTables (non-variable pieces) */
table.dataTable td.dt-control:before {
	border-left-color: var(--color-dt-control-arrow);
}

table.dataTable tr.dt-hasChild td.dt-control:before {
	border-top-color: var(--color-dt-control-arrow);
}