.text-touch-shadow { text-shadow: 0 .3rem .3rem var(--bs-blue-800); }
.text-touch-gradient { color: var(--bs-blue-gradient); }
.bg-touch-lighter { background-color: var(--bs-blue-100); }
.bg-touch-light { background-color: var(--bs-blue-300); }
.bg-touch { background-color: var(--bs-blue); }
.bg-touch-dark { background-color: var(--bs-blue-700); }
.bg-touch-darker { background-color: var(--bs-blue-900); }
.bg-touch-gradient { background: var(--bs-blue-gradient); }
.border-touch {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important;
}
.border-touch-subtle {
	border-color: var(--bs-blue-border-subtle) !important;
}

.nav-item.active > .nav-link,
.nav-item.active > .dropper-link,
.nav-item.active .dropper-item.active > .dropper-link,
.nav-item.active .dropper-item .dropper-link.active {
	color: var(--bs-blue-700);
}

.navibar-pill .nav-link:active,
.navibar-pill .nav-link:focus,
.navibar-pill .nav-item.active > .nav-link,
.navibar-pill .nav-item .nav-link.active,
.navibar-pill .dropper-item.active > .dropper-link,
.navibar-pill .dropper-item .dropper-link.active {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
}

.dropdown-item:hover {
	color: var(--bs-blue);
	background-color: rgba(var(--bs-blue-rgb), .1) !important;
}
.dropdown-item.active, .dropdown-item.active:hover,
.dropdown-item:focus, .dropdown-item:active {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
}

.navibar-line .nav-link::before,
.navibar-line .nav-link:hover::before,
.navibar-line .nav-link:active::before,
.navibar-line .nav-link:focus::before,
.navibar-line .dropper-link::before,
.navibar-line .dropper-link:hover::before,
.navibar-line .dropper-link:active::before,
.navibar-line .dropper-link:focus::before,
.link-hover::before, .link-hover:hover::before,
.link-hover:active::before, .link-hover:focus::before {
	background-color: var(--bs-blue-700);
}
.navibar-line .nav-item.active > .nav-link::before,
.navibar-line .nav-item .nav-link.active::before,
.navibar-line .dropper-item.active > .dropper-link::before,
.navibar-line .dropper-item .dropper-link.active::before {
	background-color: var(--bs-blue-700);
}

.sidebar-nav .sidebar-item.active > .sidebar-link,
.sidebar-nav .sidebar-item.active .sidebar-link.active,
.sidebar-nav .dropper-item.active > .dropper-link,
.sidebar-nav .dropper-item.active .dropper-link.active {
	color: var(--bs-blue-900) !important;
	background: rgba(var(--bs-blue-100-rgb), .7) !important;
}

.btn-blue,
.btn-touch {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: var(--bs-blue);
	--bs-btn-border-color: var(--bs-blue);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-blue-900);
	--bs-btn-hover-border-color: var(--bs-blue-text-emphasis);
	--bs-btn-focus-shadow-rgb: var(--bs-blue-300-rgb);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-blue-text-emphasis);
	--bs-btn-active-border-color: var(--bs-blue-900);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-blue);
	--bs-btn-disabled-border-color: var(--bs-blue);
}
.btn-outline-blue,
.btn-outline-touch {
	--bs-btn-color: var(--bs-blue);
	--bs-btn-bg: #ffffffe6;
	--bs-btn-border-color: var(--bs-blue);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-blue);
	--bs-btn-hover-border-color: var(--bs-blue);
	--bs-btn-focus-shadow-rgb: var(--bs-blue-rgb);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-blue);
	--bs-btn-active-border-color: var(--bs-blue);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-blue);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-blue);
	--bs-gradient: none;
}
.alert-blue,
.alert-touch {
	--bs-alert-color: var(--bs-blue-text-emphasis);
	--bs-alert-bg: var(--bs-blue-bg-subtle);
	--bs-alert-border-color: var(--bs-blue-border-subtle);
	--bs-alert-link-color: var(--bs-blue-text-emphasis);
}
.list-group-item-blue,
.list-group-item-touch {
	--bs-list-group-color: var(--bs-blue-text-emphasis);
	--bs-list-group-bg: var(--bs-blue-bg-subtle);
	--bs-list-group-border-color: var(--bs-blue-border-subtle);
}
.list-group-item-blue.list-group-item-action:hover,
.list-group-item-touch.list-group-item-action:hover,
.list-group-item-blue.list-group-item-action:focus,
.list-group-item-touch.list-group-item-action:focus {
	--bs-list-group-action-hover-color: var(--bs-emphasis-color);
	--bs-list-group-action-hover-bg: var(--bs-blue-bg-subtle);
}
.list-group-item-blue.list-group-item-action:active,
.list-group-item-touch.list-group-item-action:active {
	--bs-list-group-active-color: var(--bs-emphasis-color);
	--bs-list-group-active-bg: var(--bs-blue-text-emphasis);
	--bs-list-group-active-border-color: var(--bs-blue-text-emphasis);
}
.link-blue,
.link-touch {
	color: var(--bs-blue) !important;
}
.link-blue:hover,
.link-blue:focus,
.link-touch:hover,
.link-touch:focus {
	color: var(--bs-blue-text-emphasis) !important;
}
.border-blue,
.border-touch {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important;
}
.border-blue-subtle,
.border-touch-subtle {
	border-color: var(--bs-blue-border-subtle) !important;
}
.text-blue,
.text-touch {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}
.text-blue-emphasis,
.text-touch-emphasis {
	color: var(--bs-blue-text-emphasis) !important;
}
.text-bg-blue,
.text-bg-touch {
	color: #fff !important;
	background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity, 1)) !important;
}
.bg-blue,
.bg-touch {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue-subtle,
.bg-touch-subtle {
	background-color: var(--bs-blue-bg-subtle) !important;
}

.form-control:active,
.form-control:focus,
.form-select:active,
.form-select:focus,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap .select2-search__field:active,
.select2-container--bootstrap .select2-dropdown .select2-search .select2-search__field:focus {
	border-color: var(--bs-blue) !important;
	box-shadow: 0 0 .25rem .125rem rgba(0, 0, 0, .1) !important;
}
.form-check-input:checked,
.form-check-input:active,
.form-check-input:indeterminate {
	background-color: var(--bs-blue) !important;
	border-color: var(--bs-blue) !important;
}
.form-check-input::after,
.form-check-input::before {
	display: none;
}
.form-range::-webkit-slider-thumb {
	background-color: var(--bs-blue) !important;
}
.select2-container--bootstrap .select2-dropdown.select2-dropdown {
	border-color: var(--bs-blue);
}
.select2-container--bootstrap .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,
.select2-container--bootstrap .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected:hover {
	color: #000;
	background-color: var(--bs-blue-bg-subtle);
}
.select2-container--bootstrap .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
	color: #fff;
	background-color: var(--bs-blue);
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	color: var(--bs-blue-900);
	border: 1px solid var(--bs-blue);
	background-color: var(--bs-blue-bg-subtle);
}

.beaccordion-label.active {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
}

.loader { border-top: .25rem solid var(--bs-blue); }
.initials { background: var(--bs-blue-gradient); }
.custom-radio [type=radio]:checked + .custom-radio-label {
	background: var(--bs-blue);
}

.connector {
	background: var(--bs-blue);
}
.connector::after {
	background: var(--bs-blue);
}

.paginator-link.active,
.paginator-link.current,
.paginator-link.active:hover,
.paginator-link.current:hover {
	color: #fff !important;
	background-color: var(--bs-blue);
}
.dropdown-item:active {
	background-color: var(--bs-blue) !important;
}

.nav-tabs .nav-link {
	color: var(--bs-text-body) !important;
	background-color: #f1f1f1;
}
.nav-pills .nav-link {
	color: var(--bs-text-body) !important;
	text-align: left;
	transition: all .3s ease-in-out;
}
.nav-pills .nav-link.active {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2);
	transition: all .3s ease-in-out;
}
.reading-bar {
	background: var(--bs-blue-gradient);
}
.tab-nav {
	display: flex;
	align-items: center;
	position: relative;
}
.tab-nav .tab-nav-fill {
	width: 100%;
}
.tab-link {
	display: block;
	color: initial !important;
	border-radius: .25rem;
	padding: .5rem 2rem;
}
.tab-item.active > .tab-link {
	color: #fff !important;
	background-color: var(--bs-blue) !important;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .4);
}

.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
	background: var(--bs-blue);
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	background: var(--bs-blue);
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: var(--bs-blue-50);
}
.datepicker table tr td.highlighted {
	background: var(--bs-blue);
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
	background-color: var(--bs-blue-100);
	background-image: none;
	color: #000;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover, {
	color: #fff;
	background-color: var(--bs-blue-900);
	background-image: none;
}


.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
	background-color: var(--bs-blue-700);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
	color: #fff;
	background-color: var(--bs-blue-700);
}
