/* SWITCH.CSS ************************************************** */
.BootstrapSwitch {
	border-collapse: collapse;
	border-spacing: 0px;
	display: table;
}
	.BootstrapSwitch input[type=checkbox] {
		visibility: hidden;
	}
	.BootstrapSwitch > div {
		display: table-cell;
	}
		.BootstrapSwitch > div:last-child {
			padding-left: 10px;
			padding-top: 4px;
			vertical-align: middle;
		}
		.BootstrapSwitch .LabelOnNewLine {
			display: block !important;
			padding-left: 0px !important;
			padding-bottom: 2px !important;
			/* text-align: center !important; */
		}
		.BootstrapSwitch > div:first-child {
			width: 100px;
			height: 40px;
			background-color: #337ab7;
			border-radius: 50px;
			position: relative;
			display: inline-block;
		}
			.BootstrapSwitch > div:first-child:before {
				content: '';
				position: absolute;
				top: 16px;
				left: 14px;
				height: 6px;
				width: 13px;
				background: transparent;
				border: 3px solid white;
				border-top: none;
				border-right: none;
				transform: rotate(-45deg);
			}
			.BootstrapSwitch > div:first-child:after {
				content: '\d7';
				position: absolute;
				top: 1px;
				left: 71px;
				color: silver;
				font-size: 27px;
			}
			.BootstrapSwitch > div:first-child label {
				display: block;
				width: 52px;
				height: 22px;
				border-radius: 50px;
				transition: all .5s ease;
				cursor: pointer;
				position: absolute;
				top: 9px;
				z-index: 1;
				left: 12px;
				/* gradient */
				background: #eeeeee;
				background: -moz-linear-gradient(-45deg, #eeeeee 0%, #cccccc 100%);
				background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%);
				background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 );
			}
		.BootstrapSwitch > div:nth-child(2) label {
			cursor: pointer;
		}
	.BootstrapSwitch input[type=checkbox]:checked + label {
		left: 40px;
	}