1 | .mgc{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:3px;transition:background-color .25s;background-color:#fff;border:1px solid #d7d7d7}.mgc:checked:after{content:'';display:block;height:4px;width:7px;border:0 solid #333;border-width:0 0 2px 2px;transform:rotate(-45deg);position:absolute;top:3px;left:3px}.mgc:disabled{opacity:.65}.mgc:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}.mgc:checked{background-color:#fff;border-color:#d7d7d7}.mgc:checked:after{border-color:#414141}.mgc-primary{background-color:#fff;border:1px solid #d7d7d7}.mgc-primary:checked{background-color:#337ab7;border-color:#337ab7}.mgc-primary:checked:after{border-color:#fff}.mgc-success{background-color:#fff;border:1px solid #d7d7d7}.mgc-success:checked{background-color:#5cb85c;border-color:#5cb85c}.mgc-success:checked:after{border-color:#fff}.mgc-info{background-color:#fff;border:1px solid #d7d7d7}.mgc-info:checked{background-color:#5bc0de;border-color:#5bc0de}.mgc-info:checked:after{border-color:#fff}.mgc-warning{background-color:#fff;border:1px solid #d7d7d7}.mgc-warning:checked{background-color:#f0ad4e;border-color:#f0ad4e}.mgc-warning:checked:after{border-color:#fff}.mgc-danger{background-color:#fff;border:1px solid #d7d7d7}.mgc-danger:checked{background-color:#cf3b3a;border-color:#cf3b3a}.mgc-danger:checked:after{border-color:#fff}.mgc-circle{border-radius:50%}.mgc-sm{width:12px;height:12px}.mgc-sm:checked:after{top:2px;left:1px;height:3px;width:6px}.mgc-lg{width:19px;height:19px}.mgc-lg:checked:after{top:3px;left:3px;height:5px;width:10px}input[type="radio"].mgr{position:relative;width:16px;height:16px;background-clip:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:-.15px .6px 0 0;vertical-align:text-bottom;border-radius:50%;background-color:#fff;border:1px solid #d7d7d7}input[type="radio"].mgr:disabled{opacity:.65}input[type="radio"].mgr:before{content:'';display:block;height:0;width:0;transition:width .25s,height .25s}input[type="radio"].mgr:checked:before{height:8px;width:8px;border-radius:50%;margin:3px 0 0 3px}input[type="radio"].mgr:focus{outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff}input[type="radio"].mgr:checked{border:1px solid #555}input[type="radio"].mgr:checked:before{background-color:#555}.mgr-primary{background-color:#fff;border:1px solid #d7d7d7}.mgr-primary:checked{border:1px solid #337ab7}.mgr-primary:checked:before{background-color:#337ab7}.mgr-success{background-color:#fff;border:1px solid #d7d7d7}.mgr-success:checked{border:1px solid #5cb85c}.mgr-success:checked:before{background-color:#5cb85c}.mgr-info{background-color:#fff;border:1px solid #d7d7d7}.mgr-info:checked{border:1px solid #5bc0de}.mgr-info:checked:before{background-color:#5bc0de}.mgr-warning{background-color:#fff;border:1px solid #d7d7d7}.mgr-warning:checked{border:1px solid #f0ad4e}.mgr-warning:checked:before{background-color:#f0ad4e}.mgr-danger{background-color:#fff;border:1px solid #d7d7d7}.mgr-danger:checked{border:1px solid #cf3b3a}.mgr-danger:checked:before{background-color:#cf3b3a}.mgr-sm{width:12px;height:12px}.mgr-sm:checked:before{height:6px;width:6px;border-radius:50%;margin:2px 0 0 2px}.mgr-lg{width:19px;height:19px}.mgr-lg:checked:before{height:11px;width:11px;border-radius:50%;margin:3px 0 0 3px}.mgc-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:41px;height:24px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background:#dfdfdf}.mgc-switch:before,.mgc-switch:after{content:" ";position:absolute;top:0;left:0;border-radius:15px;transition:transform .3s}.mgc-switch:before{width:39px;height:22px;background-color:#fdfdfd}.mgc-switch:after{width:22px;height:22px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4)}.mgc-switch:checked{border-color:#04be02;background-color:#04be02}.mgc-switch:checked:before{transform:scale(0)}.mgc-switch:checked:after{transform:translateX(17px)}.mgc-switch:focus{outline:0}.mgc-sm.mgc-switch{height:20px;width:32px}.mgc-sm.mgc-switch:before{height:18px;width:30px}.mgc-sm.mgc-switch:after{width:18px;height:18px}.mgc-sm.mgc-switch:checked:after{top:0;left:2px;transform:translateX(10px)}.mgc-lg.mgc-switch{height:32px;width:52px}.mgc-lg.mgc-switch:before{height:30px;width:50px}.mgc-lg.mgc-switch:after{width:30px;height:30px}.mgc-lg.mgc-switch:checked:after{top:0;left:2px;transform:translateX(18px)} |