/* ------------------------- DATE RANGE TIME PICKER ------------------------- */
div.daterangepicker {
	background-color: var(--panel-color);
	color: var(--tc-primary);
}
div.daterangepicker .ranges li:hover {
	background-color: var(--casper-obsidian);
	color: var(--tc-primary);
}
div.daterangepicker .ranges li.active {
	color: var(--tc-primary);
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
	background-color: var(--ghost-light-charcoal);
}

div.daterangepicker .calendar-table {
	background-color: #ffffff11;
}

div.daterangepicker td.off,
div.daterangepicker td.off.end-date,
div.daterangepicker td.off.in-range,
div.daterangepicker td.off.start-date {
	background-color: #ffffff11;
}

div.daterangepicker td.available:hover,
div.daterangepicker th.available:hover {
	background-color: #eee;
	color: #111;
}
/* -------------------------------------------------------------------------- */

/* ---------------------- DATE RANGE IN BETWEEN OPTIONS --------------------- */
div.daterangepicker td.in-range {
	background-color: rgba(var(--accent-rgb), var(--alpha-20));
}
/* -------------------------------------------------------------------------- */

/* ------------------------ DATE RANGE END OF OPTIONS ----------------------- */
div.daterangepicker td.active,
div.daterangepicker td.active:hover,
div.daterangepicker .ranges li.active {
	background-color: var(--accent);
	color: var(--tc-accent);
}
/* -------------------------------------------------------------------------- */