.switchery {
	width:50px;
	height:30px;
	display:inline-block;
	cursor:pointer;
	position:relative;
	vertical-align:middle;
	border:1px solid #dfdfdf;
	border-radius:20px;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	box-sizing:content-box;
	background-color:#fff;
	background-clip:content-box;
}
.switchery>small {background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:0;width:30px;left:0;transition: left 0.2s ease 0s;}
.switchery-small {border-radius:20px;height:20px;width:33px}
.switchery-small>small {height:20px;width:20px}
.switchery-large {border-radius:40px;height:40px;width:66px}
.switchery-large>small {height:40px;width:40px}

.switchery.active {
	background-color: rgb(27, 185, 154);
    border-color: rgb(27, 185, 154);
    box-shadow: rgb(27, 185, 154) 0px 0px 0px 16px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s, left 0.2s ease 0s;
}
.switchery.active.no_update_info {
	background-color: #98a6ad;
	border-color: #98a6ad;
    box-shadow: #98a6ad 0px 0px 0px 16px inset;
}
.switchery.switchery-small.active small {
	left: 13px;
    transition: background-color 0.4s ease 0s, left 0.2s ease 0s;
    background-color: rgb(255, 255, 255);
}