.ks_toogle{display:flex;cursor:pointer;flex-direction:row}.ks_toogle .toggle_button_label{display:inline-block;font-size:16px;margin-top:5px;margin-right:10px}.ks_toogle .toogle_wrapper{display:inline-block}.ks_toogle .toogle_wrapper.checked .toggle_button{background:#20b95e;color:#fff;padding:1px 34px 1px 16px}.ks_toogle .toogle_wrapper.checked .toggle_button .toggle_on_text{visibility:visible;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);box-sizing:border-box}.ks_toogle .toogle_wrapper.checked .toggle_button .toggle_off_text{visibility:hidden}.ks_toogle .toogle_wrapper.checked .toggle_button .toggle_circle{left:100%;margin-left:-27px;margin-top:3px}.ks_toogle .toogle_wrapper.checked .toggle_button:hover{background:#2c9657}.ks_toogle .toogle_wrapper.unchecked .toggle_button{background:#fff;color:#be2b2b;border:1px solid #c83a3a;line-height:27px}.ks_toogle .toogle_wrapper.unchecked .toggle_button:hover{border-color:#c83a3a;color:#c83a3a}.ks_toogle .toogle_wrapper.unchecked .toggle_button:hover .toggle_circle{background:#c83a3a}.ks_toogle .toogle_wrapper.unchecked .toggle_circle{background:#be2b2b}.ks_toogle .toogle_wrapper.unchecked .toggle_circle:hover{background:#c83a3a}.ks_toogle .toggle_button{background:#e8e8e8;color:#9e9ea6;display:inline-block;border-radius:16px;padding:1px 16px 1px 32px;cursor:pointer;position:relative;text-align:center;overflow:hidden;height:30px;width:auto;line-height:29px;float:left;box-sizing:border-box;-o-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;transition:all .1s linear}.ks_toogle .toggle_circle{background:#fff;display:inline-block;width:24px;height:24px;border-radius:50%;position:absolute;left:0;top:0;margin:2px;-moz-transition:all .1s linear;-o-transition:all .1s linear;-webkit-transition:all .1s linear;transition:all .1s linear}