HOME

.ios-ui-select{
	background: #dddddd;
	border: none;
	height: 31px;
	background: #dddddd;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	width: 65px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	position: relative;
	display: inline-block;
}
.ios-ui-select.checked{
	-webkit-box-shadow: inset 0 0 0 36px #6ddc5f;
	box-shadow: inset 0 0 0 36px #6ddc5f;
}
.ios-ui-select.checked .inner{
	left: 37px;
}
.ios-ui-select .inner{
	width: 25px;
	height: 25px;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
	-webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px 0 rgba(97, 97, 97, 0.2),0 3px 4px 0 rgba(57, 57, 57, 0.3);
	
}

.ios-ui-select.checked::before{
	content: 'ON';
	position: relative;
	top: 16px;
	margin-left: 11px;
	color: #fff;
	float: left;
	font-size: 12px;
}

.ios-ui-select.checked::after{
	content: '';
}

.ios-ui-select::after{
	content: 'OFF';
	position: relative;
	top: 16px;
	margin-right: 10px;
	color: #fff;
	float: right;
	font-size: 12px;
}

.ios-ui-select::before{
	content: '';
}


#page-settings .ios-ui-select.checked::before{
	content: 'ON';
	position: relative;
	top: 8px;
	margin-left: 11px;
	color: #fff;
	float: left;
	font-size: 12px;
}

#page-settings .ios-ui-select.checked::after{
	content: '';
}

#page-settings .ios-ui-select::after{
	content: 'OFF';
	position: relative;
	top: 8px;
	margin-right: 10px;
	color: #fff;
	float: right;
	font-size: 12px;
}

#page-settings .ios-ui-select::before{
	content: '';
}