label.ios-io{
	display:inline-block;
	border:solid 1px #ccc;
	width:44px;
	position:relative;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	padding:2px;
	border-radius:4px;
	background-color:#fff;
}
label.ios-io > input[type=checkbox]{
	display:none;
}
label.ios-io > input[type=checkbox] ~ span ~ div{
	display:inline-block;
	position:absolute;
	border-width:1px;
	border-style:solid;
	border-color:#bbb;
	top:-1px;
	bottom:-1px;
	width:24px;
	border-radius:3px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.2)
	
}
label.ios-io > input[type=checkbox]:checked ~ span ~ div{
	right:-1px;
	background-color:#ccc;
	border-color:#999;
}
label.ios-io > input[type=checkbox]:not(:checked) ~ span ~ div{
	left:-1px;
	background-color:#fff;
	border-color:#bbb;
}
label.ios-io > input[type=checkbox]:checked ~ span:after{
	content:"I";
	display:inline-block;
	position:absolute;
	left:10px;
	top:3px;
	color:#888;
	font-weight:normal;
	font-size:0.9em;
}
label.ios-io > input[type=checkbox]:not(:checked) ~ span:after{
	content:"O";
	display:inline-block;
	position:absolute;
	right:8px;
	color:#ccc;
	top:3px;
	font-weight:normal;
	font-size:0.9em;
}