1
 2/* switch button */
 3.onoffswitch {
 4    position: relative; width: 46px;
 5    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
 6}
 7.onoffswitch-checkbox {
 8    display: none;
 9}
10.onoffswitch-label {
11    display: block; overflow: hidden; cursor: pointer;
12    height: 20px; padding: 0; line-height: 20px;
13    border: 2px solid #FFFFFF; border-radius: 20px;
14    background-color: #9E9E9E;
15    transition: background-color 0.3s ease-in;
16		margin-bottom: 0;
17}
18.onoffswitch-label:before {
19    content: "";
20    display: block; width: 20px; margin: 0px;
21    background: #FFFFFF;
22    position: absolute; top: 0; bottom: 0;
23    right: 24px;
24    border: 2px solid #FFFFFF; border-radius: 20px;
25    transition: all 0.3s ease-in 0s;
26}
27.onoffswitch-checkbox:checked + .onoffswitch-label {
28    background-color: #FF00B9;
29}
30.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
31   border-color: #FF00B9;
32}
33.onoffswitch-checkbox:checked + .onoffswitch-label:before {
34    right: 0px;
35}