.switch {
		position: relative;
    	display: inline-block;
		width: 58px;
		vertical-align: middle;
		height: 16px;
	}
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}
	.slider:before {
		position: absolute;
    	content: "";
		height: 12px;
		width: 12px;
		left: 4px;
		bottom: 2px;
		background-color: DarkOrange;
		-webkit-transition: .4s;
		transition: .4s;
	}
	input:checked + .slider {
		background-color: #64ff59;
	}
	input:focus + .slider {
		box-shadow: 0 0 1px #2196F3;
	}
	input:checked + .slider:before {
		-webkit-transform: translateX(39px);
		-ms-transform: translateX(39px);
		transform: translateX(39px);
	}
	.slider.round {
		border-radius: 34px;
	}
	.slider.round:before {
		border-radius: 50%;
	}