.checkbox-ios {display: inline-block;height: 16px;/*margin-right: 10px;*/position: relative;vertical-align: middle;font-size: 14px;user-select: none;}
.checkbox-ios .checkbox-ios-switch {position: relative;display: inline-block;box-sizing: border-box;width: 27px;height: 16px;border-radius: 25%/50%;vertical-align: top;background: #e2e2e2;transition: .2s;}
.checkbox-ios .checkbox-ios-switch:before {content: '';position: absolute;top: 1px;left: 1px;display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: white; box-shadow: 0px 3px 8px rgba(25, 148, 220, 0.15), 0px 3px 1px rgba(25, 148, 220, 0.06);transition: .15s;}
.checkbox-ios input[type=checkbox] {display: block;width: 0;height: 0;position: absolute;z-index: -1;opacity: 0;}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {background: #1994DC;}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {transform:translateX(11px);}
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {cursor: pointer;border-color: rgba(0, 0, 0, .3);}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {filter: grayscale(70%);border-color: rgba(0, 0, 0, .1);}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {background: #eee;}
.checkbox-ios.focused .checkbox-ios-switch:before {box-shadow: inset 0px 0px 4px #ff5623;}