input[type="radio"], input[type="checkbox"] {
	vertical-align: middle;
	margin: 0;
}


input[type=radio].switch + span {
	padding-left: 5px;
}
div.switch > label:not(:first-child) {
	padding-left: 10px;
}
input[type=radio].switch + label, div.switch > label > input + span {
	padding-left: 2px;
}
div.switch > label {
	font-weight: normal;
}

.btn-switch {
	border-radius: var(--br-rad);
}
.btn-switch:focus-within {
	border: 1px solid #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
div.highlight > input.switch:checked + label {
	background-color: #428bca;
	color: #eee;
}
.btn-switch:focus-within > label {
	border: none !important;
}

.mtoggle > input {
	position: absolute;
	opacity: 0;
}
.mtoggle > input + div {
	display: inline-block;
	vertical-align: middle;
	width: 3.51em;
	height: 1.68em;
	border-radius: 10px;
	background: #ccc;
	padding-left: 0.08rem;
	padding-top: 0.08rem;
	overflow: hidden;
	transition-duration: .1s;
	transition-property: padding, width, background-position, text-indent;
	text-align: left;
	font-size: 0.842em;
	cursor: pointer;
}
.mtoggle > input:checked + div {
	padding-left: 1.9em;
	background: #167ac6;
	color: #fff;
}
.mtoggle > input:disabled + div {
	background-color: #eaefef;
	cursor: not-allowed;
}
.mtoggle > input:checked:disabled + div {
	background-color: #81a0b7;
}
.mtoggle > input + div:before {
	content: '';
	position: absolute;
	width: 1.54em;
	height: 1.54em;
	border-radius: inherit;
	background: #fbfbfb;
}
.mtoggle > input:active + div:before {
	background-color: #eee;
}
.mtoggle > input + div:after {
	content: '';
	left: calc(100% - 1px);
	transform: translateX(-100%);
}

.toggle > .la {
	font-size: 30px;
}
.toggle > .la-toggle-off {
	color: #888;
}
.toggle > .la-toggle-on {
	color: #337ab7;
}
.toggle > .la.disabled {
	color: #ddd;
}