.cl-switch input[type=checkbox]{display:none;visibility:hidden}.cl-switch .switcher{display:inline-block;border-radius:100px;width:35px;height:15px;background-color:#ccc;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;cursor:pointer}.cl-switch .switcher:before{content:"";display:block;width:20px;height:20px;background-color:#fff;box-shadow:0 1px 3px #0009;border-radius:50%;margin-top:-2.5px;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.cl-switch .switcher:active:before{box-shadow:0 1px 3px #0009,0 0 0 10px #0369a14d;transition:all,.1s}.cl-switch .label{font-family:Nunito,sans-serif;cursor:pointer;vertical-align:middle;margin:0 5px}.cl-switch input[type=checkbox]:checked+.switcher{background-color:#4b979038}.cl-switch input[type=checkbox]:checked+.switcher:before{left:100%;margin-left:-20px;background-color:#009687}.cl-switch [disabled]:not([disabled=false])+.switcher{background:#ccc!important}.cl-switch [disabled]:not([disabled=false])+.switcher:active:before{box-shadow:0 1px 2px #0003!important}.cl-switch [disabled]:not([disabled=false])+.switcher:before{background-color:#e2e2e2!important;box-shadow:0 1px 2px #0003!important}.cl-switch.cl-switch-large .switcher{width:52px;height:22px}.cl-switch.cl-switch-large .switcher:before{width:30px;height:30px;margin-top:-4px}.cl-switch.cl-switch-large .label{font-size:16px}.cl-switch.cl-switch-large input[type=checkbox]:checked+.switcher:before{margin-left:-30px}.cl-switch.cl-switch-xlarge .switcher{width:87px;height:37px}.cl-switch.cl-switch-xlarge .switcher:before{width:50px;height:50px;margin-top:-6px}.cl-switch.cl-switch-xlarge .label{font-size:24px}.cl-switch.cl-switch-xlarge input[type=checkbox]:checked+.switcher:before{margin-left:-50px}.cl-switch.cl-switch-black input[type=checkbox]:checked+.switcher{background-color:#676767}.cl-switch.cl-switch-black input[type=checkbox]:checked+.switcher:before{background-color:#343434}.cl-switch.cl-switch-black .switcher:active:before{box-shadow:0 1px 3px #0009,0 0 0 10px #3434344d}.cl-switch.cl-switch-red input[type=checkbox]:checked+.switcher{background-color:#ffcece}.cl-switch.cl-switch-red input[type=checkbox]:checked+.switcher:before{background-color:#ff6868}.cl-switch.cl-switch-red .switcher:active:before{box-shadow:0 1px 3px #0009,0 0 0 10px #ff68684d}.cl-switch.cl-switch-green input[type=checkbox]:checked+.switcher{background-color:#77e4c0}.cl-switch.cl-switch-green input[type=checkbox]:checked+.switcher:before{background-color:#29cc97}.cl-switch.cl-switch-green .switcher:active:before{box-shadow:0 1px 3px #0009,0 0 0 10px #29cc974d}.cl-switch.cl-switch-orange input[type=checkbox]:checked+.switcher{background-color:#ffc166}.cl-switch.cl-switch-orange input[type=checkbox]:checked+.switcher:before{background-color:#ff9800}.cl-switch.cl-switch-orange .switcher:active:before{box-shadow:0 1px 3px #0009,0 0 0 10px #ff98004d}.cl-switch.ios .switcher{width:45px;height:24px;background-color:#fff;border:1px solid #d3d3d5;box-shadow:0 0 #4bd964 inset;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.cl-switch.ios .switcher:before{width:24px;height:24px;background-color:#fff;box-shadow:0 1px 2px #0003;margin-top:0;top:-1px;right:-1px;margin-right:0;border:1px solid #d3d3d5;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.cl-switch.ios input[type=checkbox]:checked+.switcher{background-color:#fff;box-shadow:0 0 0 20px #4bd964 inset}.cl-switch.ios input[type=checkbox]:checked+.switcher:before{right:100%;margin-right:-22px;background-color:#fff}.cl-switch.ios [disabled]:not([disabled=false])+.switcher{background:#ccc!important}.cl-switch.ios [disabled]:not([disabled=false])+.switcher:active:before{box-shadow:0 1px 2px #0003!important}.cl-switch.ios [disabled]:not([disabled=false])+.switcher:before{background-color:#e2e2e2!important;box-shadow:0 1px 2px #0003!important}.cl-switch.ios.cl-switch-large .switcher{width:62px;height:34px}.cl-switch.ios.cl-switch-large .switcher:before{width:34px;height:34px}.cl-switch.ios.cl-switch-large .label{font-size:16px}.cl-switch.ios.cl-switch-large input[type=checkbox]:checked+.switcher:before{margin-right:-30px}.cl-switch.ios.cl-switch-xlarge .switcher{width:80px;height:40px}.cl-switch.ios.cl-switch-xlarge .switcher:before{width:40px;height:40px;margin-top:0}.cl-switch.ios.cl-switch-xlarge .label{font-size:24px}.cl-switch.ios.cl-switch-xlarge input[type=checkbox]:checked+.switcher:before{margin-right:-39px}.cl-switch.ios.cl-switch-black .switcher{box-shadow:0 0 #343434 inset}.cl-switch.ios.cl-switch-black input[type=checkbox]:checked+.switcher{box-shadow:0 0 0 20px #343434 inset;background:#fff}.cl-switch.ios.cl-switch-black input[type=checkbox]:checked+.switcher:before{background-color:#fff}.cl-switch.ios.cl-switch-black .switcher:active:before{box-shadow:none}.cl-switch.ios.cl-switch-red .switcher{box-shadow:0 0 #ff6868 inset}.cl-switch.ios.cl-switch-red input[type=checkbox]:checked+.switcher{box-shadow:0 0 0 20px #ff6868 inset;background:#fff}.cl-switch.ios.cl-switch-red input[type=checkbox]:checked+.switcher:before{background-color:#fff}.cl-switch.ios.cl-switch-red .switcher:active:before{box-shadow:none}.cl-switch.ios.cl-switch-green .switcher{box-shadow:0 0 #29cc97 inset}.cl-switch.ios.cl-switch-green input[type=checkbox]:checked+.switcher{box-shadow:0 0 0 20px #29cc97 inset;background:#fff}.cl-switch.ios.cl-switch-green input[type=checkbox]:checked+.switcher:before{background-color:#fff}.cl-switch.ios.cl-switch-green .switcher:active:before{box-shadow:none}.cl-switch.ios.cl-switch-orange .switcher{box-shadow:0 0 #ff9800 inset}.cl-switch.ios.cl-switch-orange input[type=checkbox]:checked+.switcher{box-shadow:0 0 0 20px #ff9800 inset;background:#fff}.cl-switch.ios.cl-switch-orange input[type=checkbox]:checked+.switcher:before{background-color:#fff}.cl-switch.ios.cl-switch-orange .switcher:active:before{box-shadow:none}