.dkcheckbox{background-color:gray;width:30px;height:30px;border-radius:5px;position:relative;transition:all .5s ease;cursor:pointer}.dkcheckbox.on::after{content:" ";position:absolute;top:3px;left:3px;bottom:3px;right:3px;border-radius:3px;background-color:#fff;z-index:10}.dkswitch{background-color:#df0000;width:56px;height:30px;border-radius:15px;position:relative;transition:all .25s ease;cursor:pointer;box-shadow:inset 0 1px 1px rgba(0,0,0,.35),inset 0 -1px 1px rgba(255,255,255,.5)}.dkswitch .mover{height:26px;position:absolute;top:2px;left:2px;background-color:#e9e9e9;border-radius:15px;transition:all .25s ease;right:28px;box-shadow:inset 0 -1px 0px rgba(0,0,0,.5),inset 0 1px 0px rgba(255,255,255,.5)}.dkswitch.disabled{opacity:.5;pointer-events:none}.dkswitch.disabled .mover{opacity:.5}.dkswitch.on{background-color:#00a900}.dkswitch.on .mover{left:28px;right:2px}.dkswitch3{background-color:#727272;width:40px;height:20px;border-radius:10px;position:relative;transition:all .25s ease;cursor:pointer}.dkswitch3 .mover{height:16px;position:relative;width:16px;top:2px;left:2px;background-color:#fff;border-radius:15px;transition:all .25s ease;right:22px}.dkswitch3.disabled{opacity:.5;pointer-events:none}.dkswitch3.disabled .mover{opacity:.5}.dkswitch3.disabledstealthy{pointer-events:none}.dkswitch3.disabledstealthy .mover{opacity:.5}.dkswitch3.on{background-color:#00a900}.dkswitch3.on .mover{left:22px;right:2px}.dkvalswitch{display:flex;border:1px solid #727272;border-radius:5px;justify-content:center;align-items:center;overflow:hidden;user-select:none}.dkvalswitch .switch-button{display:inline-block;padding:5px;min-width:40px;text-align:center;cursor:pointer;color:#fff;font-size:14px;transition:all .25s ease}.dkvalswitch .switch-button.yes{background-color:#00a900}.dkvalswitch .switch-button.no{background-color:#bdbdbd;color:#000}.dkvalswitch.on .switch-button.yes{background-color:#bdbdbd;color:#000}.dkvalswitch.on .switch-button.no{background-color:#00a900;color:#fff}