6 vertical-align: middle;
10 .checkbox label::before {
12 display: inline-block;
18 border: 1px solid #cccccc;
20 background-color: #fff;
21 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
22 -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
23 transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
25 .checkbox label::after {
26 display: inline-block;
38 .checkbox input[type="checkbox"],
39 .checkbox input[type="radio"] {
43 .checkbox input[type="checkbox"]:focus + label::before,
44 .checkbox input[type="radio"]:focus + label::before {
46 outline: 5px auto -webkit-focus-ring-color;
49 .checkbox input[type="checkbox"]:checked + label::after,
50 .checkbox input[type="radio"]:checked + label::after {
51 font-family: "FontAwesome";
54 .checkbox input[type="checkbox"]:indeterminate + label::after,
55 .checkbox input[type="radio"]:indeterminate + label::after {
60 background-color: #555555;
65 .checkbox input[type="checkbox"]:disabled + label,
66 .checkbox input[type="radio"]:disabled + label {
69 .checkbox input[type="checkbox"]:disabled + label::before,
70 .checkbox input[type="radio"]:disabled + label::before {
71 background-color: #eeeeee;
74 .checkbox.checkbox-circle label::before {
77 .checkbox.checkbox-inline {
81 .checkbox-primary input[type="checkbox"]:checked + label::before,
82 .checkbox-primary input[type="radio"]:checked + label::before {
83 background-color: #337ab7;
84 border-color: #337ab7;
86 .checkbox-primary input[type="checkbox"]:checked + label::after,
87 .checkbox-primary input[type="radio"]:checked + label::after {
91 .checkbox-danger input[type="checkbox"]:checked + label::before,
92 .checkbox-danger input[type="radio"]:checked + label::before {
93 background-color: #d9534f;
94 border-color: #d9534f;
96 .checkbox-danger input[type="checkbox"]:checked + label::after,
97 .checkbox-danger input[type="radio"]:checked + label::after {
101 .checkbox-info input[type="checkbox"]:checked + label::before,
102 .checkbox-info input[type="radio"]:checked + label::before {
103 background-color: #5bc0de;
104 border-color: #5bc0de;
106 .checkbox-info input[type="checkbox"]:checked + label::after,
107 .checkbox-info input[type="radio"]:checked + label::after {
111 .checkbox-warning input[type="checkbox"]:checked + label::before,
112 .checkbox-warning input[type="radio"]:checked + label::before {
113 background-color: #f0ad4e;
114 border-color: #f0ad4e;
116 .checkbox-warning input[type="checkbox"]:checked + label::after,
117 .checkbox-warning input[type="radio"]:checked + label::after {
121 .checkbox-success input[type="checkbox"]:checked + label::before,
122 .checkbox-success input[type="radio"]:checked + label::before {
123 background-color: #5cb85c;
124 border-color: #5cb85c;
126 .checkbox-success input[type="checkbox"]:checked + label::after,
127 .checkbox-success input[type="radio"]:checked + label::after {
131 .checkbox-primary input[type="checkbox"]:indeterminate + label::before,
132 .checkbox-primary input[type="radio"]:indeterminate + label::before {
133 background-color: #337ab7;
134 border-color: #337ab7;
137 .checkbox-primary input[type="checkbox"]:indeterminate + label::after,
138 .checkbox-primary input[type="radio"]:indeterminate + label::after {
139 background-color: #fff;
142 .checkbox-danger input[type="checkbox"]:indeterminate + label::before,
143 .checkbox-danger input[type="radio"]:indeterminate + label::before {
144 background-color: #d9534f;
145 border-color: #d9534f;
148 .checkbox-danger input[type="checkbox"]:indeterminate + label::after,
149 .checkbox-danger input[type="radio"]:indeterminate + label::after {
150 background-color: #fff;
153 .checkbox-info input[type="checkbox"]:indeterminate + label::before,
154 .checkbox-info input[type="radio"]:indeterminate + label::before {
155 background-color: #5bc0de;
156 border-color: #5bc0de;
159 .checkbox-info input[type="checkbox"]:indeterminate + label::after,
160 .checkbox-info input[type="radio"]:indeterminate + label::after {
161 background-color: #fff;
164 .checkbox-warning input[type="checkbox"]:indeterminate + label::before,
165 .checkbox-warning input[type="radio"]:indeterminate + label::before {
166 background-color: #f0ad4e;
167 border-color: #f0ad4e;
170 .checkbox-warning input[type="checkbox"]:indeterminate + label::after,
171 .checkbox-warning input[type="radio"]:indeterminate + label::after {
172 background-color: #fff;
175 .checkbox-success input[type="checkbox"]:indeterminate + label::before,
176 .checkbox-success input[type="radio"]:indeterminate + label::before {
177 background-color: #5cb85c;
178 border-color: #5cb85c;
181 .checkbox-success input[type="checkbox"]:indeterminate + label::after,
182 .checkbox-success input[type="radio"]:indeterminate + label::after {
183 background-color: #fff;
190 display: inline-block;
191 vertical-align: middle;
195 .radio label::before {
197 display: inline-block;
203 border: 1px solid #cccccc;
205 background-color: #fff;
206 -webkit-transition: border 0.15s ease-in-out;
207 -o-transition: border 0.15s ease-in-out;
208 transition: border 0.15s ease-in-out;
210 .radio label::after {
211 display: inline-block;
220 background-color: #555555;
221 -webkit-transform: scale(0, 0);
222 -ms-transform: scale(0, 0);
223 -o-transform: scale(0, 0);
224 transform: scale(0, 0);
225 -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
226 -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
227 -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
228 transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
230 .radio input[type="radio"] {
234 .radio input[type="radio"]:focus + label::before {
235 outline: thin dotted;
236 outline: 5px auto -webkit-focus-ring-color;
237 outline-offset: -2px;
239 .radio input[type="radio"]:checked + label::after {
240 -webkit-transform: scale(1, 1);
241 -ms-transform: scale(1, 1);
242 -o-transform: scale(1, 1);
243 transform: scale(1, 1);
245 .radio input[type="radio"]:disabled + label {
248 .radio input[type="radio"]:disabled + label::before {
251 .radio.radio-inline {
255 .radio-primary input[type="radio"] + label::after {
256 background-color: #337ab7;
258 .radio-primary input[type="radio"]:checked + label::before {
259 border-color: #337ab7;
261 .radio-primary input[type="radio"]:checked + label::after {
262 background-color: #337ab7;
265 .radio-danger input[type="radio"] + label::after {
266 background-color: #d9534f;
268 .radio-danger input[type="radio"]:checked + label::before {
269 border-color: #d9534f;
271 .radio-danger input[type="radio"]:checked + label::after {
272 background-color: #d9534f;
275 .radio-info input[type="radio"] + label::after {
276 background-color: #5bc0de;
278 .radio-info input[type="radio"]:checked + label::before {
279 border-color: #5bc0de;
281 .radio-info input[type="radio"]:checked + label::after {
282 background-color: #5bc0de;
285 .radio-warning input[type="radio"] + label::after {
286 background-color: #f0ad4e;
288 .radio-warning input[type="radio"]:checked + label::before {
289 border-color: #f0ad4e;
291 .radio-warning input[type="radio"]:checked + label::after {
292 background-color: #f0ad4e;
295 .radio-success input[type="radio"] + label::after {
296 background-color: #5cb85c;
298 .radio-success input[type="radio"]:checked + label::before {
299 border-color: #5cb85c;
301 .radio-success input[type="radio"]:checked + label::after {
302 background-color: #5cb85c;
305 input[type="checkbox"].styled:checked + label:after,
306 input[type="radio"].styled:checked + label:after {
307 font-family: 'FontAwesome';
310 input[type="checkbox"] .styled:checked + label::before,
311 input[type="radio"] .styled:checked + label::before {
314 input[type="checkbox"] .styled:checked + label::after,
315 input[type="radio"] .styled:checked + label::after {