/******************************
	SWITCH
*******************************/

	/******************************
		ANDROID (Based on Holo Light theme in API 18)
	*******************************/
.androidSwitchBackground {
	background-color: rgba(153, 153, 153, 0.302) !important;
	user-select: none;
	-webkit-user-select: none;
}

.androidSwitchBackground.disabled {
	background-color: rgba(0,0,0,0) !important;
	border: 1px solid rgba(153, 153, 153, 0.3) !important;
}

.androidSwitchButton {
	position: relative;
	margin: 1px !important;
	border-radius: 2px !important;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: none;
	overflow: hidden;
}

.androidSwitchButtonOn {
	background-color: rgba(0, 153, 204, 0.8); /* Taken from holo light resource used by Android 18 */
	color: #FFFFFF !important;
}

.androidSwitchButtonOff {
	background-color: rgba(153, 153, 153, 0.4); /* Taken from holo light resource used by Android 18 */
	color: #FFFFFF !important;
}

.androidSwitchButtonTouched {
	background-color: rgba(51, 181, 229, 0.8) !important; /* Taken from holo light resource used by Android 18 */
	color: #FFFFFF !important;
}

.androidSwitchButton.disabled {
	background-color: rgba(153,153,153,0.15) !important;
	border: 1px solid rgba(151, 151, 151, 0.2) !important;
}

	/******************************
		iOS (Based on iOS 7)
	*******************************/
.iOSSwitchBackground {
	overflow: visible !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
	-webkit-user-select: none;
}

.iOSSwitchBackground.disabled {
	opacity: 0.5;
}

.iOSSwitchBackgroundOn {
	background-color: #4BD662 !important; 
}

.iOSSwitchBackgroundOff {
	background-color: #E5E5E5 !important; 
}

.iOSInnerBackground {
	background-color: #FFFFFF;
	position: absolute;
	z-index: 0;
	margin: auto !important;
}

.iOSSwitchButton {
	position: absolute;
	box-sizing: border-box;
	z-index: 1;
	margin: 2px !important;
}

.iOSSwitchButton.disabled {
	background-color: rgba(255, 255, 255, 120) !important;
}

.iOSSwitchButtonOn {
	background-color: #FFFFFF;
	border: none !important;
}

.iOSSwitchButtonOff {
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5 !important;
}

	/******************************
		BB10
	*******************************/
.blackberrySwitchBackground {
	overflow: hidden !important;
	background-color: #E7E3E7 !important;
	border: 1px solid #D6CFD6;
	box-shadow: inset 0px 3px 6px rgba(50,50,50,0.2);
	user-select: none;
	-webkit-user-select: none;
}

.blackberrySwitchBackgroundOn {
}

.blackberrySwitchBackgroundOff {
}

.blackberrySwitchButton {
	overflow: visible !important;
	position: absolute;
	box-sizing: border-box;
	margin: 1px !important;
	display: inline-block;
}

.blackberrySwitchButton.disabled {
	background: #C6C3C6 !important;
}

.blackberrySwitchText {
	position: absolute;
	text-align: center;
	margin: 0px;
	display: inline-block;
	color: #635D63;
	overflow: hidden;
}

.blackberrySwitchButtonOn {
	background: linear-gradient(to bottom, #429AD6 0%, #0075C6 100%);
	background: -webkit-linear-gradient(top, #429AD6 0%,#0075C6 100%);
	border: 1px solid #7B797B !important;
}

.blackberrySwitchButtonOff {
	background: linear-gradient(to bottom, #FDFDFD 0%, #E7E7E7 100%);
	background: -webkit-linear-gradient(top, #FDFDFD 0%,#E7E7E7 100%);
	border: 1px solid #B1B1B1 !important;
}

.blackberrySwitchButtonTouched {
	background: linear-gradient(to bottom, #45BEE8 0%, #27ABE4 100%);
	background: -webkit-linear-gradient(top, #45BEE8 0%,#27ABE4 100%);
	border: 1px solid #8A9DA5 !important;
}

.blackberryTouchRing {
	position: absolute;
	background: -webkit-radial-gradient(center center, circle contain, rgba(0,0,0,0) 65%, rgba(39,171,228,0.7) 100%);
}