/* Add here all your CSS customizations */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: #00bab3;
	border-color: #00a19a;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: #00bab3;
}

html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: #00bab3;
	box-shadow: 0px 0px 1px #00bab3;
}

.switch.switch-primary .ios-switch .on-background {
	background: #00bab3;
}

.progress-bar {
	background-color: #00bab3;
}

.progress .progress-bar-primary {
	background-color: #00bab3;
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: #00bab3;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: linear-gradient(to left, #00ede4 0, #00bab3 50%, #008782 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, #00ede4 0, #00bab3 50%, #008782 100%);
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
	background: #00bab3;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background: #00bab3;
}

.datepicker table thead tr:last-child th:hover {
	color: #00bab3;
}

.datepicker table tbody tr td.day:hover {
	background: #00bab3;
}

.datepicker table tbody tr td.day.active {
	background: #008782;
}

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

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #00bab3;
}

html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
	background: #008782;
}

.datepicker.datepicker-primary table thead tr:first-child {
	background-color: #00bab3;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: #008782;
}

.datepicker.datepicker-primary table thead tr:last-child {
	background-color: #00d3cc;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: #00bab3;
	color: #FFF;
}

.select2-container-multi .select2-choices .select2-search-choice {
	background: #00bab3;
}

.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: #00bab3 !important;
}

.dataTables_processing {
	background-color: #00bab3;
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: #00bab3;
}

.multiselect-container > .active > a,
.multiselect-container > .active > a:hover,
.multiselect-container > .active > a:focus {
	background-color: #00bab3;
}

.icheck-primary {
    display: flex;
    align-items: center;
}

.icheck-primary input[type="checkbox"] {
    margin-right: 8px;
}