/**************************************************************************
 * Project:		Switch - CSS Toggle Checkbox
 * Info:		https://codecanyon.net/item/switch-css-toggle-checkbox/23229802
 * Version:		1.0
 * Author:		AthenaStudio
 * Profile:		https://themeforest.net/user/athenastudio
**************************************************************************/

.switch{display:inline-block;vertical-align:middle}.switch input{display:none;height:0;width:0;visibility:hidden}.switch-light label{position:relative;display:block;cursor:pointer;width:64px;height:32px;margin:0;background:#999;border-radius:64px;text-indent:-9999px;transition:.3s}.switch-light label:after{content:'';position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:28px;transition:.3s}.switch-light input:checked+label:after{left:calc(100% - 2px);transform:translateX(-100%)}.switch-light label:active:after{width:40px}.switch-light input:disabled+label{opacity:.5;cursor:default}.switch-light input:disabled+label:active:after{width:28px}.switch-flat label{position:relative;display:block;cursor:pointer;width:64px;height:32px;margin:0;background:#fff;border:4px solid #ccc;border-radius:64px;text-indent:-9999px;transition:.3s}.switch-flat label:after{content:'';position:absolute;top:2px;left:2px;width:26px;height:20px;background:#ccc;border-radius:26px;transition:.3s}.switch-flat input:checked+label:after{left:calc(100% - 2px);transform:translateX(-100%)}.switch-flat input:disabled+label{opacity:.5;cursor:default}.switch-slide label{position:relative;display:block;cursor:pointer;width:80px;height:36px;margin:0;background:#fff;border:1px solid #ccc;border-radius:4px;overflow:hidden;transition:.3s}.switch-slide label .active{content:'';position:absolute;top:0;left:-50%;width:50%;height:100%;transition:.3s}.switch-slide label .active:after{content:'';position:absolute;top:7px;left:15px;width:8px;height:16px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(1)}.switch-slide label .inactive{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:#ccc;transition:.3s}.switch-slide label .inactive:after,.switch-slide label .inactive:before{content:'';position:absolute;left:20px;top:7px;width:1px;height:20px;background-color:#666}.switch-slide label .inactive:before{transform:rotate(45deg)}.switch-slide label .inactive:after{transform:rotate(-45deg)}.switch-slide input:checked+label .active{left:0}.switch-slide input:checked+label .inactive{right:-50%}.switch-slide input:disabled+label{opacity:.5;cursor:default}.switch-classic label{position:relative;display:block;cursor:pointer;width:20px;height:20px;margin:0;background:#fff;border:2px solid #ccc;border-radius:2px;text-indent:-9999px;transition:.3s}.switch-classic label:after{content:'';position:absolute;top:1px;left:5px;width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transition:.3s;opacity:0;transform:rotate(45deg) scale(0)}.switch-classic input:checked+label:after{opacity:1;transform:rotate(45deg) scale(1)}.switch-classic input:disabled+label{opacity:.5;cursor:default}.switch-flip label{position:relative;display:block;cursor:pointer;min-width:70px;transition:all .2s ease;font-family:"Open Sans",sans-serif}.switch-flip label:after,.switch-flip label:before{position:absolute;display:inline-block;top:0;left:0;padding:8px 12px;min-width:70px;text-align:center;font-size:16px;line-height:16px;font-weight:700;color:#fff;backface-visibility:hidden;border-radius:4px;transition:all .4s ease}.switch-flip label:before{content:attr(data-flip-off);background:red}.switch-flip label:after{content:attr(data-flip-on);transform:rotateY(-180deg)}.switch-flip label:active:before{transform:rotateY(-20deg)}.switch-flip input:checked+label:before{transform:rotateY(180deg)}.switch-flip input:checked+label:after{left:0;transform:rotateY(0)}.switch-flip input:checked+label:active:after{transform:rotateY(20deg)}.switch-flip input:disabled+label{opacity:.5;cursor:default}