html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: var(--z-primary);
	border-color: var(--z-primary-darker);
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: var(--z-primary);
}

html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: var(--z-primary);
	box-shadow: 0px 0px 1px var(--z-primary);
}

.switch.switch-primary .ios-switch .on-background {
	background: var(--z-primary);
}

.progress-bar {
	background-color: var(--z-primary);
}

.progress .progress-bar-primary {
	background-color: var(--z-primary);
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: var(--z-primary);
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: linear-gradient(to left, var(--z-primary-disabled) 0, var(--z-primary) 50%, var(--z-primary-darkest) 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
	background-image: linear-gradient(to right, var(--z-primary-disabled) 0, var(--z-primary) 50%, var(--z-primary-darkest) 100%);
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
	background: var(--z-primary);
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background: var(--z-primary);
}

.datepicker table thead tr:last-child th:hover {
	color: var(--z-primary);
}

.datepicker table tbody tr td.day:hover {
	background: var(--z-primary);
}

.datepicker table tbody tr td.day.active {
	background: var(--z-primary-darkest);
}

html:not(.sidebar-light) .datepicker.datepicker-dark {
	background: transparent;
}

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
	background: var(--z-primary);
}

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
	background: var(--z-primary-darkest);
}

.datepicker.datepicker-primary table thead tr:first-child {
	background-color: var(--z-primary);
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: var(--z-primary-darkest);
}

.datepicker.datepicker-primary table thead tr:last-child {
	background-color: var(--z-primary-light);
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: var(--z-primary);
	color: #FFF;
}

.select2-container-multi .select2-choices .select2-search-choice {
	background: var(--z-primary);
}

.select2-container--bootstrap .select2-dropdown{
	border-color: var(--z-primary-light);
}

.wizard-steps > li.active .badge {
	background-color: var(--z-primary);
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
	border-top-color: var(--z-primary);
}

.wizard-tabs ul > li.active .badge {
	background-color: var(--z-primary);
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	background: var(--z-primary);
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	border-color: var(--z-primary);
	background: var(--z-primary);
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	color: var(--z-primary);
	border-color: var(--z-primary);
}

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: var(--z-primary) !important;
}

.dataTables_processing {
	background-color: var(--z-primary);
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: var(--z-primary);
}

.multiselect-container > .active > a,
.multiselect-container > .active > a:hover,
.multiselect-container > .active > a:focus {
	background-color: var(--z-primary);
}