.click2100101010 {
  visibility: hidden;
}

.click100101010 {
    width: 85px; 
	height: 35px; 
	position: relative;
	display: block; 
	left: 0;
	top: -20px;
	background: #E6E6E6;
	z-index: 50;
	font: bold 12px Arial;
	cursor: pointer;
}

.click100101010:before {
  content: 'OFF';
  position: absolute;
  color: #F00;
  top: 10px;
  left: 64%;
}

.click100101010:after {
  content: '';
	display: block;
	width: 30px;
	height: 45px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	position: absolute;
	top: -5px;
	left: 10px;
	background: rgb(72, 136, 252);
}

.click2100101010:checked + label::before {
  content: 'ON';
  left: 11%;
  color: #0C0;
}

.click2100101010:checked + label:after {
  left: 45px;
}

/*