.onoffswitch {position: relative; width: 3.5rem;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; height: 1.5rem; padding: 0; line-height: 1.5rem; border-radius: 1.5rem; background-color: #4498d7; transition: background-color 0.3s ease-in;margin:0;}
.onoffswitch-label:before {content: ""; display: block; width: 1.5rem; margin: 0px; background: #fff; position: absolute; top: 0; bottom: 0; right: 2rem; border-radius: 22px;transition: all 0.3s ease-in 0s; border: 2px solid #4498d7; }
.onoffswitch-checkbox:checked + .onoffswitch-label {background-color: #f36f21;}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {border-color: #f36f21; }
.onoffswitch-checkbox:checked + .onoffswitch-label:before {right: 0px;}
.onoffswitch-checkbox[disabled="disabled"] + .onoffswitch-label {filter: alpha(opacity=60);filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.60; opacity: 0.6;}