/* Shared TallerCloud switch for individual yes/no and enabled/disabled controls. */
input.tc-toggle-input,
.form-check-input.tc-toggle-input {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box !important;
	position: relative;
	display: inline-block;
	float: none !important;
	flex: 0 0 auto;
	width: 42px !important;
	min-width: 42px !important;
	height: 24px !important;
	min-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background-color: #cbd5e1 !important;
	background-image: radial-gradient(circle, #fff 9px, transparent 10px) !important;
	background-repeat: no-repeat !important;
	background-position: 2px center !important;
	background-size: 20px 20px !important;
	box-shadow: inset 0 1px 3px rgba(16, 32, 51, .2) !important;
	transform: none !important;
	vertical-align: middle;
	cursor: pointer;
	transition: background-color .18s ease, background-position .18s ease, box-shadow .18s ease;
}

input.tc-toggle-input:checked,
.form-check-input.tc-toggle-input:checked {
	background-color: #1E5EC8 !important;
	background-position: 20px center !important;
}

input.tc-toggle-input:focus-visible,
.form-check-input.tc-toggle-input:focus-visible {
	outline: 3px solid rgba(30, 94, 200, .25) !important;
	outline-offset: 2px;
}

input.tc-toggle-input:disabled,
.form-check-input.tc-toggle-input:disabled {
	opacity: .55;
	cursor: not-allowed;
}

/* Remove Bootstrap's checkbox indentation when a form-check contains our switch. */
.form-check:has(> .tc-toggle-input) {
	display: flex !important;
	align-items: center;
	gap: .5rem;
	padding-left: 0 !important;
}

.form-check:has(> .tc-toggle-input) > .tc-toggle-input {
	margin: 0 !important;
}