1 @keyframes hover-color {
3 border-color: #c0c0c0; }
5 border-color: #3e97eb; } }
12 .magic-radio[disabled],
13 .magic-checkbox[disabled] {
14 cursor: not-allowed; }
17 .magic-checkbox + label {
22 vertical-align: middle;
25 .magic-radio + label:hover:before,
26 .magic-checkbox + label:hover:before {
27 animation-duration: 0.4s;
28 animation-fill-mode: both;
29 animation-name: hover-color; }
30 .magic-radio + label:before,
31 .magic-checkbox + label:before {
35 display: inline-block;
39 border: 1px solid #4ac9ff; }
40 .magic-radio + label:after,
41 .magic-checkbox + label:after {
46 .magic-radio[disabled] + label,
47 .magic-checkbox[disabled] + label {
50 .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
51 .magic-checkbox[disabled] + label:hover,
52 .magic-checkbox[disabled] + label:before,
53 .magic-checkbox[disabled] + label:after {
54 cursor: not-allowed; }
55 .magic-radio[disabled] + label:hover:before,
56 .magic-checkbox[disabled] + label:hover:before {
57 border: 1px solid #e4e4e4;
58 animation-name: none; }
59 .magic-radio[disabled] + label:before,
60 .magic-checkbox[disabled] + label:before {
61 border-color: #e4e4e4; }
63 .magic-radio:checked + label:before,
64 .magic-checkbox:checked + label:before {
65 animation-name: none; }
67 .magic-radio:checked + label:after,
68 .magic-checkbox:checked + label:after {
71 .magic-radio + label:before {
74 .magic-radio + label:after {
80 background: #3e97eb; }
82 .magic-radio:checked + label:before {
83 border: 1px solid #3e97eb; }
85 .magic-radio:checked[disabled] + label:before {
86 border: 1px solid #c9e2f9; }
88 .magic-radio:checked[disabled] + label:after {
89 background: #c9e2f9; }
91 .magic-checkbox + label:before {
94 .magic-checkbox + label:after {
97 box-sizing: border-box;
100 transform: rotate(45deg);
107 .magic-checkbox:checked + label:before {
109 background: #3e97eb; }
111 .magic-checkbox:checked[disabled] + label:before {
113 background: #c9e2f9; }
115 .radio-toolbar label {
117 border:1px solid green;
121 .magic-radio:checked + label {