@charset "UTF-8";

 .switch-light label,
		.switch-light > span {
			line-height: 30px;
			vertical-align: middle;
		}		
		.switch-light input:focus ~ a,
		.switch-light input:focus+label {
			outline: 0px dotted #888888;
		}		
		.switch-light label {
			display: block;
			position: relative;
			width: 100%;
			z-index: 3;
		}		
		.switch-light input {
			opacity: 0;
			position: absolute;
			z-index: 5;
		}
		.switch-light > span {
			left: -50px;
			margin: 0;
			position: absolute;
			text-align: left;
			width: 100%;
		}
		.switch-light a {
			display: block;
			height: 100%;
			padding: 0;
			position: absolute;
			right: 44%;
			top: 0;
			width: 56%;
			z-index: 4;
		}
		.switch-demo label {
			color: #FFFFFF;
		}
		.switch-demo.switch-light input:checked ~ span span:last-of-type {
			opacity: 1;
		}		
		.switch-demo .switch-demo > span span {
			font-size: 85%;
			text-transform: uppercase;
		}		
		.setlabel {
			cursor: pointer;
			display: block;
			font-size: 0.875em;
			font-weight: 500;
			margin-bottom: 0.1875em;
		}		
		.switch-light * {
			-moz-box-sizing: border-box;
		}		
		.switch-light a {
			display: block;
			transition: all 0.3s ease-out 0s;
		}		
		.switch-light label, .switch-light>span {
			line-height: 30px;
			vertical-align: middle;
		}		
		.switch-light input:focus ~ a,
		.switch-light input:focus+label {
			outline: 0px dotted #888888;
		}		
		.switch-light label {
			display: block;
			position: relative;
			width: 100%;
			z-index: 3;
		}		
		.switch-light input {
			opacity: 0;
			position: absolute;
			z-index: 5;
		}		
		.switch-light input:checked ~ a {
			right: 0;
		}		
		.switch-light>span {
			left: -50px;
			margin: 0;
			position: absolute;
			text-align: left;
			width: 100%;
		}
		.switch-demo label {
			color: #fff;
		}		
		.switch-demo>span span {
			opacity: 0;
			transition: all 0.1s ease 0s;
		}		
		.switch-demo>span span:first-of-type {
			opacity: 1;
		}
		.switch-demo.switch-light input:checked ~ span span:first-of-type {
			opacity: 0;
		}
		.switch-demo .switch-demo>span span {
			font-size: 85%;
			text-transform: uppercase;
		}
		.on_off {
			width: 70px;
			/* display: inline-block;
			vertical-align: middle; */
			float: right;
		}