label.checkbox {
}
label.checkbox input {
	position: absolute;
	left: -9999px;
}
label.checkbox .text {
	font: 12px/14px;
	position: relative;
	top: -2px;
	color: #6c757d;
}
label.checkbox .checkbox {
	display: inline-block;
	width: 36px;
	height: 14px;
	border-radius: 14px;
	background: rgba(0,0,0,.26);
	position: relative;
	transition: 300ms background;
}
label.checkbox .checkbox span {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -3px;
	left: 0;
	background: #fff;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.4);
	border-radius: 50%;
	transition: 300ms left, background;
}
label.checkbox input:checked + .checkbox {
	background: #83b1f4;
}
label.checkbox input:checked + .checkbox span {
	background: #4285f4;
	left: 16px;
}

label.checkbox input:checked + .checkbox + .text {
	color: #4285f4;
}