.ui-switcher {
	position: relative;
	display: inline-block;
	height: 22px;
	width: 53px;
	border-radius: 32px;
	overflow: hidden;
	cursor: pointer;
}

.ui-switcher-enabled, .ui-switcher-disabled {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 53px;
	height: 22px;
	border-radius: 32px;
	background: #2fc6f6;
	vertical-align: middle;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden;
}

.ui-switcher-enabled {
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
}

.ui-switcher-disabled {
	left: 30px;
	background: #2fc6f6;
}

.ui-switcher-enabled-text, .ui-switcher-disabled-text {
	padding: 0 0 0 11px;
	color: rgba(255, 255, 255, .5);
	font: 9px/13px "OpenSans-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.ui-switcher-disabled-text {
	padding: 0 0 0 23px;
	color: rgba(81, 92, 105, .4);
}

.ui-switcher-cursor {
	position: absolute;
	top: 3px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}

.ui-switcher-off .ui-switcher-disabled {
	left: 0;
	background: #e3e5e8;
}

.ui-switcher-off .ui-switcher-enabled {
	background: transparent;
	-webkit-transition: background-color .8s ease-in-out;
	-moz-transition: background-color .8s ease-in-out;
	transition: background-color .8s ease-in-out;
}

.ui-switcher-off .ui-switcher-disabled-text {
	left: 0;
}