]>
Commit | Line | Data |
---|---|---|
1 | /*! | |
2 | * Materialize v0.97.1 (http://materializecss.com) | |
3 | * Copyright 2014-2015 Materialize | |
4 | * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) | |
5 | */ | |
6 | .materialize-red.lighten-5 { | |
7 | background-color: #fdeaeb !important; } | |
8 | ||
9 | .materialize-red-text.text-lighten-5 { | |
10 | color: #fdeaeb !important; } | |
11 | ||
12 | .materialize-red.lighten-4 { | |
13 | background-color: #f8c1c3 !important; } | |
14 | ||
15 | .materialize-red-text.text-lighten-4 { | |
16 | color: #f8c1c3 !important; } | |
17 | ||
18 | .materialize-red.lighten-3 { | |
19 | background-color: #f3989b !important; } | |
20 | ||
21 | .materialize-red-text.text-lighten-3 { | |
22 | color: #f3989b !important; } | |
23 | ||
24 | .materialize-red.lighten-2 { | |
25 | background-color: #ee6e73 !important; } | |
26 | ||
27 | .materialize-red-text.text-lighten-2 { | |
28 | color: #ee6e73 !important; } | |
29 | ||
30 | .materialize-red.lighten-1 { | |
31 | background-color: #ea454b !important; } | |
32 | ||
33 | .materialize-red-text.text-lighten-1 { | |
34 | color: #ea454b !important; } | |
35 | ||
36 | .materialize-red { | |
37 | background-color: #e51c23 !important; } | |
38 | ||
39 | .materialize-red-text { | |
40 | color: #e51c23 !important; } | |
41 | ||
42 | .materialize-red.darken-1 { | |
43 | background-color: #d0181e !important; } | |
44 | ||
45 | .materialize-red-text.text-darken-1 { | |
46 | color: #d0181e !important; } | |
47 | ||
48 | .materialize-red.darken-2 { | |
49 | background-color: #b9151b !important; } | |
50 | ||
51 | .materialize-red-text.text-darken-2 { | |
52 | color: #b9151b !important; } | |
53 | ||
54 | .materialize-red.darken-3 { | |
55 | background-color: #a21318 !important; } | |
56 | ||
57 | .materialize-red-text.text-darken-3 { | |
58 | color: #a21318 !important; } | |
59 | ||
60 | .materialize-red.darken-4 { | |
61 | background-color: #8b1014 !important; } | |
62 | ||
63 | .materialize-red-text.text-darken-4 { | |
64 | color: #8b1014 !important; } | |
65 | ||
66 | .red.lighten-5 { | |
67 | background-color: #FFEBEE !important; } | |
68 | ||
69 | .red-text.text-lighten-5 { | |
70 | color: #FFEBEE !important; } | |
71 | ||
72 | .red.lighten-4 { | |
73 | background-color: #FFCDD2 !important; } | |
74 | ||
75 | .red-text.text-lighten-4 { | |
76 | color: #FFCDD2 !important; } | |
77 | ||
78 | .red.lighten-3 { | |
79 | background-color: #EF9A9A !important; } | |
80 | ||
81 | .red-text.text-lighten-3 { | |
82 | color: #EF9A9A !important; } | |
83 | ||
84 | .red.lighten-2 { | |
85 | background-color: #E57373 !important; } | |
86 | ||
87 | .red-text.text-lighten-2 { | |
88 | color: #E57373 !important; } | |
89 | ||
90 | .red.lighten-1 { | |
91 | background-color: #EF5350 !important; } | |
92 | ||
93 | .red-text.text-lighten-1 { | |
94 | color: #EF5350 !important; } | |
95 | ||
96 | .red { | |
97 | background-color: #F44336 !important; } | |
98 | ||
99 | .red-text { | |
100 | color: #F44336 !important; } | |
101 | ||
102 | .red.darken-1 { | |
103 | background-color: #E53935 !important; } | |
104 | ||
105 | .red-text.text-darken-1 { | |
106 | color: #E53935 !important; } | |
107 | ||
108 | .red.darken-2 { | |
109 | background-color: #D32F2F !important; } | |
110 | ||
111 | .red-text.text-darken-2 { | |
112 | color: #D32F2F !important; } | |
113 | ||
114 | .red.darken-3 { | |
115 | background-color: #C62828 !important; } | |
116 | ||
117 | .red-text.text-darken-3 { | |
118 | color: #C62828 !important; } | |
119 | ||
120 | .red.darken-4 { | |
121 | background-color: #B71C1C !important; } | |
122 | ||
123 | .red-text.text-darken-4 { | |
124 | color: #B71C1C !important; } | |
125 | ||
126 | .red.accent-1 { | |
127 | background-color: #FF8A80 !important; } | |
128 | ||
129 | .red-text.text-accent-1 { | |
130 | color: #FF8A80 !important; } | |
131 | ||
132 | .red.accent-2 { | |
133 | background-color: #FF5252 !important; } | |
134 | ||
135 | .red-text.text-accent-2 { | |
136 | color: #FF5252 !important; } | |
137 | ||
138 | .red.accent-3 { | |
139 | background-color: #FF1744 !important; } | |
140 | ||
141 | .red-text.text-accent-3 { | |
142 | color: #FF1744 !important; } | |
143 | ||
144 | .red.accent-4 { | |
145 | background-color: #D50000 !important; } | |
146 | ||
147 | .red-text.text-accent-4 { | |
148 | color: #D50000 !important; } | |
149 | ||
150 | .pink.lighten-5 { | |
151 | background-color: #fce4ec !important; } | |
152 | ||
153 | .pink-text.text-lighten-5 { | |
154 | color: #fce4ec !important; } | |
155 | ||
156 | .pink.lighten-4 { | |
157 | background-color: #f8bbd0 !important; } | |
158 | ||
159 | .pink-text.text-lighten-4 { | |
160 | color: #f8bbd0 !important; } | |
161 | ||
162 | .pink.lighten-3 { | |
163 | background-color: #f48fb1 !important; } | |
164 | ||
165 | .pink-text.text-lighten-3 { | |
166 | color: #f48fb1 !important; } | |
167 | ||
168 | .pink.lighten-2 { | |
169 | background-color: #f06292 !important; } | |
170 | ||
171 | .pink-text.text-lighten-2 { | |
172 | color: #f06292 !important; } | |
173 | ||
174 | .pink.lighten-1 { | |
175 | background-color: #ec407a !important; } | |
176 | ||
177 | .pink-text.text-lighten-1 { | |
178 | color: #ec407a !important; } | |
179 | ||
180 | .pink { | |
181 | background-color: #e91e63 !important; } | |
182 | ||
183 | .pink-text { | |
184 | color: #e91e63 !important; } | |
185 | ||
186 | .pink.darken-1 { | |
187 | background-color: #d81b60 !important; } | |
188 | ||
189 | .pink-text.text-darken-1 { | |
190 | color: #d81b60 !important; } | |
191 | ||
192 | .pink.darken-2 { | |
193 | background-color: #c2185b !important; } | |
194 | ||
195 | .pink-text.text-darken-2 { | |
196 | color: #c2185b !important; } | |
197 | ||
198 | .pink.darken-3 { | |
199 | background-color: #ad1457 !important; } | |
200 | ||
201 | .pink-text.text-darken-3 { | |
202 | color: #ad1457 !important; } | |
203 | ||
204 | .pink.darken-4 { | |
205 | background-color: #880e4f !important; } | |
206 | ||
207 | .pink-text.text-darken-4 { | |
208 | color: #880e4f !important; } | |
209 | ||
210 | .pink.accent-1 { | |
211 | background-color: #ff80ab !important; } | |
212 | ||
213 | .pink-text.text-accent-1 { | |
214 | color: #ff80ab !important; } | |
215 | ||
216 | .pink.accent-2 { | |
217 | background-color: #ff4081 !important; } | |
218 | ||
219 | .pink-text.text-accent-2 { | |
220 | color: #ff4081 !important; } | |
221 | ||
222 | .pink.accent-3 { | |
223 | background-color: #f50057 !important; } | |
224 | ||
225 | .pink-text.text-accent-3 { | |
226 | color: #f50057 !important; } | |
227 | ||
228 | .pink.accent-4 { | |
229 | background-color: #c51162 !important; } | |
230 | ||
231 | .pink-text.text-accent-4 { | |
232 | color: #c51162 !important; } | |
233 | ||
234 | .purple.lighten-5 { | |
235 | background-color: #f3e5f5 !important; } | |
236 | ||
237 | .purple-text.text-lighten-5 { | |
238 | color: #f3e5f5 !important; } | |
239 | ||
240 | .purple.lighten-4 { | |
241 | background-color: #e1bee7 !important; } | |
242 | ||
243 | .purple-text.text-lighten-4 { | |
244 | color: #e1bee7 !important; } | |
245 | ||
246 | .purple.lighten-3 { | |
247 | background-color: #ce93d8 !important; } | |
248 | ||
249 | .purple-text.text-lighten-3 { | |
250 | color: #ce93d8 !important; } | |
251 | ||
252 | .purple.lighten-2 { | |
253 | background-color: #ba68c8 !important; } | |
254 | ||
255 | .purple-text.text-lighten-2 { | |
256 | color: #ba68c8 !important; } | |
257 | ||
258 | .purple.lighten-1 { | |
259 | background-color: #ab47bc !important; } | |
260 | ||
261 | .purple-text.text-lighten-1 { | |
262 | color: #ab47bc !important; } | |
263 | ||
264 | .purple { | |
265 | background-color: #9c27b0 !important; } | |
266 | ||
267 | .purple-text { | |
268 | color: #9c27b0 !important; } | |
269 | ||
270 | .purple.darken-1 { | |
271 | background-color: #8e24aa !important; } | |
272 | ||
273 | .purple-text.text-darken-1 { | |
274 | color: #8e24aa !important; } | |
275 | ||
276 | .purple.darken-2 { | |
277 | background-color: #7b1fa2 !important; } | |
278 | ||
279 | .purple-text.text-darken-2 { | |
280 | color: #7b1fa2 !important; } | |
281 | ||
282 | .purple.darken-3 { | |
283 | background-color: #6a1b9a !important; } | |
284 | ||
285 | .purple-text.text-darken-3 { | |
286 | color: #6a1b9a !important; } | |
287 | ||
288 | .purple.darken-4 { | |
289 | background-color: #4a148c !important; } | |
290 | ||
291 | .purple-text.text-darken-4 { | |
292 | color: #4a148c !important; } | |
293 | ||
294 | .purple.accent-1 { | |
295 | background-color: #ea80fc !important; } | |
296 | ||
297 | .purple-text.text-accent-1 { | |
298 | color: #ea80fc !important; } | |
299 | ||
300 | .purple.accent-2 { | |
301 | background-color: #e040fb !important; } | |
302 | ||
303 | .purple-text.text-accent-2 { | |
304 | color: #e040fb !important; } | |
305 | ||
306 | .purple.accent-3 { | |
307 | background-color: #d500f9 !important; } | |
308 | ||
309 | .purple-text.text-accent-3 { | |
310 | color: #d500f9 !important; } | |
311 | ||
312 | .purple.accent-4 { | |
313 | background-color: #aa00ff !important; } | |
314 | ||
315 | .purple-text.text-accent-4 { | |
316 | color: #aa00ff !important; } | |
317 | ||
318 | .deep-purple.lighten-5 { | |
319 | background-color: #ede7f6 !important; } | |
320 | ||
321 | .deep-purple-text.text-lighten-5 { | |
322 | color: #ede7f6 !important; } | |
323 | ||
324 | .deep-purple.lighten-4 { | |
325 | background-color: #d1c4e9 !important; } | |
326 | ||
327 | .deep-purple-text.text-lighten-4 { | |
328 | color: #d1c4e9 !important; } | |
329 | ||
330 | .deep-purple.lighten-3 { | |
331 | background-color: #b39ddb !important; } | |
332 | ||
333 | .deep-purple-text.text-lighten-3 { | |
334 | color: #b39ddb !important; } | |
335 | ||
336 | .deep-purple.lighten-2 { | |
337 | background-color: #9575cd !important; } | |
338 | ||
339 | .deep-purple-text.text-lighten-2 { | |
340 | color: #9575cd !important; } | |
341 | ||
342 | .deep-purple.lighten-1 { | |
343 | background-color: #7e57c2 !important; } | |
344 | ||
345 | .deep-purple-text.text-lighten-1 { | |
346 | color: #7e57c2 !important; } | |
347 | ||
348 | .deep-purple { | |
349 | background-color: #673ab7 !important; } | |
350 | ||
351 | .deep-purple-text { | |
352 | color: #673ab7 !important; } | |
353 | ||
354 | .deep-purple.darken-1 { | |
355 | background-color: #5e35b1 !important; } | |
356 | ||
357 | .deep-purple-text.text-darken-1 { | |
358 | color: #5e35b1 !important; } | |
359 | ||
360 | .deep-purple.darken-2 { | |
361 | background-color: #512da8 !important; } | |
362 | ||
363 | .deep-purple-text.text-darken-2 { | |
364 | color: #512da8 !important; } | |
365 | ||
366 | .deep-purple.darken-3 { | |
367 | background-color: #4527a0 !important; } | |
368 | ||
369 | .deep-purple-text.text-darken-3 { | |
370 | color: #4527a0 !important; } | |
371 | ||
372 | .deep-purple.darken-4 { | |
373 | background-color: #311b92 !important; } | |
374 | ||
375 | .deep-purple-text.text-darken-4 { | |
376 | color: #311b92 !important; } | |
377 | ||
378 | .deep-purple.accent-1 { | |
379 | background-color: #b388ff !important; } | |
380 | ||
381 | .deep-purple-text.text-accent-1 { | |
382 | color: #b388ff !important; } | |
383 | ||
384 | .deep-purple.accent-2 { | |
385 | background-color: #7c4dff !important; } | |
386 | ||
387 | .deep-purple-text.text-accent-2 { | |
388 | color: #7c4dff !important; } | |
389 | ||
390 | .deep-purple.accent-3 { | |
391 | background-color: #651fff !important; } | |
392 | ||
393 | .deep-purple-text.text-accent-3 { | |
394 | color: #651fff !important; } | |
395 | ||
396 | .deep-purple.accent-4 { | |
397 | background-color: #6200ea !important; } | |
398 | ||
399 | .deep-purple-text.text-accent-4 { | |
400 | color: #6200ea !important; } | |
401 | ||
402 | .indigo.lighten-5 { | |
403 | background-color: #e8eaf6 !important; } | |
404 | ||
405 | .indigo-text.text-lighten-5 { | |
406 | color: #e8eaf6 !important; } | |
407 | ||
408 | .indigo.lighten-4 { | |
409 | background-color: #c5cae9 !important; } | |
410 | ||
411 | .indigo-text.text-lighten-4 { | |
412 | color: #c5cae9 !important; } | |
413 | ||
414 | .indigo.lighten-3 { | |
415 | background-color: #9fa8da !important; } | |
416 | ||
417 | .indigo-text.text-lighten-3 { | |
418 | color: #9fa8da !important; } | |
419 | ||
420 | .indigo.lighten-2 { | |
421 | background-color: #7986cb !important; } | |
422 | ||
423 | .indigo-text.text-lighten-2 { | |
424 | color: #7986cb !important; } | |
425 | ||
426 | .indigo.lighten-1 { | |
427 | background-color: #5c6bc0 !important; } | |
428 | ||
429 | .indigo-text.text-lighten-1 { | |
430 | color: #5c6bc0 !important; } | |
431 | ||
432 | .indigo { | |
433 | background-color: #3f51b5 !important; } | |
434 | ||
435 | .indigo-text { | |
436 | color: #3f51b5 !important; } | |
437 | ||
438 | .indigo.darken-1 { | |
439 | background-color: #3949ab !important; } | |
440 | ||
441 | .indigo-text.text-darken-1 { | |
442 | color: #3949ab !important; } | |
443 | ||
444 | .indigo.darken-2 { | |
445 | background-color: #303f9f !important; } | |
446 | ||
447 | .indigo-text.text-darken-2 { | |
448 | color: #303f9f !important; } | |
449 | ||
450 | .indigo.darken-3 { | |
451 | background-color: #283593 !important; } | |
452 | ||
453 | .indigo-text.text-darken-3 { | |
454 | color: #283593 !important; } | |
455 | ||
456 | .indigo.darken-4 { | |
457 | background-color: #1a237e !important; } | |
458 | ||
459 | .indigo-text.text-darken-4 { | |
460 | color: #1a237e !important; } | |
461 | ||
462 | .indigo.accent-1 { | |
463 | background-color: #8c9eff !important; } | |
464 | ||
465 | .indigo-text.text-accent-1 { | |
466 | color: #8c9eff !important; } | |
467 | ||
468 | .indigo.accent-2 { | |
469 | background-color: #536dfe !important; } | |
470 | ||
471 | .indigo-text.text-accent-2 { | |
472 | color: #536dfe !important; } | |
473 | ||
474 | .indigo.accent-3 { | |
475 | background-color: #3d5afe !important; } | |
476 | ||
477 | .indigo-text.text-accent-3 { | |
478 | color: #3d5afe !important; } | |
479 | ||
480 | .indigo.accent-4 { | |
481 | background-color: #304ffe !important; } | |
482 | ||
483 | .indigo-text.text-accent-4 { | |
484 | color: #304ffe !important; } | |
485 | ||
486 | .blue.lighten-5 { | |
487 | background-color: #E3F2FD !important; } | |
488 | ||
489 | .blue-text.text-lighten-5 { | |
490 | color: #E3F2FD !important; } | |
491 | ||
492 | .blue.lighten-4 { | |
493 | background-color: #BBDEFB !important; } | |
494 | ||
495 | .blue-text.text-lighten-4 { | |
496 | color: #BBDEFB !important; } | |
497 | ||
498 | .blue.lighten-3 { | |
499 | background-color: #90CAF9 !important; } | |
500 | ||
501 | .blue-text.text-lighten-3 { | |
502 | color: #90CAF9 !important; } | |
503 | ||
504 | .blue.lighten-2 { | |
505 | background-color: #64B5F6 !important; } | |
506 | ||
507 | .blue-text.text-lighten-2 { | |
508 | color: #64B5F6 !important; } | |
509 | ||
510 | .blue.lighten-1 { | |
511 | background-color: #42A5F5 !important; } | |
512 | ||
513 | .blue-text.text-lighten-1 { | |
514 | color: #42A5F5 !important; } | |
515 | ||
516 | .blue { | |
517 | background-color: #2196F3 !important; } | |
518 | ||
519 | .blue-text { | |
520 | color: #2196F3 !important; } | |
521 | ||
522 | .blue.darken-1 { | |
523 | background-color: #1E88E5 !important; } | |
524 | ||
525 | .blue-text.text-darken-1 { | |
526 | color: #1E88E5 !important; } | |
527 | ||
528 | .blue.darken-2 { | |
529 | background-color: #1976D2 !important; } | |
530 | ||
531 | .blue-text.text-darken-2 { | |
532 | color: #1976D2 !important; } | |
533 | ||
534 | .blue.darken-3 { | |
535 | background-color: #1565C0 !important; } | |
536 | ||
537 | .blue-text.text-darken-3 { | |
538 | color: #1565C0 !important; } | |
539 | ||
540 | .blue.darken-4 { | |
541 | background-color: #0D47A1 !important; } | |
542 | ||
543 | .blue-text.text-darken-4 { | |
544 | color: #0D47A1 !important; } | |
545 | ||
546 | .blue.accent-1 { | |
547 | background-color: #82B1FF !important; } | |
548 | ||
549 | .blue-text.text-accent-1 { | |
550 | color: #82B1FF !important; } | |
551 | ||
552 | .blue.accent-2 { | |
553 | background-color: #448AFF !important; } | |
554 | ||
555 | .blue-text.text-accent-2 { | |
556 | color: #448AFF !important; } | |
557 | ||
558 | .blue.accent-3 { | |
559 | background-color: #2979FF !important; } | |
560 | ||
561 | .blue-text.text-accent-3 { | |
562 | color: #2979FF !important; } | |
563 | ||
564 | .blue.accent-4 { | |
565 | background-color: #2962FF !important; } | |
566 | ||
567 | .blue-text.text-accent-4 { | |
568 | color: #2962FF !important; } | |
569 | ||
570 | .light-blue.lighten-5 { | |
571 | background-color: #e1f5fe !important; } | |
572 | ||
573 | .light-blue-text.text-lighten-5 { | |
574 | color: #e1f5fe !important; } | |
575 | ||
576 | .light-blue.lighten-4 { | |
577 | background-color: #b3e5fc !important; } | |
578 | ||
579 | .light-blue-text.text-lighten-4 { | |
580 | color: #b3e5fc !important; } | |
581 | ||
582 | .light-blue.lighten-3 { | |
583 | background-color: #81d4fa !important; } | |
584 | ||
585 | .light-blue-text.text-lighten-3 { | |
586 | color: #81d4fa !important; } | |
587 | ||
588 | .light-blue.lighten-2 { | |
589 | background-color: #4fc3f7 !important; } | |
590 | ||
591 | .light-blue-text.text-lighten-2 { | |
592 | color: #4fc3f7 !important; } | |
593 | ||
594 | .light-blue.lighten-1 { | |
595 | background-color: #29b6f6 !important; } | |
596 | ||
597 | .light-blue-text.text-lighten-1 { | |
598 | color: #29b6f6 !important; } | |
599 | ||
600 | .light-blue { | |
601 | background-color: #03a9f4 !important; } | |
602 | ||
603 | .light-blue-text { | |
604 | color: #03a9f4 !important; } | |
605 | ||
606 | .light-blue.darken-1 { | |
607 | background-color: #039be5 !important; } | |
608 | ||
609 | .light-blue-text.text-darken-1 { | |
610 | color: #039be5 !important; } | |
611 | ||
612 | .light-blue.darken-2 { | |
613 | background-color: #0288d1 !important; } | |
614 | ||
615 | .light-blue-text.text-darken-2 { | |
616 | color: #0288d1 !important; } | |
617 | ||
618 | .light-blue.darken-3 { | |
619 | background-color: #0277bd !important; } | |
620 | ||
621 | .light-blue-text.text-darken-3 { | |
622 | color: #0277bd !important; } | |
623 | ||
624 | .light-blue.darken-4 { | |
625 | background-color: #01579b !important; } | |
626 | ||
627 | .light-blue-text.text-darken-4 { | |
628 | color: #01579b !important; } | |
629 | ||
630 | .light-blue.accent-1 { | |
631 | background-color: #80d8ff !important; } | |
632 | ||
633 | .light-blue-text.text-accent-1 { | |
634 | color: #80d8ff !important; } | |
635 | ||
636 | .light-blue.accent-2 { | |
637 | background-color: #40c4ff !important; } | |
638 | ||
639 | .light-blue-text.text-accent-2 { | |
640 | color: #40c4ff !important; } | |
641 | ||
642 | .light-blue.accent-3 { | |
643 | background-color: #00b0ff !important; } | |
644 | ||
645 | .light-blue-text.text-accent-3 { | |
646 | color: #00b0ff !important; } | |
647 | ||
648 | .light-blue.accent-4 { | |
649 | background-color: #0091ea !important; } | |
650 | ||
651 | .light-blue-text.text-accent-4 { | |
652 | color: #0091ea !important; } | |
653 | ||
654 | .cyan.lighten-5 { | |
655 | background-color: #e0f7fa !important; } | |
656 | ||
657 | .cyan-text.text-lighten-5 { | |
658 | color: #e0f7fa !important; } | |
659 | ||
660 | .cyan.lighten-4 { | |
661 | background-color: #b2ebf2 !important; } | |
662 | ||
663 | .cyan-text.text-lighten-4 { | |
664 | color: #b2ebf2 !important; } | |
665 | ||
666 | .cyan.lighten-3 { | |
667 | background-color: #80deea !important; } | |
668 | ||
669 | .cyan-text.text-lighten-3 { | |
670 | color: #80deea !important; } | |
671 | ||
672 | .cyan.lighten-2 { | |
673 | background-color: #4dd0e1 !important; } | |
674 | ||
675 | .cyan-text.text-lighten-2 { | |
676 | color: #4dd0e1 !important; } | |
677 | ||
678 | .cyan.lighten-1 { | |
679 | background-color: #26c6da !important; } | |
680 | ||
681 | .cyan-text.text-lighten-1 { | |
682 | color: #26c6da !important; } | |
683 | ||
684 | .cyan { | |
685 | background-color: #00bcd4 !important; } | |
686 | ||
687 | .cyan-text { | |
688 | color: #00bcd4 !important; } | |
689 | ||
690 | .cyan.darken-1 { | |
691 | background-color: #00acc1 !important; } | |
692 | ||
693 | .cyan-text.text-darken-1 { | |
694 | color: #00acc1 !important; } | |
695 | ||
696 | .cyan.darken-2 { | |
697 | background-color: #0097a7 !important; } | |
698 | ||
699 | .cyan-text.text-darken-2 { | |
700 | color: #0097a7 !important; } | |
701 | ||
702 | .cyan.darken-3 { | |
703 | background-color: #00838f !important; } | |
704 | ||
705 | .cyan-text.text-darken-3 { | |
706 | color: #00838f !important; } | |
707 | ||
708 | .cyan.darken-4 { | |
709 | background-color: #006064 !important; } | |
710 | ||
711 | .cyan-text.text-darken-4 { | |
712 | color: #006064 !important; } | |
713 | ||
714 | .cyan.accent-1 { | |
715 | background-color: #84ffff !important; } | |
716 | ||
717 | .cyan-text.text-accent-1 { | |
718 | color: #84ffff !important; } | |
719 | ||
720 | .cyan.accent-2 { | |
721 | background-color: #18ffff !important; } | |
722 | ||
723 | .cyan-text.text-accent-2 { | |
724 | color: #18ffff !important; } | |
725 | ||
726 | .cyan.accent-3 { | |
727 | background-color: #00e5ff !important; } | |
728 | ||
729 | .cyan-text.text-accent-3 { | |
730 | color: #00e5ff !important; } | |
731 | ||
732 | .cyan.accent-4 { | |
733 | background-color: #00b8d4 !important; } | |
734 | ||
735 | .cyan-text.text-accent-4 { | |
736 | color: #00b8d4 !important; } | |
737 | ||
738 | .teal.lighten-5 { | |
739 | background-color: #e0f2f1 !important; } | |
740 | ||
741 | .teal-text.text-lighten-5 { | |
742 | color: #e0f2f1 !important; } | |
743 | ||
744 | .teal.lighten-4 { | |
745 | background-color: #b2dfdb !important; } | |
746 | ||
747 | .teal-text.text-lighten-4 { | |
748 | color: #b2dfdb !important; } | |
749 | ||
750 | .teal.lighten-3 { | |
751 | background-color: #80cbc4 !important; } | |
752 | ||
753 | .teal-text.text-lighten-3 { | |
754 | color: #80cbc4 !important; } | |
755 | ||
756 | .teal.lighten-2 { | |
757 | background-color: #4db6ac !important; } | |
758 | ||
759 | .teal-text.text-lighten-2 { | |
760 | color: #4db6ac !important; } | |
761 | ||
762 | .teal.lighten-1 { | |
763 | background-color: #26a69a !important; } | |
764 | ||
765 | .teal-text.text-lighten-1 { | |
766 | color: #26a69a !important; } | |
767 | ||
768 | .teal { | |
769 | background-color: #009688 !important; } | |
770 | ||
771 | .teal-text { | |
772 | color: #009688 !important; } | |
773 | ||
774 | .teal.darken-1 { | |
775 | background-color: #00897b !important; } | |
776 | ||
777 | .teal-text.text-darken-1 { | |
778 | color: #00897b !important; } | |
779 | ||
780 | .teal.darken-2 { | |
781 | background-color: #00796b !important; } | |
782 | ||
783 | .teal-text.text-darken-2 { | |
784 | color: #00796b !important; } | |
785 | ||
786 | .teal.darken-3 { | |
787 | background-color: #00695c !important; } | |
788 | ||
789 | .teal-text.text-darken-3 { | |
790 | color: #00695c !important; } | |
791 | ||
792 | .teal.darken-4 { | |
793 | background-color: #004d40 !important; } | |
794 | ||
795 | .teal-text.text-darken-4 { | |
796 | color: #004d40 !important; } | |
797 | ||
798 | .teal.accent-1 { | |
799 | background-color: #a7ffeb !important; } | |
800 | ||
801 | .teal-text.text-accent-1 { | |
802 | color: #a7ffeb !important; } | |
803 | ||
804 | .teal.accent-2 { | |
805 | background-color: #64ffda !important; } | |
806 | ||
807 | .teal-text.text-accent-2 { | |
808 | color: #64ffda !important; } | |
809 | ||
810 | .teal.accent-3 { | |
811 | background-color: #1de9b6 !important; } | |
812 | ||
813 | .teal-text.text-accent-3 { | |
814 | color: #1de9b6 !important; } | |
815 | ||
816 | .teal.accent-4 { | |
817 | background-color: #00bfa5 !important; } | |
818 | ||
819 | .teal-text.text-accent-4 { | |
820 | color: #00bfa5 !important; } | |
821 | ||
822 | .green.lighten-5 { | |
823 | background-color: #E8F5E9 !important; } | |
824 | ||
825 | .green-text.text-lighten-5 { | |
826 | color: #E8F5E9 !important; } | |
827 | ||
828 | .green.lighten-4 { | |
829 | background-color: #C8E6C9 !important; } | |
830 | ||
831 | .green-text.text-lighten-4 { | |
832 | color: #C8E6C9 !important; } | |
833 | ||
834 | .green.lighten-3 { | |
835 | background-color: #A5D6A7 !important; } | |
836 | ||
837 | .green-text.text-lighten-3 { | |
838 | color: #A5D6A7 !important; } | |
839 | ||
840 | .green.lighten-2 { | |
841 | background-color: #81C784 !important; } | |
842 | ||
843 | .green-text.text-lighten-2 { | |
844 | color: #81C784 !important; } | |
845 | ||
846 | .green.lighten-1 { | |
847 | background-color: #66BB6A !important; } | |
848 | ||
849 | .green-text.text-lighten-1 { | |
850 | color: #66BB6A !important; } | |
851 | ||
852 | .green { | |
853 | background-color: #4CAF50 !important; } | |
854 | ||
855 | .green-text { | |
856 | color: #4CAF50 !important; } | |
857 | ||
858 | .green.darken-1 { | |
859 | background-color: #43A047 !important; } | |
860 | ||
861 | .green-text.text-darken-1 { | |
862 | color: #43A047 !important; } | |
863 | ||
864 | .green.darken-2 { | |
865 | background-color: #388E3C !important; } | |
866 | ||
867 | .green-text.text-darken-2 { | |
868 | color: #388E3C !important; } | |
869 | ||
870 | .green.darken-3 { | |
871 | background-color: #2E7D32 !important; } | |
872 | ||
873 | .green-text.text-darken-3 { | |
874 | color: #2E7D32 !important; } | |
875 | ||
876 | .green.darken-4 { | |
877 | background-color: #1B5E20 !important; } | |
878 | ||
879 | .green-text.text-darken-4 { | |
880 | color: #1B5E20 !important; } | |
881 | ||
882 | .green.accent-1 { | |
883 | background-color: #B9F6CA !important; } | |
884 | ||
885 | .green-text.text-accent-1 { | |
886 | color: #B9F6CA !important; } | |
887 | ||
888 | .green.accent-2 { | |
889 | background-color: #69F0AE !important; } | |
890 | ||
891 | .green-text.text-accent-2 { | |
892 | color: #69F0AE !important; } | |
893 | ||
894 | .green.accent-3 { | |
895 | background-color: #00E676 !important; } | |
896 | ||
897 | .green-text.text-accent-3 { | |
898 | color: #00E676 !important; } | |
899 | ||
900 | .green.accent-4 { | |
901 | background-color: #00C853 !important; } | |
902 | ||
903 | .green-text.text-accent-4 { | |
904 | color: #00C853 !important; } | |
905 | ||
906 | .light-green.lighten-5 { | |
907 | background-color: #f1f8e9 !important; } | |
908 | ||
909 | .light-green-text.text-lighten-5 { | |
910 | color: #f1f8e9 !important; } | |
911 | ||
912 | .light-green.lighten-4 { | |
913 | background-color: #dcedc8 !important; } | |
914 | ||
915 | .light-green-text.text-lighten-4 { | |
916 | color: #dcedc8 !important; } | |
917 | ||
918 | .light-green.lighten-3 { | |
919 | background-color: #c5e1a5 !important; } | |
920 | ||
921 | .light-green-text.text-lighten-3 { | |
922 | color: #c5e1a5 !important; } | |
923 | ||
924 | .light-green.lighten-2 { | |
925 | background-color: #aed581 !important; } | |
926 | ||
927 | .light-green-text.text-lighten-2 { | |
928 | color: #aed581 !important; } | |
929 | ||
930 | .light-green.lighten-1 { | |
931 | background-color: #9ccc65 !important; } | |
932 | ||
933 | .light-green-text.text-lighten-1 { | |
934 | color: #9ccc65 !important; } | |
935 | ||
936 | .light-green { | |
937 | background-color: #8bc34a !important; } | |
938 | ||
939 | .light-green-text { | |
940 | color: #8bc34a !important; } | |
941 | ||
942 | .light-green.darken-1 { | |
943 | background-color: #7cb342 !important; } | |
944 | ||
945 | .light-green-text.text-darken-1 { | |
946 | color: #7cb342 !important; } | |
947 | ||
948 | .light-green.darken-2 { | |
949 | background-color: #689f38 !important; } | |
950 | ||
951 | .light-green-text.text-darken-2 { | |
952 | color: #689f38 !important; } | |
953 | ||
954 | .light-green.darken-3 { | |
955 | background-color: #558b2f !important; } | |
956 | ||
957 | .light-green-text.text-darken-3 { | |
958 | color: #558b2f !important; } | |
959 | ||
960 | .light-green.darken-4 { | |
961 | background-color: #33691e !important; } | |
962 | ||
963 | .light-green-text.text-darken-4 { | |
964 | color: #33691e !important; } | |
965 | ||
966 | .light-green.accent-1 { | |
967 | background-color: #ccff90 !important; } | |
968 | ||
969 | .light-green-text.text-accent-1 { | |
970 | color: #ccff90 !important; } | |
971 | ||
972 | .light-green.accent-2 { | |
973 | background-color: #b2ff59 !important; } | |
974 | ||
975 | .light-green-text.text-accent-2 { | |
976 | color: #b2ff59 !important; } | |
977 | ||
978 | .light-green.accent-3 { | |
979 | background-color: #76ff03 !important; } | |
980 | ||
981 | .light-green-text.text-accent-3 { | |
982 | color: #76ff03 !important; } | |
983 | ||
984 | .light-green.accent-4 { | |
985 | background-color: #64dd17 !important; } | |
986 | ||
987 | .light-green-text.text-accent-4 { | |
988 | color: #64dd17 !important; } | |
989 | ||
990 | .lime.lighten-5 { | |
991 | background-color: #f9fbe7 !important; } | |
992 | ||
993 | .lime-text.text-lighten-5 { | |
994 | color: #f9fbe7 !important; } | |
995 | ||
996 | .lime.lighten-4 { | |
997 | background-color: #f0f4c3 !important; } | |
998 | ||
999 | .lime-text.text-lighten-4 { | |
1000 | color: #f0f4c3 !important; } | |
1001 | ||
1002 | .lime.lighten-3 { | |
1003 | background-color: #e6ee9c !important; } | |
1004 | ||
1005 | .lime-text.text-lighten-3 { | |
1006 | color: #e6ee9c !important; } | |
1007 | ||
1008 | .lime.lighten-2 { | |
1009 | background-color: #dce775 !important; } | |
1010 | ||
1011 | .lime-text.text-lighten-2 { | |
1012 | color: #dce775 !important; } | |
1013 | ||
1014 | .lime.lighten-1 { | |
1015 | background-color: #d4e157 !important; } | |
1016 | ||
1017 | .lime-text.text-lighten-1 { | |
1018 | color: #d4e157 !important; } | |
1019 | ||
1020 | .lime { | |
1021 | background-color: #cddc39 !important; } | |
1022 | ||
1023 | .lime-text { | |
1024 | color: #cddc39 !important; } | |
1025 | ||
1026 | .lime.darken-1 { | |
1027 | background-color: #c0ca33 !important; } | |
1028 | ||
1029 | .lime-text.text-darken-1 { | |
1030 | color: #c0ca33 !important; } | |
1031 | ||
1032 | .lime.darken-2 { | |
1033 | background-color: #afb42b !important; } | |
1034 | ||
1035 | .lime-text.text-darken-2 { | |
1036 | color: #afb42b !important; } | |
1037 | ||
1038 | .lime.darken-3 { | |
1039 | background-color: #9e9d24 !important; } | |
1040 | ||
1041 | .lime-text.text-darken-3 { | |
1042 | color: #9e9d24 !important; } | |
1043 | ||
1044 | .lime.darken-4 { | |
1045 | background-color: #827717 !important; } | |
1046 | ||
1047 | .lime-text.text-darken-4 { | |
1048 | color: #827717 !important; } | |
1049 | ||
1050 | .lime.accent-1 { | |
1051 | background-color: #f4ff81 !important; } | |
1052 | ||
1053 | .lime-text.text-accent-1 { | |
1054 | color: #f4ff81 !important; } | |
1055 | ||
1056 | .lime.accent-2 { | |
1057 | background-color: #eeff41 !important; } | |
1058 | ||
1059 | .lime-text.text-accent-2 { | |
1060 | color: #eeff41 !important; } | |
1061 | ||
1062 | .lime.accent-3 { | |
1063 | background-color: #c6ff00 !important; } | |
1064 | ||
1065 | .lime-text.text-accent-3 { | |
1066 | color: #c6ff00 !important; } | |
1067 | ||
1068 | .lime.accent-4 { | |
1069 | background-color: #aeea00 !important; } | |
1070 | ||
1071 | .lime-text.text-accent-4 { | |
1072 | color: #aeea00 !important; } | |
1073 | ||
1074 | .yellow.lighten-5 { | |
1075 | background-color: #fffde7 !important; } | |
1076 | ||
1077 | .yellow-text.text-lighten-5 { | |
1078 | color: #fffde7 !important; } | |
1079 | ||
1080 | .yellow.lighten-4 { | |
1081 | background-color: #fff9c4 !important; } | |
1082 | ||
1083 | .yellow-text.text-lighten-4 { | |
1084 | color: #fff9c4 !important; } | |
1085 | ||
1086 | .yellow.lighten-3 { | |
1087 | background-color: #fff59d !important; } | |
1088 | ||
1089 | .yellow-text.text-lighten-3 { | |
1090 | color: #fff59d !important; } | |
1091 | ||
1092 | .yellow.lighten-2 { | |
1093 | background-color: #fff176 !important; } | |
1094 | ||
1095 | .yellow-text.text-lighten-2 { | |
1096 | color: #fff176 !important; } | |
1097 | ||
1098 | .yellow.lighten-1 { | |
1099 | background-color: #ffee58 !important; } | |
1100 | ||
1101 | .yellow-text.text-lighten-1 { | |
1102 | color: #ffee58 !important; } | |
1103 | ||
1104 | .yellow { | |
1105 | background-color: #ffeb3b !important; } | |
1106 | ||
1107 | .yellow-text { | |
1108 | color: #ffeb3b !important; } | |
1109 | ||
1110 | .yellow.darken-1 { | |
1111 | background-color: #fdd835 !important; } | |
1112 | ||
1113 | .yellow-text.text-darken-1 { | |
1114 | color: #fdd835 !important; } | |
1115 | ||
1116 | .yellow.darken-2 { | |
1117 | background-color: #fbc02d !important; } | |
1118 | ||
1119 | .yellow-text.text-darken-2 { | |
1120 | color: #fbc02d !important; } | |
1121 | ||
1122 | .yellow.darken-3 { | |
1123 | background-color: #f9a825 !important; } | |
1124 | ||
1125 | .yellow-text.text-darken-3 { | |
1126 | color: #f9a825 !important; } | |
1127 | ||
1128 | .yellow.darken-4 { | |
1129 | background-color: #f57f17 !important; } | |
1130 | ||
1131 | .yellow-text.text-darken-4 { | |
1132 | color: #f57f17 !important; } | |
1133 | ||
1134 | .yellow.accent-1 { | |
1135 | background-color: #ffff8d !important; } | |
1136 | ||
1137 | .yellow-text.text-accent-1 { | |
1138 | color: #ffff8d !important; } | |
1139 | ||
1140 | .yellow.accent-2 { | |
1141 | background-color: #ffff00 !important; } | |
1142 | ||
1143 | .yellow-text.text-accent-2 { | |
1144 | color: #ffff00 !important; } | |
1145 | ||
1146 | .yellow.accent-3 { | |
1147 | background-color: #ffea00 !important; } | |
1148 | ||
1149 | .yellow-text.text-accent-3 { | |
1150 | color: #ffea00 !important; } | |
1151 | ||
1152 | .yellow.accent-4 { | |
1153 | background-color: #ffd600 !important; } | |
1154 | ||
1155 | .yellow-text.text-accent-4 { | |
1156 | color: #ffd600 !important; } | |
1157 | ||
1158 | .amber.lighten-5 { | |
1159 | background-color: #fff8e1 !important; } | |
1160 | ||
1161 | .amber-text.text-lighten-5 { | |
1162 | color: #fff8e1 !important; } | |
1163 | ||
1164 | .amber.lighten-4 { | |
1165 | background-color: #ffecb3 !important; } | |
1166 | ||
1167 | .amber-text.text-lighten-4 { | |
1168 | color: #ffecb3 !important; } | |
1169 | ||
1170 | .amber.lighten-3 { | |
1171 | background-color: #ffe082 !important; } | |
1172 | ||
1173 | .amber-text.text-lighten-3 { | |
1174 | color: #ffe082 !important; } | |
1175 | ||
1176 | .amber.lighten-2 { | |
1177 | background-color: #ffd54f !important; } | |
1178 | ||
1179 | .amber-text.text-lighten-2 { | |
1180 | color: #ffd54f !important; } | |
1181 | ||
1182 | .amber.lighten-1 { | |
1183 | background-color: #ffca28 !important; } | |
1184 | ||
1185 | .amber-text.text-lighten-1 { | |
1186 | color: #ffca28 !important; } | |
1187 | ||
1188 | .amber { | |
1189 | background-color: #ffc107 !important; } | |
1190 | ||
1191 | .amber-text { | |
1192 | color: #ffc107 !important; } | |
1193 | ||
1194 | .amber.darken-1 { | |
1195 | background-color: #ffb300 !important; } | |
1196 | ||
1197 | .amber-text.text-darken-1 { | |
1198 | color: #ffb300 !important; } | |
1199 | ||
1200 | .amber.darken-2 { | |
1201 | background-color: #ffa000 !important; } | |
1202 | ||
1203 | .amber-text.text-darken-2 { | |
1204 | color: #ffa000 !important; } | |
1205 | ||
1206 | .amber.darken-3 { | |
1207 | background-color: #ff8f00 !important; } | |
1208 | ||
1209 | .amber-text.text-darken-3 { | |
1210 | color: #ff8f00 !important; } | |
1211 | ||
1212 | .amber.darken-4 { | |
1213 | background-color: #ff6f00 !important; } | |
1214 | ||
1215 | .amber-text.text-darken-4 { | |
1216 | color: #ff6f00 !important; } | |
1217 | ||
1218 | .amber.accent-1 { | |
1219 | background-color: #ffe57f !important; } | |
1220 | ||
1221 | .amber-text.text-accent-1 { | |
1222 | color: #ffe57f !important; } | |
1223 | ||
1224 | .amber.accent-2 { | |
1225 | background-color: #ffd740 !important; } | |
1226 | ||
1227 | .amber-text.text-accent-2 { | |
1228 | color: #ffd740 !important; } | |
1229 | ||
1230 | .amber.accent-3 { | |
1231 | background-color: #ffc400 !important; } | |
1232 | ||
1233 | .amber-text.text-accent-3 { | |
1234 | color: #ffc400 !important; } | |
1235 | ||
1236 | .amber.accent-4 { | |
1237 | background-color: #ffab00 !important; } | |
1238 | ||
1239 | .amber-text.text-accent-4 { | |
1240 | color: #ffab00 !important; } | |
1241 | ||
1242 | .orange.lighten-5 { | |
1243 | background-color: #fff3e0 !important; } | |
1244 | ||
1245 | .orange-text.text-lighten-5 { | |
1246 | color: #fff3e0 !important; } | |
1247 | ||
1248 | .orange.lighten-4 { | |
1249 | background-color: #ffe0b2 !important; } | |
1250 | ||
1251 | .orange-text.text-lighten-4 { | |
1252 | color: #ffe0b2 !important; } | |
1253 | ||
1254 | .orange.lighten-3 { | |
1255 | background-color: #ffcc80 !important; } | |
1256 | ||
1257 | .orange-text.text-lighten-3 { | |
1258 | color: #ffcc80 !important; } | |
1259 | ||
1260 | .orange.lighten-2 { | |
1261 | background-color: #ffb74d !important; } | |
1262 | ||
1263 | .orange-text.text-lighten-2 { | |
1264 | color: #ffb74d !important; } | |
1265 | ||
1266 | .orange.lighten-1 { | |
1267 | background-color: #ffa726 !important; } | |
1268 | ||
1269 | .orange-text.text-lighten-1 { | |
1270 | color: #ffa726 !important; } | |
1271 | ||
1272 | .orange { | |
1273 | background-color: #ff9800 !important; } | |
1274 | ||
1275 | .orange-text { | |
1276 | color: #ff9800 !important; } | |
1277 | ||
1278 | .orange.darken-1 { | |
1279 | background-color: #fb8c00 !important; } | |
1280 | ||
1281 | .orange-text.text-darken-1 { | |
1282 | color: #fb8c00 !important; } | |
1283 | ||
1284 | .orange.darken-2 { | |
1285 | background-color: #f57c00 !important; } | |
1286 | ||
1287 | .orange-text.text-darken-2 { | |
1288 | color: #f57c00 !important; } | |
1289 | ||
1290 | .orange.darken-3 { | |
1291 | background-color: #ef6c00 !important; } | |
1292 | ||
1293 | .orange-text.text-darken-3 { | |
1294 | color: #ef6c00 !important; } | |
1295 | ||
1296 | .orange.darken-4 { | |
1297 | background-color: #e65100 !important; } | |
1298 | ||
1299 | .orange-text.text-darken-4 { | |
1300 | color: #e65100 !important; } | |
1301 | ||
1302 | .orange.accent-1 { | |
1303 | background-color: #ffd180 !important; } | |
1304 | ||
1305 | .orange-text.text-accent-1 { | |
1306 | color: #ffd180 !important; } | |
1307 | ||
1308 | .orange.accent-2 { | |
1309 | background-color: #ffab40 !important; } | |
1310 | ||
1311 | .orange-text.text-accent-2 { | |
1312 | color: #ffab40 !important; } | |
1313 | ||
1314 | .orange.accent-3 { | |
1315 | background-color: #ff9100 !important; } | |
1316 | ||
1317 | .orange-text.text-accent-3 { | |
1318 | color: #ff9100 !important; } | |
1319 | ||
1320 | .orange.accent-4 { | |
1321 | background-color: #ff6d00 !important; } | |
1322 | ||
1323 | .orange-text.text-accent-4 { | |
1324 | color: #ff6d00 !important; } | |
1325 | ||
1326 | .deep-orange.lighten-5 { | |
1327 | background-color: #fbe9e7 !important; } | |
1328 | ||
1329 | .deep-orange-text.text-lighten-5 { | |
1330 | color: #fbe9e7 !important; } | |
1331 | ||
1332 | .deep-orange.lighten-4 { | |
1333 | background-color: #ffccbc !important; } | |
1334 | ||
1335 | .deep-orange-text.text-lighten-4 { | |
1336 | color: #ffccbc !important; } | |
1337 | ||
1338 | .deep-orange.lighten-3 { | |
1339 | background-color: #ffab91 !important; } | |
1340 | ||
1341 | .deep-orange-text.text-lighten-3 { | |
1342 | color: #ffab91 !important; } | |
1343 | ||
1344 | .deep-orange.lighten-2 { | |
1345 | background-color: #ff8a65 !important; } | |
1346 | ||
1347 | .deep-orange-text.text-lighten-2 { | |
1348 | color: #ff8a65 !important; } | |
1349 | ||
1350 | .deep-orange.lighten-1 { | |
1351 | background-color: #ff7043 !important; } | |
1352 | ||
1353 | .deep-orange-text.text-lighten-1 { | |
1354 | color: #ff7043 !important; } | |
1355 | ||
1356 | .deep-orange { | |
1357 | background-color: #ff5722 !important; } | |
1358 | ||
1359 | .deep-orange-text { | |
1360 | color: #ff5722 !important; } | |
1361 | ||
1362 | .deep-orange.darken-1 { | |
1363 | background-color: #f4511e !important; } | |
1364 | ||
1365 | .deep-orange-text.text-darken-1 { | |
1366 | color: #f4511e !important; } | |
1367 | ||
1368 | .deep-orange.darken-2 { | |
1369 | background-color: #e64a19 !important; } | |
1370 | ||
1371 | .deep-orange-text.text-darken-2 { | |
1372 | color: #e64a19 !important; } | |
1373 | ||
1374 | .deep-orange.darken-3 { | |
1375 | background-color: #d84315 !important; } | |
1376 | ||
1377 | .deep-orange-text.text-darken-3 { | |
1378 | color: #d84315 !important; } | |
1379 | ||
1380 | .deep-orange.darken-4 { | |
1381 | background-color: #bf360c !important; } | |
1382 | ||
1383 | .deep-orange-text.text-darken-4 { | |
1384 | color: #bf360c !important; } | |
1385 | ||
1386 | .deep-orange.accent-1 { | |
1387 | background-color: #ff9e80 !important; } | |
1388 | ||
1389 | .deep-orange-text.text-accent-1 { | |
1390 | color: #ff9e80 !important; } | |
1391 | ||
1392 | .deep-orange.accent-2 { | |
1393 | background-color: #ff6e40 !important; } | |
1394 | ||
1395 | .deep-orange-text.text-accent-2 { | |
1396 | color: #ff6e40 !important; } | |
1397 | ||
1398 | .deep-orange.accent-3 { | |
1399 | background-color: #ff3d00 !important; } | |
1400 | ||
1401 | .deep-orange-text.text-accent-3 { | |
1402 | color: #ff3d00 !important; } | |
1403 | ||
1404 | .deep-orange.accent-4 { | |
1405 | background-color: #dd2c00 !important; } | |
1406 | ||
1407 | .deep-orange-text.text-accent-4 { | |
1408 | color: #dd2c00 !important; } | |
1409 | ||
1410 | .brown.lighten-5 { | |
1411 | background-color: #efebe9 !important; } | |
1412 | ||
1413 | .brown-text.text-lighten-5 { | |
1414 | color: #efebe9 !important; } | |
1415 | ||
1416 | .brown.lighten-4 { | |
1417 | background-color: #d7ccc8 !important; } | |
1418 | ||
1419 | .brown-text.text-lighten-4 { | |
1420 | color: #d7ccc8 !important; } | |
1421 | ||
1422 | .brown.lighten-3 { | |
1423 | background-color: #bcaaa4 !important; } | |
1424 | ||
1425 | .brown-text.text-lighten-3 { | |
1426 | color: #bcaaa4 !important; } | |
1427 | ||
1428 | .brown.lighten-2 { | |
1429 | background-color: #a1887f !important; } | |
1430 | ||
1431 | .brown-text.text-lighten-2 { | |
1432 | color: #a1887f !important; } | |
1433 | ||
1434 | .brown.lighten-1 { | |
1435 | background-color: #8d6e63 !important; } | |
1436 | ||
1437 | .brown-text.text-lighten-1 { | |
1438 | color: #8d6e63 !important; } | |
1439 | ||
1440 | .brown { | |
1441 | background-color: #795548 !important; } | |
1442 | ||
1443 | .brown-text { | |
1444 | color: #795548 !important; } | |
1445 | ||
1446 | .brown.darken-1 { | |
1447 | background-color: #6d4c41 !important; } | |
1448 | ||
1449 | .brown-text.text-darken-1 { | |
1450 | color: #6d4c41 !important; } | |
1451 | ||
1452 | .brown.darken-2 { | |
1453 | background-color: #5d4037 !important; } | |
1454 | ||
1455 | .brown-text.text-darken-2 { | |
1456 | color: #5d4037 !important; } | |
1457 | ||
1458 | .brown.darken-3 { | |
1459 | background-color: #4e342e !important; } | |
1460 | ||
1461 | .brown-text.text-darken-3 { | |
1462 | color: #4e342e !important; } | |
1463 | ||
1464 | .brown.darken-4 { | |
1465 | background-color: #3e2723 !important; } | |
1466 | ||
1467 | .brown-text.text-darken-4 { | |
1468 | color: #3e2723 !important; } | |
1469 | ||
1470 | .blue-grey.lighten-5 { | |
1471 | background-color: #eceff1 !important; } | |
1472 | ||
1473 | .blue-grey-text.text-lighten-5 { | |
1474 | color: #eceff1 !important; } | |
1475 | ||
1476 | .blue-grey.lighten-4 { | |
1477 | background-color: #cfd8dc !important; } | |
1478 | ||
1479 | .blue-grey-text.text-lighten-4 { | |
1480 | color: #cfd8dc !important; } | |
1481 | ||
1482 | .blue-grey.lighten-3 { | |
1483 | background-color: #b0bec5 !important; } | |
1484 | ||
1485 | .blue-grey-text.text-lighten-3 { | |
1486 | color: #b0bec5 !important; } | |
1487 | ||
1488 | .blue-grey.lighten-2 { | |
1489 | background-color: #90a4ae !important; } | |
1490 | ||
1491 | .blue-grey-text.text-lighten-2 { | |
1492 | color: #90a4ae !important; } | |
1493 | ||
1494 | .blue-grey.lighten-1 { | |
1495 | background-color: #78909c !important; } | |
1496 | ||
1497 | .blue-grey-text.text-lighten-1 { | |
1498 | color: #78909c !important; } | |
1499 | ||
1500 | .blue-grey { | |
1501 | background-color: #607d8b !important; } | |
1502 | ||
1503 | .blue-grey-text { | |
1504 | color: #607d8b !important; } | |
1505 | ||
1506 | .blue-grey.darken-1 { | |
1507 | background-color: #546e7a !important; } | |
1508 | ||
1509 | .blue-grey-text.text-darken-1 { | |
1510 | color: #546e7a !important; } | |
1511 | ||
1512 | .blue-grey.darken-2 { | |
1513 | background-color: #455a64 !important; } | |
1514 | ||
1515 | .blue-grey-text.text-darken-2 { | |
1516 | color: #455a64 !important; } | |
1517 | ||
1518 | .blue-grey.darken-3 { | |
1519 | background-color: #37474f !important; } | |
1520 | ||
1521 | .blue-grey-text.text-darken-3 { | |
1522 | color: #37474f !important; } | |
1523 | ||
1524 | .blue-grey.darken-4 { | |
1525 | background-color: #263238 !important; } | |
1526 | ||
1527 | .blue-grey-text.text-darken-4 { | |
1528 | color: #263238 !important; } | |
1529 | ||
1530 | .grey.lighten-5 { | |
1531 | background-color: #fafafa !important; } | |
1532 | ||
1533 | .grey-text.text-lighten-5 { | |
1534 | color: #fafafa !important; } | |
1535 | ||
1536 | .grey.lighten-4 { | |
1537 | background-color: #f5f5f5 !important; } | |
1538 | ||
1539 | .grey-text.text-lighten-4 { | |
1540 | color: #f5f5f5 !important; } | |
1541 | ||
1542 | .grey.lighten-3 { | |
1543 | background-color: #eeeeee !important; } | |
1544 | ||
1545 | .grey-text.text-lighten-3 { | |
1546 | color: #eeeeee !important; } | |
1547 | ||
1548 | .grey.lighten-2 { | |
1549 | background-color: #e0e0e0 !important; } | |
1550 | ||
1551 | .grey-text.text-lighten-2 { | |
1552 | color: #e0e0e0 !important; } | |
1553 | ||
1554 | .grey.lighten-1 { | |
1555 | background-color: #bdbdbd !important; } | |
1556 | ||
1557 | .grey-text.text-lighten-1 { | |
1558 | color: #bdbdbd !important; } | |
1559 | ||
1560 | .grey { | |
1561 | background-color: #9e9e9e !important; } | |
1562 | ||
1563 | .grey-text { | |
1564 | color: #9e9e9e !important; } | |
1565 | ||
1566 | .grey.darken-1 { | |
1567 | background-color: #757575 !important; } | |
1568 | ||
1569 | .grey-text.text-darken-1 { | |
1570 | color: #757575 !important; } | |
1571 | ||
1572 | .grey.darken-2 { | |
1573 | background-color: #616161 !important; } | |
1574 | ||
1575 | .grey-text.text-darken-2 { | |
1576 | color: #616161 !important; } | |
1577 | ||
1578 | .grey.darken-3 { | |
1579 | background-color: #424242 !important; } | |
1580 | ||
1581 | .grey-text.text-darken-3 { | |
1582 | color: #424242 !important; } | |
1583 | ||
1584 | .grey.darken-4 { | |
1585 | background-color: #212121 !important; } | |
1586 | ||
1587 | .grey-text.text-darken-4 { | |
1588 | color: #212121 !important; } | |
1589 | ||
1590 | .shades.black { | |
1591 | background-color: #000000 !important; } | |
1592 | ||
1593 | .shades-text.text-black { | |
1594 | color: #000000 !important; } | |
1595 | ||
1596 | .shades.white { | |
1597 | background-color: #FFFFFF !important; } | |
1598 | ||
1599 | .shades-text.text-white { | |
1600 | color: #FFFFFF !important; } | |
1601 | ||
1602 | .shades.transparent { | |
1603 | background-color: transparent !important; } | |
1604 | ||
1605 | .shades-text.text-transparent { | |
1606 | color: transparent !important; } | |
1607 | ||
1608 | .black { | |
1609 | background-color: #000000 !important; } | |
1610 | ||
1611 | .black-text { | |
1612 | color: #000000 !important; } | |
1613 | ||
1614 | .white { | |
1615 | background-color: #FFFFFF !important; } | |
1616 | ||
1617 | .white-text { | |
1618 | color: #FFFFFF !important; } | |
1619 | ||
1620 | .transparent { | |
1621 | background-color: transparent !important; } | |
1622 | ||
1623 | .transparent-text { | |
1624 | color: transparent !important; } | |
1625 | ||
1626 | /*** Colors ***/ | |
1627 | /*** Badges ***/ | |
1628 | /*** Buttons ***/ | |
1629 | /*** Cards ***/ | |
1630 | /*** Collapsible ***/ | |
1631 | /*** Dropdown ***/ | |
1632 | /*** Fonts ***/ | |
1633 | /*** Forms ***/ | |
1634 | /*** Global ***/ | |
1635 | /*** Navbar ***/ | |
1636 | /*** SideNav ***/ | |
1637 | /*** Photo Slider ***/ | |
1638 | /*** Spinners | Loaders ***/ | |
1639 | /*** Tabs ***/ | |
1640 | /*** Tables ***/ | |
1641 | /*** Toasts ***/ | |
1642 | /*** Typography ***/ | |
1643 | /*** Collections ***/ | |
1644 | /* Progress Bar */ | |
1645 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
1646 | /** | |
1647 | * 1. Set default font family to sans-serif. | |
1648 | * 2. Prevent iOS text size adjust after orientation change, without disabling | |
1649 | * user zoom. | |
1650 | */ | |
1651 | html { | |
1652 | font-family: sans-serif; | |
1653 | /* 1 */ | |
1654 | -ms-text-size-adjust: 100%; | |
1655 | /* 2 */ | |
1656 | -webkit-text-size-adjust: 100%; | |
1657 | /* 2 */ } | |
1658 | ||
1659 | /** | |
1660 | * Remove default margin. | |
1661 | */ | |
1662 | body { | |
1663 | margin: 0; } | |
1664 | ||
1665 | /* HTML5 display definitions | |
1666 | ========================================================================== */ | |
1667 | /** | |
1668 | * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
1669 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
1670 | * and Firefox. | |
1671 | * Correct `block` display not defined for `main` in IE 11. | |
1672 | */ | |
1673 | article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { | |
1674 | display: block; } | |
1675 | ||
1676 | /** | |
1677 | * 1. Correct `inline-block` display not defined in IE 8/9. | |
1678 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
1679 | */ | |
1680 | audio, canvas, progress, video { | |
1681 | display: inline-block; | |
1682 | /* 1 */ | |
1683 | vertical-align: baseline; | |
1684 | /* 2 */ } | |
1685 | ||
1686 | /** | |
1687 | * Prevent modern browsers from displaying `audio` without controls. | |
1688 | * Remove excess height in iOS 5 devices. | |
1689 | */ | |
1690 | audio:not([controls]) { | |
1691 | display: none; | |
1692 | height: 0; } | |
1693 | ||
1694 | /** | |
1695 | * Address `[hidden]` styling not present in IE 8/9/10. | |
1696 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. | |
1697 | */ | |
1698 | [hidden], template { | |
1699 | display: none; } | |
1700 | ||
1701 | /* Links | |
1702 | ========================================================================== */ | |
1703 | /** | |
1704 | * Remove the gray background color from active links in IE 10. | |
1705 | */ | |
1706 | a { | |
1707 | background-color: transparent; } | |
1708 | ||
1709 | /** | |
1710 | * Improve readability when focused and also mouse hovered in all browsers. | |
1711 | */ | |
1712 | a:active, a:hover { | |
1713 | outline: 0; } | |
1714 | ||
1715 | /* Text-level semantics | |
1716 | ========================================================================== */ | |
1717 | /** | |
1718 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
1719 | */ | |
1720 | abbr[title] { | |
1721 | border-bottom: 1px dotted; } | |
1722 | ||
1723 | /** | |
1724 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
1725 | */ | |
1726 | b, strong { | |
1727 | font-weight: bold; } | |
1728 | ||
1729 | /** | |
1730 | * Address styling not present in Safari and Chrome. | |
1731 | */ | |
1732 | dfn { | |
1733 | font-style: italic; } | |
1734 | ||
1735 | /** | |
1736 | * Address variable `h1` font-size and margin within `section` and `article` | |
1737 | * contexts in Firefox 4+, Safari, and Chrome. | |
1738 | */ | |
1739 | h1 { | |
1740 | font-size: 2em; | |
1741 | margin: 0.67em 0; } | |
1742 | ||
1743 | /** | |
1744 | * Address styling not present in IE 8/9. | |
1745 | */ | |
1746 | mark { | |
1747 | background: #ff0; | |
1748 | color: #000; } | |
1749 | ||
1750 | /** | |
1751 | * Address inconsistent and variable font size in all browsers. | |
1752 | */ | |
1753 | small { | |
1754 | font-size: 80%; } | |
1755 | ||
1756 | /** | |
1757 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
1758 | */ | |
1759 | sub, sup { | |
1760 | font-size: 75%; | |
1761 | line-height: 0; | |
1762 | position: relative; | |
1763 | vertical-align: baseline; } | |
1764 | ||
1765 | sup { | |
1766 | top: -0.5em; } | |
1767 | ||
1768 | sub { | |
1769 | bottom: -0.25em; } | |
1770 | ||
1771 | /* Embedded content | |
1772 | ========================================================================== */ | |
1773 | /** | |
1774 | * Remove border when inside `a` element in IE 8/9/10. | |
1775 | */ | |
1776 | img { | |
1777 | border: 0; } | |
1778 | ||
1779 | /** | |
1780 | * Correct overflow not hidden in IE 9/10/11. | |
1781 | */ | |
1782 | svg:not(:root) { | |
1783 | overflow: hidden; } | |
1784 | ||
1785 | /* Grouping content | |
1786 | ========================================================================== */ | |
1787 | /** | |
1788 | * Address margin not present in IE 8/9 and Safari. | |
1789 | */ | |
1790 | figure { | |
1791 | margin: 1em 40px; } | |
1792 | ||
1793 | /** | |
1794 | * Address differences between Firefox and other browsers. | |
1795 | */ | |
1796 | hr { | |
1797 | -moz-box-sizing: content-box; | |
1798 | box-sizing: content-box; | |
1799 | height: 0; } | |
1800 | ||
1801 | /** | |
1802 | * Contain overflow in all browsers. | |
1803 | */ | |
1804 | pre { | |
1805 | overflow: auto; } | |
1806 | ||
1807 | /** | |
1808 | * Address odd `em`-unit font size rendering in all browsers. | |
1809 | */ | |
1810 | code, kbd, pre, samp { | |
1811 | font-family: monospace, monospace; | |
1812 | font-size: 1em; } | |
1813 | ||
1814 | /* Forms | |
1815 | ========================================================================== */ | |
1816 | /** | |
1817 | * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
1818 | * styling of `select`, unless a `border` property is set. | |
1819 | */ | |
1820 | /** | |
1821 | * 1. Correct color not being inherited. | |
1822 | * Known issue: affects color of disabled elements. | |
1823 | * 2. Correct font properties not being inherited. | |
1824 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
1825 | */ | |
1826 | button, input, optgroup, select, textarea { | |
1827 | color: inherit; | |
1828 | /* 1 */ | |
1829 | font: inherit; | |
1830 | /* 2 */ | |
1831 | margin: 0; | |
1832 | /* 3 */ } | |
1833 | ||
1834 | /** | |
1835 | * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
1836 | */ | |
1837 | button { | |
1838 | overflow: visible; } | |
1839 | ||
1840 | /** | |
1841 | * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
1842 | * All other form control elements do not inherit `text-transform` values. | |
1843 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
1844 | * Correct `select` style inheritance in Firefox. | |
1845 | */ | |
1846 | button, select { | |
1847 | text-transform: none; } | |
1848 | ||
1849 | /** | |
1850 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
1851 | * and `video` controls. | |
1852 | * 2. Correct inability to style clickable `input` types in iOS. | |
1853 | * 3. Improve usability and consistency of cursor style between image-type | |
1854 | * `input` and others. | |
1855 | */ | |
1856 | /* 1 */ | |
1857 | html input[type="button"], button, input[type="reset"], input[type="submit"] { | |
1858 | -webkit-appearance: button; | |
1859 | /* 2 */ | |
1860 | cursor: pointer; | |
1861 | /* 3 */ } | |
1862 | ||
1863 | /** | |
1864 | * Re-set default cursor for disabled elements. | |
1865 | */ | |
1866 | button[disabled], html input[disabled] { | |
1867 | cursor: default; } | |
1868 | ||
1869 | /** | |
1870 | * Remove inner padding and border in Firefox 4+. | |
1871 | */ | |
1872 | button::-moz-focus-inner, input::-moz-focus-inner { | |
1873 | border: 0; | |
1874 | padding: 0; } | |
1875 | ||
1876 | /** | |
1877 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
1878 | * the UA stylesheet. | |
1879 | */ | |
1880 | input { | |
1881 | line-height: normal; } | |
1882 | ||
1883 | /** | |
1884 | * It's recommended that you don't attempt to style these elements. | |
1885 | * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
1886 | * | |
1887 | * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
1888 | * 2. Remove excess padding in IE 8/9/10. | |
1889 | */ | |
1890 | input[type="checkbox"], input[type="radio"] { | |
1891 | box-sizing: border-box; | |
1892 | /* 1 */ | |
1893 | padding: 0; | |
1894 | /* 2 */ } | |
1895 | ||
1896 | /** | |
1897 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
1898 | * `font-size` values of the `input`, it causes the cursor style of the | |
1899 | * decrement button to change from `default` to `text`. | |
1900 | */ | |
1901 | input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { | |
1902 | height: auto; } | |
1903 | ||
1904 | /** | |
1905 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
1906 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome | |
1907 | * (include `-moz` to future-proof). | |
1908 | */ | |
1909 | input[type="search"] { | |
1910 | -webkit-appearance: textfield; | |
1911 | /* 1 */ | |
1912 | -moz-box-sizing: content-box; | |
1913 | -webkit-box-sizing: content-box; | |
1914 | /* 2 */ | |
1915 | box-sizing: content-box; } | |
1916 | ||
1917 | /** | |
1918 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
1919 | * Safari (but not Chrome) clips the cancel button when the search input has | |
1920 | * padding (and `textfield` appearance). | |
1921 | */ | |
1922 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { | |
1923 | -webkit-appearance: none; } | |
1924 | ||
1925 | /** | |
1926 | * Define consistent border, margin, and padding. | |
1927 | */ | |
1928 | fieldset { | |
1929 | border: 1px solid #c0c0c0; | |
1930 | margin: 0 2px; | |
1931 | padding: 0.35em 0.625em 0.75em; } | |
1932 | ||
1933 | /** | |
1934 | * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
1935 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
1936 | */ | |
1937 | legend { | |
1938 | border: 0; | |
1939 | /* 1 */ | |
1940 | padding: 0; | |
1941 | /* 2 */ } | |
1942 | ||
1943 | /** | |
1944 | * Remove default vertical scrollbar in IE 8/9/10/11. | |
1945 | */ | |
1946 | textarea { | |
1947 | overflow: auto; } | |
1948 | ||
1949 | /** | |
1950 | * Don't inherit the `font-weight` (applied by a rule above). | |
1951 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
1952 | */ | |
1953 | optgroup { | |
1954 | font-weight: bold; } | |
1955 | ||
1956 | /* Tables | |
1957 | ========================================================================== */ | |
1958 | /** | |
1959 | * Remove most spacing between table cells. | |
1960 | */ | |
1961 | table { | |
1962 | border-collapse: collapse; | |
1963 | border-spacing: 0; } | |
1964 | ||
1965 | td, th { | |
1966 | padding: 0; } | |
1967 | ||
1968 | html { | |
1969 | box-sizing: border-box; } | |
1970 | ||
1971 | *, *:before, *:after { | |
1972 | box-sizing: inherit; } | |
1973 | ||
1974 | ul { | |
1975 | list-style-type: none; } | |
1976 | ||
1977 | a { | |
1978 | color: #039be5; | |
1979 | text-decoration: none; | |
1980 | -webkit-tap-highlight-color: transparent; } | |
1981 | ||
1982 | .valign-wrapper { | |
1983 | display: -webkit-box; | |
1984 | display: -moz-box; | |
1985 | display: -ms-flexbox; | |
1986 | display: -webkit-flex; | |
1987 | display: flex; | |
1988 | -webkit-flex-align: center; | |
1989 | -ms-flex-align: center; | |
1990 | -webkit-align-items: center; | |
1991 | align-items: center; } | |
1992 | .valign-wrapper .valign { | |
1993 | display: block; } | |
1994 | ||
1995 | ul { | |
1996 | padding: 0; } | |
1997 | ul li { | |
1998 | list-style-type: none; } | |
1999 | ||
2000 | .clearfix { | |
2001 | clear: both; } | |
2002 | ||
2003 | .z-depth-0 { | |
2004 | box-shadow: none !important; } | |
2005 | ||
2006 | .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { | |
2007 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } | |
2008 | ||
2009 | .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover { | |
2010 | box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } | |
2011 | ||
2012 | .z-depth-2 { | |
2013 | box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } | |
2014 | ||
2015 | .z-depth-3 { | |
2016 | box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } | |
2017 | ||
2018 | .z-depth-4, .modal { | |
2019 | box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } | |
2020 | ||
2021 | .z-depth-5 { | |
2022 | box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } | |
2023 | ||
2024 | .hoverable:hover { | |
2025 | transition: box-shadow .25s; | |
2026 | box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } | |
2027 | ||
2028 | .divider { | |
2029 | height: 1px; | |
2030 | overflow: hidden; | |
2031 | background-color: #e0e0e0; } | |
2032 | ||
2033 | blockquote { | |
2034 | margin: 20px 0; | |
2035 | padding-left: 1.5rem; | |
2036 | border-left: 5px solid #ee6e73; } | |
2037 | ||
2038 | i { | |
2039 | line-height: inherit; } | |
2040 | i.left { | |
2041 | float: left; | |
2042 | margin-right: 15px; } | |
2043 | i.right { | |
2044 | float: right; | |
2045 | margin-left: 15px; } | |
2046 | i.tiny { | |
2047 | font-size: 1rem; } | |
2048 | i.small { | |
2049 | font-size: 2rem; } | |
2050 | i.medium { | |
2051 | font-size: 4rem; } | |
2052 | i.large { | |
2053 | font-size: 6rem; } | |
2054 | ||
2055 | img.responsive-img, video.responsive-video { | |
2056 | max-width: 100%; | |
2057 | height: auto; } | |
2058 | ||
2059 | .pagination li { | |
2060 | display: inline-block; | |
2061 | font-size: 1.2rem; | |
2062 | padding: 0 10px; | |
2063 | line-height: 30px; | |
2064 | border-radius: 2px; | |
2065 | text-align: center; } | |
2066 | .pagination li a { | |
2067 | color: #444; } | |
2068 | .pagination li.active a { | |
2069 | color: #fff; } | |
2070 | .pagination li.active { | |
2071 | background-color: #ee6e73; } | |
2072 | .pagination li.disabled a { | |
2073 | cursor: default; | |
2074 | color: #999; } | |
2075 | .pagination li i { | |
2076 | font-size: 2rem; } | |
2077 | .pagination li.pages ul li { | |
2078 | display: inline-block; | |
2079 | float: none; } | |
2080 | ||
2081 | @media only screen and (max-width : 992px) { | |
2082 | .pagination { | |
2083 | width: 100%; } | |
2084 | .pagination li.prev, .pagination li.next { | |
2085 | width: 10%; } | |
2086 | .pagination li.pages { | |
2087 | width: 80%; | |
2088 | overflow: hidden; | |
2089 | white-space: nowrap; } } | |
2090 | ||
2091 | .parallax-container { | |
2092 | position: relative; | |
2093 | overflow: hidden; | |
2094 | height: 500px; } | |
2095 | ||
2096 | .parallax { | |
2097 | position: absolute; | |
2098 | top: 0; | |
2099 | left: 0; | |
2100 | right: 0; | |
2101 | bottom: 0; | |
2102 | z-index: -1; } | |
2103 | .parallax img { | |
2104 | display: none; | |
2105 | position: absolute; | |
2106 | left: 50%; | |
2107 | bottom: 0; | |
2108 | min-width: 100%; | |
2109 | min-height: 100%; | |
2110 | -webkit-transform: translate3d(0, 0, 0); | |
2111 | transform: translate3d(0, 0, 0); | |
2112 | transform: translateX(-50%); } | |
2113 | ||
2114 | .pin-top, .pin-bottom { | |
2115 | position: relative; } | |
2116 | ||
2117 | .pinned { | |
2118 | position: fixed !important; } | |
2119 | ||
2120 | /********************* | |
2121 | Transition Classes | |
2122 | **********************/ | |
2123 | ul.staggered-list li { | |
2124 | opacity: 0; } | |
2125 | ||
2126 | .fade-in { | |
2127 | opacity: 0; | |
2128 | transform-origin: 0 50%; } | |
2129 | ||
2130 | /********************* | |
2131 | Media Query Classes | |
2132 | **********************/ | |
2133 | @media only screen and (max-width : 600px) { | |
2134 | .hide-on-small-only, .hide-on-small-and-down { | |
2135 | display: none !important; } } | |
2136 | ||
2137 | @media only screen and (max-width : 992px) { | |
2138 | .hide-on-med-and-down { | |
2139 | display: none !important; } } | |
2140 | ||
2141 | @media only screen and (min-width : 601px) { | |
2142 | .hide-on-med-and-up { | |
2143 | display: none !important; } } | |
2144 | ||
2145 | @media only screen and (min-width: 600px) and (max-width: 992px) { | |
2146 | .hide-on-med-only { | |
2147 | display: none !important; } } | |
2148 | ||
2149 | @media only screen and (min-width : 993px) { | |
2150 | .hide-on-large-only { | |
2151 | display: none !important; } } | |
2152 | ||
2153 | @media only screen and (min-width : 993px) { | |
2154 | .show-on-large { | |
2155 | display: initial !important; } } | |
2156 | ||
2157 | @media only screen and (min-width: 600px) and (max-width: 992px) { | |
2158 | .show-on-medium { | |
2159 | display: initial !important; } } | |
2160 | ||
2161 | @media only screen and (max-width : 600px) { | |
2162 | .show-on-small { | |
2163 | display: initial !important; } } | |
2164 | ||
2165 | @media only screen and (min-width : 601px) { | |
2166 | .show-on-medium-and-up { | |
2167 | display: initial !important; } } | |
2168 | ||
2169 | @media only screen and (max-width : 992px) { | |
2170 | .show-on-medium-and-down { | |
2171 | display: initial !important; } } | |
2172 | ||
2173 | @media only screen and (max-width : 600px) { | |
2174 | .center-on-small-only { | |
2175 | text-align: center; } } | |
2176 | ||
2177 | footer.page-footer { | |
2178 | margin-top: 20px; | |
2179 | padding-top: 20px; | |
2180 | background-color: #ee6e73; } | |
2181 | footer.page-footer .footer-copyright { | |
2182 | overflow: hidden; | |
2183 | height: 50px; | |
2184 | line-height: 50px; | |
2185 | color: rgba(255, 255, 255, 0.8); | |
2186 | background-color: rgba(51, 51, 51, 0.08); } | |
2187 | ||
2188 | table, th, td { | |
2189 | border: none; } | |
2190 | ||
2191 | table { | |
2192 | width: 100%; | |
2193 | display: table; } | |
2194 | table.bordered > thead > tr, table.bordered > tbody > tr { | |
2195 | border-bottom: 1px solid #d0d0d0; } | |
2196 | table.striped > tbody > tr:nth-child(odd) { | |
2197 | background-color: #f2f2f2; } | |
2198 | table.striped > tbody > tr > td { | |
2199 | border-radius: 0px; } | |
2200 | table.highlight > tbody > tr { | |
2201 | -webkit-transition: background-color .25s ease; | |
2202 | -moz-transition: background-color .25s ease; | |
2203 | -o-transition: background-color .25s ease; | |
2204 | -ms-transition: background-color .25s ease; | |
2205 | transition: background-color .25s ease; } | |
2206 | table.highlight > tbody > tr:hover { | |
2207 | background-color: #f2f2f2; } | |
2208 | table.centered thead tr th, table.centered tbody tr td { | |
2209 | text-align: center; } | |
2210 | ||
2211 | thead { | |
2212 | border-bottom: 1px solid #d0d0d0; } | |
2213 | ||
2214 | td, th { | |
2215 | padding: 15px 5px; | |
2216 | display: table-cell; | |
2217 | text-align: left; | |
2218 | vertical-align: middle; | |
2219 | border-radius: 2px; } | |
2220 | ||
2221 | @media only screen and (max-width : 992px) { | |
2222 | table.responsive-table { | |
2223 | width: 100%; | |
2224 | border-collapse: collapse; | |
2225 | border-spacing: 0; | |
2226 | display: block; | |
2227 | position: relative; | |
2228 | /* sort out borders */ } | |
2229 | table.responsive-table th, table.responsive-table td { | |
2230 | margin: 0; | |
2231 | vertical-align: top; } | |
2232 | table.responsive-table th { | |
2233 | text-align: left; } | |
2234 | table.responsive-table thead { | |
2235 | display: block; | |
2236 | float: left; } | |
2237 | table.responsive-table thead tr { | |
2238 | display: block; | |
2239 | padding: 0 10px 0 0; } | |
2240 | table.responsive-table thead tr th::before { | |
2241 | content: "\00a0"; } | |
2242 | table.responsive-table tbody { | |
2243 | display: block; | |
2244 | width: auto; | |
2245 | position: relative; | |
2246 | overflow-x: auto; | |
2247 | white-space: nowrap; } | |
2248 | table.responsive-table tbody tr { | |
2249 | display: inline-block; | |
2250 | vertical-align: top; } | |
2251 | table.responsive-table th { | |
2252 | display: block; | |
2253 | text-align: right; } | |
2254 | table.responsive-table td { | |
2255 | display: block; | |
2256 | min-height: 1.25em; | |
2257 | text-align: left; } | |
2258 | table.responsive-table tr { | |
2259 | padding: 0 10px; } | |
2260 | table.responsive-table thead { | |
2261 | border: 0; | |
2262 | border-right: 1px solid #d0d0d0; } | |
2263 | table.responsive-table.bordered th { | |
2264 | border-bottom: 0; | |
2265 | border-left: 0; } | |
2266 | table.responsive-table.bordered td { | |
2267 | border-left: 0; | |
2268 | border-right: 0; | |
2269 | border-bottom: 0; } | |
2270 | table.responsive-table.bordered tr { | |
2271 | border: 0; } | |
2272 | table.responsive-table.bordered tbody tr { | |
2273 | border-right: 1px solid #d0d0d0; } } | |
2274 | ||
2275 | .collection { | |
2276 | margin: 0.5rem 0 1rem 0; | |
2277 | border: 1px solid #e0e0e0; | |
2278 | border-radius: 2px; | |
2279 | overflow: hidden; | |
2280 | position: relative; } | |
2281 | .collection .collection-item { | |
2282 | background-color: #fff; | |
2283 | line-height: 1.5rem; | |
2284 | padding: 10px 20px; | |
2285 | margin: 0; | |
2286 | border-bottom: 1px solid #e0e0e0; } | |
2287 | .collection .collection-item.avatar { | |
2288 | min-height: 84px; | |
2289 | padding-left: 72px; | |
2290 | position: relative; } | |
2291 | .collection .collection-item.avatar .circle { | |
2292 | position: absolute; | |
2293 | width: 42px; | |
2294 | height: 42px; | |
2295 | overflow: hidden; | |
2296 | left: 15px; | |
2297 | display: inline-block; | |
2298 | vertical-align: middle; } | |
2299 | .collection .collection-item.avatar i.circle { | |
2300 | font-size: 18px; | |
2301 | line-height: 42px; | |
2302 | color: #fff; | |
2303 | background-color: #999; | |
2304 | text-align: center; } | |
2305 | .collection .collection-item.avatar .title { | |
2306 | font-size: 16px; } | |
2307 | .collection .collection-item.avatar p { | |
2308 | margin: 0; } | |
2309 | .collection .collection-item.avatar .secondary-content { | |
2310 | position: absolute; | |
2311 | top: 16px; | |
2312 | right: 16px; } | |
2313 | .collection .collection-item:last-child { | |
2314 | border-bottom: none; } | |
2315 | .collection .collection-item.active { | |
2316 | background-color: #26a69a; | |
2317 | color: #eafaf9; } | |
2318 | .collection .collection-item.active .secondary-content { | |
2319 | color: #fff; } | |
2320 | .collection a.collection-item { | |
2321 | display: block; | |
2322 | -webkit-transition: 0.25s; | |
2323 | -moz-transition: 0.25s; | |
2324 | -o-transition: 0.25s; | |
2325 | -ms-transition: 0.25s; | |
2326 | transition: 0.25s; | |
2327 | color: #26a69a; } | |
2328 | .collection a.collection-item:not(.active):hover { | |
2329 | background-color: #ddd; } | |
2330 | .collection.with-header .collection-header { | |
2331 | background-color: #fff; | |
2332 | border-bottom: 1px solid #e0e0e0; | |
2333 | padding: 10px 20px; } | |
2334 | .collection.with-header .collection-item { | |
2335 | padding-left: 30px; } | |
2336 | .collection.with-header .collection-item.avatar { | |
2337 | padding-left: 72px; } | |
2338 | ||
2339 | .secondary-content { | |
2340 | float: right; | |
2341 | color: #26a69a; } | |
2342 | ||
2343 | .collapsible .collection { | |
2344 | margin: 0; | |
2345 | border: none; } | |
2346 | ||
2347 | span.badge { | |
2348 | min-width: 3rem; | |
2349 | padding: 0 6px; | |
2350 | text-align: center; | |
2351 | font-size: 1rem; | |
2352 | line-height: inherit; | |
2353 | color: #757575; | |
2354 | position: absolute; | |
2355 | right: 15px; | |
2356 | -webkit-box-sizing: border-box; | |
2357 | -moz-box-sizing: border-box; | |
2358 | box-sizing: border-box; } | |
2359 | span.badge.new { | |
2360 | font-weight: 300; | |
2361 | font-size: 0.8rem; | |
2362 | color: #fff; | |
2363 | background-color: #26a69a; | |
2364 | border-radius: 2px; } | |
2365 | span.badge.new:after { | |
2366 | content: " new"; } | |
2367 | ||
2368 | nav ul a span.badge { | |
2369 | position: static; | |
2370 | margin-left: 4px; | |
2371 | line-height: 0; } | |
2372 | ||
2373 | .video-container { | |
2374 | position: relative; | |
2375 | padding-bottom: 56.25%; | |
2376 | padding-top: 30px; | |
2377 | height: 0; | |
2378 | overflow: hidden; } | |
2379 | .video-container.no-controls { | |
2380 | padding-top: 0; } | |
2381 | .video-container iframe, .video-container object, .video-container embed { | |
2382 | position: absolute; | |
2383 | top: 0; | |
2384 | left: 0; | |
2385 | width: 100%; | |
2386 | height: 100%; } | |
2387 | ||
2388 | .progress { | |
2389 | position: relative; | |
2390 | height: 4px; | |
2391 | display: block; | |
2392 | width: 100%; | |
2393 | background-color: #acece6; | |
2394 | border-radius: 2px; | |
2395 | margin: 0.5rem 0 1rem 0; | |
2396 | overflow: hidden; } | |
2397 | .progress .determinate { | |
2398 | position: absolute; | |
2399 | background-color: inherit; | |
2400 | top: 0; | |
2401 | left: 0; | |
2402 | bottom: 0; | |
2403 | background-color: #26a69a; | |
2404 | -webkit-transition: width .3s linear; | |
2405 | -moz-transition: width .3s linear; | |
2406 | -o-transition: width .3s linear; | |
2407 | -ms-transition: width .3s linear; | |
2408 | transition: width .3s linear; } | |
2409 | .progress .indeterminate { | |
2410 | background-color: #26a69a; } | |
2411 | .progress .indeterminate:before { | |
2412 | content: ''; | |
2413 | position: absolute; | |
2414 | background-color: inherit; | |
2415 | top: 0; | |
2416 | left: 0; | |
2417 | bottom: 0; | |
2418 | will-change: left, right; | |
2419 | -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; | |
2420 | -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; | |
2421 | -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; | |
2422 | -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; | |
2423 | animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } | |
2424 | .progress .indeterminate:after { | |
2425 | content: ''; | |
2426 | position: absolute; | |
2427 | background-color: inherit; | |
2428 | top: 0; | |
2429 | left: 0; | |
2430 | bottom: 0; | |
2431 | will-change: left, right; | |
2432 | -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; | |
2433 | -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; | |
2434 | -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; | |
2435 | -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; | |
2436 | animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; | |
2437 | -webkit-animation-delay: 1.15s; | |
2438 | -moz-animation-delay: 1.15s; | |
2439 | -ms-animation-delay: 1.15s; | |
2440 | -o-animation-delay: 1.15s; | |
2441 | animation-delay: 1.15s; } | |
2442 | ||
2443 | @-webkit-keyframes indeterminate { | |
2444 | 0% { | |
2445 | left: -35%; | |
2446 | right: 100%; } | |
2447 | ||
2448 | 60% { | |
2449 | left: 100%; | |
2450 | right: -90%; } | |
2451 | ||
2452 | 100% { | |
2453 | left: 100%; | |
2454 | right: -90%; } } | |
2455 | ||
2456 | @-moz-keyframes indeterminate { | |
2457 | 0% { | |
2458 | left: -35%; | |
2459 | right: 100%; } | |
2460 | ||
2461 | 60% { | |
2462 | left: 100%; | |
2463 | right: -90%; } | |
2464 | ||
2465 | 100% { | |
2466 | left: 100%; | |
2467 | right: -90%; } } | |
2468 | ||
2469 | @keyframes indeterminate { | |
2470 | 0% { | |
2471 | left: -35%; | |
2472 | right: 100%; } | |
2473 | ||
2474 | 60% { | |
2475 | left: 100%; | |
2476 | right: -90%; } | |
2477 | ||
2478 | 100% { | |
2479 | left: 100%; | |
2480 | right: -90%; } } | |
2481 | ||
2482 | @-webkit-keyframes indeterminate-short { | |
2483 | 0% { | |
2484 | left: -200%; | |
2485 | right: 100%; } | |
2486 | ||
2487 | 60% { | |
2488 | left: 107%; | |
2489 | right: -8%; } | |
2490 | ||
2491 | 100% { | |
2492 | left: 107%; | |
2493 | right: -8%; } } | |
2494 | ||
2495 | @-moz-keyframes indeterminate-short { | |
2496 | 0% { | |
2497 | left: -200%; | |
2498 | right: 100%; } | |
2499 | ||
2500 | 60% { | |
2501 | left: 107%; | |
2502 | right: -8%; } | |
2503 | ||
2504 | 100% { | |
2505 | left: 107%; | |
2506 | right: -8%; } } | |
2507 | ||
2508 | @keyframes indeterminate-short { | |
2509 | 0% { | |
2510 | left: -200%; | |
2511 | right: 100%; } | |
2512 | ||
2513 | 60% { | |
2514 | left: 107%; | |
2515 | right: -8%; } | |
2516 | ||
2517 | 100% { | |
2518 | left: 107%; | |
2519 | right: -8%; } } | |
2520 | ||
2521 | /******************* | |
2522 | Utility Classes | |
2523 | *******************/ | |
2524 | .hide { | |
2525 | display: none !important; } | |
2526 | ||
2527 | .left-align { | |
2528 | text-align: left; } | |
2529 | ||
2530 | .right-align { | |
2531 | text-align: right; } | |
2532 | ||
2533 | .center, .center-align { | |
2534 | text-align: center; } | |
2535 | ||
2536 | .left { | |
2537 | float: left !important; } | |
2538 | ||
2539 | .right { | |
2540 | float: right !important; } | |
2541 | ||
2542 | .no-select, input[type=range], input[type=range] + .thumb { | |
2543 | -webkit-touch-callout: none; | |
2544 | -webkit-user-select: none; | |
2545 | -khtml-user-select: none; | |
2546 | -moz-user-select: none; | |
2547 | -ms-user-select: none; | |
2548 | user-select: none; } | |
2549 | ||
2550 | .circle { | |
2551 | border-radius: 50%; } | |
2552 | ||
2553 | .center-block { | |
2554 | display: block; | |
2555 | margin-left: auto; | |
2556 | margin-right: auto; } | |
2557 | ||
2558 | .truncate { | |
2559 | display: block; | |
2560 | white-space: nowrap; | |
2561 | overflow: hidden; | |
2562 | text-overflow: ellipsis; } | |
2563 | ||
2564 | .no-padding { | |
2565 | padding: 0 !important; } | |
2566 | ||
2567 | @font-face { | |
2568 | font-family: "Material-Design-Icons"; | |
2569 | src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg"); | |
2570 | font-weight: normal; | |
2571 | font-style: normal; } | |
2572 | ||
2573 | [class^="mdi-"], [class*="mdi-"] { | |
2574 | speak: none; | |
2575 | display: inline-block; | |
2576 | font-family: "Material-Design-Icons"; | |
2577 | font-style: normal; | |
2578 | font-weight: normal; | |
2579 | font-variant: normal; | |
2580 | text-rendering: auto; | |
2581 | /* Better Font Rendering =========== */ | |
2582 | -webkit-font-smoothing: antialiased; | |
2583 | -moz-osx-font-smoothing: grayscale; | |
2584 | transform: translate(0, 0); } | |
2585 | [class^="mdi-"]:before, [class*="mdi-"]:before { | |
2586 | display: inline-block; | |
2587 | speak: none; | |
2588 | text-decoration: inherit; } | |
2589 | [class^="mdi-"].pull-left, [class*="mdi-"].pull-left { | |
2590 | margin-right: .3em; } | |
2591 | [class^="mdi-"].pull-right, [class*="mdi-"].pull-right { | |
2592 | margin-left: .3em; } | |
2593 | [class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after { | |
2594 | font-size: 1.33333333em; | |
2595 | line-height: 0.75em; | |
2596 | vertical-align: -15%; } | |
2597 | [class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after { | |
2598 | font-size: 2em; } | |
2599 | [class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after { | |
2600 | font-size: 3em; } | |
2601 | [class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after { | |
2602 | font-size: 4em; } | |
2603 | [class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after { | |
2604 | font-size: 5em; } | |
2605 | ||
2606 | [class^="mdi-device-signal-cellular-"]:after, [class^="mdi-device-battery-"]:after, [class^="mdi-device-battery-charging-"]:after, [class^="mdi-device-signal-cellular-connected-no-internet-"]:after, [class^="mdi-device-signal-wifi-"]:after, [class^="mdi-device-signal-wifi-statusbar-not-connected"]:after, .mdi-device-network-wifi:after { | |
2607 | opacity: .3; | |
2608 | position: absolute; | |
2609 | left: 0; | |
2610 | top: 0; | |
2611 | z-index: 1; | |
2612 | display: inline-block; | |
2613 | speak: none; | |
2614 | text-decoration: inherit; } | |
2615 | ||
2616 | [class^="mdi-device-signal-cellular-"]:after { | |
2617 | content: "\e758"; } | |
2618 | ||
2619 | [class^="mdi-device-battery-"]:after { | |
2620 | content: "\e735"; } | |
2621 | ||
2622 | [class^="mdi-device-battery-charging-"]:after { | |
2623 | content: "\e733"; } | |
2624 | ||
2625 | [class^="mdi-device-signal-cellular-connected-no-internet-"]:after { | |
2626 | content: "\e75d"; } | |
2627 | ||
2628 | [class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after { | |
2629 | content: "\e765"; } | |
2630 | ||
2631 | [class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after { | |
2632 | content: "\e8f7"; } | |
2633 | ||
2634 | .mdi-device-signal-cellular-off:after, .mdi-device-signal-cellular-null:after, .mdi-device-signal-cellular-no-sim:after, .mdi-device-signal-wifi-off:after, .mdi-device-signal-wifi-4-bar:after, .mdi-device-signal-cellular-4-bar:after, .mdi-device-battery-alert:after, .mdi-device-signal-cellular-connected-no-internet-4-bar:after, .mdi-device-battery-std:after, .mdi-device-battery-full .mdi-device-battery-unknown:after { | |
2635 | content: ""; } | |
2636 | ||
2637 | .mdi-fw { | |
2638 | width: 1.28571429em; | |
2639 | text-align: center; } | |
2640 | ||
2641 | .mdi-ul { | |
2642 | padding-left: 0; | |
2643 | margin-left: 2.14285714em; | |
2644 | list-style-type: none; } | |
2645 | ||
2646 | .mdi-ul > li { | |
2647 | position: relative; } | |
2648 | ||
2649 | .mdi-li { | |
2650 | position: absolute; | |
2651 | left: -2.14285714em; | |
2652 | width: 2.14285714em; | |
2653 | top: 0.14285714em; | |
2654 | text-align: center; } | |
2655 | ||
2656 | .mdi-li.mdi-lg { | |
2657 | left: -1.85714286em; } | |
2658 | ||
2659 | .mdi-border { | |
2660 | padding: .2em .25em .15em; | |
2661 | border: solid 0.08em #eeeeee; | |
2662 | border-radius: .1em; } | |
2663 | ||
2664 | .mdi-spin { | |
2665 | -webkit-animation: mdi-spin 2s infinite linear; | |
2666 | animation: mdi-spin 2s infinite linear; | |
2667 | -webkit-transform-origin: 50% 50%; | |
2668 | -moz-transform-origin: 50% 50%; | |
2669 | -o-transform-origin: 50% 50%; | |
2670 | transform-origin: 50% 50%; } | |
2671 | ||
2672 | .mdi-pulse { | |
2673 | -webkit-animation: mdi-spin 1s steps(8) infinite; | |
2674 | animation: mdi-spin 1s steps(8) infinite; | |
2675 | -webkit-transform-origin: 50% 50%; | |
2676 | -moz-transform-origin: 50% 50%; | |
2677 | -o-transform-origin: 50% 50%; | |
2678 | transform-origin: 50% 50%; } | |
2679 | ||
2680 | @-webkit-keyframes mdi-spin { | |
2681 | 0% { | |
2682 | -webkit-transform: rotate(0deg); | |
2683 | transform: rotate(0deg); } | |
2684 | ||
2685 | 100% { | |
2686 | -webkit-transform: rotate(359deg); | |
2687 | transform: rotate(359deg); } } | |
2688 | ||
2689 | @keyframes mdi-spin { | |
2690 | 0% { | |
2691 | -webkit-transform: rotate(0deg); | |
2692 | transform: rotate(0deg); } | |
2693 | ||
2694 | 100% { | |
2695 | -webkit-transform: rotate(359deg); | |
2696 | transform: rotate(359deg); } } | |
2697 | ||
2698 | .mdi-rotate-90 { | |
2699 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
2700 | -webkit-transform: rotate(90deg); | |
2701 | -ms-transform: rotate(90deg); | |
2702 | transform: rotate(90deg); } | |
2703 | ||
2704 | .mdi-rotate-180 { | |
2705 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
2706 | -webkit-transform: rotate(180deg); | |
2707 | -ms-transform: rotate(180deg); | |
2708 | transform: rotate(180deg); } | |
2709 | ||
2710 | .mdi-rotate-270 { | |
2711 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
2712 | -webkit-transform: rotate(270deg); | |
2713 | -ms-transform: rotate(270deg); | |
2714 | transform: rotate(270deg); } | |
2715 | ||
2716 | .mdi-flip-horizontal { | |
2717 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); | |
2718 | -webkit-transform: scale(-1, 1); | |
2719 | -ms-transform: scale(-1, 1); | |
2720 | transform: scale(-1, 1); } | |
2721 | ||
2722 | .mdi-flip-vertical { | |
2723 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); | |
2724 | -webkit-transform: scale(1, -1); | |
2725 | -ms-transform: scale(1, -1); | |
2726 | transform: scale(1, -1); } | |
2727 | ||
2728 | :root .mdi-rotate-90, :root .mdi-rotate-180, :root .mdi-rotate-270, :root .mdi-flip-horizontal, :root .mdi-flip-vertical { | |
2729 | filter: none; } | |
2730 | ||
2731 | .mdi-stack { | |
2732 | position: relative; | |
2733 | display: inline-block; | |
2734 | width: 2em; | |
2735 | height: 2em; | |
2736 | line-height: 2em; | |
2737 | vertical-align: middle; } | |
2738 | ||
2739 | .mdi-stack-1x, .mdi-stack-2x { | |
2740 | position: absolute; | |
2741 | left: 0; | |
2742 | width: 100%; | |
2743 | text-align: center; } | |
2744 | ||
2745 | .mdi-stack-1x { | |
2746 | line-height: inherit; } | |
2747 | ||
2748 | .mdi-stack-2x { | |
2749 | font-size: 2em; } | |
2750 | ||
2751 | .mdi-inverse { | |
2752 | color: #ffffff; } | |
2753 | ||
2754 | /* Start Icons */ | |
2755 | .mdi-action-3d-rotation:before { | |
2756 | content: "\e600"; } | |
2757 | ||
2758 | .mdi-action-accessibility:before { | |
2759 | content: "\e601"; } | |
2760 | ||
2761 | .mdi-action-account-balance-wallet:before { | |
2762 | content: "\e602"; } | |
2763 | ||
2764 | .mdi-action-account-balance:before { | |
2765 | content: "\e603"; } | |
2766 | ||
2767 | .mdi-action-account-box:before { | |
2768 | content: "\e604"; } | |
2769 | ||
2770 | .mdi-action-account-child:before { | |
2771 | content: "\e605"; } | |
2772 | ||
2773 | .mdi-action-account-circle:before { | |
2774 | content: "\e606"; } | |
2775 | ||
2776 | .mdi-action-add-shopping-cart:before { | |
2777 | content: "\e607"; } | |
2778 | ||
2779 | .mdi-action-alarm-add:before { | |
2780 | content: "\e608"; } | |
2781 | ||
2782 | .mdi-action-alarm-off:before { | |
2783 | content: "\e609"; } | |
2784 | ||
2785 | .mdi-action-alarm-on:before { | |
2786 | content: "\e60a"; } | |
2787 | ||
2788 | .mdi-action-alarm:before { | |
2789 | content: "\e60b"; } | |
2790 | ||
2791 | .mdi-action-android:before { | |
2792 | content: "\e60c"; } | |
2793 | ||
2794 | .mdi-action-announcement:before { | |
2795 | content: "\e60d"; } | |
2796 | ||
2797 | .mdi-action-aspect-ratio:before { | |
2798 | content: "\e60e"; } | |
2799 | ||
2800 | .mdi-action-assessment:before { | |
2801 | content: "\e60f"; } | |
2802 | ||
2803 | .mdi-action-assignment-ind:before { | |
2804 | content: "\e610"; } | |
2805 | ||
2806 | .mdi-action-assignment-late:before { | |
2807 | content: "\e611"; } | |
2808 | ||
2809 | .mdi-action-assignment-return:before { | |
2810 | content: "\e612"; } | |
2811 | ||
2812 | .mdi-action-assignment-returned:before { | |
2813 | content: "\e613"; } | |
2814 | ||
2815 | .mdi-action-assignment-turned-in:before { | |
2816 | content: "\e614"; } | |
2817 | ||
2818 | .mdi-action-assignment:before { | |
2819 | content: "\e615"; } | |
2820 | ||
2821 | .mdi-action-autorenew:before { | |
2822 | content: "\e616"; } | |
2823 | ||
2824 | .mdi-action-backup:before { | |
2825 | content: "\e617"; } | |
2826 | ||
2827 | .mdi-action-book:before { | |
2828 | content: "\e618"; } | |
2829 | ||
2830 | .mdi-action-bookmark-outline:before { | |
2831 | content: "\e619"; } | |
2832 | ||
2833 | .mdi-action-bookmark:before { | |
2834 | content: "\e61a"; } | |
2835 | ||
2836 | .mdi-action-bug-report:before { | |
2837 | content: "\e61b"; } | |
2838 | ||
2839 | .mdi-action-cached:before { | |
2840 | content: "\e61c"; } | |
2841 | ||
2842 | .mdi-action-check-circle:before { | |
2843 | content: "\e61d"; } | |
2844 | ||
2845 | .mdi-action-class:before { | |
2846 | content: "\e61e"; } | |
2847 | ||
2848 | .mdi-action-credit-card:before { | |
2849 | content: "\e61f"; } | |
2850 | ||
2851 | .mdi-action-dashboard:before { | |
2852 | content: "\e620"; } | |
2853 | ||
2854 | .mdi-action-delete:before { | |
2855 | content: "\e621"; } | |
2856 | ||
2857 | .mdi-action-description:before { | |
2858 | content: "\e622"; } | |
2859 | ||
2860 | .mdi-action-dns:before { | |
2861 | content: "\e623"; } | |
2862 | ||
2863 | .mdi-action-done-all:before { | |
2864 | content: "\e624"; } | |
2865 | ||
2866 | .mdi-action-done:before { | |
2867 | content: "\e625"; } | |
2868 | ||
2869 | .mdi-action-event:before { | |
2870 | content: "\e626"; } | |
2871 | ||
2872 | .mdi-action-exit-to-app:before { | |
2873 | content: "\e627"; } | |
2874 | ||
2875 | .mdi-action-explore:before { | |
2876 | content: "\e628"; } | |
2877 | ||
2878 | .mdi-action-extension:before { | |
2879 | content: "\e629"; } | |
2880 | ||
2881 | .mdi-action-face-unlock:before { | |
2882 | content: "\e62a"; } | |
2883 | ||
2884 | .mdi-action-favorite-outline:before { | |
2885 | content: "\e62b"; } | |
2886 | ||
2887 | .mdi-action-favorite:before { | |
2888 | content: "\e62c"; } | |
2889 | ||
2890 | .mdi-action-find-in-page:before { | |
2891 | content: "\e62d"; } | |
2892 | ||
2893 | .mdi-action-find-replace:before { | |
2894 | content: "\e62e"; } | |
2895 | ||
2896 | .mdi-action-flip-to-back:before { | |
2897 | content: "\e62f"; } | |
2898 | ||
2899 | .mdi-action-flip-to-front:before { | |
2900 | content: "\e630"; } | |
2901 | ||
2902 | .mdi-action-get-app:before { | |
2903 | content: "\e631"; } | |
2904 | ||
2905 | .mdi-action-grade:before { | |
2906 | content: "\e632"; } | |
2907 | ||
2908 | .mdi-action-group-work:before { | |
2909 | content: "\e633"; } | |
2910 | ||
2911 | .mdi-action-help:before { | |
2912 | content: "\e634"; } | |
2913 | ||
2914 | .mdi-action-highlight-remove:before { | |
2915 | content: "\e635"; } | |
2916 | ||
2917 | .mdi-action-history:before { | |
2918 | content: "\e636"; } | |
2919 | ||
2920 | .mdi-action-home:before { | |
2921 | content: "\e637"; } | |
2922 | ||
2923 | .mdi-action-https:before { | |
2924 | content: "\e638"; } | |
2925 | ||
2926 | .mdi-action-info-outline:before { | |
2927 | content: "\e639"; } | |
2928 | ||
2929 | .mdi-action-info:before { | |
2930 | content: "\e63a"; } | |
2931 | ||
2932 | .mdi-action-input:before { | |
2933 | content: "\e63b"; } | |
2934 | ||
2935 | .mdi-action-invert-colors:before { | |
2936 | content: "\e63c"; } | |
2937 | ||
2938 | .mdi-action-label-outline:before { | |
2939 | content: "\e63d"; } | |
2940 | ||
2941 | .mdi-action-label:before { | |
2942 | content: "\e63e"; } | |
2943 | ||
2944 | .mdi-action-language:before { | |
2945 | content: "\e63f"; } | |
2946 | ||
2947 | .mdi-action-launch:before { | |
2948 | content: "\e640"; } | |
2949 | ||
2950 | .mdi-action-list:before { | |
2951 | content: "\e641"; } | |
2952 | ||
2953 | .mdi-action-lock-open:before { | |
2954 | content: "\e642"; } | |
2955 | ||
2956 | .mdi-action-lock-outline:before { | |
2957 | content: "\e643"; } | |
2958 | ||
2959 | .mdi-action-lock:before { | |
2960 | content: "\e644"; } | |
2961 | ||
2962 | .mdi-action-loyalty:before { | |
2963 | content: "\e645"; } | |
2964 | ||
2965 | .mdi-action-markunread-mailbox:before { | |
2966 | content: "\e646"; } | |
2967 | ||
2968 | .mdi-action-note-add:before { | |
2969 | content: "\e647"; } | |
2970 | ||
2971 | .mdi-action-open-in-browser:before { | |
2972 | content: "\e648"; } | |
2973 | ||
2974 | .mdi-action-open-in-new:before { | |
2975 | content: "\e649"; } | |
2976 | ||
2977 | .mdi-action-open-with:before { | |
2978 | content: "\e64a"; } | |
2979 | ||
2980 | .mdi-action-pageview:before { | |
2981 | content: "\e64b"; } | |
2982 | ||
2983 | .mdi-action-payment:before { | |
2984 | content: "\e64c"; } | |
2985 | ||
2986 | .mdi-action-perm-camera-mic:before { | |
2987 | content: "\e64d"; } | |
2988 | ||
2989 | .mdi-action-perm-contact-cal:before { | |
2990 | content: "\e64e"; } | |
2991 | ||
2992 | .mdi-action-perm-data-setting:before { | |
2993 | content: "\e64f"; } | |
2994 | ||
2995 | .mdi-action-perm-device-info:before { | |
2996 | content: "\e650"; } | |
2997 | ||
2998 | .mdi-action-perm-identity:before { | |
2999 | content: "\e651"; } | |
3000 | ||
3001 | .mdi-action-perm-media:before { | |
3002 | content: "\e652"; } | |
3003 | ||
3004 | .mdi-action-perm-phone-msg:before { | |
3005 | content: "\e653"; } | |
3006 | ||
3007 | .mdi-action-perm-scan-wifi:before { | |
3008 | content: "\e654"; } | |
3009 | ||
3010 | .mdi-action-picture-in-picture:before { | |
3011 | content: "\e655"; } | |
3012 | ||
3013 | .mdi-action-polymer:before { | |
3014 | content: "\e656"; } | |
3015 | ||
3016 | .mdi-action-print:before { | |
3017 | content: "\e657"; } | |
3018 | ||
3019 | .mdi-action-query-builder:before { | |
3020 | content: "\e658"; } | |
3021 | ||
3022 | .mdi-action-question-answer:before { | |
3023 | content: "\e659"; } | |
3024 | ||
3025 | .mdi-action-receipt:before { | |
3026 | content: "\e65a"; } | |
3027 | ||
3028 | .mdi-action-redeem:before { | |
3029 | content: "\e65b"; } | |
3030 | ||
3031 | .mdi-action-reorder:before { | |
3032 | content: "\e65c"; } | |
3033 | ||
3034 | .mdi-action-report-problem:before { | |
3035 | content: "\e65d"; } | |
3036 | ||
3037 | .mdi-action-restore:before { | |
3038 | content: "\e65e"; } | |
3039 | ||
3040 | .mdi-action-room:before { | |
3041 | content: "\e65f"; } | |
3042 | ||
3043 | .mdi-action-schedule:before { | |
3044 | content: "\e660"; } | |
3045 | ||
3046 | .mdi-action-search:before { | |
3047 | content: "\e661"; } | |
3048 | ||
3049 | .mdi-action-settings-applications:before { | |
3050 | content: "\e662"; } | |
3051 | ||
3052 | .mdi-action-settings-backup-restore:before { | |
3053 | content: "\e663"; } | |
3054 | ||
3055 | .mdi-action-settings-bluetooth:before { | |
3056 | content: "\e664"; } | |
3057 | ||
3058 | .mdi-action-settings-cell:before { | |
3059 | content: "\e665"; } | |
3060 | ||
3061 | .mdi-action-settings-display:before { | |
3062 | content: "\e666"; } | |
3063 | ||
3064 | .mdi-action-settings-ethernet:before { | |
3065 | content: "\e667"; } | |
3066 | ||
3067 | .mdi-action-settings-input-antenna:before { | |
3068 | content: "\e668"; } | |
3069 | ||
3070 | .mdi-action-settings-input-component:before { | |
3071 | content: "\e669"; } | |
3072 | ||
3073 | .mdi-action-settings-input-composite:before { | |
3074 | content: "\e66a"; } | |
3075 | ||
3076 | .mdi-action-settings-input-hdmi:before { | |
3077 | content: "\e66b"; } | |
3078 | ||
3079 | .mdi-action-settings-input-svideo:before { | |
3080 | content: "\e66c"; } | |
3081 | ||
3082 | .mdi-action-settings-overscan:before { | |
3083 | content: "\e66d"; } | |
3084 | ||
3085 | .mdi-action-settings-phone:before { | |
3086 | content: "\e66e"; } | |
3087 | ||
3088 | .mdi-action-settings-power:before { | |
3089 | content: "\e66f"; } | |
3090 | ||
3091 | .mdi-action-settings-remote:before { | |
3092 | content: "\e670"; } | |
3093 | ||
3094 | .mdi-action-settings-voice:before { | |
3095 | content: "\e671"; } | |
3096 | ||
3097 | .mdi-action-settings:before { | |
3098 | content: "\e672"; } | |
3099 | ||
3100 | .mdi-action-shop-two:before { | |
3101 | content: "\e673"; } | |
3102 | ||
3103 | .mdi-action-shop:before { | |
3104 | content: "\e674"; } | |
3105 | ||
3106 | .mdi-action-shopping-basket:before { | |
3107 | content: "\e675"; } | |
3108 | ||
3109 | .mdi-action-shopping-cart:before { | |
3110 | content: "\e676"; } | |
3111 | ||
3112 | .mdi-action-speaker-notes:before { | |
3113 | content: "\e677"; } | |
3114 | ||
3115 | .mdi-action-spellcheck:before { | |
3116 | content: "\e678"; } | |
3117 | ||
3118 | .mdi-action-star-rate:before { | |
3119 | content: "\e679"; } | |
3120 | ||
3121 | .mdi-action-stars:before { | |
3122 | content: "\e67a"; } | |
3123 | ||
3124 | .mdi-action-store:before { | |
3125 | content: "\e67b"; } | |
3126 | ||
3127 | .mdi-action-subject:before { | |
3128 | content: "\e67c"; } | |
3129 | ||
3130 | .mdi-action-supervisor-account:before { | |
3131 | content: "\e67d"; } | |
3132 | ||
3133 | .mdi-action-swap-horiz:before { | |
3134 | content: "\e67e"; } | |
3135 | ||
3136 | .mdi-action-swap-vert-circle:before { | |
3137 | content: "\e67f"; } | |
3138 | ||
3139 | .mdi-action-swap-vert:before { | |
3140 | content: "\e680"; } | |
3141 | ||
3142 | .mdi-action-system-update-tv:before { | |
3143 | content: "\e681"; } | |
3144 | ||
3145 | .mdi-action-tab-unselected:before { | |
3146 | content: "\e682"; } | |
3147 | ||
3148 | .mdi-action-tab:before { | |
3149 | content: "\e683"; } | |
3150 | ||
3151 | .mdi-action-theaters:before { | |
3152 | content: "\e684"; } | |
3153 | ||
3154 | .mdi-action-thumb-down:before { | |
3155 | content: "\e685"; } | |
3156 | ||
3157 | .mdi-action-thumb-up:before { | |
3158 | content: "\e686"; } | |
3159 | ||
3160 | .mdi-action-thumbs-up-down:before { | |
3161 | content: "\e687"; } | |
3162 | ||
3163 | .mdi-action-toc:before { | |
3164 | content: "\e688"; } | |
3165 | ||
3166 | .mdi-action-today:before { | |
3167 | content: "\e689"; } | |
3168 | ||
3169 | .mdi-action-track-changes:before { | |
3170 | content: "\e68a"; } | |
3171 | ||
3172 | .mdi-action-translate:before { | |
3173 | content: "\e68b"; } | |
3174 | ||
3175 | .mdi-action-trending-down:before { | |
3176 | content: "\e68c"; } | |
3177 | ||
3178 | .mdi-action-trending-neutral:before { | |
3179 | content: "\e68d"; } | |
3180 | ||
3181 | .mdi-action-trending-up:before { | |
3182 | content: "\e68e"; } | |
3183 | ||
3184 | .mdi-action-turned-in-not:before { | |
3185 | content: "\e68f"; } | |
3186 | ||
3187 | .mdi-action-turned-in:before { | |
3188 | content: "\e690"; } | |
3189 | ||
3190 | .mdi-action-verified-user:before { | |
3191 | content: "\e691"; } | |
3192 | ||
3193 | .mdi-action-view-agenda:before { | |
3194 | content: "\e692"; } | |
3195 | ||
3196 | .mdi-action-view-array:before { | |
3197 | content: "\e693"; } | |
3198 | ||
3199 | .mdi-action-view-carousel:before { | |
3200 | content: "\e694"; } | |
3201 | ||
3202 | .mdi-action-view-column:before { | |
3203 | content: "\e695"; } | |
3204 | ||
3205 | .mdi-action-view-day:before { | |
3206 | content: "\e696"; } | |
3207 | ||
3208 | .mdi-action-view-headline:before { | |
3209 | content: "\e697"; } | |
3210 | ||
3211 | .mdi-action-view-list:before { | |
3212 | content: "\e698"; } | |
3213 | ||
3214 | .mdi-action-view-module:before { | |
3215 | content: "\e699"; } | |
3216 | ||
3217 | .mdi-action-view-quilt:before { | |
3218 | content: "\e69a"; } | |
3219 | ||
3220 | .mdi-action-view-stream:before { | |
3221 | content: "\e69b"; } | |
3222 | ||
3223 | .mdi-action-view-week:before { | |
3224 | content: "\e69c"; } | |
3225 | ||
3226 | .mdi-action-visibility-off:before { | |
3227 | content: "\e69d"; } | |
3228 | ||
3229 | .mdi-action-visibility:before { | |
3230 | content: "\e69e"; } | |
3231 | ||
3232 | .mdi-action-wallet-giftcard:before { | |
3233 | content: "\e69f"; } | |
3234 | ||
3235 | .mdi-action-wallet-membership:before { | |
3236 | content: "\e6a0"; } | |
3237 | ||
3238 | .mdi-action-wallet-travel:before { | |
3239 | content: "\e6a1"; } | |
3240 | ||
3241 | .mdi-action-work:before { | |
3242 | content: "\e6a2"; } | |
3243 | ||
3244 | .mdi-alert-error:before { | |
3245 | content: "\e6a3"; } | |
3246 | ||
3247 | .mdi-alert-warning:before { | |
3248 | content: "\e6a4"; } | |
3249 | ||
3250 | .mdi-av-album:before { | |
3251 | content: "\e6a5"; } | |
3252 | ||
3253 | .mdi-av-closed-caption:before { | |
3254 | content: "\e6a6"; } | |
3255 | ||
3256 | .mdi-av-equalizer:before { | |
3257 | content: "\e6a7"; } | |
3258 | ||
3259 | .mdi-av-explicit:before { | |
3260 | content: "\e6a8"; } | |
3261 | ||
3262 | .mdi-av-fast-forward:before { | |
3263 | content: "\e6a9"; } | |
3264 | ||
3265 | .mdi-av-fast-rewind:before { | |
3266 | content: "\e6aa"; } | |
3267 | ||
3268 | .mdi-av-games:before { | |
3269 | content: "\e6ab"; } | |
3270 | ||
3271 | .mdi-av-hearing:before { | |
3272 | content: "\e6ac"; } | |
3273 | ||
3274 | .mdi-av-high-quality:before { | |
3275 | content: "\e6ad"; } | |
3276 | ||
3277 | .mdi-av-loop:before { | |
3278 | content: "\e6ae"; } | |
3279 | ||
3280 | .mdi-av-mic-none:before { | |
3281 | content: "\e6af"; } | |
3282 | ||
3283 | .mdi-av-mic-off:before { | |
3284 | content: "\e6b0"; } | |
3285 | ||
3286 | .mdi-av-mic:before { | |
3287 | content: "\e6b1"; } | |
3288 | ||
3289 | .mdi-av-movie:before { | |
3290 | content: "\e6b2"; } | |
3291 | ||
3292 | .mdi-av-my-library-add:before { | |
3293 | content: "\e6b3"; } | |
3294 | ||
3295 | .mdi-av-my-library-books:before { | |
3296 | content: "\e6b4"; } | |
3297 | ||
3298 | .mdi-av-my-library-music:before { | |
3299 | content: "\e6b5"; } | |
3300 | ||
3301 | .mdi-av-new-releases:before { | |
3302 | content: "\e6b6"; } | |
3303 | ||
3304 | .mdi-av-not-interested:before { | |
3305 | content: "\e6b7"; } | |
3306 | ||
3307 | .mdi-av-pause-circle-fill:before { | |
3308 | content: "\e6b8"; } | |
3309 | ||
3310 | .mdi-av-pause-circle-outline:before { | |
3311 | content: "\e6b9"; } | |
3312 | ||
3313 | .mdi-av-pause:before { | |
3314 | content: "\e6ba"; } | |
3315 | ||
3316 | .mdi-av-play-arrow:before { | |
3317 | content: "\e6bb"; } | |
3318 | ||
3319 | .mdi-av-play-circle-fill:before { | |
3320 | content: "\e6bc"; } | |
3321 | ||
3322 | .mdi-av-play-circle-outline:before { | |
3323 | content: "\e6bd"; } | |
3324 | ||
3325 | .mdi-av-play-shopping-bag:before { | |
3326 | content: "\e6be"; } | |
3327 | ||
3328 | .mdi-av-playlist-add:before { | |
3329 | content: "\e6bf"; } | |
3330 | ||
3331 | .mdi-av-queue-music:before { | |
3332 | content: "\e6c0"; } | |
3333 | ||
3334 | .mdi-av-queue:before { | |
3335 | content: "\e6c1"; } | |
3336 | ||
3337 | .mdi-av-radio:before { | |
3338 | content: "\e6c2"; } | |
3339 | ||
3340 | .mdi-av-recent-actors:before { | |
3341 | content: "\e6c3"; } | |
3342 | ||
3343 | .mdi-av-repeat-one:before { | |
3344 | content: "\e6c4"; } | |
3345 | ||
3346 | .mdi-av-repeat:before { | |
3347 | content: "\e6c5"; } | |
3348 | ||
3349 | .mdi-av-replay:before { | |
3350 | content: "\e6c6"; } | |
3351 | ||
3352 | .mdi-av-shuffle:before { | |
3353 | content: "\e6c7"; } | |
3354 | ||
3355 | .mdi-av-skip-next:before { | |
3356 | content: "\e6c8"; } | |
3357 | ||
3358 | .mdi-av-skip-previous:before { | |
3359 | content: "\e6c9"; } | |
3360 | ||
3361 | .mdi-av-snooze:before { | |
3362 | content: "\e6ca"; } | |
3363 | ||
3364 | .mdi-av-stop:before { | |
3365 | content: "\e6cb"; } | |
3366 | ||
3367 | .mdi-av-subtitles:before { | |
3368 | content: "\e6cc"; } | |
3369 | ||
3370 | .mdi-av-surround-sound:before { | |
3371 | content: "\e6cd"; } | |
3372 | ||
3373 | .mdi-av-timer:before { | |
3374 | content: "\e6ce"; } | |
3375 | ||
3376 | .mdi-av-video-collection:before { | |
3377 | content: "\e6cf"; } | |
3378 | ||
3379 | .mdi-av-videocam-off:before { | |
3380 | content: "\e6d0"; } | |
3381 | ||
3382 | .mdi-av-videocam:before { | |
3383 | content: "\e6d1"; } | |
3384 | ||
3385 | .mdi-av-volume-down:before { | |
3386 | content: "\e6d2"; } | |
3387 | ||
3388 | .mdi-av-volume-mute:before { | |
3389 | content: "\e6d3"; } | |
3390 | ||
3391 | .mdi-av-volume-off:before { | |
3392 | content: "\e6d4"; } | |
3393 | ||
3394 | .mdi-av-volume-up:before { | |
3395 | content: "\e6d5"; } | |
3396 | ||
3397 | .mdi-av-web:before { | |
3398 | content: "\e6d6"; } | |
3399 | ||
3400 | .mdi-communication-business:before { | |
3401 | content: "\e6d7"; } | |
3402 | ||
3403 | .mdi-communication-call-end:before { | |
3404 | content: "\e6d8"; } | |
3405 | ||
3406 | .mdi-communication-call-made:before { | |
3407 | content: "\e6d9"; } | |
3408 | ||
3409 | .mdi-communication-call-merge:before { | |
3410 | content: "\e6da"; } | |
3411 | ||
3412 | .mdi-communication-call-missed:before { | |
3413 | content: "\e6db"; } | |
3414 | ||
3415 | .mdi-communication-call-received:before { | |
3416 | content: "\e6dc"; } | |
3417 | ||
3418 | .mdi-communication-call-split:before { | |
3419 | content: "\e6dd"; } | |
3420 | ||
3421 | .mdi-communication-call:before { | |
3422 | content: "\e6de"; } | |
3423 | ||
3424 | .mdi-communication-chat:before { | |
3425 | content: "\e6df"; } | |
3426 | ||
3427 | .mdi-communication-clear-all:before { | |
3428 | content: "\e6e0"; } | |
3429 | ||
3430 | .mdi-communication-comment:before { | |
3431 | content: "\e6e1"; } | |
3432 | ||
3433 | .mdi-communication-contacts:before { | |
3434 | content: "\e6e2"; } | |
3435 | ||
3436 | .mdi-communication-dialer-sip:before { | |
3437 | content: "\e6e3"; } | |
3438 | ||
3439 | .mdi-communication-dialpad:before { | |
3440 | content: "\e6e4"; } | |
3441 | ||
3442 | .mdi-communication-dnd-on:before { | |
3443 | content: "\e6e5"; } | |
3444 | ||
3445 | .mdi-communication-email:before { | |
3446 | content: "\e6e6"; } | |
3447 | ||
3448 | .mdi-communication-forum:before { | |
3449 | content: "\e6e7"; } | |
3450 | ||
3451 | .mdi-communication-import-export:before { | |
3452 | content: "\e6e8"; } | |
3453 | ||
3454 | .mdi-communication-invert-colors-off:before { | |
3455 | content: "\e6e9"; } | |
3456 | ||
3457 | .mdi-communication-invert-colors-on:before { | |
3458 | content: "\e6ea"; } | |
3459 | ||
3460 | .mdi-communication-live-help:before { | |
3461 | content: "\e6eb"; } | |
3462 | ||
3463 | .mdi-communication-location-off:before { | |
3464 | content: "\e6ec"; } | |
3465 | ||
3466 | .mdi-communication-location-on:before { | |
3467 | content: "\e6ed"; } | |
3468 | ||
3469 | .mdi-communication-message:before { | |
3470 | content: "\e6ee"; } | |
3471 | ||
3472 | .mdi-communication-messenger:before { | |
3473 | content: "\e6ef"; } | |
3474 | ||
3475 | .mdi-communication-no-sim:before { | |
3476 | content: "\e6f0"; } | |
3477 | ||
3478 | .mdi-communication-phone:before { | |
3479 | content: "\e6f1"; } | |
3480 | ||
3481 | .mdi-communication-portable-wifi-off:before { | |
3482 | content: "\e6f2"; } | |
3483 | ||
3484 | .mdi-communication-quick-contacts-dialer:before { | |
3485 | content: "\e6f3"; } | |
3486 | ||
3487 | .mdi-communication-quick-contacts-mail:before { | |
3488 | content: "\e6f4"; } | |
3489 | ||
3490 | .mdi-communication-ring-volume:before { | |
3491 | content: "\e6f5"; } | |
3492 | ||
3493 | .mdi-communication-stay-current-landscape:before { | |
3494 | content: "\e6f6"; } | |
3495 | ||
3496 | .mdi-communication-stay-current-portrait:before { | |
3497 | content: "\e6f7"; } | |
3498 | ||
3499 | .mdi-communication-stay-primary-landscape:before { | |
3500 | content: "\e6f8"; } | |
3501 | ||
3502 | .mdi-communication-stay-primary-portrait:before { | |
3503 | content: "\e6f9"; } | |
3504 | ||
3505 | .mdi-communication-swap-calls:before { | |
3506 | content: "\e6fa"; } | |
3507 | ||
3508 | .mdi-communication-textsms:before { | |
3509 | content: "\e6fb"; } | |
3510 | ||
3511 | .mdi-communication-voicemail:before { | |
3512 | content: "\e6fc"; } | |
3513 | ||
3514 | .mdi-communication-vpn-key:before { | |
3515 | content: "\e6fd"; } | |
3516 | ||
3517 | .mdi-content-add-box:before { | |
3518 | content: "\e6fe"; } | |
3519 | ||
3520 | .mdi-content-add-circle-outline:before { | |
3521 | content: "\e6ff"; } | |
3522 | ||
3523 | .mdi-content-add-circle:before { | |
3524 | content: "\e700"; } | |
3525 | ||
3526 | .mdi-content-add:before { | |
3527 | content: "\e701"; } | |
3528 | ||
3529 | .mdi-content-archive:before { | |
3530 | content: "\e702"; } | |
3531 | ||
3532 | .mdi-content-backspace:before { | |
3533 | content: "\e703"; } | |
3534 | ||
3535 | .mdi-content-block:before { | |
3536 | content: "\e704"; } | |
3537 | ||
3538 | .mdi-content-clear:before { | |
3539 | content: "\e705"; } | |
3540 | ||
3541 | .mdi-content-content-copy:before { | |
3542 | content: "\e706"; } | |
3543 | ||
3544 | .mdi-content-content-cut:before { | |
3545 | content: "\e707"; } | |
3546 | ||
3547 | .mdi-content-content-paste:before { | |
3548 | content: "\e708"; } | |
3549 | ||
3550 | .mdi-content-create:before { | |
3551 | content: "\e709"; } | |
3552 | ||
3553 | .mdi-content-drafts:before { | |
3554 | content: "\e70a"; } | |
3555 | ||
3556 | .mdi-content-filter-list:before { | |
3557 | content: "\e70b"; } | |
3558 | ||
3559 | .mdi-content-flag:before { | |
3560 | content: "\e70c"; } | |
3561 | ||
3562 | .mdi-content-forward:before { | |
3563 | content: "\e70d"; } | |
3564 | ||
3565 | .mdi-content-gesture:before { | |
3566 | content: "\e70e"; } | |
3567 | ||
3568 | .mdi-content-inbox:before { | |
3569 | content: "\e70f"; } | |
3570 | ||
3571 | .mdi-content-link:before { | |
3572 | content: "\e710"; } | |
3573 | ||
3574 | .mdi-content-mail:before { | |
3575 | content: "\e711"; } | |
3576 | ||
3577 | .mdi-content-markunread:before { | |
3578 | content: "\e712"; } | |
3579 | ||
3580 | .mdi-content-redo:before { | |
3581 | content: "\e713"; } | |
3582 | ||
3583 | .mdi-content-remove-circle-outline:before { | |
3584 | content: "\e714"; } | |
3585 | ||
3586 | .mdi-content-remove-circle:before { | |
3587 | content: "\e715"; } | |
3588 | ||
3589 | .mdi-content-remove:before { | |
3590 | content: "\e716"; } | |
3591 | ||
3592 | .mdi-content-reply-all:before { | |
3593 | content: "\e717"; } | |
3594 | ||
3595 | .mdi-content-reply:before { | |
3596 | content: "\e718"; } | |
3597 | ||
3598 | .mdi-content-report:before { | |
3599 | content: "\e719"; } | |
3600 | ||
3601 | .mdi-content-save:before { | |
3602 | content: "\e71a"; } | |
3603 | ||
3604 | .mdi-content-select-all:before { | |
3605 | content: "\e71b"; } | |
3606 | ||
3607 | .mdi-content-send:before { | |
3608 | content: "\e71c"; } | |
3609 | ||
3610 | .mdi-content-sort:before { | |
3611 | content: "\e71d"; } | |
3612 | ||
3613 | .mdi-content-text-format:before { | |
3614 | content: "\e71e"; } | |
3615 | ||
3616 | .mdi-content-undo:before { | |
3617 | content: "\e71f"; } | |
3618 | ||
3619 | .mdi-editor-attach-file:before { | |
3620 | content: "\e776"; } | |
3621 | ||
3622 | .mdi-editor-attach-money:before { | |
3623 | content: "\e777"; } | |
3624 | ||
3625 | .mdi-editor-border-all:before { | |
3626 | content: "\e778"; } | |
3627 | ||
3628 | .mdi-editor-border-bottom:before { | |
3629 | content: "\e779"; } | |
3630 | ||
3631 | .mdi-editor-border-clear:before { | |
3632 | content: "\e77a"; } | |
3633 | ||
3634 | .mdi-editor-border-color:before { | |
3635 | content: "\e77b"; } | |
3636 | ||
3637 | .mdi-editor-border-horizontal:before { | |
3638 | content: "\e77c"; } | |
3639 | ||
3640 | .mdi-editor-border-inner:before { | |
3641 | content: "\e77d"; } | |
3642 | ||
3643 | .mdi-editor-border-left:before { | |
3644 | content: "\e77e"; } | |
3645 | ||
3646 | .mdi-editor-border-outer:before { | |
3647 | content: "\e77f"; } | |
3648 | ||
3649 | .mdi-editor-border-right:before { | |
3650 | content: "\e780"; } | |
3651 | ||
3652 | .mdi-editor-border-style:before { | |
3653 | content: "\e781"; } | |
3654 | ||
3655 | .mdi-editor-border-top:before { | |
3656 | content: "\e782"; } | |
3657 | ||
3658 | .mdi-editor-border-vertical:before { | |
3659 | content: "\e783"; } | |
3660 | ||
3661 | .mdi-editor-format-align-center:before { | |
3662 | content: "\e784"; } | |
3663 | ||
3664 | .mdi-editor-format-align-justify:before { | |
3665 | content: "\e785"; } | |
3666 | ||
3667 | .mdi-editor-format-align-left:before { | |
3668 | content: "\e786"; } | |
3669 | ||
3670 | .mdi-editor-format-align-right:before { | |
3671 | content: "\e787"; } | |
3672 | ||
3673 | .mdi-editor-format-bold:before { | |
3674 | content: "\e788"; } | |
3675 | ||
3676 | .mdi-editor-format-clear:before { | |
3677 | content: "\e789"; } | |
3678 | ||
3679 | .mdi-editor-format-color-fill:before { | |
3680 | content: "\e78a"; } | |
3681 | ||
3682 | .mdi-editor-format-color-reset:before { | |
3683 | content: "\e78b"; } | |
3684 | ||
3685 | .mdi-editor-format-color-text:before { | |
3686 | content: "\e78c"; } | |
3687 | ||
3688 | .mdi-editor-format-indent-decrease:before { | |
3689 | content: "\e78d"; } | |
3690 | ||
3691 | .mdi-editor-format-indent-increase:before { | |
3692 | content: "\e78e"; } | |
3693 | ||
3694 | .mdi-editor-format-italic:before { | |
3695 | content: "\e78f"; } | |
3696 | ||
3697 | .mdi-editor-format-line-spacing:before { | |
3698 | content: "\e790"; } | |
3699 | ||
3700 | .mdi-editor-format-list-bulleted:before { | |
3701 | content: "\e791"; } | |
3702 | ||
3703 | .mdi-editor-format-list-numbered:before { | |
3704 | content: "\e792"; } | |
3705 | ||
3706 | .mdi-editor-format-paint:before { | |
3707 | content: "\e793"; } | |
3708 | ||
3709 | .mdi-editor-format-quote:before { | |
3710 | content: "\e794"; } | |
3711 | ||
3712 | .mdi-editor-format-size:before { | |
3713 | content: "\e795"; } | |
3714 | ||
3715 | .mdi-editor-format-strikethrough:before { | |
3716 | content: "\e796"; } | |
3717 | ||
3718 | .mdi-editor-format-textdirection-l-to-r:before { | |
3719 | content: "\e797"; } | |
3720 | ||
3721 | .mdi-editor-format-textdirection-r-to-l:before { | |
3722 | content: "\e798"; } | |
3723 | ||
3724 | .mdi-editor-format-underline:before { | |
3725 | content: "\e799"; } | |
3726 | ||
3727 | .mdi-editor-functions:before { | |
3728 | content: "\e79a"; } | |
3729 | ||
3730 | .mdi-editor-insert-chart:before { | |
3731 | content: "\e79b"; } | |
3732 | ||
3733 | .mdi-editor-insert-comment:before { | |
3734 | content: "\e79c"; } | |
3735 | ||
3736 | .mdi-editor-insert-drive-file:before { | |
3737 | content: "\e79d"; } | |
3738 | ||
3739 | .mdi-editor-insert-emoticon:before { | |
3740 | content: "\e79e"; } | |
3741 | ||
3742 | .mdi-editor-insert-invitation:before { | |
3743 | content: "\e79f"; } | |
3744 | ||
3745 | .mdi-editor-insert-link:before { | |
3746 | content: "\e7a0"; } | |
3747 | ||
3748 | .mdi-editor-insert-photo:before { | |
3749 | content: "\e7a1"; } | |
3750 | ||
3751 | .mdi-editor-merge-type:before { | |
3752 | content: "\e7a2"; } | |
3753 | ||
3754 | .mdi-editor-mode-comment:before { | |
3755 | content: "\e7a3"; } | |
3756 | ||
3757 | .mdi-editor-mode-edit:before { | |
3758 | content: "\e7a4"; } | |
3759 | ||
3760 | .mdi-editor-publish:before { | |
3761 | content: "\e7a5"; } | |
3762 | ||
3763 | .mdi-editor-vertical-align-bottom:before { | |
3764 | content: "\e7a6"; } | |
3765 | ||
3766 | .mdi-editor-vertical-align-center:before { | |
3767 | content: "\e7a7"; } | |
3768 | ||
3769 | .mdi-editor-vertical-align-top:before { | |
3770 | content: "\e7a8"; } | |
3771 | ||
3772 | .mdi-editor-wrap-text:before { | |
3773 | content: "\e7a9"; } | |
3774 | ||
3775 | .mdi-file-attachment:before { | |
3776 | content: "\e7aa"; } | |
3777 | ||
3778 | .mdi-file-cloud-circle:before { | |
3779 | content: "\e7ab"; } | |
3780 | ||
3781 | .mdi-file-cloud-done:before { | |
3782 | content: "\e7ac"; } | |
3783 | ||
3784 | .mdi-file-cloud-download:before { | |
3785 | content: "\e7ad"; } | |
3786 | ||
3787 | .mdi-file-cloud-off:before { | |
3788 | content: "\e7ae"; } | |
3789 | ||
3790 | .mdi-file-cloud-queue:before { | |
3791 | content: "\e7af"; } | |
3792 | ||
3793 | .mdi-file-cloud-upload:before { | |
3794 | content: "\e7b0"; } | |
3795 | ||
3796 | .mdi-file-cloud:before { | |
3797 | content: "\e7b1"; } | |
3798 | ||
3799 | .mdi-file-file-download:before { | |
3800 | content: "\e7b2"; } | |
3801 | ||
3802 | .mdi-file-file-upload:before { | |
3803 | content: "\e7b3"; } | |
3804 | ||
3805 | .mdi-file-folder-open:before { | |
3806 | content: "\e7b4"; } | |
3807 | ||
3808 | .mdi-file-folder-shared:before { | |
3809 | content: "\e7b5"; } | |
3810 | ||
3811 | .mdi-file-folder:before { | |
3812 | content: "\e7b6"; } | |
3813 | ||
3814 | .mdi-device-access-alarm:before { | |
3815 | content: "\e720"; } | |
3816 | ||
3817 | .mdi-device-access-alarms:before { | |
3818 | content: "\e721"; } | |
3819 | ||
3820 | .mdi-device-access-time:before { | |
3821 | content: "\e722"; } | |
3822 | ||
3823 | .mdi-device-add-alarm:before { | |
3824 | content: "\e723"; } | |
3825 | ||
3826 | .mdi-device-airplanemode-off:before { | |
3827 | content: "\e724"; } | |
3828 | ||
3829 | .mdi-device-airplanemode-on:before { | |
3830 | content: "\e725"; } | |
3831 | ||
3832 | .mdi-device-battery-20:before { | |
3833 | content: "\e726"; } | |
3834 | ||
3835 | .mdi-device-battery-30:before { | |
3836 | content: "\e727"; } | |
3837 | ||
3838 | .mdi-device-battery-50:before { | |
3839 | content: "\e728"; } | |
3840 | ||
3841 | .mdi-device-battery-60:before { | |
3842 | content: "\e729"; } | |
3843 | ||
3844 | .mdi-device-battery-80:before { | |
3845 | content: "\e72a"; } | |
3846 | ||
3847 | .mdi-device-battery-90:before { | |
3848 | content: "\e72b"; } | |
3849 | ||
3850 | .mdi-device-battery-alert:before { | |
3851 | content: "\e72c"; } | |
3852 | ||
3853 | .mdi-device-battery-charging-20:before { | |
3854 | content: "\e72d"; } | |
3855 | ||
3856 | .mdi-device-battery-charging-30:before { | |
3857 | content: "\e72e"; } | |
3858 | ||
3859 | .mdi-device-battery-charging-50:before { | |
3860 | content: "\e72f"; } | |
3861 | ||
3862 | .mdi-device-battery-charging-60:before { | |
3863 | content: "\e730"; } | |
3864 | ||
3865 | .mdi-device-battery-charging-80:before { | |
3866 | content: "\e731"; } | |
3867 | ||
3868 | .mdi-device-battery-charging-90:before { | |
3869 | content: "\e732"; } | |
3870 | ||
3871 | .mdi-device-battery-charging-full:before { | |
3872 | content: "\e733"; } | |
3873 | ||
3874 | .mdi-device-battery-full:before { | |
3875 | content: "\e734"; } | |
3876 | ||
3877 | .mdi-device-battery-std:before { | |
3878 | content: "\e735"; } | |
3879 | ||
3880 | .mdi-device-battery-unknown:before { | |
3881 | content: "\e736"; } | |
3882 | ||
3883 | .mdi-device-bluetooth-connected:before { | |
3884 | content: "\e737"; } | |
3885 | ||
3886 | .mdi-device-bluetooth-disabled:before { | |
3887 | content: "\e738"; } | |
3888 | ||
3889 | .mdi-device-bluetooth-searching:before { | |
3890 | content: "\e739"; } | |
3891 | ||
3892 | .mdi-device-bluetooth:before { | |
3893 | content: "\e73a"; } | |
3894 | ||
3895 | .mdi-device-brightness-auto:before { | |
3896 | content: "\e73b"; } | |
3897 | ||
3898 | .mdi-device-brightness-high:before { | |
3899 | content: "\e73c"; } | |
3900 | ||
3901 | .mdi-device-brightness-low:before { | |
3902 | content: "\e73d"; } | |
3903 | ||
3904 | .mdi-device-brightness-medium:before { | |
3905 | content: "\e73e"; } | |
3906 | ||
3907 | .mdi-device-data-usage:before { | |
3908 | content: "\e73f"; } | |
3909 | ||
3910 | .mdi-device-developer-mode:before { | |
3911 | content: "\e740"; } | |
3912 | ||
3913 | .mdi-device-devices:before { | |
3914 | content: "\e741"; } | |
3915 | ||
3916 | .mdi-device-dvr:before { | |
3917 | content: "\e742"; } | |
3918 | ||
3919 | .mdi-device-gps-fixed:before { | |
3920 | content: "\e743"; } | |
3921 | ||
3922 | .mdi-device-gps-not-fixed:before { | |
3923 | content: "\e744"; } | |
3924 | ||
3925 | .mdi-device-gps-off:before { | |
3926 | content: "\e745"; } | |
3927 | ||
3928 | .mdi-device-location-disabled:before { | |
3929 | content: "\e746"; } | |
3930 | ||
3931 | .mdi-device-location-searching:before { | |
3932 | content: "\e747"; } | |
3933 | ||
3934 | .mdi-device-multitrack-audio:before { | |
3935 | content: "\e748"; } | |
3936 | ||
3937 | .mdi-device-network-cell:before { | |
3938 | content: "\e749"; } | |
3939 | ||
3940 | .mdi-device-network-wifi:before { | |
3941 | content: "\e74a"; } | |
3942 | ||
3943 | .mdi-device-nfc:before { | |
3944 | content: "\e74b"; } | |
3945 | ||
3946 | .mdi-device-now-wallpaper:before { | |
3947 | content: "\e74c"; } | |
3948 | ||
3949 | .mdi-device-now-widgets:before { | |
3950 | content: "\e74d"; } | |
3951 | ||
3952 | .mdi-device-screen-lock-landscape:before { | |
3953 | content: "\e74e"; } | |
3954 | ||
3955 | .mdi-device-screen-lock-portrait:before { | |
3956 | content: "\e74f"; } | |
3957 | ||
3958 | .mdi-device-screen-lock-rotation:before { | |
3959 | content: "\e750"; } | |
3960 | ||
3961 | .mdi-device-screen-rotation:before { | |
3962 | content: "\e751"; } | |
3963 | ||
3964 | .mdi-device-sd-storage:before { | |
3965 | content: "\e752"; } | |
3966 | ||
3967 | .mdi-device-settings-system-daydream:before { | |
3968 | content: "\e753"; } | |
3969 | ||
3970 | .mdi-device-signal-cellular-0-bar:before { | |
3971 | content: "\e754"; } | |
3972 | ||
3973 | .mdi-device-signal-cellular-1-bar:before { | |
3974 | content: "\e755"; } | |
3975 | ||
3976 | .mdi-device-signal-cellular-2-bar:before { | |
3977 | content: "\e756"; } | |
3978 | ||
3979 | .mdi-device-signal-cellular-3-bar:before { | |
3980 | content: "\e757"; } | |
3981 | ||
3982 | .mdi-device-signal-cellular-4-bar:before { | |
3983 | content: "\e758"; } | |
3984 | ||
3985 | .mdi-signal-wifi-statusbar-connected-no-internet-after:before { | |
3986 | content: "\e8f6"; } | |
3987 | ||
3988 | .mdi-device-signal-cellular-connected-no-internet-0-bar:before { | |
3989 | content: "\e759"; } | |
3990 | ||
3991 | .mdi-device-signal-cellular-connected-no-internet-1-bar:before { | |
3992 | content: "\e75a"; } | |
3993 | ||
3994 | .mdi-device-signal-cellular-connected-no-internet-2-bar:before { | |
3995 | content: "\e75b"; } | |
3996 | ||
3997 | .mdi-device-signal-cellular-connected-no-internet-3-bar:before { | |
3998 | content: "\e75c"; } | |
3999 | ||
4000 | .mdi-device-signal-cellular-connected-no-internet-4-bar:before { | |
4001 | content: "\e75d"; } | |
4002 | ||
4003 | .mdi-device-signal-cellular-no-sim:before { | |
4004 | content: "\e75e"; } | |
4005 | ||
4006 | .mdi-device-signal-cellular-null:before { | |
4007 | content: "\e75f"; } | |
4008 | ||
4009 | .mdi-device-signal-cellular-off:before { | |
4010 | content: "\e760"; } | |
4011 | ||
4012 | .mdi-device-signal-wifi-0-bar:before { | |
4013 | content: "\e761"; } | |
4014 | ||
4015 | .mdi-device-signal-wifi-1-bar:before { | |
4016 | content: "\e762"; } | |
4017 | ||
4018 | .mdi-device-signal-wifi-2-bar:before { | |
4019 | content: "\e763"; } | |
4020 | ||
4021 | .mdi-device-signal-wifi-3-bar:before { | |
4022 | content: "\e764"; } | |
4023 | ||
4024 | .mdi-device-signal-wifi-4-bar:before { | |
4025 | content: "\e765"; } | |
4026 | ||
4027 | .mdi-device-signal-wifi-off:before { | |
4028 | content: "\e766"; } | |
4029 | ||
4030 | .mdi-device-signal-wifi-statusbar-1-bar:before { | |
4031 | content: "\e767"; } | |
4032 | ||
4033 | .mdi-device-signal-wifi-statusbar-2-bar:before { | |
4034 | content: "\e768"; } | |
4035 | ||
4036 | .mdi-device-signal-wifi-statusbar-3-bar:before { | |
4037 | content: "\e769"; } | |
4038 | ||
4039 | .mdi-device-signal-wifi-statusbar-4-bar:before { | |
4040 | content: "\e76a"; } | |
4041 | ||
4042 | .mdi-device-signal-wifi-statusbar-connected-no-internet-:before { | |
4043 | content: "\e76b"; } | |
4044 | ||
4045 | .mdi-device-signal-wifi-statusbar-connected-no-internet:before { | |
4046 | content: "\e76f"; } | |
4047 | ||
4048 | .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before { | |
4049 | content: "\e76c"; } | |
4050 | ||
4051 | .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before { | |
4052 | content: "\e76d"; } | |
4053 | ||
4054 | .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before { | |
4055 | content: "\e76e"; } | |
4056 | ||
4057 | .mdi-signal-wifi-statusbar-not-connected-after:before { | |
4058 | content: "\e8f7"; } | |
4059 | ||
4060 | .mdi-device-signal-wifi-statusbar-not-connected:before { | |
4061 | content: "\e770"; } | |
4062 | ||
4063 | .mdi-device-signal-wifi-statusbar-null:before { | |
4064 | content: "\e771"; } | |
4065 | ||
4066 | .mdi-device-storage:before { | |
4067 | content: "\e772"; } | |
4068 | ||
4069 | .mdi-device-usb:before { | |
4070 | content: "\e773"; } | |
4071 | ||
4072 | .mdi-device-wifi-lock:before { | |
4073 | content: "\e774"; } | |
4074 | ||
4075 | .mdi-device-wifi-tethering:before { | |
4076 | content: "\e775"; } | |
4077 | ||
4078 | .mdi-hardware-cast-connected:before { | |
4079 | content: "\e7b7"; } | |
4080 | ||
4081 | .mdi-hardware-cast:before { | |
4082 | content: "\e7b8"; } | |
4083 | ||
4084 | .mdi-hardware-computer:before { | |
4085 | content: "\e7b9"; } | |
4086 | ||
4087 | .mdi-hardware-desktop-mac:before { | |
4088 | content: "\e7ba"; } | |
4089 | ||
4090 | .mdi-hardware-desktop-windows:before { | |
4091 | content: "\e7bb"; } | |
4092 | ||
4093 | .mdi-hardware-dock:before { | |
4094 | content: "\e7bc"; } | |
4095 | ||
4096 | .mdi-hardware-gamepad:before { | |
4097 | content: "\e7bd"; } | |
4098 | ||
4099 | .mdi-hardware-headset-mic:before { | |
4100 | content: "\e7be"; } | |
4101 | ||
4102 | .mdi-hardware-headset:before { | |
4103 | content: "\e7bf"; } | |
4104 | ||
4105 | .mdi-hardware-keyboard-alt:before { | |
4106 | content: "\e7c0"; } | |
4107 | ||
4108 | .mdi-hardware-keyboard-arrow-down:before { | |
4109 | content: "\e7c1"; } | |
4110 | ||
4111 | .mdi-hardware-keyboard-arrow-left:before { | |
4112 | content: "\e7c2"; } | |
4113 | ||
4114 | .mdi-hardware-keyboard-arrow-right:before { | |
4115 | content: "\e7c3"; } | |
4116 | ||
4117 | .mdi-hardware-keyboard-arrow-up:before { | |
4118 | content: "\e7c4"; } | |
4119 | ||
4120 | .mdi-hardware-keyboard-backspace:before { | |
4121 | content: "\e7c5"; } | |
4122 | ||
4123 | .mdi-hardware-keyboard-capslock:before { | |
4124 | content: "\e7c6"; } | |
4125 | ||
4126 | .mdi-hardware-keyboard-control:before { | |
4127 | content: "\e7c7"; } | |
4128 | ||
4129 | .mdi-hardware-keyboard-hide:before { | |
4130 | content: "\e7c8"; } | |
4131 | ||
4132 | .mdi-hardware-keyboard-return:before { | |
4133 | content: "\e7c9"; } | |
4134 | ||
4135 | .mdi-hardware-keyboard-tab:before { | |
4136 | content: "\e7ca"; } | |
4137 | ||
4138 | .mdi-hardware-keyboard-voice:before { | |
4139 | content: "\e7cb"; } | |
4140 | ||
4141 | .mdi-hardware-keyboard:before { | |
4142 | content: "\e7cc"; } | |
4143 | ||
4144 | .mdi-hardware-laptop-chromebook:before { | |
4145 | content: "\e7cd"; } | |
4146 | ||
4147 | .mdi-hardware-laptop-mac:before { | |
4148 | content: "\e7ce"; } | |
4149 | ||
4150 | .mdi-hardware-laptop-windows:before { | |
4151 | content: "\e7cf"; } | |
4152 | ||
4153 | .mdi-hardware-laptop:before { | |
4154 | content: "\e7d0"; } | |
4155 | ||
4156 | .mdi-hardware-memory:before { | |
4157 | content: "\e7d1"; } | |
4158 | ||
4159 | .mdi-hardware-mouse:before { | |
4160 | content: "\e7d2"; } | |
4161 | ||
4162 | .mdi-hardware-phone-android:before { | |
4163 | content: "\e7d3"; } | |
4164 | ||
4165 | .mdi-hardware-phone-iphone:before { | |
4166 | content: "\e7d4"; } | |
4167 | ||
4168 | .mdi-hardware-phonelink-off:before { | |
4169 | content: "\e7d5"; } | |
4170 | ||
4171 | .mdi-hardware-phonelink:before { | |
4172 | content: "\e7d6"; } | |
4173 | ||
4174 | .mdi-hardware-security:before { | |
4175 | content: "\e7d7"; } | |
4176 | ||
4177 | .mdi-hardware-sim-card:before { | |
4178 | content: "\e7d8"; } | |
4179 | ||
4180 | .mdi-hardware-smartphone:before { | |
4181 | content: "\e7d9"; } | |
4182 | ||
4183 | .mdi-hardware-speaker:before { | |
4184 | content: "\e7da"; } | |
4185 | ||
4186 | .mdi-hardware-tablet-android:before { | |
4187 | content: "\e7db"; } | |
4188 | ||
4189 | .mdi-hardware-tablet-mac:before { | |
4190 | content: "\e7dc"; } | |
4191 | ||
4192 | .mdi-hardware-tablet:before { | |
4193 | content: "\e7dd"; } | |
4194 | ||
4195 | .mdi-hardware-tv:before { | |
4196 | content: "\e7de"; } | |
4197 | ||
4198 | .mdi-hardware-watch:before { | |
4199 | content: "\e7df"; } | |
4200 | ||
4201 | .mdi-image-add-to-photos:before { | |
4202 | content: "\e7e0"; } | |
4203 | ||
4204 | .mdi-image-adjust:before { | |
4205 | content: "\e7e1"; } | |
4206 | ||
4207 | .mdi-image-assistant-photo:before { | |
4208 | content: "\e7e2"; } | |
4209 | ||
4210 | .mdi-image-audiotrack:before { | |
4211 | content: "\e7e3"; } | |
4212 | ||
4213 | .mdi-image-blur-circular:before { | |
4214 | content: "\e7e4"; } | |
4215 | ||
4216 | .mdi-image-blur-linear:before { | |
4217 | content: "\e7e5"; } | |
4218 | ||
4219 | .mdi-image-blur-off:before { | |
4220 | content: "\e7e6"; } | |
4221 | ||
4222 | .mdi-image-blur-on:before { | |
4223 | content: "\e7e7"; } | |
4224 | ||
4225 | .mdi-image-brightness-1:before { | |
4226 | content: "\e7e8"; } | |
4227 | ||
4228 | .mdi-image-brightness-2:before { | |
4229 | content: "\e7e9"; } | |
4230 | ||
4231 | .mdi-image-brightness-3:before { | |
4232 | content: "\e7ea"; } | |
4233 | ||
4234 | .mdi-image-brightness-4:before { | |
4235 | content: "\e7eb"; } | |
4236 | ||
4237 | .mdi-image-brightness-5:before { | |
4238 | content: "\e7ec"; } | |
4239 | ||
4240 | .mdi-image-brightness-6:before { | |
4241 | content: "\e7ed"; } | |
4242 | ||
4243 | .mdi-image-brightness-7:before { | |
4244 | content: "\e7ee"; } | |
4245 | ||
4246 | .mdi-image-brush:before { | |
4247 | content: "\e7ef"; } | |
4248 | ||
4249 | .mdi-image-camera-alt:before { | |
4250 | content: "\e7f0"; } | |
4251 | ||
4252 | .mdi-image-camera-front:before { | |
4253 | content: "\e7f1"; } | |
4254 | ||
4255 | .mdi-image-camera-rear:before { | |
4256 | content: "\e7f2"; } | |
4257 | ||
4258 | .mdi-image-camera-roll:before { | |
4259 | content: "\e7f3"; } | |
4260 | ||
4261 | .mdi-image-camera:before { | |
4262 | content: "\e7f4"; } | |
4263 | ||
4264 | .mdi-image-center-focus-strong:before { | |
4265 | content: "\e7f5"; } | |
4266 | ||
4267 | .mdi-image-center-focus-weak:before { | |
4268 | content: "\e7f6"; } | |
4269 | ||
4270 | .mdi-image-collections:before { | |
4271 | content: "\e7f7"; } | |
4272 | ||
4273 | .mdi-image-color-lens:before { | |
4274 | content: "\e7f8"; } | |
4275 | ||
4276 | .mdi-image-colorize:before { | |
4277 | content: "\e7f9"; } | |
4278 | ||
4279 | .mdi-image-compare:before { | |
4280 | content: "\e7fa"; } | |
4281 | ||
4282 | .mdi-image-control-point-duplicate:before { | |
4283 | content: "\e7fb"; } | |
4284 | ||
4285 | .mdi-image-control-point:before { | |
4286 | content: "\e7fc"; } | |
4287 | ||
4288 | .mdi-image-crop-3-2:before { | |
4289 | content: "\e7fd"; } | |
4290 | ||
4291 | .mdi-image-crop-5-4:before { | |
4292 | content: "\e7fe"; } | |
4293 | ||
4294 | .mdi-image-crop-7-5:before { | |
4295 | content: "\e7ff"; } | |
4296 | ||
4297 | .mdi-image-crop-16-9:before { | |
4298 | content: "\e800"; } | |
4299 | ||
4300 | .mdi-image-crop-din:before { | |
4301 | content: "\e801"; } | |
4302 | ||
4303 | .mdi-image-crop-free:before { | |
4304 | content: "\e802"; } | |
4305 | ||
4306 | .mdi-image-crop-landscape:before { | |
4307 | content: "\e803"; } | |
4308 | ||
4309 | .mdi-image-crop-original:before { | |
4310 | content: "\e804"; } | |
4311 | ||
4312 | .mdi-image-crop-portrait:before { | |
4313 | content: "\e805"; } | |
4314 | ||
4315 | .mdi-image-crop-square:before { | |
4316 | content: "\e806"; } | |
4317 | ||
4318 | .mdi-image-crop:before { | |
4319 | content: "\e807"; } | |
4320 | ||
4321 | .mdi-image-dehaze:before { | |
4322 | content: "\e808"; } | |
4323 | ||
4324 | .mdi-image-details:before { | |
4325 | content: "\e809"; } | |
4326 | ||
4327 | .mdi-image-edit:before { | |
4328 | content: "\e80a"; } | |
4329 | ||
4330 | .mdi-image-exposure-minus-1:before { | |
4331 | content: "\e80b"; } | |
4332 | ||
4333 | .mdi-image-exposure-minus-2:before { | |
4334 | content: "\e80c"; } | |
4335 | ||
4336 | .mdi-image-exposure-plus-1:before { | |
4337 | content: "\e80d"; } | |
4338 | ||
4339 | .mdi-image-exposure-plus-2:before { | |
4340 | content: "\e80e"; } | |
4341 | ||
4342 | .mdi-image-exposure-zero:before { | |
4343 | content: "\e80f"; } | |
4344 | ||
4345 | .mdi-image-exposure:before { | |
4346 | content: "\e810"; } | |
4347 | ||
4348 | .mdi-image-filter-1:before { | |
4349 | content: "\e811"; } | |
4350 | ||
4351 | .mdi-image-filter-2:before { | |
4352 | content: "\e812"; } | |
4353 | ||
4354 | .mdi-image-filter-3:before { | |
4355 | content: "\e813"; } | |
4356 | ||
4357 | .mdi-image-filter-4:before { | |
4358 | content: "\e814"; } | |
4359 | ||
4360 | .mdi-image-filter-5:before { | |
4361 | content: "\e815"; } | |
4362 | ||
4363 | .mdi-image-filter-6:before { | |
4364 | content: "\e816"; } | |
4365 | ||
4366 | .mdi-image-filter-7:before { | |
4367 | content: "\e817"; } | |
4368 | ||
4369 | .mdi-image-filter-8:before { | |
4370 | content: "\e818"; } | |
4371 | ||
4372 | .mdi-image-filter-9-plus:before { | |
4373 | content: "\e819"; } | |
4374 | ||
4375 | .mdi-image-filter-9:before { | |
4376 | content: "\e81a"; } | |
4377 | ||
4378 | .mdi-image-filter-b-and-w:before { | |
4379 | content: "\e81b"; } | |
4380 | ||
4381 | .mdi-image-filter-center-focus:before { | |
4382 | content: "\e81c"; } | |
4383 | ||
4384 | .mdi-image-filter-drama:before { | |
4385 | content: "\e81d"; } | |
4386 | ||
4387 | .mdi-image-filter-frames:before { | |
4388 | content: "\e81e"; } | |
4389 | ||
4390 | .mdi-image-filter-hdr:before { | |
4391 | content: "\e81f"; } | |
4392 | ||
4393 | .mdi-image-filter-none:before { | |
4394 | content: "\e820"; } | |
4395 | ||
4396 | .mdi-image-filter-tilt-shift:before { | |
4397 | content: "\e821"; } | |
4398 | ||
4399 | .mdi-image-filter-vintage:before { | |
4400 | content: "\e822"; } | |
4401 | ||
4402 | .mdi-image-filter:before { | |
4403 | content: "\e823"; } | |
4404 | ||
4405 | .mdi-image-flare:before { | |
4406 | content: "\e824"; } | |
4407 | ||
4408 | .mdi-image-flash-auto:before { | |
4409 | content: "\e825"; } | |
4410 | ||
4411 | .mdi-image-flash-off:before { | |
4412 | content: "\e826"; } | |
4413 | ||
4414 | .mdi-image-flash-on:before { | |
4415 | content: "\e827"; } | |
4416 | ||
4417 | .mdi-image-flip:before { | |
4418 | content: "\e828"; } | |
4419 | ||
4420 | .mdi-image-gradient:before { | |
4421 | content: "\e829"; } | |
4422 | ||
4423 | .mdi-image-grain:before { | |
4424 | content: "\e82a"; } | |
4425 | ||
4426 | .mdi-image-grid-off:before { | |
4427 | content: "\e82b"; } | |
4428 | ||
4429 | .mdi-image-grid-on:before { | |
4430 | content: "\e82c"; } | |
4431 | ||
4432 | .mdi-image-hdr-off:before { | |
4433 | content: "\e82d"; } | |
4434 | ||
4435 | .mdi-image-hdr-on:before { | |
4436 | content: "\e82e"; } | |
4437 | ||
4438 | .mdi-image-hdr-strong:before { | |
4439 | content: "\e82f"; } | |
4440 | ||
4441 | .mdi-image-hdr-weak:before { | |
4442 | content: "\e830"; } | |
4443 | ||
4444 | .mdi-image-healing:before { | |
4445 | content: "\e831"; } | |
4446 | ||
4447 | .mdi-image-image-aspect-ratio:before { | |
4448 | content: "\e832"; } | |
4449 | ||
4450 | .mdi-image-image:before { | |
4451 | content: "\e833"; } | |
4452 | ||
4453 | .mdi-image-iso:before { | |
4454 | content: "\e834"; } | |
4455 | ||
4456 | .mdi-image-landscape:before { | |
4457 | content: "\e835"; } | |
4458 | ||
4459 | .mdi-image-leak-add:before { | |
4460 | content: "\e836"; } | |
4461 | ||
4462 | .mdi-image-leak-remove:before { | |
4463 | content: "\e837"; } | |
4464 | ||
4465 | .mdi-image-lens:before { | |
4466 | content: "\e838"; } | |
4467 | ||
4468 | .mdi-image-looks-3:before { | |
4469 | content: "\e839"; } | |
4470 | ||
4471 | .mdi-image-looks-4:before { | |
4472 | content: "\e83a"; } | |
4473 | ||
4474 | .mdi-image-looks-5:before { | |
4475 | content: "\e83b"; } | |
4476 | ||
4477 | .mdi-image-looks-6:before { | |
4478 | content: "\e83c"; } | |
4479 | ||
4480 | .mdi-image-looks-one:before { | |
4481 | content: "\e83d"; } | |
4482 | ||
4483 | .mdi-image-looks-two:before { | |
4484 | content: "\e83e"; } | |
4485 | ||
4486 | .mdi-image-looks:before { | |
4487 | content: "\e83f"; } | |
4488 | ||
4489 | .mdi-image-loupe:before { | |
4490 | content: "\e840"; } | |
4491 | ||
4492 | .mdi-image-movie-creation:before { | |
4493 | content: "\e841"; } | |
4494 | ||
4495 | .mdi-image-nature-people:before { | |
4496 | content: "\e842"; } | |
4497 | ||
4498 | .mdi-image-nature:before { | |
4499 | content: "\e843"; } | |
4500 | ||
4501 | .mdi-image-navigate-before:before { | |
4502 | content: "\e844"; } | |
4503 | ||
4504 | .mdi-image-navigate-next:before { | |
4505 | content: "\e845"; } | |
4506 | ||
4507 | .mdi-image-palette:before { | |
4508 | content: "\e846"; } | |
4509 | ||
4510 | .mdi-image-panorama-fisheye:before { | |
4511 | content: "\e847"; } | |
4512 | ||
4513 | .mdi-image-panorama-horizontal:before { | |
4514 | content: "\e848"; } | |
4515 | ||
4516 | .mdi-image-panorama-vertical:before { | |
4517 | content: "\e849"; } | |
4518 | ||
4519 | .mdi-image-panorama-wide-angle:before { | |
4520 | content: "\e84a"; } | |
4521 | ||
4522 | .mdi-image-panorama:before { | |
4523 | content: "\e84b"; } | |
4524 | ||
4525 | .mdi-image-photo-album:before { | |
4526 | content: "\e84c"; } | |
4527 | ||
4528 | .mdi-image-photo-camera:before { | |
4529 | content: "\e84d"; } | |
4530 | ||
4531 | .mdi-image-photo-library:before { | |
4532 | content: "\e84e"; } | |
4533 | ||
4534 | .mdi-image-photo:before { | |
4535 | content: "\e84f"; } | |
4536 | ||
4537 | .mdi-image-portrait:before { | |
4538 | content: "\e850"; } | |
4539 | ||
4540 | .mdi-image-remove-red-eye:before { | |
4541 | content: "\e851"; } | |
4542 | ||
4543 | .mdi-image-rotate-left:before { | |
4544 | content: "\e852"; } | |
4545 | ||
4546 | .mdi-image-rotate-right:before { | |
4547 | content: "\e853"; } | |
4548 | ||
4549 | .mdi-image-slideshow:before { | |
4550 | content: "\e854"; } | |
4551 | ||
4552 | .mdi-image-straighten:before { | |
4553 | content: "\e855"; } | |
4554 | ||
4555 | .mdi-image-style:before { | |
4556 | content: "\e856"; } | |
4557 | ||
4558 | .mdi-image-switch-camera:before { | |
4559 | content: "\e857"; } | |
4560 | ||
4561 | .mdi-image-switch-video:before { | |
4562 | content: "\e858"; } | |
4563 | ||
4564 | .mdi-image-tag-faces:before { | |
4565 | content: "\e859"; } | |
4566 | ||
4567 | .mdi-image-texture:before { | |
4568 | content: "\e85a"; } | |
4569 | ||
4570 | .mdi-image-timelapse:before { | |
4571 | content: "\e85b"; } | |
4572 | ||
4573 | .mdi-image-timer-3:before { | |
4574 | content: "\e85c"; } | |
4575 | ||
4576 | .mdi-image-timer-10:before { | |
4577 | content: "\e85d"; } | |
4578 | ||
4579 | .mdi-image-timer-auto:before { | |
4580 | content: "\e85e"; } | |
4581 | ||
4582 | .mdi-image-timer-off:before { | |
4583 | content: "\e85f"; } | |
4584 | ||
4585 | .mdi-image-timer:before { | |
4586 | content: "\e860"; } | |
4587 | ||
4588 | .mdi-image-tonality:before { | |
4589 | content: "\e861"; } | |
4590 | ||
4591 | .mdi-image-transform:before { | |
4592 | content: "\e862"; } | |
4593 | ||
4594 | .mdi-image-tune:before { | |
4595 | content: "\e863"; } | |
4596 | ||
4597 | .mdi-image-wb-auto:before { | |
4598 | content: "\e864"; } | |
4599 | ||
4600 | .mdi-image-wb-cloudy:before { | |
4601 | content: "\e865"; } | |
4602 | ||
4603 | .mdi-image-wb-incandescent:before { | |
4604 | content: "\e866"; } | |
4605 | ||
4606 | .mdi-image-wb-irradescent:before { | |
4607 | content: "\e867"; } | |
4608 | ||
4609 | .mdi-image-wb-sunny:before { | |
4610 | content: "\e868"; } | |
4611 | ||
4612 | .mdi-maps-beenhere:before { | |
4613 | content: "\e869"; } | |
4614 | ||
4615 | .mdi-maps-directions-bike:before { | |
4616 | content: "\e86a"; } | |
4617 | ||
4618 | .mdi-maps-directions-bus:before { | |
4619 | content: "\e86b"; } | |
4620 | ||
4621 | .mdi-maps-directions-car:before { | |
4622 | content: "\e86c"; } | |
4623 | ||
4624 | .mdi-maps-directions-ferry:before { | |
4625 | content: "\e86d"; } | |
4626 | ||
4627 | .mdi-maps-directions-subway:before { | |
4628 | content: "\e86e"; } | |
4629 | ||
4630 | .mdi-maps-directions-train:before { | |
4631 | content: "\e86f"; } | |
4632 | ||
4633 | .mdi-maps-directions-transit:before { | |
4634 | content: "\e870"; } | |
4635 | ||
4636 | .mdi-maps-directions-walk:before { | |
4637 | content: "\e871"; } | |
4638 | ||
4639 | .mdi-maps-directions:before { | |
4640 | content: "\e872"; } | |
4641 | ||
4642 | .mdi-maps-flight:before { | |
4643 | content: "\e873"; } | |
4644 | ||
4645 | .mdi-maps-hotel:before { | |
4646 | content: "\e874"; } | |
4647 | ||
4648 | .mdi-maps-layers-clear:before { | |
4649 | content: "\e875"; } | |
4650 | ||
4651 | .mdi-maps-layers:before { | |
4652 | content: "\e876"; } | |
4653 | ||
4654 | .mdi-maps-local-airport:before { | |
4655 | content: "\e877"; } | |
4656 | ||
4657 | .mdi-maps-local-atm:before { | |
4658 | content: "\e878"; } | |
4659 | ||
4660 | .mdi-maps-local-attraction:before { | |
4661 | content: "\e879"; } | |
4662 | ||
4663 | .mdi-maps-local-bar:before { | |
4664 | content: "\e87a"; } | |
4665 | ||
4666 | .mdi-maps-local-cafe:before { | |
4667 | content: "\e87b"; } | |
4668 | ||
4669 | .mdi-maps-local-car-wash:before { | |
4670 | content: "\e87c"; } | |
4671 | ||
4672 | .mdi-maps-local-convenience-store:before { | |
4673 | content: "\e87d"; } | |
4674 | ||
4675 | .mdi-maps-local-drink:before { | |
4676 | content: "\e87e"; } | |
4677 | ||
4678 | .mdi-maps-local-florist:before { | |
4679 | content: "\e87f"; } | |
4680 | ||
4681 | .mdi-maps-local-gas-station:before { | |
4682 | content: "\e880"; } | |
4683 | ||
4684 | .mdi-maps-local-grocery-store:before { | |
4685 | content: "\e881"; } | |
4686 | ||
4687 | .mdi-maps-local-hospital:before { | |
4688 | content: "\e882"; } | |
4689 | ||
4690 | .mdi-maps-local-hotel:before { | |
4691 | content: "\e883"; } | |
4692 | ||
4693 | .mdi-maps-local-laundry-service:before { | |
4694 | content: "\e884"; } | |
4695 | ||
4696 | .mdi-maps-local-library:before { | |
4697 | content: "\e885"; } | |
4698 | ||
4699 | .mdi-maps-local-mall:before { | |
4700 | content: "\e886"; } | |
4701 | ||
4702 | .mdi-maps-local-movies:before { | |
4703 | content: "\e887"; } | |
4704 | ||
4705 | .mdi-maps-local-offer:before { | |
4706 | content: "\e888"; } | |
4707 | ||
4708 | .mdi-maps-local-parking:before { | |
4709 | content: "\e889"; } | |
4710 | ||
4711 | .mdi-maps-local-pharmacy:before { | |
4712 | content: "\e88a"; } | |
4713 | ||
4714 | .mdi-maps-local-phone:before { | |
4715 | content: "\e88b"; } | |
4716 | ||
4717 | .mdi-maps-local-pizza:before { | |
4718 | content: "\e88c"; } | |
4719 | ||
4720 | .mdi-maps-local-play:before { | |
4721 | content: "\e88d"; } | |
4722 | ||
4723 | .mdi-maps-local-post-office:before { | |
4724 | content: "\e88e"; } | |
4725 | ||
4726 | .mdi-maps-local-print-shop:before { | |
4727 | content: "\e88f"; } | |
4728 | ||
4729 | .mdi-maps-local-restaurant:before { | |
4730 | content: "\e890"; } | |
4731 | ||
4732 | .mdi-maps-local-see:before { | |
4733 | content: "\e891"; } | |
4734 | ||
4735 | .mdi-maps-local-shipping:before { | |
4736 | content: "\e892"; } | |
4737 | ||
4738 | .mdi-maps-local-taxi:before { | |
4739 | content: "\e893"; } | |
4740 | ||
4741 | .mdi-maps-location-history:before { | |
4742 | content: "\e894"; } | |
4743 | ||
4744 | .mdi-maps-map:before { | |
4745 | content: "\e895"; } | |
4746 | ||
4747 | .mdi-maps-my-location:before { | |
4748 | content: "\e896"; } | |
4749 | ||
4750 | .mdi-maps-navigation:before { | |
4751 | content: "\e897"; } | |
4752 | ||
4753 | .mdi-maps-pin-drop:before { | |
4754 | content: "\e898"; } | |
4755 | ||
4756 | .mdi-maps-place:before { | |
4757 | content: "\e899"; } | |
4758 | ||
4759 | .mdi-maps-rate-review:before { | |
4760 | content: "\e89a"; } | |
4761 | ||
4762 | .mdi-maps-restaurant-menu:before { | |
4763 | content: "\e89b"; } | |
4764 | ||
4765 | .mdi-maps-satellite:before { | |
4766 | content: "\e89c"; } | |
4767 | ||
4768 | .mdi-maps-store-mall-directory:before { | |
4769 | content: "\e89d"; } | |
4770 | ||
4771 | .mdi-maps-terrain:before { | |
4772 | content: "\e89e"; } | |
4773 | ||
4774 | .mdi-maps-traffic:before { | |
4775 | content: "\e89f"; } | |
4776 | ||
4777 | .mdi-navigation-apps:before { | |
4778 | content: "\e8a0"; } | |
4779 | ||
4780 | .mdi-navigation-arrow-back:before { | |
4781 | content: "\e8a1"; } | |
4782 | ||
4783 | .mdi-navigation-arrow-drop-down-circle:before { | |
4784 | content: "\e8a2"; } | |
4785 | ||
4786 | .mdi-navigation-arrow-drop-down:before { | |
4787 | content: "\e8a3"; } | |
4788 | ||
4789 | .mdi-navigation-arrow-drop-up:before { | |
4790 | content: "\e8a4"; } | |
4791 | ||
4792 | .mdi-navigation-arrow-forward:before { | |
4793 | content: "\e8a5"; } | |
4794 | ||
4795 | .mdi-navigation-cancel:before { | |
4796 | content: "\e8a6"; } | |
4797 | ||
4798 | .mdi-navigation-check:before { | |
4799 | content: "\e8a7"; } | |
4800 | ||
4801 | .mdi-navigation-chevron-left:before { | |
4802 | content: "\e8a8"; } | |
4803 | ||
4804 | .mdi-navigation-chevron-right:before { | |
4805 | content: "\e8a9"; } | |
4806 | ||
4807 | .mdi-navigation-close:before { | |
4808 | content: "\e8aa"; } | |
4809 | ||
4810 | .mdi-navigation-expand-less:before { | |
4811 | content: "\e8ab"; } | |
4812 | ||
4813 | .mdi-navigation-expand-more:before { | |
4814 | content: "\e8ac"; } | |
4815 | ||
4816 | .mdi-navigation-fullscreen-exit:before { | |
4817 | content: "\e8ad"; } | |
4818 | ||
4819 | .mdi-navigation-fullscreen:before { | |
4820 | content: "\e8ae"; } | |
4821 | ||
4822 | .mdi-navigation-menu:before { | |
4823 | content: "\e8af"; } | |
4824 | ||
4825 | .mdi-navigation-more-horiz:before { | |
4826 | content: "\e8b0"; } | |
4827 | ||
4828 | .mdi-navigation-more-vert:before { | |
4829 | content: "\e8b1"; } | |
4830 | ||
4831 | .mdi-navigation-refresh:before { | |
4832 | content: "\e8b2"; } | |
4833 | ||
4834 | .mdi-navigation-unfold-less:before { | |
4835 | content: "\e8b3"; } | |
4836 | ||
4837 | .mdi-navigation-unfold-more:before { | |
4838 | content: "\e8b4"; } | |
4839 | ||
4840 | .mdi-notification-adb:before { | |
4841 | content: "\e8b5"; } | |
4842 | ||
4843 | .mdi-notification-bluetooth-audio:before { | |
4844 | content: "\e8b6"; } | |
4845 | ||
4846 | .mdi-notification-disc-full:before { | |
4847 | content: "\e8b7"; } | |
4848 | ||
4849 | .mdi-notification-dnd-forwardslash:before { | |
4850 | content: "\e8b8"; } | |
4851 | ||
4852 | .mdi-notification-do-not-disturb:before { | |
4853 | content: "\e8b9"; } | |
4854 | ||
4855 | .mdi-notification-drive-eta:before { | |
4856 | content: "\e8ba"; } | |
4857 | ||
4858 | .mdi-notification-event-available:before { | |
4859 | content: "\e8bb"; } | |
4860 | ||
4861 | .mdi-notification-event-busy:before { | |
4862 | content: "\e8bc"; } | |
4863 | ||
4864 | .mdi-notification-event-note:before { | |
4865 | content: "\e8bd"; } | |
4866 | ||
4867 | .mdi-notification-folder-special:before { | |
4868 | content: "\e8be"; } | |
4869 | ||
4870 | .mdi-notification-mms:before { | |
4871 | content: "\e8bf"; } | |
4872 | ||
4873 | .mdi-notification-more:before { | |
4874 | content: "\e8c0"; } | |
4875 | ||
4876 | .mdi-notification-network-locked:before { | |
4877 | content: "\e8c1"; } | |
4878 | ||
4879 | .mdi-notification-phone-bluetooth-speaker:before { | |
4880 | content: "\e8c2"; } | |
4881 | ||
4882 | .mdi-notification-phone-forwarded:before { | |
4883 | content: "\e8c3"; } | |
4884 | ||
4885 | .mdi-notification-phone-in-talk:before { | |
4886 | content: "\e8c4"; } | |
4887 | ||
4888 | .mdi-notification-phone-locked:before { | |
4889 | content: "\e8c5"; } | |
4890 | ||
4891 | .mdi-notification-phone-missed:before { | |
4892 | content: "\e8c6"; } | |
4893 | ||
4894 | .mdi-notification-phone-paused:before { | |
4895 | content: "\e8c7"; } | |
4896 | ||
4897 | .mdi-notification-play-download:before { | |
4898 | content: "\e8c8"; } | |
4899 | ||
4900 | .mdi-notification-play-install:before { | |
4901 | content: "\e8c9"; } | |
4902 | ||
4903 | .mdi-notification-sd-card:before { | |
4904 | content: "\e8ca"; } | |
4905 | ||
4906 | .mdi-notification-sim-card-alert:before { | |
4907 | content: "\e8cb"; } | |
4908 | ||
4909 | .mdi-notification-sms-failed:before { | |
4910 | content: "\e8cc"; } | |
4911 | ||
4912 | .mdi-notification-sms:before { | |
4913 | content: "\e8cd"; } | |
4914 | ||
4915 | .mdi-notification-sync-disabled:before { | |
4916 | content: "\e8ce"; } | |
4917 | ||
4918 | .mdi-notification-sync-problem:before { | |
4919 | content: "\e8cf"; } | |
4920 | ||
4921 | .mdi-notification-sync:before { | |
4922 | content: "\e8d0"; } | |
4923 | ||
4924 | .mdi-notification-system-update:before { | |
4925 | content: "\e8d1"; } | |
4926 | ||
4927 | .mdi-notification-tap-and-play:before { | |
4928 | content: "\e8d2"; } | |
4929 | ||
4930 | .mdi-notification-time-to-leave:before { | |
4931 | content: "\e8d3"; } | |
4932 | ||
4933 | .mdi-notification-vibration:before { | |
4934 | content: "\e8d4"; } | |
4935 | ||
4936 | .mdi-notification-voice-chat:before { | |
4937 | content: "\e8d5"; } | |
4938 | ||
4939 | .mdi-notification-vpn-lock:before { | |
4940 | content: "\e8d6"; } | |
4941 | ||
4942 | .mdi-social-cake:before { | |
4943 | content: "\e8d7"; } | |
4944 | ||
4945 | .mdi-social-domain:before { | |
4946 | content: "\e8d8"; } | |
4947 | ||
4948 | .mdi-social-group-add:before { | |
4949 | content: "\e8d9"; } | |
4950 | ||
4951 | .mdi-social-group:before { | |
4952 | content: "\e8da"; } | |
4953 | ||
4954 | .mdi-social-location-city:before { | |
4955 | content: "\e8db"; } | |
4956 | ||
4957 | .mdi-social-mood:before { | |
4958 | content: "\e8dc"; } | |
4959 | ||
4960 | .mdi-social-notifications-none:before { | |
4961 | content: "\e8dd"; } | |
4962 | ||
4963 | .mdi-social-notifications-off:before { | |
4964 | content: "\e8de"; } | |
4965 | ||
4966 | .mdi-social-notifications-on:before { | |
4967 | content: "\e8df"; } | |
4968 | ||
4969 | .mdi-social-notifications-paused:before { | |
4970 | content: "\e8e0"; } | |
4971 | ||
4972 | .mdi-social-notifications:before { | |
4973 | content: "\e8e1"; } | |
4974 | ||
4975 | .mdi-social-pages:before { | |
4976 | content: "\e8e2"; } | |
4977 | ||
4978 | .mdi-social-party-mode:before { | |
4979 | content: "\e8e3"; } | |
4980 | ||
4981 | .mdi-social-people-outline:before { | |
4982 | content: "\e8e4"; } | |
4983 | ||
4984 | .mdi-social-people:before { | |
4985 | content: "\e8e5"; } | |
4986 | ||
4987 | .mdi-social-person-add:before { | |
4988 | content: "\e8e6"; } | |
4989 | ||
4990 | .mdi-social-person-outline:before { | |
4991 | content: "\e8e7"; } | |
4992 | ||
4993 | .mdi-social-person:before { | |
4994 | content: "\e8e8"; } | |
4995 | ||
4996 | .mdi-social-plus-one:before { | |
4997 | content: "\e8e9"; } | |
4998 | ||
4999 | .mdi-social-poll:before { | |
5000 | content: "\e8ea"; } | |
5001 | ||
5002 | .mdi-social-public:before { | |
5003 | content: "\e8eb"; } | |
5004 | ||
5005 | .mdi-social-school:before { | |
5006 | content: "\e8ec"; } | |
5007 | ||
5008 | .mdi-social-share:before { | |
5009 | content: "\e8ed"; } | |
5010 | ||
5011 | .mdi-social-whatshot:before { | |
5012 | content: "\e8ee"; } | |
5013 | ||
5014 | .mdi-toggle-check-box-outline-blank:before { | |
5015 | content: "\e8ef"; } | |
5016 | ||
5017 | .mdi-toggle-check-box:before { | |
5018 | content: "\e8f0"; } | |
5019 | ||
5020 | .mdi-toggle-radio-button-off:before { | |
5021 | content: "\e8f1"; } | |
5022 | ||
5023 | .mdi-toggle-radio-button-on:before { | |
5024 | content: "\e8f2"; } | |
5025 | ||
5026 | .mdi-toggle-star-half:before { | |
5027 | content: "\e8f3"; } | |
5028 | ||
5029 | .mdi-toggle-star-outline:before { | |
5030 | content: "\e8f4"; } | |
5031 | ||
5032 | .mdi-toggle-star:before { | |
5033 | content: "\e8f5"; } | |
5034 | ||
5035 | .container { | |
5036 | margin: 0 auto; | |
5037 | max-width: 1280px; | |
5038 | width: 90%; } | |
5039 | ||
5040 | @media only screen and (min-width : 601px) { | |
5041 | .container { | |
5042 | width: 85%; } } | |
5043 | ||
5044 | @media only screen and (min-width : 993px) { | |
5045 | .container { | |
5046 | width: 70%; } } | |
5047 | ||
5048 | .container .row { | |
5049 | margin-left: -0.75rem; | |
5050 | margin-right: -0.75rem; } | |
5051 | ||
5052 | .section { | |
5053 | padding-top: 1rem; | |
5054 | padding-bottom: 1rem; } | |
5055 | .section.no-pad { | |
5056 | padding: 0; } | |
5057 | .section.no-pad-bot { | |
5058 | padding-bottom: 0; } | |
5059 | .section.no-pad-top { | |
5060 | padding-top: 0; } | |
5061 | ||
5062 | .row { | |
5063 | margin-left: auto; | |
5064 | margin-right: auto; | |
5065 | margin-bottom: 20px; } | |
5066 | .row:after { | |
5067 | content: ""; | |
5068 | display: table; | |
5069 | clear: both; } | |
5070 | .row .col { | |
5071 | float: left; | |
5072 | -webkit-box-sizing: border-box; | |
5073 | -moz-box-sizing: border-box; | |
5074 | box-sizing: border-box; | |
5075 | padding: 0 0.75rem; } | |
5076 | .row .col.s1 { | |
5077 | width: 8.33333%; | |
5078 | margin-left: 0; } | |
5079 | .row .col.s2 { | |
5080 | width: 16.66667%; | |
5081 | margin-left: 0; } | |
5082 | .row .col.s3 { | |
5083 | width: 25%; | |
5084 | margin-left: 0; } | |
5085 | .row .col.s4 { | |
5086 | width: 33.33333%; | |
5087 | margin-left: 0; } | |
5088 | .row .col.s5 { | |
5089 | width: 41.66667%; | |
5090 | margin-left: 0; } | |
5091 | .row .col.s6 { | |
5092 | width: 50%; | |
5093 | margin-left: 0; } | |
5094 | .row .col.s7 { | |
5095 | width: 58.33333%; | |
5096 | margin-left: 0; } | |
5097 | .row .col.s8 { | |
5098 | width: 66.66667%; | |
5099 | margin-left: 0; } | |
5100 | .row .col.s9 { | |
5101 | width: 75%; | |
5102 | margin-left: 0; } | |
5103 | .row .col.s10 { | |
5104 | width: 83.33333%; | |
5105 | margin-left: 0; } | |
5106 | .row .col.s11 { | |
5107 | width: 91.66667%; | |
5108 | margin-left: 0; } | |
5109 | .row .col.s12 { | |
5110 | width: 100%; | |
5111 | margin-left: 0; } | |
5112 | .row .col.offset-s1 { | |
5113 | margin-left: 8.33333%; } | |
5114 | .row .col.offset-s2 { | |
5115 | margin-left: 16.66667%; } | |
5116 | .row .col.offset-s3 { | |
5117 | margin-left: 25%; } | |
5118 | .row .col.offset-s4 { | |
5119 | margin-left: 33.33333%; } | |
5120 | .row .col.offset-s5 { | |
5121 | margin-left: 41.66667%; } | |
5122 | .row .col.offset-s6 { | |
5123 | margin-left: 50%; } | |
5124 | .row .col.offset-s7 { | |
5125 | margin-left: 58.33333%; } | |
5126 | .row .col.offset-s8 { | |
5127 | margin-left: 66.66667%; } | |
5128 | .row .col.offset-s9 { | |
5129 | margin-left: 75%; } | |
5130 | .row .col.offset-s10 { | |
5131 | margin-left: 83.33333%; } | |
5132 | .row .col.offset-s11 { | |
5133 | margin-left: 91.66667%; } | |
5134 | .row .col.offset-s12 { | |
5135 | margin-left: 100%; } | |
5136 | @media only screen and (min-width : 601px) { | |
5137 | .row .col.m1 { | |
5138 | width: 8.33333%; | |
5139 | margin-left: 0; } | |
5140 | .row .col.m2 { | |
5141 | width: 16.66667%; | |
5142 | margin-left: 0; } | |
5143 | .row .col.m3 { | |
5144 | width: 25%; | |
5145 | margin-left: 0; } | |
5146 | .row .col.m4 { | |
5147 | width: 33.33333%; | |
5148 | margin-left: 0; } | |
5149 | .row .col.m5 { | |
5150 | width: 41.66667%; | |
5151 | margin-left: 0; } | |
5152 | .row .col.m6 { | |
5153 | width: 50%; | |
5154 | margin-left: 0; } | |
5155 | .row .col.m7 { | |
5156 | width: 58.33333%; | |
5157 | margin-left: 0; } | |
5158 | .row .col.m8 { | |
5159 | width: 66.66667%; | |
5160 | margin-left: 0; } | |
5161 | .row .col.m9 { | |
5162 | width: 75%; | |
5163 | margin-left: 0; } | |
5164 | .row .col.m10 { | |
5165 | width: 83.33333%; | |
5166 | margin-left: 0; } | |
5167 | .row .col.m11 { | |
5168 | width: 91.66667%; | |
5169 | margin-left: 0; } | |
5170 | .row .col.m12 { | |
5171 | width: 100%; | |
5172 | margin-left: 0; } | |
5173 | .row .col.offset-m1 { | |
5174 | margin-left: 8.33333%; } | |
5175 | .row .col.offset-m2 { | |
5176 | margin-left: 16.66667%; } | |
5177 | .row .col.offset-m3 { | |
5178 | margin-left: 25%; } | |
5179 | .row .col.offset-m4 { | |
5180 | margin-left: 33.33333%; } | |
5181 | .row .col.offset-m5 { | |
5182 | margin-left: 41.66667%; } | |
5183 | .row .col.offset-m6 { | |
5184 | margin-left: 50%; } | |
5185 | .row .col.offset-m7 { | |
5186 | margin-left: 58.33333%; } | |
5187 | .row .col.offset-m8 { | |
5188 | margin-left: 66.66667%; } | |
5189 | .row .col.offset-m9 { | |
5190 | margin-left: 75%; } | |
5191 | .row .col.offset-m10 { | |
5192 | margin-left: 83.33333%; } | |
5193 | .row .col.offset-m11 { | |
5194 | margin-left: 91.66667%; } | |
5195 | .row .col.offset-m12 { | |
5196 | margin-left: 100%; } } | |
5197 | @media only screen and (min-width : 993px) { | |
5198 | .row .col.l1 { | |
5199 | width: 8.33333%; | |
5200 | margin-left: 0; } | |
5201 | .row .col.l2 { | |
5202 | width: 16.66667%; | |
5203 | margin-left: 0; } | |
5204 | .row .col.l3 { | |
5205 | width: 25%; | |
5206 | margin-left: 0; } | |
5207 | .row .col.l4 { | |
5208 | width: 33.33333%; | |
5209 | margin-left: 0; } | |
5210 | .row .col.l5 { | |
5211 | width: 41.66667%; | |
5212 | margin-left: 0; } | |
5213 | .row .col.l6 { | |
5214 | width: 50%; | |
5215 | margin-left: 0; } | |
5216 | .row .col.l7 { | |
5217 | width: 58.33333%; | |
5218 | margin-left: 0; } | |
5219 | .row .col.l8 { | |
5220 | width: 66.66667%; | |
5221 | margin-left: 0; } | |
5222 | .row .col.l9 { | |
5223 | width: 75%; | |
5224 | margin-left: 0; } | |
5225 | .row .col.l10 { | |
5226 | width: 83.33333%; | |
5227 | margin-left: 0; } | |
5228 | .row .col.l11 { | |
5229 | width: 91.66667%; | |
5230 | margin-left: 0; } | |
5231 | .row .col.l12 { | |
5232 | width: 100%; | |
5233 | margin-left: 0; } | |
5234 | .row .col.offset-l1 { | |
5235 | margin-left: 8.33333%; } | |
5236 | .row .col.offset-l2 { | |
5237 | margin-left: 16.66667%; } | |
5238 | .row .col.offset-l3 { | |
5239 | margin-left: 25%; } | |
5240 | .row .col.offset-l4 { | |
5241 | margin-left: 33.33333%; } | |
5242 | .row .col.offset-l5 { | |
5243 | margin-left: 41.66667%; } | |
5244 | .row .col.offset-l6 { | |
5245 | margin-left: 50%; } | |
5246 | .row .col.offset-l7 { | |
5247 | margin-left: 58.33333%; } | |
5248 | .row .col.offset-l8 { | |
5249 | margin-left: 66.66667%; } | |
5250 | .row .col.offset-l9 { | |
5251 | margin-left: 75%; } | |
5252 | .row .col.offset-l10 { | |
5253 | margin-left: 83.33333%; } | |
5254 | .row .col.offset-l11 { | |
5255 | margin-left: 91.66667%; } | |
5256 | .row .col.offset-l12 { | |
5257 | margin-left: 100%; } } | |
5258 | ||
5259 | nav { | |
5260 | color: #fff; | |
5261 | background-color: #ee6e73; | |
5262 | width: 100%; | |
5263 | height: 56px; | |
5264 | line-height: 56px; } | |
5265 | nav a { | |
5266 | color: #fff; } | |
5267 | nav .nav-wrapper { | |
5268 | position: relative; | |
5269 | height: 100%; } | |
5270 | nav .nav-wrapper i { | |
5271 | display: block; | |
5272 | font-size: 2rem; } | |
5273 | @media only screen and (min-width : 993px) { | |
5274 | nav a.button-collapse { | |
5275 | display: none; } } | |
5276 | nav .button-collapse { | |
5277 | float: left; | |
5278 | position: relative; | |
5279 | z-index: 1; | |
5280 | height: 56px; } | |
5281 | nav .button-collapse i { | |
5282 | font-size: 2.7rem; | |
5283 | height: 56px; | |
5284 | line-height: 56px; } | |
5285 | nav .brand-logo { | |
5286 | position: absolute; | |
5287 | color: #fff; | |
5288 | display: inline-block; | |
5289 | font-size: 2.1rem; | |
5290 | padding: 0; | |
5291 | white-space: nowrap; } | |
5292 | nav .brand-logo.center { | |
5293 | left: 50%; | |
5294 | -webkit-transform: translateX(-50%); | |
5295 | -moz-transform: translateX(-50%); | |
5296 | -ms-transform: translateX(-50%); | |
5297 | -o-transform: translateX(-50%); | |
5298 | transform: translateX(-50%); } | |
5299 | @media only screen and (max-width : 992px) { | |
5300 | nav .brand-logo { | |
5301 | left: 50%; | |
5302 | -webkit-transform: translateX(-50%); | |
5303 | -moz-transform: translateX(-50%); | |
5304 | -ms-transform: translateX(-50%); | |
5305 | -o-transform: translateX(-50%); | |
5306 | transform: translateX(-50%); } | |
5307 | nav .brand-logo.left, nav .brand-logo.right { | |
5308 | padding: 0; | |
5309 | -webkit-transform: none; | |
5310 | -moz-transform: none; | |
5311 | -ms-transform: none; | |
5312 | -o-transform: none; | |
5313 | transform: none; } | |
5314 | nav .brand-logo.left { | |
5315 | left: 0.5rem; } | |
5316 | nav .brand-logo.right { | |
5317 | right: 0.5rem; | |
5318 | left: auto; } } | |
5319 | nav .brand-logo.right { | |
5320 | right: 0.5rem; | |
5321 | padding: 0; } | |
5322 | nav ul { | |
5323 | margin: 0; } | |
5324 | nav ul li { | |
5325 | -webkit-transition: background-color .3s; | |
5326 | -moz-transition: background-color .3s; | |
5327 | -o-transition: background-color .3s; | |
5328 | -ms-transition: background-color .3s; | |
5329 | transition: background-color .3s; | |
5330 | float: left; | |
5331 | padding: 0; } | |
5332 | nav ul li:hover, nav ul li.active { | |
5333 | background-color: rgba(0, 0, 0, 0.1); } | |
5334 | nav ul a { | |
5335 | font-size: 1rem; | |
5336 | color: #fff; | |
5337 | display: block; | |
5338 | padding: 0 15px; } | |
5339 | nav ul.left { | |
5340 | float: left; } | |
5341 | nav .input-field { | |
5342 | margin: 0; } | |
5343 | nav .input-field input { | |
5344 | height: 100%; | |
5345 | font-size: 1.2rem; | |
5346 | border: none; | |
5347 | padding-left: 2rem; } | |
5348 | nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { | |
5349 | border: none; | |
5350 | box-shadow: none; } | |
5351 | nav .input-field label { | |
5352 | top: 0; | |
5353 | left: 0; } | |
5354 | nav .input-field label i { | |
5355 | color: rgba(255, 255, 255, 0.7); | |
5356 | -webkit-transition: color .3s; | |
5357 | -moz-transition: color .3s; | |
5358 | -o-transition: color .3s; | |
5359 | -ms-transition: color .3s; | |
5360 | transition: color .3s; } | |
5361 | nav .input-field label.active i { | |
5362 | color: #fff; } | |
5363 | nav .input-field label.active { | |
5364 | -webkit-transform: translateY(0); | |
5365 | -moz-transform: translateY(0); | |
5366 | -ms-transform: translateY(0); | |
5367 | -o-transform: translateY(0); | |
5368 | transform: translateY(0); } | |
5369 | ||
5370 | .navbar-fixed { | |
5371 | position: relative; | |
5372 | height: 56px; | |
5373 | z-index: 998; } | |
5374 | .navbar-fixed nav { | |
5375 | position: fixed; } | |
5376 | ||
5377 | @media only screen and (min-width : 601px) { | |
5378 | nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { | |
5379 | height: 64px; | |
5380 | line-height: 64px; } | |
5381 | .navbar-fixed { | |
5382 | height: 64px; } } | |
5383 | ||
5384 | @font-face { | |
5385 | font-family: "Roboto"; | |
5386 | src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype"); | |
5387 | font-weight: 200; } | |
5388 | ||
5389 | @font-face { | |
5390 | font-family: "Roboto"; | |
5391 | src: local(Roboto Light), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype"); | |
5392 | font-weight: 300; } | |
5393 | ||
5394 | @font-face { | |
5395 | font-family: "Roboto"; | |
5396 | src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype"); | |
5397 | font-weight: 400; } | |
5398 | ||
5399 | @font-face { | |
5400 | font-family: "Roboto"; | |
5401 | src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype"); | |
5402 | font-weight: 500; } | |
5403 | ||
5404 | @font-face { | |
5405 | font-family: "Roboto"; | |
5406 | src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype"); | |
5407 | font-weight: 700; } | |
5408 | ||
5409 | a { | |
5410 | text-decoration: none; } | |
5411 | ||
5412 | html { | |
5413 | line-height: 1.5; | |
5414 | font-family: "Roboto", sans-serif; | |
5415 | font-weight: normal; | |
5416 | color: rgba(0, 0, 0, 0.87); } | |
5417 | @media only screen and (min-width: 0) { | |
5418 | html { | |
5419 | font-size: 14px; } } | |
5420 | @media only screen and (min-width: 992px) { | |
5421 | html { | |
5422 | font-size: 14.5px; } } | |
5423 | @media only screen and (min-width: 1200px) { | |
5424 | html { | |
5425 | font-size: 15px; } } | |
5426 | ||
5427 | h1, h2, h3, h4, h5, h6 { | |
5428 | font-weight: 400; | |
5429 | line-height: 1.1; } | |
5430 | ||
5431 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | |
5432 | font-weight: inherit; } | |
5433 | ||
5434 | h1 { | |
5435 | font-size: 4.2rem; | |
5436 | line-height: 110%; | |
5437 | margin: 2.1rem 0 1.68rem 0; } | |
5438 | ||
5439 | h2 { | |
5440 | font-size: 3.56rem; | |
5441 | line-height: 110%; | |
5442 | margin: 1.78rem 0 1.424rem 0; } | |
5443 | ||
5444 | h3 { | |
5445 | font-size: 2.92rem; | |
5446 | line-height: 110%; | |
5447 | margin: 1.46rem 0 1.168rem 0; } | |
5448 | ||
5449 | h4 { | |
5450 | font-size: 2.28rem; | |
5451 | line-height: 110%; | |
5452 | margin: 1.14rem 0 0.912rem 0; } | |
5453 | ||
5454 | h5 { | |
5455 | font-size: 1.64rem; | |
5456 | line-height: 110%; | |
5457 | margin: 0.82rem 0 0.656rem 0; } | |
5458 | ||
5459 | h6 { | |
5460 | font-size: 1rem; | |
5461 | line-height: 110%; | |
5462 | margin: 0.5rem 0 0.4rem 0; } | |
5463 | ||
5464 | em { | |
5465 | font-style: italic; } | |
5466 | ||
5467 | strong { | |
5468 | font-weight: 500; } | |
5469 | ||
5470 | small { | |
5471 | font-size: 75%; } | |
5472 | ||
5473 | .light, footer.page-footer .footer-copyright { | |
5474 | font-weight: 300; } | |
5475 | ||
5476 | .thin { | |
5477 | font-weight: 200; } | |
5478 | ||
5479 | .flow-text { | |
5480 | font-weight: 300; } | |
5481 | @media only screen and (min-width: 360px) { | |
5482 | .flow-text { | |
5483 | font-size: 1.2rem; } } | |
5484 | @media only screen and (min-width: 390px) { | |
5485 | .flow-text { | |
5486 | font-size: 1.224rem; } } | |
5487 | @media only screen and (min-width: 420px) { | |
5488 | .flow-text { | |
5489 | font-size: 1.248rem; } } | |
5490 | @media only screen and (min-width: 450px) { | |
5491 | .flow-text { | |
5492 | font-size: 1.272rem; } } | |
5493 | @media only screen and (min-width: 480px) { | |
5494 | .flow-text { | |
5495 | font-size: 1.296rem; } } | |
5496 | @media only screen and (min-width: 510px) { | |
5497 | .flow-text { | |
5498 | font-size: 1.32rem; } } | |
5499 | @media only screen and (min-width: 540px) { | |
5500 | .flow-text { | |
5501 | font-size: 1.344rem; } } | |
5502 | @media only screen and (min-width: 570px) { | |
5503 | .flow-text { | |
5504 | font-size: 1.368rem; } } | |
5505 | @media only screen and (min-width: 600px) { | |
5506 | .flow-text { | |
5507 | font-size: 1.392rem; } } | |
5508 | @media only screen and (min-width: 630px) { | |
5509 | .flow-text { | |
5510 | font-size: 1.416rem; } } | |
5511 | @media only screen and (min-width: 660px) { | |
5512 | .flow-text { | |
5513 | font-size: 1.44rem; } } | |
5514 | @media only screen and (min-width: 690px) { | |
5515 | .flow-text { | |
5516 | font-size: 1.464rem; } } | |
5517 | @media only screen and (min-width: 720px) { | |
5518 | .flow-text { | |
5519 | font-size: 1.488rem; } } | |
5520 | @media only screen and (min-width: 750px) { | |
5521 | .flow-text { | |
5522 | font-size: 1.512rem; } } | |
5523 | @media only screen and (min-width: 780px) { | |
5524 | .flow-text { | |
5525 | font-size: 1.536rem; } } | |
5526 | @media only screen and (min-width: 810px) { | |
5527 | .flow-text { | |
5528 | font-size: 1.56rem; } } | |
5529 | @media only screen and (min-width: 840px) { | |
5530 | .flow-text { | |
5531 | font-size: 1.584rem; } } | |
5532 | @media only screen and (min-width: 870px) { | |
5533 | .flow-text { | |
5534 | font-size: 1.608rem; } } | |
5535 | @media only screen and (min-width: 900px) { | |
5536 | .flow-text { | |
5537 | font-size: 1.632rem; } } | |
5538 | @media only screen and (min-width: 930px) { | |
5539 | .flow-text { | |
5540 | font-size: 1.656rem; } } | |
5541 | @media only screen and (min-width: 960px) { | |
5542 | .flow-text { | |
5543 | font-size: 1.68rem; } } | |
5544 | @media only screen and (max-width: 360px) { | |
5545 | .flow-text { | |
5546 | font-size: 1.2rem; } } | |
5547 | ||
5548 | .card-panel { | |
5549 | transition: box-shadow .25s; | |
5550 | padding: 20px; | |
5551 | margin: 0.5rem 0 1rem 0; | |
5552 | border-radius: 2px; | |
5553 | background-color: #fff; } | |
5554 | ||
5555 | .card { | |
5556 | position: relative; | |
5557 | overflow: hidden; | |
5558 | margin: 0.5rem 0 1rem 0; | |
5559 | background-color: #fff; | |
5560 | transition: box-shadow .25s; | |
5561 | border-radius: 2px; } | |
5562 | .card .card-title { | |
5563 | color: #fff; | |
5564 | font-size: 24px; | |
5565 | font-weight: 300; } | |
5566 | .card .card-title.activator { | |
5567 | cursor: pointer; } | |
5568 | .card.small, .card.medium, .card.large { | |
5569 | position: relative; } | |
5570 | .card.small .card-image, .card.medium .card-image, .card.large .card-image { | |
5571 | overflow: hidden; } | |
5572 | .card.small .card-content, .card.medium .card-content, .card.large .card-content { | |
5573 | overflow: hidden; } | |
5574 | .card.small .card-action, .card.medium .card-action, .card.large .card-action { | |
5575 | position: absolute; | |
5576 | bottom: 0; | |
5577 | left: 0; | |
5578 | right: 0; } | |
5579 | .card.small { | |
5580 | height: 300px; } | |
5581 | .card.small .card-image { | |
5582 | height: 150px; } | |
5583 | .card.small .card-content { | |
5584 | height: 150px; } | |
5585 | .card.medium { | |
5586 | height: 400px; } | |
5587 | .card.medium .card-image { | |
5588 | height: 250px; } | |
5589 | .card.medium .card-content { | |
5590 | height: 150px; } | |
5591 | .card.large { | |
5592 | height: 500px; } | |
5593 | .card.large .card-image { | |
5594 | height: 330px; } | |
5595 | .card.large .card-content { | |
5596 | height: 170px; } | |
5597 | .card .card-image { | |
5598 | position: relative; } | |
5599 | .card .card-image img { | |
5600 | display: block; | |
5601 | border-radius: 2px 2px 0 0; | |
5602 | position: relative; | |
5603 | left: 0; | |
5604 | right: 0; | |
5605 | top: 0; | |
5606 | bottom: 0; | |
5607 | width: 100%; } | |
5608 | .card .card-image .card-title { | |
5609 | position: absolute; | |
5610 | bottom: 0; | |
5611 | left: 0; | |
5612 | padding: 20px; } | |
5613 | .card .card-content { | |
5614 | padding: 20px; | |
5615 | border-radius: 0 0 2px 2px; } | |
5616 | .card .card-content p { | |
5617 | margin: 0; | |
5618 | color: inherit; } | |
5619 | .card .card-content .card-title { | |
5620 | line-height: 48px; } | |
5621 | .card .card-action { | |
5622 | border-top: 1px solid rgba(160, 160, 160, 0.2); | |
5623 | padding: 20px; } | |
5624 | .card .card-action a { | |
5625 | color: #ffab40; | |
5626 | margin-right: 20px; | |
5627 | -webkit-transition: color .3s ease; | |
5628 | -moz-transition: color .3s ease; | |
5629 | -o-transition: color .3s ease; | |
5630 | -ms-transition: color .3s ease; | |
5631 | transition: color .3s ease; | |
5632 | text-transform: uppercase; } | |
5633 | .card .card-action a:hover { | |
5634 | color: #ffd8a6; } | |
5635 | .card .card-reveal { | |
5636 | padding: 20px; | |
5637 | position: absolute; | |
5638 | background-color: #fff; | |
5639 | width: 100%; | |
5640 | overflow-y: auto; | |
5641 | top: 100%; | |
5642 | height: 100%; | |
5643 | z-index: 1; | |
5644 | display: none; } | |
5645 | .card .card-reveal .card-title { | |
5646 | cursor: pointer; | |
5647 | display: block; } | |
5648 | ||
5649 | #toast-container { | |
5650 | display: block; | |
5651 | position: fixed; | |
5652 | z-index: 10000; } | |
5653 | @media only screen and (max-width : 600px) { | |
5654 | #toast-container { | |
5655 | min-width: 100%; | |
5656 | bottom: 0%; } } | |
5657 | @media only screen and (min-width : 601px) and (max-width : 992px) { | |
5658 | #toast-container { | |
5659 | min-width: 30%; | |
5660 | left: 5%; | |
5661 | bottom: 7%; } } | |
5662 | @media only screen and (min-width : 993px) { | |
5663 | #toast-container { | |
5664 | min-width: 8%; | |
5665 | top: 10%; | |
5666 | right: 7%; } } | |
5667 | ||
5668 | .toast { | |
5669 | border-radius: 2px; | |
5670 | top: 0; | |
5671 | width: auto; | |
5672 | clear: both; | |
5673 | margin-top: 10px; | |
5674 | position: relative; | |
5675 | max-width: 100%; | |
5676 | height: 48px; | |
5677 | line-height: 48px; | |
5678 | background-color: #323232; | |
5679 | padding: 0 25px; | |
5680 | font-size: 1.1rem; | |
5681 | font-weight: 300; | |
5682 | color: #fff; | |
5683 | display: -webkit-box; | |
5684 | display: -moz-box; | |
5685 | display: -ms-flexbox; | |
5686 | display: -webkit-flex; | |
5687 | display: flex; | |
5688 | -webkit-flex-align: center; | |
5689 | -ms-flex-align: center; | |
5690 | -webkit-align-items: center; | |
5691 | align-items: center; | |
5692 | -webkit-justify-content: space-between; | |
5693 | justify-content: space-between; } | |
5694 | .toast .btn, .toast .btn-large, .toast .btn-flat { | |
5695 | margin: 0; | |
5696 | margin-left: 3rem; } | |
5697 | .toast.rounded { | |
5698 | border-radius: 24px; } | |
5699 | @media only screen and (max-width : 600px) { | |
5700 | .toast { | |
5701 | width: 100%; | |
5702 | border-radius: 0; } } | |
5703 | @media only screen and (min-width : 601px) and (max-width : 992px) { | |
5704 | .toast { | |
5705 | float: left; } } | |
5706 | @media only screen and (min-width : 993px) { | |
5707 | .toast { | |
5708 | float: right; } } | |
5709 | ||
5710 | .tabs { | |
5711 | display: -webkit-box; | |
5712 | display: -moz-box; | |
5713 | display: -ms-flexbox; | |
5714 | display: -webkit-flex; | |
5715 | display: flex; | |
5716 | position: relative; | |
5717 | height: 48px; | |
5718 | background-color: #fff; | |
5719 | margin: 0 auto; | |
5720 | width: 100%; | |
5721 | white-space: nowrap; } | |
5722 | .tabs .tab { | |
5723 | -webkit-box-flex: 1; | |
5724 | -webkit-flex-grow: 1; | |
5725 | -ms-flex-positive: 1; | |
5726 | flex-grow: 1; | |
5727 | display: block; | |
5728 | float: left; | |
5729 | text-align: center; | |
5730 | line-height: 48px; | |
5731 | height: 48px; | |
5732 | padding: 0 20px; | |
5733 | margin: 0; | |
5734 | text-transform: uppercase; | |
5735 | letter-spacing: .8px; | |
5736 | width: 15%; } | |
5737 | .tabs .tab a { | |
5738 | color: #ee6e73; | |
5739 | display: block; | |
5740 | width: 100%; | |
5741 | height: 100%; | |
5742 | -webkit-transition: color .28s ease; | |
5743 | -moz-transition: color .28s ease; | |
5744 | -o-transition: color .28s ease; | |
5745 | -ms-transition: color .28s ease; | |
5746 | transition: color .28s ease; } | |
5747 | .tabs .tab a:hover { | |
5748 | color: #f9c9cb; } | |
5749 | .tabs .tab.disabled a { | |
5750 | color: #f9c9cb; | |
5751 | cursor: default; } | |
5752 | .tabs .indicator { | |
5753 | position: absolute; | |
5754 | bottom: 0; | |
5755 | height: 2px; | |
5756 | background-color: #f6b2b5; | |
5757 | will-change: left, right; } | |
5758 | ||
5759 | .tabs .tab { | |
5760 | padding: 0; } | |
5761 | ||
5762 | .material-tooltip { | |
5763 | padding: 10px 8px; | |
5764 | font-size: 1rem; | |
5765 | z-index: 2000; | |
5766 | background-color: transparent; | |
5767 | border-radius: 2px; | |
5768 | color: #fff; | |
5769 | min-height: 36px; | |
5770 | line-height: 1rem; | |
5771 | opacity: 0; | |
5772 | display: none; | |
5773 | position: absolute; | |
5774 | text-align: center; | |
5775 | overflow: hidden; | |
5776 | left: 0; | |
5777 | top: 0; | |
5778 | will-change: top, left; } | |
5779 | ||
5780 | .backdrop { | |
5781 | position: absolute; | |
5782 | opacity: 0; | |
5783 | display: none; | |
5784 | height: 7px; | |
5785 | width: 14px; | |
5786 | border-radius: 0 0 14px 14px; | |
5787 | background-color: #323232; | |
5788 | z-index: -1; | |
5789 | -webkit-transform-origin: 50% 10%; | |
5790 | -moz-transform-origin: 50% 10%; | |
5791 | -ms-transform-origin: 50% 10%; | |
5792 | -o-transform-origin: 50% 10%; | |
5793 | transform-origin: 50% 10%; | |
5794 | will-change: transform, opacity; } | |
5795 | ||
5796 | .btn, .btn-large, .btn-flat { | |
5797 | border: none; | |
5798 | border-radius: 2px; | |
5799 | display: inline-block; | |
5800 | height: 36px; | |
5801 | line-height: 36px; | |
5802 | outline: 0; | |
5803 | padding: 0 2rem; | |
5804 | text-transform: uppercase; | |
5805 | vertical-align: middle; | |
5806 | -webkit-tap-highlight-color: transparent; } | |
5807 | ||
5808 | .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled { | |
5809 | background-color: #DFDFDF !important; | |
5810 | box-shadow: none; | |
5811 | color: #9F9F9F !important; | |
5812 | cursor: default; } | |
5813 | .btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, .btn-large:disabled *, .btn-floating:disabled * { | |
5814 | pointer-events: none; } | |
5815 | .btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover { | |
5816 | background-color: #DFDFDF; | |
5817 | color: #9F9F9F; } | |
5818 | ||
5819 | .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { | |
5820 | font-size: 1.3rem; | |
5821 | line-height: inherit; } | |
5822 | ||
5823 | .btn, .btn-large { | |
5824 | text-decoration: none; | |
5825 | color: #fff; | |
5826 | background-color: #26a69a; | |
5827 | text-align: center; | |
5828 | letter-spacing: .5px; | |
5829 | -webkit-transition: .2s ease-out; | |
5830 | -moz-transition: .2s ease-out; | |
5831 | -o-transition: .2s ease-out; | |
5832 | -ms-transition: .2s ease-out; | |
5833 | transition: .2s ease-out; | |
5834 | cursor: pointer; } | |
5835 | .btn:hover, .btn-large:hover { | |
5836 | background-color: #2bbbad; } | |
5837 | ||
5838 | .btn-floating { | |
5839 | display: inline-block; | |
5840 | color: #fff; | |
5841 | position: relative; | |
5842 | overflow: hidden; | |
5843 | z-index: 1; | |
5844 | width: 37px; | |
5845 | height: 37px; | |
5846 | line-height: 37px; | |
5847 | padding: 0; | |
5848 | background-color: #26a69a; | |
5849 | border-radius: 50%; | |
5850 | transition: .3s; | |
5851 | cursor: pointer; | |
5852 | vertical-align: middle; } | |
5853 | .btn-floating i { | |
5854 | width: inherit; | |
5855 | display: inline-block; | |
5856 | text-align: center; | |
5857 | color: #fff; | |
5858 | font-size: 1.6rem; | |
5859 | line-height: 37px; } | |
5860 | .btn-floating:before { | |
5861 | border-radius: 0; } | |
5862 | .btn-floating.btn-large { | |
5863 | width: 55.5px; | |
5864 | height: 55.5px; } | |
5865 | .btn-floating.btn-large i { | |
5866 | line-height: 55.5px; } | |
5867 | ||
5868 | button.btn-floating { | |
5869 | border: none; } | |
5870 | ||
5871 | .fixed-action-btn { | |
5872 | position: fixed; | |
5873 | right: 23px; | |
5874 | bottom: 23px; | |
5875 | padding-top: 15px; | |
5876 | margin-bottom: 0; | |
5877 | z-index: 998; } | |
5878 | .fixed-action-btn ul { | |
5879 | left: 0; | |
5880 | right: 0; | |
5881 | text-align: center; | |
5882 | position: absolute; | |
5883 | bottom: 64px; | |
5884 | margin: 0; } | |
5885 | .fixed-action-btn ul li { | |
5886 | margin-bottom: 15px; } | |
5887 | .fixed-action-btn ul a.btn-floating { | |
5888 | opacity: 0; } | |
5889 | ||
5890 | .btn-flat { | |
5891 | box-shadow: none; | |
5892 | background-color: transparent; | |
5893 | color: #343434; | |
5894 | cursor: pointer; } | |
5895 | .btn-flat.disabled { | |
5896 | color: #b3b3b3; | |
5897 | cursor: default; } | |
5898 | ||
5899 | .btn-large { | |
5900 | height: 54px; | |
5901 | line-height: 56px; } | |
5902 | .btn-large i { | |
5903 | font-size: 1.6rem; } | |
5904 | ||
5905 | .btn-block { | |
5906 | display: block; } | |
5907 | ||
5908 | .dropdown-content { | |
5909 | background-color: #fff; | |
5910 | margin: 0; | |
5911 | display: none; | |
5912 | min-width: 100px; | |
5913 | max-height: 650px; | |
5914 | overflow-y: auto; | |
5915 | opacity: 0; | |
5916 | position: absolute; | |
5917 | z-index: 999; | |
5918 | will-change: width, height; } | |
5919 | .dropdown-content li { | |
5920 | clear: both; | |
5921 | color: rgba(0, 0, 0, 0.87); | |
5922 | cursor: pointer; | |
5923 | line-height: 1.5rem; | |
5924 | width: 100%; | |
5925 | text-align: left; | |
5926 | text-transform: none; } | |
5927 | .dropdown-content li:hover, .dropdown-content li.active { | |
5928 | background-color: #eee; } | |
5929 | .dropdown-content li > a, .dropdown-content li > span { | |
5930 | font-size: 1.2rem; | |
5931 | color: #26a69a; | |
5932 | display: block; | |
5933 | padding: 1rem 1rem; } | |
5934 | .dropdown-content li > a > i { | |
5935 | height: inherit; | |
5936 | line-height: inherit; } | |
5937 | ||
5938 | /*! | |
5939 | * Waves v0.6.0 | |
5940 | * http://fian.my.id/Waves | |
5941 | * | |
5942 | * Copyright 2014 Alfiana E. Sibuea and other contributors | |
5943 | * Released under the MIT license | |
5944 | * https://github.com/fians/Waves/blob/master/LICENSE | |
5945 | */ | |
5946 | .waves-effect { | |
5947 | position: relative; | |
5948 | cursor: pointer; | |
5949 | display: inline-block; | |
5950 | overflow: hidden; | |
5951 | -webkit-user-select: none; | |
5952 | -moz-user-select: none; | |
5953 | -ms-user-select: none; | |
5954 | user-select: none; | |
5955 | -webkit-tap-highlight-color: transparent; | |
5956 | vertical-align: middle; | |
5957 | z-index: 1; | |
5958 | will-change: opacity, transform; | |
5959 | -webkit-transition: all .3s ease-out; | |
5960 | -moz-transition: all .3s ease-out; | |
5961 | -o-transition: all .3s ease-out; | |
5962 | -ms-transition: all .3s ease-out; | |
5963 | transition: all .3s ease-out; } | |
5964 | .waves-effect .waves-ripple { | |
5965 | position: absolute; | |
5966 | border-radius: 50%; | |
5967 | width: 20px; | |
5968 | height: 20px; | |
5969 | margin-top: -10px; | |
5970 | margin-left: -10px; | |
5971 | opacity: 0; | |
5972 | background: rgba(0, 0, 0, 0.2); | |
5973 | -webkit-transition: all 0.7s ease-out; | |
5974 | -moz-transition: all 0.7s ease-out; | |
5975 | -o-transition: all 0.7s ease-out; | |
5976 | -ms-transition: all 0.7s ease-out; | |
5977 | transition: all 0.7s ease-out; | |
5978 | -webkit-transition-property: -webkit-transform, opacity; | |
5979 | -moz-transition-property: -moz-transform, opacity; | |
5980 | -o-transition-property: -o-transform, opacity; | |
5981 | transition-property: transform, opacity; | |
5982 | -webkit-transform: scale(0); | |
5983 | -moz-transform: scale(0); | |
5984 | -ms-transform: scale(0); | |
5985 | -o-transform: scale(0); | |
5986 | transform: scale(0); | |
5987 | pointer-events: none; } | |
5988 | .waves-effect.waves-light .waves-ripple { | |
5989 | background-color: rgba(255, 255, 255, 0.45); } | |
5990 | .waves-effect.waves-red .waves-ripple { | |
5991 | background-color: rgba(244, 67, 54, 0.7); } | |
5992 | .waves-effect.waves-yellow .waves-ripple { | |
5993 | background-color: rgba(255, 235, 59, 0.7); } | |
5994 | .waves-effect.waves-orange .waves-ripple { | |
5995 | background-color: rgba(255, 152, 0, 0.7); } | |
5996 | .waves-effect.waves-purple .waves-ripple { | |
5997 | background-color: rgba(156, 39, 176, 0.7); } | |
5998 | .waves-effect.waves-green .waves-ripple { | |
5999 | background-color: rgba(76, 175, 80, 0.7); } | |
6000 | .waves-effect.waves-teal .waves-ripple { | |
6001 | background-color: rgba(0, 150, 136, 0.7); } | |
6002 | ||
6003 | .waves-notransition { | |
6004 | -webkit-transition: none !important; | |
6005 | -moz-transition: none !important; | |
6006 | -o-transition: none !important; | |
6007 | -ms-transition: none !important; | |
6008 | transition: none !important; } | |
6009 | ||
6010 | .waves-circle { | |
6011 | -webkit-transform: translateZ(0); | |
6012 | -moz-transform: translateZ(0); | |
6013 | -ms-transform: translateZ(0); | |
6014 | -o-transform: translateZ(0); | |
6015 | transform: translateZ(0); | |
6016 | -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } | |
6017 | ||
6018 | .waves-input-wrapper { | |
6019 | border-radius: 0.2em; | |
6020 | vertical-align: bottom; } | |
6021 | .waves-input-wrapper .waves-button-input { | |
6022 | position: relative; | |
6023 | top: 0; | |
6024 | left: 0; | |
6025 | z-index: 1; } | |
6026 | ||
6027 | .waves-circle { | |
6028 | text-align: center; | |
6029 | width: 2.5em; | |
6030 | height: 2.5em; | |
6031 | line-height: 2.5em; | |
6032 | border-radius: 50%; | |
6033 | -webkit-mask-image: none; } | |
6034 | ||
6035 | .waves-block { | |
6036 | display: block; } | |
6037 | ||
6038 | /* Firefox Bug: link not triggered */ | |
6039 | a.waves-effect .waves-ripple { | |
6040 | z-index: -1; } | |
6041 | ||
6042 | .modal { | |
6043 | display: none; | |
6044 | position: fixed; | |
6045 | left: 0; | |
6046 | right: 0; | |
6047 | background-color: #fafafa; | |
6048 | padding: 0; | |
6049 | max-height: 70%; | |
6050 | width: 55%; | |
6051 | margin: auto; | |
6052 | overflow-y: auto; | |
6053 | border-radius: 2px; | |
6054 | will-change: top, opacity; } | |
6055 | @media only screen and (max-width : 992px) { | |
6056 | .modal { | |
6057 | width: 80%; } } | |
6058 | .modal h1, .modal h2, .modal h3, .modal h4 { | |
6059 | margin-top: 0; } | |
6060 | .modal .modal-content { | |
6061 | padding: 24px; } | |
6062 | .modal .modal-close { | |
6063 | cursor: pointer; } | |
6064 | .modal .modal-footer { | |
6065 | border-radius: 0 0 2px 2px; | |
6066 | background-color: #fafafa; | |
6067 | padding: 4px 6px; | |
6068 | height: 56px; | |
6069 | width: 100%; } | |
6070 | .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { | |
6071 | float: right; | |
6072 | margin: 6px 0; } | |
6073 | ||
6074 | .lean-overlay { | |
6075 | position: fixed; | |
6076 | z-index: 999; | |
6077 | top: -100px; | |
6078 | left: 0; | |
6079 | bottom: 0; | |
6080 | right: 0; | |
6081 | height: 125%; | |
6082 | width: 100%; | |
6083 | background: #000; | |
6084 | display: none; | |
6085 | will-change: opacity; } | |
6086 | ||
6087 | .modal.modal-fixed-footer { | |
6088 | padding: 0; | |
6089 | height: 70%; } | |
6090 | .modal.modal-fixed-footer .modal-content { | |
6091 | position: absolute; | |
6092 | height: calc(100% - 56px); | |
6093 | max-height: 100%; | |
6094 | width: 100%; | |
6095 | overflow-y: auto; } | |
6096 | .modal.modal-fixed-footer .modal-footer { | |
6097 | border-top: 1px solid rgba(0, 0, 0, 0.1); | |
6098 | position: absolute; | |
6099 | bottom: 0; } | |
6100 | ||
6101 | .modal.bottom-sheet { | |
6102 | top: auto; | |
6103 | bottom: -100%; | |
6104 | margin: 0; | |
6105 | width: 100%; | |
6106 | max-height: 45%; | |
6107 | border-radius: 0; | |
6108 | will-change: bottom, opacity; } | |
6109 | ||
6110 | .collapsible { | |
6111 | border-top: 1px solid #ddd; | |
6112 | border-right: 1px solid #ddd; | |
6113 | border-left: 1px solid #ddd; | |
6114 | margin: 0.5rem 0 1rem 0; } | |
6115 | ||
6116 | .collapsible-header { | |
6117 | display: block; | |
6118 | cursor: pointer; | |
6119 | min-height: 3rem; | |
6120 | line-height: 3rem; | |
6121 | padding: 0 1rem; | |
6122 | background-color: #fff; | |
6123 | border-bottom: 1px solid #ddd; } | |
6124 | .collapsible-header i { | |
6125 | width: 2rem; | |
6126 | font-size: 1.6rem; | |
6127 | line-height: 3rem; | |
6128 | display: block; | |
6129 | float: left; | |
6130 | text-align: center; | |
6131 | margin-right: 1rem; } | |
6132 | ||
6133 | .collapsible-body { | |
6134 | display: none; | |
6135 | border-bottom: 1px solid #ddd; | |
6136 | -webkit-box-sizing: border-box; | |
6137 | -moz-box-sizing: border-box; | |
6138 | box-sizing: border-box; } | |
6139 | .collapsible-body p { | |
6140 | margin: 0; | |
6141 | padding: 2rem; } | |
6142 | ||
6143 | .side-nav .collapsible { | |
6144 | border: none; | |
6145 | box-shadow: none; } | |
6146 | .side-nav .collapsible li { | |
6147 | padding: 0; } | |
6148 | .side-nav .collapsible-header { | |
6149 | background-color: transparent; | |
6150 | border: none; | |
6151 | line-height: inherit; | |
6152 | height: inherit; | |
6153 | margin: 0 1rem; } | |
6154 | .side-nav .collapsible-header i { | |
6155 | line-height: inherit; } | |
6156 | .side-nav .collapsible-body { | |
6157 | border: 0; | |
6158 | background-color: #fff; } | |
6159 | .side-nav .collapsible-body li a { | |
6160 | margin: 0 1rem 0 2rem; } | |
6161 | ||
6162 | .collapsible.popout { | |
6163 | border: none; | |
6164 | box-shadow: none; } | |
6165 | .collapsible.popout > li { | |
6166 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); | |
6167 | margin: 0 24px; | |
6168 | transition: margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } | |
6169 | .collapsible.popout > li.active { | |
6170 | box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); | |
6171 | margin: 16px 0; } | |
6172 | ||
6173 | .chip { | |
6174 | display: inline-block; | |
6175 | height: 32px; | |
6176 | font-size: 13px; | |
6177 | font-weight: 500; | |
6178 | color: rgba(0, 0, 0, 0.6); | |
6179 | line-height: 32px; | |
6180 | padding: 0 12px; | |
6181 | border-radius: 16px; | |
6182 | background-color: #E4E4E4; } | |
6183 | .chip img { | |
6184 | float: left; | |
6185 | margin: 0 8px 0 -12px; | |
6186 | height: 32px; | |
6187 | width: 32px; | |
6188 | border-radius: 50%; } | |
6189 | .chip i.material-icons { | |
6190 | cursor: pointer; | |
6191 | float: right; | |
6192 | font-size: 16px; | |
6193 | line-height: 32px; | |
6194 | padding-left: 8px; } | |
6195 | ||
6196 | .materialboxed { | |
6197 | display: block; | |
6198 | cursor: zoom-in; | |
6199 | position: relative; | |
6200 | -webkit-transition: opacity .4s; | |
6201 | -moz-transition: opacity .4s; | |
6202 | -o-transition: opacity .4s; | |
6203 | -ms-transition: opacity .4s; | |
6204 | transition: opacity .4s; } | |
6205 | .materialboxed:hover { | |
6206 | will-change: left, top, width, height; } | |
6207 | .materialboxed:hover:not(.active) { | |
6208 | opacity: .8; } | |
6209 | ||
6210 | .materialboxed.active { | |
6211 | cursor: zoom-out; } | |
6212 | ||
6213 | #materialbox-overlay { | |
6214 | position: fixed; | |
6215 | top: 0; | |
6216 | left: 0; | |
6217 | right: 0; | |
6218 | bottom: 0; | |
6219 | background-color: #292929; | |
6220 | z-index: 999; | |
6221 | will-change: opacity; } | |
6222 | ||
6223 | .materialbox-caption { | |
6224 | position: fixed; | |
6225 | display: none; | |
6226 | color: #fff; | |
6227 | line-height: 50px; | |
6228 | bottom: 0; | |
6229 | width: 100%; | |
6230 | text-align: center; | |
6231 | padding: 0% 15%; | |
6232 | height: 50px; | |
6233 | z-index: 1000; | |
6234 | -webkit-font-smoothing: antialiased; } | |
6235 | ||
6236 | /* Remove Focus Boxes */ | |
6237 | select:focus { | |
6238 | outline: 1px solid #c9f3ef; } | |
6239 | ||
6240 | button:focus { | |
6241 | outline: none; | |
6242 | background-color: #2ab7a9; } | |
6243 | ||
6244 | label { | |
6245 | font-size: 0.8rem; | |
6246 | color: #9e9e9e; } | |
6247 | ||
6248 | /*************************** | |
6249 | Text Inputs + Textarea | |
6250 | ****************************/ | |
6251 | ::-webkit-input-placeholder { | |
6252 | color: #d1d1d1; } | |
6253 | ||
6254 | :-moz-placeholder { | |
6255 | /* Firefox 18- */ | |
6256 | color: #d1d1d1; } | |
6257 | ||
6258 | ::-moz-placeholder { | |
6259 | /* Firefox 19+ */ | |
6260 | color: #d1d1d1; } | |
6261 | ||
6262 | :-ms-input-placeholder { | |
6263 | color: #d1d1d1; } | |
6264 | ||
6265 | input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { | |
6266 | background-color: transparent; | |
6267 | border: none; | |
6268 | border-bottom: 1px solid #9e9e9e; | |
6269 | border-radius: 0; | |
6270 | outline: none; | |
6271 | height: 3rem; | |
6272 | width: 100%; | |
6273 | font-size: 1rem; | |
6274 | margin: 0 0 15px 0; | |
6275 | padding: 0; | |
6276 | box-shadow: none; | |
6277 | -webkit-box-sizing: content-box; | |
6278 | -moz-box-sizing: content-box; | |
6279 | box-sizing: content-box; | |
6280 | transition: all .3s; } | |
6281 | input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { | |
6282 | color: rgba(0, 0, 0, 0.26); | |
6283 | border-bottom: 1px dotted rgba(0, 0, 0, 0.26); } | |
6284 | input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { | |
6285 | color: rgba(0, 0, 0, 0.26); } | |
6286 | input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { | |
6287 | border-bottom: 1px solid #26a69a; | |
6288 | box-shadow: 0 1px 0 0 #26a69a; } | |
6289 | input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { | |
6290 | color: #26a69a; } | |
6291 | input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid { | |
6292 | border-bottom: 1px solid #4CAF50; | |
6293 | box-shadow: 0 1px 0 0 #4CAF50; } | |
6294 | input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after { | |
6295 | content: attr(data-success); | |
6296 | color: #4CAF50; | |
6297 | opacity: 1; } | |
6298 | input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid { | |
6299 | border-bottom: 1px solid #F44336; | |
6300 | box-shadow: 0 1px 0 0 #F44336; } | |
6301 | input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after { | |
6302 | content: attr(data-error); | |
6303 | color: #F44336; | |
6304 | opacity: 1; } | |
6305 | input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after { | |
6306 | display: block; | |
6307 | content: ""; | |
6308 | position: absolute; | |
6309 | top: 65px; | |
6310 | opacity: 0; | |
6311 | transition: .2s opacity ease-out, .2s color ease-out; } | |
6312 | ||
6313 | .input-field { | |
6314 | position: relative; | |
6315 | margin-top: 1rem; } | |
6316 | .input-field label { | |
6317 | color: #9e9e9e; | |
6318 | position: absolute; | |
6319 | top: 0.8rem; | |
6320 | left: 0.75rem; | |
6321 | font-size: 1rem; | |
6322 | cursor: text; | |
6323 | -webkit-transition: .2s ease-out; | |
6324 | -moz-transition: .2s ease-out; | |
6325 | -o-transition: .2s ease-out; | |
6326 | -ms-transition: .2s ease-out; | |
6327 | transition: .2s ease-out; } | |
6328 | .input-field label.active { | |
6329 | font-size: 0.8rem; | |
6330 | -webkit-transform: translateY(-140%); | |
6331 | -moz-transform: translateY(-140%); | |
6332 | -ms-transform: translateY(-140%); | |
6333 | -o-transform: translateY(-140%); | |
6334 | transform: translateY(-140%); } | |
6335 | .input-field .prefix { | |
6336 | position: absolute; | |
6337 | width: 3rem; | |
6338 | font-size: 2rem; | |
6339 | -webkit-transition: color .2s; | |
6340 | -moz-transition: color .2s; | |
6341 | -o-transition: color .2s; | |
6342 | -ms-transition: color .2s; | |
6343 | transition: color .2s; } | |
6344 | .input-field .prefix.active { | |
6345 | color: #26a69a; } | |
6346 | .input-field .prefix ~ input, .input-field .prefix ~ textarea { | |
6347 | margin-left: 3rem; | |
6348 | width: 92%; | |
6349 | width: calc(100% - 3rem); } | |
6350 | .input-field .prefix ~ textarea { | |
6351 | padding-top: .8rem; } | |
6352 | .input-field .prefix ~ label { | |
6353 | margin-left: 3rem; } | |
6354 | @media only screen and (max-width : 992px) { | |
6355 | .input-field .prefix ~ input { | |
6356 | width: 86%; | |
6357 | width: calc(100% - 3rem); } } | |
6358 | @media only screen and (max-width : 600px) { | |
6359 | .input-field .prefix ~ input { | |
6360 | width: 80%; | |
6361 | width: calc(100% - 3rem); } } | |
6362 | ||
6363 | .input-field input[type=search] { | |
6364 | display: block; | |
6365 | line-height: inherit; | |
6366 | padding-left: 4rem; | |
6367 | width: calc(100% - 4rem); } | |
6368 | .input-field input[type=search]:focus { | |
6369 | background-color: #fff; | |
6370 | border: 0; | |
6371 | box-shadow: none; | |
6372 | color: #444; } | |
6373 | .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons { | |
6374 | color: #444; } | |
6375 | .input-field input[type=search] + label { | |
6376 | left: 1rem; } | |
6377 | .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons { | |
6378 | position: absolute; | |
6379 | top: 0; | |
6380 | right: 1rem; | |
6381 | color: transparent; | |
6382 | cursor: pointer; | |
6383 | font-size: 2rem; | |
6384 | transition: .3s color; } | |
6385 | ||
6386 | textarea { | |
6387 | width: 100%; | |
6388 | height: 3rem; | |
6389 | background-color: transparent; } | |
6390 | textarea.materialize-textarea { | |
6391 | overflow-y: hidden; | |
6392 | /* prevents scroll bar flash */ | |
6393 | padding: 1.6rem 0; | |
6394 | /* prevents text jump on Enter keypress */ | |
6395 | resize: none; | |
6396 | min-height: 3rem; } | |
6397 | ||
6398 | .hiddendiv { | |
6399 | display: none; | |
6400 | white-space: pre-wrap; | |
6401 | word-wrap: break-word; | |
6402 | overflow-wrap: break-word; | |
6403 | /* future version of deprecated 'word-wrap' */ | |
6404 | padding-top: 1.2rem; | |
6405 | /* prevents text jump on Enter keypress */ } | |
6406 | ||
6407 | /*************** | |
6408 | Radio Buttons | |
6409 | ***************/ | |
6410 | /* Remove default Radio Buttons */ | |
6411 | [type="radio"]:not(:checked), [type="radio"]:checked { | |
6412 | position: absolute; | |
6413 | left: -9999px; | |
6414 | visibility: hidden; } | |
6415 | ||
6416 | [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { | |
6417 | position: relative; | |
6418 | padding-left: 35px; | |
6419 | cursor: pointer; | |
6420 | display: inline-block; | |
6421 | height: 25px; | |
6422 | line-height: 25px; | |
6423 | font-size: 1rem; | |
6424 | -webkit-transition: .28s ease; | |
6425 | -moz-transition: .28s ease; | |
6426 | -o-transition: .28s ease; | |
6427 | -ms-transition: .28s ease; | |
6428 | transition: .28s ease; | |
6429 | -webkit-user-select: none; | |
6430 | /* webkit (safari, chrome) browsers */ | |
6431 | -moz-user-select: none; | |
6432 | /* mozilla browsers */ | |
6433 | -khtml-user-select: none; | |
6434 | /* webkit (konqueror) browsers */ | |
6435 | -ms-user-select: none; | |
6436 | /* IE10+ */ } | |
6437 | ||
6438 | [type="radio"] + label:before, [type="radio"] + label:after { | |
6439 | content: ''; | |
6440 | position: absolute; | |
6441 | left: 0; | |
6442 | top: 0; | |
6443 | margin: 4px; | |
6444 | width: 16px; | |
6445 | height: 16px; | |
6446 | z-index: 0; | |
6447 | -webkit-transition: .28s ease; | |
6448 | -moz-transition: .28s ease; | |
6449 | -o-transition: .28s ease; | |
6450 | -ms-transition: .28s ease; | |
6451 | transition: .28s ease; } | |
6452 | ||
6453 | /* Unchecked styles */ | |
6454 | [type="radio"]:not(:checked) + label:before { | |
6455 | border-radius: 50%; | |
6456 | border: 2px solid #5a5a5a; } | |
6457 | ||
6458 | [type="radio"]:not(:checked) + label:after { | |
6459 | border-radius: 50%; | |
6460 | border: 2px solid #5a5a5a; | |
6461 | z-index: -1; | |
6462 | -webkit-transform: scale(0); | |
6463 | -moz-transform: scale(0); | |
6464 | -ms-transform: scale(0); | |
6465 | -o-transform: scale(0); | |
6466 | transform: scale(0); } | |
6467 | ||
6468 | /* Checked styles */ | |
6469 | [type="radio"]:checked + label:before { | |
6470 | border-radius: 50%; | |
6471 | border: 2px solid transparent; } | |
6472 | ||
6473 | [type="radio"]:checked + label:after { | |
6474 | border-radius: 50%; | |
6475 | border: 2px solid #26a69a; | |
6476 | background-color: #26a69a; | |
6477 | z-index: 0; | |
6478 | -webkit-transform: scale(1.02); | |
6479 | -moz-transform: scale(1.02); | |
6480 | -ms-transform: scale(1.02); | |
6481 | -o-transform: scale(1.02); | |
6482 | transform: scale(1.02); } | |
6483 | ||
6484 | /* Radio With gap */ | |
6485 | [type="radio"].with-gap:checked + label:before { | |
6486 | border-radius: 50%; | |
6487 | border: 2px solid #26a69a; } | |
6488 | ||
6489 | [type="radio"].with-gap:checked + label:after { | |
6490 | border-radius: 50%; | |
6491 | border: 2px solid #26a69a; | |
6492 | background-color: #26a69a; | |
6493 | z-index: 0; | |
6494 | -webkit-transform: scale(.5); | |
6495 | -moz-transform: scale(.5); | |
6496 | -ms-transform: scale(.5); | |
6497 | -o-transform: scale(.5); | |
6498 | transform: scale(.5); } | |
6499 | ||
6500 | /* Disabled Radio With gap */ | |
6501 | [type="radio"].with-gap:disabled:checked + label:before { | |
6502 | border: 2px solid rgba(0, 0, 0, 0.26); } | |
6503 | ||
6504 | [type="radio"].with-gap:disabled:checked + label:after { | |
6505 | border: none; | |
6506 | background-color: rgba(0, 0, 0, 0.26); } | |
6507 | ||
6508 | /* Disabled style */ | |
6509 | [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { | |
6510 | background-color: transparent; | |
6511 | border-color: rgba(0, 0, 0, 0.26); } | |
6512 | ||
6513 | [type="radio"]:disabled + label { | |
6514 | color: rgba(0, 0, 0, 0.26); } | |
6515 | ||
6516 | [type="radio"]:disabled:not(:checked) + label:before { | |
6517 | border-color: rgba(0, 0, 0, 0.26); } | |
6518 | ||
6519 | [type="radio"]:disabled:checked + label:after { | |
6520 | background-color: rgba(0, 0, 0, 0.26); | |
6521 | border-color: #BDBDBD; } | |
6522 | ||
6523 | /*************** | |
6524 | Checkboxes | |
6525 | ***************/ | |
6526 | /* CUSTOM CSS CHECKBOXES */ | |
6527 | form p { | |
6528 | margin-bottom: 10px; | |
6529 | text-align: left; } | |
6530 | ||
6531 | form p:last-child { | |
6532 | margin-bottom: 0; } | |
6533 | ||
6534 | /* Remove default checkbox */ | |
6535 | [type="checkbox"]:not(:checked), [type="checkbox"]:checked { | |
6536 | position: absolute; | |
6537 | left: -9999px; | |
6538 | visibility: hidden; } | |
6539 | ||
6540 | [type="checkbox"] { | |
6541 | /* checkbox aspect */ } | |
6542 | [type="checkbox"] + label { | |
6543 | position: relative; | |
6544 | padding-left: 35px; | |
6545 | cursor: pointer; | |
6546 | display: inline-block; | |
6547 | height: 25px; | |
6548 | line-height: 25px; | |
6549 | font-size: 1rem; | |
6550 | -webkit-user-select: none; | |
6551 | /* webkit (safari, chrome) browsers */ | |
6552 | -moz-user-select: none; | |
6553 | /* mozilla browsers */ | |
6554 | -khtml-user-select: none; | |
6555 | /* webkit (konqueror) browsers */ | |
6556 | -ms-user-select: none; | |
6557 | /* IE10+ */ } | |
6558 | [type="checkbox"] + label:before { | |
6559 | content: ''; | |
6560 | position: absolute; | |
6561 | top: 0; | |
6562 | left: 0; | |
6563 | width: 18px; | |
6564 | height: 18px; | |
6565 | z-index: 0; | |
6566 | border: 2px solid #5a5a5a; | |
6567 | border-radius: 1px; | |
6568 | margin-top: 2px; | |
6569 | -webkit-transition: 0.2s; | |
6570 | -moz-transition: 0.2s; | |
6571 | -o-transition: 0.2s; | |
6572 | -ms-transition: 0.2s; | |
6573 | transition: 0.2s; } | |
6574 | [type="checkbox"]:not(:checked):disabled + label:before { | |
6575 | border: none; | |
6576 | background-color: rgba(0, 0, 0, 0.26); } | |
6577 | ||
6578 | [type="checkbox"]:checked + label:before { | |
6579 | top: -4px; | |
6580 | left: -3px; | |
6581 | width: 12px; | |
6582 | height: 22px; | |
6583 | border-top: 2px solid transparent; | |
6584 | border-left: 2px solid transparent; | |
6585 | border-right: 2px solid #26a69a; | |
6586 | border-bottom: 2px solid #26a69a; | |
6587 | -webkit-transform: rotate(40deg); | |
6588 | -moz-transform: rotate(40deg); | |
6589 | -ms-transform: rotate(40deg); | |
6590 | -o-transform: rotate(40deg); | |
6591 | transform: rotate(40deg); | |
6592 | -webkit-backface-visibility: hidden; | |
6593 | -webkit-transform-origin: 100% 100%; | |
6594 | -moz-transform-origin: 100% 100%; | |
6595 | -ms-transform-origin: 100% 100%; | |
6596 | -o-transform-origin: 100% 100%; | |
6597 | transform-origin: 100% 100%; } | |
6598 | [type="checkbox"]:checked:disabled + label:before { | |
6599 | border-right: 2px solid rgba(0, 0, 0, 0.26); | |
6600 | border-bottom: 2px solid rgba(0, 0, 0, 0.26); } | |
6601 | ||
6602 | /* Indeterminate checkbox */ | |
6603 | [type="checkbox"]:indeterminate + label:before { | |
6604 | left: -10px; | |
6605 | top: -11px; | |
6606 | width: 10px; | |
6607 | height: 22px; | |
6608 | border-top: none; | |
6609 | border-left: none; | |
6610 | border-right: 2px solid #26a69a; | |
6611 | border-bottom: none; | |
6612 | -webkit-transform: rotate(90deg); | |
6613 | -moz-transform: rotate(90deg); | |
6614 | -ms-transform: rotate(90deg); | |
6615 | -o-transform: rotate(90deg); | |
6616 | transform: rotate(90deg); | |
6617 | -webkit-backface-visibility: hidden; | |
6618 | -webkit-transform-origin: 100% 100%; | |
6619 | -moz-transform-origin: 100% 100%; | |
6620 | -ms-transform-origin: 100% 100%; | |
6621 | -o-transform-origin: 100% 100%; | |
6622 | transform-origin: 100% 100%; } | |
6623 | [type="checkbox"]:indeterminate:disabled + label:before { | |
6624 | border-right: 2px solid rgba(0, 0, 0, 0.26); | |
6625 | background-color: transparent; } | |
6626 | ||
6627 | [type="checkbox"].filled-in + label:after { | |
6628 | border-radius: 2px; } | |
6629 | [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after { | |
6630 | content: ''; | |
6631 | left: 0; | |
6632 | position: absolute; | |
6633 | /* .1s delay is for check animation */ | |
6634 | transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s; | |
6635 | z-index: 1; } | |
6636 | [type="checkbox"].filled-in:not(:checked) + label:before { | |
6637 | width: 0; | |
6638 | height: 0; | |
6639 | border: 3px solid transparent; | |
6640 | left: 6px; | |
6641 | top: 10px; | |
6642 | -webkit-transform: rotateZ(37deg); | |
6643 | transform: rotateZ(37deg); | |
6644 | -webkit-transform-origin: 20% 40%; | |
6645 | transform-origin: 100% 100%; } | |
6646 | [type="checkbox"].filled-in:not(:checked) + label:after { | |
6647 | height: 20px; | |
6648 | width: 20px; | |
6649 | background-color: transparent; | |
6650 | border: 2px solid #5a5a5a; | |
6651 | top: 0px; | |
6652 | z-index: 0; } | |
6653 | [type="checkbox"].filled-in:checked + label:before { | |
6654 | top: 0; | |
6655 | left: 1px; | |
6656 | width: 8px; | |
6657 | height: 13px; | |
6658 | border-top: 2px solid transparent; | |
6659 | border-left: 2px solid transparent; | |
6660 | border-right: 2px solid #fff; | |
6661 | border-bottom: 2px solid #fff; | |
6662 | -webkit-transform: rotateZ(37deg); | |
6663 | transform: rotateZ(37deg); | |
6664 | -webkit-transform-origin: 100% 100%; | |
6665 | transform-origin: 100% 100%; } | |
6666 | [type="checkbox"].filled-in:checked + label:after { | |
6667 | top: 0px; | |
6668 | width: 20px; | |
6669 | height: 20px; | |
6670 | border: 2px solid #26a69a; | |
6671 | background-color: #26a69a; | |
6672 | z-index: 0; } | |
6673 | [type="checkbox"].filled-in:disabled:not(:checked) + label:before { | |
6674 | background-color: transparent; | |
6675 | border: 2px solid transparent; } | |
6676 | [type="checkbox"].filled-in:disabled:not(:checked) + label:after { | |
6677 | border-color: transparent; | |
6678 | background-color: #BDBDBD; } | |
6679 | [type="checkbox"].filled-in:disabled:checked + label:before { | |
6680 | background-color: transparent; } | |
6681 | [type="checkbox"].filled-in:disabled:checked + label:after { | |
6682 | background-color: #BDBDBD; | |
6683 | border-color: #BDBDBD; } | |
6684 | ||
6685 | /*************** | |
6686 | Switch | |
6687 | ***************/ | |
6688 | .switch, .switch * { | |
6689 | -webkit-user-select: none; | |
6690 | -moz-user-select: none; | |
6691 | -khtml-user-select: none; | |
6692 | -ms-user-select: none; } | |
6693 | ||
6694 | .switch label { | |
6695 | cursor: pointer; } | |
6696 | ||
6697 | .switch label input[type=checkbox] { | |
6698 | opacity: 0; | |
6699 | width: 0; | |
6700 | height: 0; } | |
6701 | ||
6702 | .switch label input[type=checkbox]:checked + .lever { | |
6703 | background-color: #84c7c1; } | |
6704 | ||
6705 | .switch label input[type=checkbox]:checked + .lever:after { | |
6706 | background-color: #26a69a; } | |
6707 | ||
6708 | .switch label .lever { | |
6709 | content: ""; | |
6710 | display: inline-block; | |
6711 | position: relative; | |
6712 | width: 40px; | |
6713 | height: 15px; | |
6714 | background-color: #818181; | |
6715 | border-radius: 15px; | |
6716 | margin-right: 10px; | |
6717 | transition: background 0.3s ease; | |
6718 | vertical-align: middle; | |
6719 | margin: 0 16px; } | |
6720 | ||
6721 | .switch label .lever:after { | |
6722 | content: ""; | |
6723 | position: absolute; | |
6724 | display: inline-block; | |
6725 | width: 21px; | |
6726 | height: 21px; | |
6727 | background-color: #F1F1F1; | |
6728 | border-radius: 21px; | |
6729 | box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); | |
6730 | left: -5px; | |
6731 | top: -3px; | |
6732 | transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; } | |
6733 | ||
6734 | input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after { | |
6735 | box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); } | |
6736 | ||
6737 | input[type=checkbox]:not(:disabled) ~ .lever:active:after { | |
6738 | box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); } | |
6739 | ||
6740 | .switch label input[type=checkbox]:checked + .lever:after { | |
6741 | left: 24px; } | |
6742 | ||
6743 | .switch input[type=checkbox][disabled] + .lever { | |
6744 | cursor: default; } | |
6745 | ||
6746 | .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { | |
6747 | background-color: #BDBDBD; } | |
6748 | ||
6749 | /*************** | |
6750 | Select Field | |
6751 | ***************/ | |
6752 | .select-label { | |
6753 | position: absolute; } | |
6754 | ||
6755 | .select-wrapper { | |
6756 | position: relative; } | |
6757 | .select-wrapper input.select-dropdown { | |
6758 | position: relative; | |
6759 | cursor: pointer; | |
6760 | background-color: transparent; | |
6761 | border: none; | |
6762 | border-bottom: 1px solid #9e9e9e; | |
6763 | outline: none; | |
6764 | height: 3rem; | |
6765 | line-height: 3rem; | |
6766 | width: 100%; | |
6767 | font-size: 1rem; | |
6768 | margin: 0 0 15px 0; | |
6769 | padding: 0; | |
6770 | display: block; } | |
6771 | .select-wrapper span.caret { | |
6772 | color: initial; | |
6773 | position: absolute; | |
6774 | right: 0; | |
6775 | top: 16px; | |
6776 | font-size: 10px; } | |
6777 | .select-wrapper span.caret.disabled { | |
6778 | color: rgba(0, 0, 0, 0.26); } | |
6779 | .select-wrapper + label { | |
6780 | position: absolute; | |
6781 | top: -14px; | |
6782 | font-size: 0.8rem; } | |
6783 | ||
6784 | select { | |
6785 | display: none; } | |
6786 | ||
6787 | select.browser-default { | |
6788 | display: block; } | |
6789 | ||
6790 | select:disabled { | |
6791 | color: rgba(0, 0, 0, 0.3); } | |
6792 | ||
6793 | .select-wrapper input.select-dropdown:disabled { | |
6794 | color: rgba(0, 0, 0, 0.3); | |
6795 | cursor: default; | |
6796 | -webkit-user-select: none; | |
6797 | /* webkit (safari, chrome) browsers */ | |
6798 | -moz-user-select: none; | |
6799 | /* mozilla browsers */ | |
6800 | -ms-user-select: none; | |
6801 | /* IE10+ */ | |
6802 | border-bottom: 1px solid rgba(0, 0, 0, 0.3); } | |
6803 | ||
6804 | .select-wrapper i { | |
6805 | color: rgba(0, 0, 0, 0.3); } | |
6806 | ||
6807 | .select-dropdown li.disabled { | |
6808 | color: rgba(0, 0, 0, 0.3); | |
6809 | background-color: transparent; } | |
6810 | ||
6811 | /********************* | |
6812 | File Input | |
6813 | **********************/ | |
6814 | .file-field { | |
6815 | position: relative; } | |
6816 | .file-field .file-path-wrapper { | |
6817 | overflow: hidden; | |
6818 | padding-left: 10px; } | |
6819 | .file-field input.file-path { | |
6820 | width: 100%; } | |
6821 | .file-field .btn, .file-field .btn-large { | |
6822 | float: left; | |
6823 | height: 3rem; | |
6824 | line-height: 3rem; } | |
6825 | .file-field span { | |
6826 | cursor: pointer; } | |
6827 | .file-field input[type=file] { | |
6828 | position: absolute; | |
6829 | top: 0; | |
6830 | right: 0; | |
6831 | left: 0; | |
6832 | bottom: 0; | |
6833 | width: 100%; | |
6834 | margin: 0; | |
6835 | padding: 0; | |
6836 | font-size: 20px; | |
6837 | cursor: pointer; | |
6838 | opacity: 0; | |
6839 | filter: alpha(opacity=0); } | |
6840 | ||
6841 | /*************** | |
6842 | Range | |
6843 | ***************/ | |
6844 | .range-field { | |
6845 | position: relative; } | |
6846 | ||
6847 | input[type=range], input[type=range] + .thumb { | |
6848 | cursor: pointer; } | |
6849 | ||
6850 | input[type=range] { | |
6851 | position: relative; | |
6852 | background-color: transparent; | |
6853 | border: none; | |
6854 | outline: none; | |
6855 | width: 100%; | |
6856 | margin: 15px 0px; | |
6857 | padding: 0; } | |
6858 | ||
6859 | input[type=range] + .thumb { | |
6860 | position: absolute; | |
6861 | border: none; | |
6862 | height: 0; | |
6863 | width: 0; | |
6864 | border-radius: 50%; | |
6865 | background-color: #26a69a; | |
6866 | top: 10px; | |
6867 | margin-left: -6px; | |
6868 | -webkit-transform-origin: 50% 50%; | |
6869 | -moz-transform-origin: 50% 50%; | |
6870 | -ms-transform-origin: 50% 50%; | |
6871 | -o-transform-origin: 50% 50%; | |
6872 | transform-origin: 50% 50%; | |
6873 | -webkit-transform: rotate(-45deg); | |
6874 | -moz-transform: rotate(-45deg); | |
6875 | -ms-transform: rotate(-45deg); | |
6876 | -o-transform: rotate(-45deg); | |
6877 | transform: rotate(-45deg); } | |
6878 | input[type=range] + .thumb .value { | |
6879 | display: block; | |
6880 | width: 30px; | |
6881 | text-align: center; | |
6882 | color: #26a69a; | |
6883 | font-size: 0; | |
6884 | -webkit-transform: rotate(45deg); | |
6885 | -moz-transform: rotate(45deg); | |
6886 | -ms-transform: rotate(45deg); | |
6887 | -o-transform: rotate(45deg); | |
6888 | transform: rotate(45deg); } | |
6889 | input[type=range] + .thumb.active { | |
6890 | border-radius: 50% 50% 50% 0; } | |
6891 | input[type=range] + .thumb.active .value { | |
6892 | color: #fff; | |
6893 | margin-left: -1px; | |
6894 | margin-top: 8px; | |
6895 | font-size: 10px; } | |
6896 | ||
6897 | input[type=range]:focus { | |
6898 | outline: none; } | |
6899 | ||
6900 | input[type=range] { | |
6901 | -webkit-appearance: none; } | |
6902 | ||
6903 | input[type=range]::-webkit-slider-runnable-track { | |
6904 | height: 3px; | |
6905 | background: #c2c0c2; | |
6906 | border: none; } | |
6907 | ||
6908 | input[type=range]::-webkit-slider-thumb { | |
6909 | -webkit-appearance: none; | |
6910 | border: none; | |
6911 | height: 14px; | |
6912 | width: 14px; | |
6913 | border-radius: 50%; | |
6914 | background-color: #26a69a; | |
6915 | transform-origin: 50% 50%; | |
6916 | margin: -5px 0 0 0; | |
6917 | -webkit-transition: 0.3s; | |
6918 | -moz-transition: 0.3s; | |
6919 | -o-transition: 0.3s; | |
6920 | -ms-transition: 0.3s; | |
6921 | transition: 0.3s; } | |
6922 | ||
6923 | input[type=range]:focus::-webkit-slider-runnable-track { | |
6924 | background: #ccc; } | |
6925 | ||
6926 | input[type=range] { | |
6927 | /* fix for FF unable to apply focus style bug */ | |
6928 | border: 1px solid white; | |
6929 | /*required for proper track sizing in FF*/ } | |
6930 | ||
6931 | input[type=range]::-moz-range-track { | |
6932 | height: 3px; | |
6933 | background: #ddd; | |
6934 | border: none; } | |
6935 | ||
6936 | input[type=range]::-moz-range-thumb { | |
6937 | border: none; | |
6938 | height: 14px; | |
6939 | width: 14px; | |
6940 | border-radius: 50%; | |
6941 | background: #26a69a; | |
6942 | margin-top: -5px; } | |
6943 | ||
6944 | /*hide the outline behind the border*/ | |
6945 | input[type=range]:-moz-focusring { | |
6946 | outline: 1px solid white; | |
6947 | outline-offset: -1px; } | |
6948 | ||
6949 | input[type=range]:focus::-moz-range-track { | |
6950 | background: #ccc; } | |
6951 | ||
6952 | input[type=range]::-ms-track { | |
6953 | height: 3px; | |
6954 | /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ | |
6955 | background: transparent; | |
6956 | /*leave room for the larger thumb to overflow with a transparent border */ | |
6957 | border-color: transparent; | |
6958 | border-width: 6px 0; | |
6959 | /*remove default tick marks*/ | |
6960 | color: transparent; } | |
6961 | ||
6962 | input[type=range]::-ms-fill-lower { | |
6963 | background: #777; } | |
6964 | ||
6965 | input[type=range]::-ms-fill-upper { | |
6966 | background: #ddd; } | |
6967 | ||
6968 | input[type=range]::-ms-thumb { | |
6969 | border: none; | |
6970 | height: 14px; | |
6971 | width: 14px; | |
6972 | border-radius: 50%; | |
6973 | background: #26a69a; } | |
6974 | ||
6975 | input[type=range]:focus::-ms-fill-lower { | |
6976 | background: #888; } | |
6977 | ||
6978 | input[type=range]:focus::-ms-fill-upper { | |
6979 | background: #ccc; } | |
6980 | ||
6981 | /*************************** | |
6982 | Text Inputs + Textarea | |
6983 | ****************************/ | |
6984 | select { | |
6985 | background-color: rgba(255, 255, 255, 0.9); | |
6986 | width: 100%; | |
6987 | padding: 5px; | |
6988 | border: 1px solid #f2f2f2; | |
6989 | border-radius: 2px; | |
6990 | height: 3rem; } | |
6991 | ||
6992 | /*************** | |
6993 | Nav List | |
6994 | ***************/ | |
6995 | .table-of-contents.fixed { | |
6996 | position: fixed; } | |
6997 | .table-of-contents li { | |
6998 | padding: 2px 0; } | |
6999 | .table-of-contents a { | |
7000 | display: inline-block; | |
7001 | font-weight: 300; | |
7002 | color: #757575; | |
7003 | padding-left: 20px; | |
7004 | height: 1.5rem; | |
7005 | line-height: 1.5rem; | |
7006 | letter-spacing: .4; | |
7007 | display: inline-block; } | |
7008 | .table-of-contents a:hover { | |
7009 | color: #a8a8a8; | |
7010 | padding-left: 19px; | |
7011 | border-left: 1px solid #ea4a4f; } | |
7012 | .table-of-contents a.active { | |
7013 | font-weight: 500; | |
7014 | padding-left: 18px; | |
7015 | border-left: 2px solid #ea4a4f; } | |
7016 | ||
7017 | .side-nav { | |
7018 | position: fixed; | |
7019 | width: 240px; | |
7020 | left: -105%; | |
7021 | top: 0; | |
7022 | margin: 0; | |
7023 | height: 100%; | |
7024 | height: calc(100% + 60px); | |
7025 | height: -moz-calc(100%); | |
7026 | padding-bottom: 60px; | |
7027 | background-color: #fff; | |
7028 | z-index: 999; | |
7029 | overflow-y: auto; | |
7030 | will-change: left; } | |
7031 | .side-nav.right-aligned { | |
7032 | will-change: right; | |
7033 | right: -105%; | |
7034 | left: auto; } | |
7035 | .side-nav .collapsible { | |
7036 | margin: 0; } | |
7037 | .side-nav li { | |
7038 | float: none; | |
7039 | padding: 0 15px; } | |
7040 | .side-nav li:hover, .side-nav li.active { | |
7041 | background-color: #ddd; } | |
7042 | .side-nav a { | |
7043 | color: #444; | |
7044 | display: block; | |
7045 | font-size: 1rem; | |
7046 | height: 64px; | |
7047 | line-height: 64px; | |
7048 | padding: 0 15px; } | |
7049 | ||
7050 | .drag-target { | |
7051 | height: 100%; | |
7052 | width: 10px; | |
7053 | position: fixed; | |
7054 | top: 0; | |
7055 | z-index: 998; } | |
7056 | ||
7057 | .side-nav.fixed a { | |
7058 | display: block; | |
7059 | padding: 0 15px; | |
7060 | color: #444; } | |
7061 | ||
7062 | .side-nav.fixed { | |
7063 | left: 0; | |
7064 | position: fixed; } | |
7065 | .side-nav.fixed.right-aligned { | |
7066 | right: 0; | |
7067 | left: auto; } | |
7068 | ||
7069 | @media only screen and (max-width : 992px) { | |
7070 | .side-nav.fixed { | |
7071 | left: -105%; } | |
7072 | .side-nav.fixed.right-aligned { | |
7073 | right: -105%; | |
7074 | left: auto; } } | |
7075 | ||
7076 | .side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active { | |
7077 | background-color: #ee6e73; } | |
7078 | .side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a { | |
7079 | color: #fff; } | |
7080 | ||
7081 | #sidenav-overlay { | |
7082 | position: fixed; | |
7083 | top: 0; | |
7084 | left: 0; | |
7085 | right: 0; | |
7086 | height: 120vh; | |
7087 | background-color: rgba(0, 0, 0, 0.5); | |
7088 | z-index: 997; | |
7089 | will-change: opacity; } | |
7090 | ||
7091 | /* | |
7092 | @license | |
7093 | Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | |
7094 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt | |
7095 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | |
7096 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt | |
7097 | Code distributed by Google as part of the polymer project is also | |
7098 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt | |
7099 | */ | |
7100 | /**************************/ | |
7101 | /* STYLES FOR THE SPINNER */ | |
7102 | /**************************/ | |
7103 | /* | |
7104 | * Constants: | |
7105 | * STROKEWIDTH = 3px | |
7106 | * ARCSIZE = 270 degrees (amount of circle the arc takes up) | |
7107 | * ARCTIME = 1333ms (time it takes to expand and contract arc) | |
7108 | * ARCSTARTROT = 216 degrees (how much the start location of the arc | |
7109 | * should rotate each time, 216 gives us a | |
7110 | * 5 pointed star shape (it's 360/5 * 3). | |
7111 | * For a 7 pointed star, we might do | |
7112 | * 360/7 * 3 = 154.286) | |
7113 | * CONTAINERWIDTH = 28px | |
7114 | * SHRINK_TIME = 400ms | |
7115 | */ | |
7116 | .preloader-wrapper { | |
7117 | display: inline-block; | |
7118 | position: relative; | |
7119 | width: 48px; | |
7120 | height: 48px; } | |
7121 | .preloader-wrapper.small { | |
7122 | width: 36px; | |
7123 | height: 36px; } | |
7124 | .preloader-wrapper.big { | |
7125 | width: 64px; | |
7126 | height: 64px; } | |
7127 | .preloader-wrapper.active { | |
7128 | /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ | |
7129 | -webkit-animation: container-rotate 1568ms linear infinite; | |
7130 | animation: container-rotate 1568ms linear infinite; } | |
7131 | ||
7132 | @-webkit-keyframes container-rotate { | |
7133 | to { | |
7134 | -webkit-transform: rotate(360deg); } } | |
7135 | ||
7136 | @keyframes container-rotate { | |
7137 | to { | |
7138 | transform: rotate(360deg); } } | |
7139 | ||
7140 | .spinner-layer { | |
7141 | position: absolute; | |
7142 | width: 100%; | |
7143 | height: 100%; | |
7144 | opacity: 0; | |
7145 | border-color: #26a69a; } | |
7146 | ||
7147 | .spinner-blue, .spinner-blue-only { | |
7148 | border-color: #4285f4; } | |
7149 | ||
7150 | .spinner-red, .spinner-red-only { | |
7151 | border-color: #db4437; } | |
7152 | ||
7153 | .spinner-yellow, .spinner-yellow-only { | |
7154 | border-color: #f4b400; } | |
7155 | ||
7156 | .spinner-green, .spinner-green-only { | |
7157 | border-color: #0f9d58; } | |
7158 | ||
7159 | /** | |
7160 | * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): | |
7161 | * | |
7162 | * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't | |
7163 | * guarantee that the animation will start _exactly_ after that value. So we avoid using | |
7164 | * animation-delay and instead set custom keyframes for each color (as redundant as it | |
7165 | * seems). | |
7166 | * | |
7167 | * We write out each animation in full (instead of separating animation-name, | |
7168 | * animation-duration, etc.) because under the polyfill, Safari does not recognize those | |
7169 | * specific properties properly, treats them as -webkit-animation, and overrides the | |
7170 | * other animation rules. See https://github.com/Polymer/platform/issues/53. | |
7171 | */ | |
7172 | .active .spinner-layer.spinner-blue { | |
7173 | /* durations: 4 * ARCTIME */ | |
7174 | -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7175 | animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7176 | ||
7177 | .active .spinner-layer.spinner-red { | |
7178 | /* durations: 4 * ARCTIME */ | |
7179 | -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7180 | animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7181 | ||
7182 | .active .spinner-layer.spinner-yellow { | |
7183 | /* durations: 4 * ARCTIME */ | |
7184 | -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7185 | animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7186 | ||
7187 | .active .spinner-layer.spinner-green { | |
7188 | /* durations: 4 * ARCTIME */ | |
7189 | -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7190 | animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7191 | ||
7192 | .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { | |
7193 | /* durations: 4 * ARCTIME */ | |
7194 | opacity: 1; | |
7195 | -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7196 | animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7197 | ||
7198 | @-webkit-keyframes fill-unfill-rotate { | |
7199 | /* 0.5 * ARCSIZE */ | |
7200 | /* 1 * ARCSIZE */ | |
7201 | /* 1.5 * ARCSIZE */ | |
7202 | /* 2 * ARCSIZE */ | |
7203 | /* 2.5 * ARCSIZE */ | |
7204 | /* 3 * ARCSIZE */ | |
7205 | /* 3.5 * ARCSIZE */ | |
7206 | /* 4 * ARCSIZE */ | |
7207 | 12.5% { | |
7208 | -webkit-transform: rotate(135deg); } | |
7209 | ||
7210 | 25% { | |
7211 | -webkit-transform: rotate(270deg); } | |
7212 | ||
7213 | 37.5% { | |
7214 | -webkit-transform: rotate(405deg); } | |
7215 | ||
7216 | 50% { | |
7217 | -webkit-transform: rotate(540deg); } | |
7218 | ||
7219 | 62.5% { | |
7220 | -webkit-transform: rotate(675deg); } | |
7221 | ||
7222 | 75% { | |
7223 | -webkit-transform: rotate(810deg); } | |
7224 | ||
7225 | 87.5% { | |
7226 | -webkit-transform: rotate(945deg); } | |
7227 | ||
7228 | to { | |
7229 | -webkit-transform: rotate(1080deg); } } | |
7230 | ||
7231 | @keyframes fill-unfill-rotate { | |
7232 | /* 0.5 * ARCSIZE */ | |
7233 | /* 1 * ARCSIZE */ | |
7234 | /* 1.5 * ARCSIZE */ | |
7235 | /* 2 * ARCSIZE */ | |
7236 | /* 2.5 * ARCSIZE */ | |
7237 | /* 3 * ARCSIZE */ | |
7238 | /* 3.5 * ARCSIZE */ | |
7239 | /* 4 * ARCSIZE */ | |
7240 | 12.5% { | |
7241 | transform: rotate(135deg); } | |
7242 | ||
7243 | 25% { | |
7244 | transform: rotate(270deg); } | |
7245 | ||
7246 | 37.5% { | |
7247 | transform: rotate(405deg); } | |
7248 | ||
7249 | 50% { | |
7250 | transform: rotate(540deg); } | |
7251 | ||
7252 | 62.5% { | |
7253 | transform: rotate(675deg); } | |
7254 | ||
7255 | 75% { | |
7256 | transform: rotate(810deg); } | |
7257 | ||
7258 | 87.5% { | |
7259 | transform: rotate(945deg); } | |
7260 | ||
7261 | to { | |
7262 | transform: rotate(1080deg); } } | |
7263 | ||
7264 | @-webkit-keyframes blue-fade-in-out { | |
7265 | from { | |
7266 | opacity: 1; } | |
7267 | ||
7268 | 25% { | |
7269 | opacity: 1; } | |
7270 | ||
7271 | 26% { | |
7272 | opacity: 0; } | |
7273 | ||
7274 | 89% { | |
7275 | opacity: 0; } | |
7276 | ||
7277 | 90% { | |
7278 | opacity: 1; } | |
7279 | ||
7280 | 100% { | |
7281 | opacity: 1; } } | |
7282 | ||
7283 | @keyframes blue-fade-in-out { | |
7284 | from { | |
7285 | opacity: 1; } | |
7286 | ||
7287 | 25% { | |
7288 | opacity: 1; } | |
7289 | ||
7290 | 26% { | |
7291 | opacity: 0; } | |
7292 | ||
7293 | 89% { | |
7294 | opacity: 0; } | |
7295 | ||
7296 | 90% { | |
7297 | opacity: 1; } | |
7298 | ||
7299 | 100% { | |
7300 | opacity: 1; } } | |
7301 | ||
7302 | @-webkit-keyframes red-fade-in-out { | |
7303 | from { | |
7304 | opacity: 0; } | |
7305 | ||
7306 | 15% { | |
7307 | opacity: 0; } | |
7308 | ||
7309 | 25% { | |
7310 | opacity: 1; } | |
7311 | ||
7312 | 50% { | |
7313 | opacity: 1; } | |
7314 | ||
7315 | 51% { | |
7316 | opacity: 0; } } | |
7317 | ||
7318 | @keyframes red-fade-in-out { | |
7319 | from { | |
7320 | opacity: 0; } | |
7321 | ||
7322 | 15% { | |
7323 | opacity: 0; } | |
7324 | ||
7325 | 25% { | |
7326 | opacity: 1; } | |
7327 | ||
7328 | 50% { | |
7329 | opacity: 1; } | |
7330 | ||
7331 | 51% { | |
7332 | opacity: 0; } } | |
7333 | ||
7334 | @-webkit-keyframes yellow-fade-in-out { | |
7335 | from { | |
7336 | opacity: 0; } | |
7337 | ||
7338 | 40% { | |
7339 | opacity: 0; } | |
7340 | ||
7341 | 50% { | |
7342 | opacity: 1; } | |
7343 | ||
7344 | 75% { | |
7345 | opacity: 1; } | |
7346 | ||
7347 | 76% { | |
7348 | opacity: 0; } } | |
7349 | ||
7350 | @keyframes yellow-fade-in-out { | |
7351 | from { | |
7352 | opacity: 0; } | |
7353 | ||
7354 | 40% { | |
7355 | opacity: 0; } | |
7356 | ||
7357 | 50% { | |
7358 | opacity: 1; } | |
7359 | ||
7360 | 75% { | |
7361 | opacity: 1; } | |
7362 | ||
7363 | 76% { | |
7364 | opacity: 0; } } | |
7365 | ||
7366 | @-webkit-keyframes green-fade-in-out { | |
7367 | from { | |
7368 | opacity: 0; } | |
7369 | ||
7370 | 65% { | |
7371 | opacity: 0; } | |
7372 | ||
7373 | 75% { | |
7374 | opacity: 1; } | |
7375 | ||
7376 | 90% { | |
7377 | opacity: 1; } | |
7378 | ||
7379 | 100% { | |
7380 | opacity: 0; } } | |
7381 | ||
7382 | @keyframes green-fade-in-out { | |
7383 | from { | |
7384 | opacity: 0; } | |
7385 | ||
7386 | 65% { | |
7387 | opacity: 0; } | |
7388 | ||
7389 | 75% { | |
7390 | opacity: 1; } | |
7391 | ||
7392 | 90% { | |
7393 | opacity: 1; } | |
7394 | ||
7395 | 100% { | |
7396 | opacity: 0; } } | |
7397 | ||
7398 | /** | |
7399 | * Patch the gap that appear between the two adjacent div.circle-clipper while the | |
7400 | * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). | |
7401 | */ | |
7402 | .gap-patch { | |
7403 | position: absolute; | |
7404 | top: 0; | |
7405 | left: 45%; | |
7406 | width: 10%; | |
7407 | height: 100%; | |
7408 | overflow: hidden; | |
7409 | border-color: inherit; } | |
7410 | ||
7411 | .gap-patch .circle { | |
7412 | width: 1000%; | |
7413 | left: -450%; } | |
7414 | ||
7415 | .circle-clipper { | |
7416 | display: inline-block; | |
7417 | position: relative; | |
7418 | width: 50%; | |
7419 | height: 100%; | |
7420 | overflow: hidden; | |
7421 | border-color: inherit; } | |
7422 | .circle-clipper .circle { | |
7423 | width: 200%; | |
7424 | height: 100%; | |
7425 | border-width: 3px; | |
7426 | /* STROKEWIDTH */ | |
7427 | border-style: solid; | |
7428 | border-color: inherit; | |
7429 | border-bottom-color: transparent !important; | |
7430 | border-radius: 50%; | |
7431 | -webkit-animation: none; | |
7432 | animation: none; | |
7433 | position: absolute; | |
7434 | top: 0; | |
7435 | right: 0; | |
7436 | bottom: 0; } | |
7437 | .circle-clipper.left .circle { | |
7438 | left: 0; | |
7439 | border-right-color: transparent !important; | |
7440 | -webkit-transform: rotate(129deg); | |
7441 | transform: rotate(129deg); } | |
7442 | .circle-clipper.right .circle { | |
7443 | left: -100%; | |
7444 | border-left-color: transparent !important; | |
7445 | -webkit-transform: rotate(-129deg); | |
7446 | transform: rotate(-129deg); } | |
7447 | ||
7448 | .active .circle-clipper.left .circle { | |
7449 | /* duration: ARCTIME */ | |
7450 | -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7451 | animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7452 | ||
7453 | .active .circle-clipper.right .circle { | |
7454 | /* duration: ARCTIME */ | |
7455 | -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; | |
7456 | animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } | |
7457 | ||
7458 | @-webkit-keyframes left-spin { | |
7459 | from { | |
7460 | -webkit-transform: rotate(130deg); } | |
7461 | ||
7462 | 50% { | |
7463 | -webkit-transform: rotate(-5deg); } | |
7464 | ||
7465 | to { | |
7466 | -webkit-transform: rotate(130deg); } } | |
7467 | ||
7468 | @keyframes left-spin { | |
7469 | from { | |
7470 | transform: rotate(130deg); } | |
7471 | ||
7472 | 50% { | |
7473 | transform: rotate(-5deg); } | |
7474 | ||
7475 | to { | |
7476 | transform: rotate(130deg); } } | |
7477 | ||
7478 | @-webkit-keyframes right-spin { | |
7479 | from { | |
7480 | -webkit-transform: rotate(-130deg); } | |
7481 | ||
7482 | 50% { | |
7483 | -webkit-transform: rotate(5deg); } | |
7484 | ||
7485 | to { | |
7486 | -webkit-transform: rotate(-130deg); } } | |
7487 | ||
7488 | @keyframes right-spin { | |
7489 | from { | |
7490 | transform: rotate(-130deg); } | |
7491 | ||
7492 | 50% { | |
7493 | transform: rotate(5deg); } | |
7494 | ||
7495 | to { | |
7496 | transform: rotate(-130deg); } } | |
7497 | ||
7498 | #spinnerContainer.cooldown { | |
7499 | /* duration: SHRINK_TIME */ | |
7500 | -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); | |
7501 | animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } | |
7502 | ||
7503 | @-webkit-keyframes fade-out { | |
7504 | from { | |
7505 | opacity: 1; } | |
7506 | ||
7507 | to { | |
7508 | opacity: 0; } } | |
7509 | ||
7510 | @keyframes fade-out { | |
7511 | from { | |
7512 | opacity: 1; } | |
7513 | ||
7514 | to { | |
7515 | opacity: 0; } } | |
7516 | ||
7517 | .slider { | |
7518 | position: relative; | |
7519 | height: 400px; | |
7520 | width: 100%; } | |
7521 | .slider.fullscreen { | |
7522 | height: 100%; | |
7523 | width: 100%; | |
7524 | position: absolute; | |
7525 | top: 0; | |
7526 | left: 0; | |
7527 | right: 0; | |
7528 | bottom: 0; } | |
7529 | .slider.fullscreen ul.slides { | |
7530 | height: 100%; } | |
7531 | .slider.fullscreen ul.indicators { | |
7532 | z-index: 2; | |
7533 | bottom: 30px; } | |
7534 | .slider .slides { | |
7535 | background-color: #9e9e9e; | |
7536 | margin: 0; | |
7537 | height: 400px; } | |
7538 | .slider .slides li { | |
7539 | opacity: 0; | |
7540 | position: absolute; | |
7541 | top: 0; | |
7542 | left: 0; | |
7543 | z-index: 1; | |
7544 | width: 100%; | |
7545 | height: inherit; | |
7546 | overflow: hidden; } | |
7547 | .slider .slides li img { | |
7548 | height: 100%; | |
7549 | width: 100%; | |
7550 | background-size: cover; | |
7551 | background-position: center; } | |
7552 | .slider .slides li .caption { | |
7553 | color: #fff; | |
7554 | position: absolute; | |
7555 | top: 15%; | |
7556 | left: 15%; | |
7557 | width: 70%; | |
7558 | opacity: 0; } | |
7559 | .slider .slides li .caption p { | |
7560 | color: #e0e0e0; } | |
7561 | .slider .slides li.active { | |
7562 | z-index: 2; } | |
7563 | .slider .indicators { | |
7564 | position: absolute; | |
7565 | text-align: center; | |
7566 | left: 0; | |
7567 | right: 0; | |
7568 | bottom: 0; | |
7569 | margin: 0; } | |
7570 | .slider .indicators .indicator-item { | |
7571 | display: inline-block; | |
7572 | position: relative; | |
7573 | cursor: pointer; | |
7574 | height: 16px; | |
7575 | width: 16px; | |
7576 | margin: 0 12px; | |
7577 | background-color: #e0e0e0; | |
7578 | -webkit-transition: background-color .3s; | |
7579 | -moz-transition: background-color .3s; | |
7580 | -o-transition: background-color .3s; | |
7581 | -ms-transition: background-color .3s; | |
7582 | transition: background-color .3s; | |
7583 | border-radius: 50%; } | |
7584 | .slider .indicators .indicator-item.active { | |
7585 | background-color: #4CAF50; } | |
7586 | ||
7587 | /* ========================================================================== | |
7588 | $BASE-PICKER | |
7589 | ========================================================================== */ | |
7590 | /** | |
7591 | * Note: the root picker element should *NOT* be styled more than what's here. | |
7592 | */ | |
7593 | .picker { | |
7594 | font-size: 16px; | |
7595 | text-align: left; | |
7596 | line-height: 1.2; | |
7597 | color: #000000; | |
7598 | position: absolute; | |
7599 | z-index: 10000; | |
7600 | -webkit-user-select: none; | |
7601 | -moz-user-select: none; | |
7602 | -ms-user-select: none; | |
7603 | user-select: none; } | |
7604 | ||
7605 | /** | |
7606 | * The picker input element. | |
7607 | */ | |
7608 | .picker__input { | |
7609 | cursor: default; } | |
7610 | ||
7611 | /** | |
7612 | * When the picker is opened, the input element is "activated". | |
7613 | */ | |
7614 | .picker__input.picker__input--active { | |
7615 | border-color: #0089ec; } | |
7616 | ||
7617 | /** | |
7618 | * The holder is the only "scrollable" top-level container element. | |
7619 | */ | |
7620 | .picker__holder { | |
7621 | width: 100%; | |
7622 | overflow-y: auto; | |
7623 | -webkit-overflow-scrolling: touch; } | |
7624 | ||
7625 | /*! | |
7626 | * Default mobile-first, responsive styling for pickadate.js | |
7627 | * Demo: http://amsul.github.io/pickadate.js | |
7628 | */ | |
7629 | /** | |
7630 | * Note: the root picker element should *NOT* be styled more than what's here. | |
7631 | */ | |
7632 | /** | |
7633 | * Make the holder and frame fullscreen. | |
7634 | */ | |
7635 | .picker__holder, .picker__frame { | |
7636 | bottom: 0; | |
7637 | left: 0; | |
7638 | right: 0; | |
7639 | top: 100%; } | |
7640 | ||
7641 | /** | |
7642 | * The holder should overlay the entire screen. | |
7643 | */ | |
7644 | .picker__holder { | |
7645 | position: fixed; | |
7646 | -webkit-transition: background 0.15s ease-out, top 0s 0.15s; | |
7647 | -moz-transition: background 0.15s ease-out, top 0s 0.15s; | |
7648 | transition: background 0.15s ease-out, top 0s 0.15s; | |
7649 | -webkit-backface-visibility: hidden; } | |
7650 | ||
7651 | /** | |
7652 | * The frame that bounds the box contents of the picker. | |
7653 | */ | |
7654 | .picker__frame { | |
7655 | position: absolute; | |
7656 | margin: 0 auto; | |
7657 | min-width: 256px; | |
7658 | width: 300px; | |
7659 | max-height: 350px; | |
7660 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
7661 | filter: alpha(opacity=0); | |
7662 | -moz-opacity: 0; | |
7663 | opacity: 0; | |
7664 | -webkit-transition: all 0.15s ease-out; | |
7665 | -moz-transition: all 0.15s ease-out; | |
7666 | transition: all 0.15s ease-out; } | |
7667 | ||
7668 | @media (min-height: 28.875em) { | |
7669 | .picker__frame { | |
7670 | overflow: visible; | |
7671 | top: auto; | |
7672 | bottom: -100%; | |
7673 | max-height: 80%; } } | |
7674 | ||
7675 | @media (min-height: 40.125em) { | |
7676 | .picker__frame { | |
7677 | margin-bottom: 7.5%; } } | |
7678 | ||
7679 | /** | |
7680 | * The wrapper sets the stage to vertically align the box contents. | |
7681 | */ | |
7682 | .picker__wrap { | |
7683 | display: table; | |
7684 | width: 100%; | |
7685 | height: 100%; } | |
7686 | ||
7687 | @media (min-height: 28.875em) { | |
7688 | .picker__wrap { | |
7689 | display: block; } } | |
7690 | ||
7691 | /** | |
7692 | * The box contains all the picker contents. | |
7693 | */ | |
7694 | .picker__box { | |
7695 | background: #ffffff; | |
7696 | display: table-cell; | |
7697 | vertical-align: middle; } | |
7698 | ||
7699 | @media (min-height: 28.875em) { | |
7700 | .picker__box { | |
7701 | display: block; | |
7702 | border: 1px solid #777777; | |
7703 | border-top-color: #898989; | |
7704 | border-bottom-width: 0; | |
7705 | -webkit-border-radius: 5px 5px 0 0; | |
7706 | -moz-border-radius: 5px 5px 0 0; | |
7707 | border-radius: 5px 5px 0 0; | |
7708 | -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); | |
7709 | -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); | |
7710 | box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } | |
7711 | ||
7712 | /** | |
7713 | * When the picker opens... | |
7714 | */ | |
7715 | .picker--opened .picker__holder { | |
7716 | top: 0; | |
7717 | background: transparent; | |
7718 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; | |
7719 | zoom: 1; | |
7720 | background: rgba(0, 0, 0, 0.32); | |
7721 | -webkit-transition: background 0.15s ease-out; | |
7722 | -moz-transition: background 0.15s ease-out; | |
7723 | transition: background 0.15s ease-out; } | |
7724 | ||
7725 | .picker--opened .picker__frame { | |
7726 | top: 0; | |
7727 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
7728 | filter: alpha(opacity=100); | |
7729 | -moz-opacity: 1; | |
7730 | opacity: 1; } | |
7731 | ||
7732 | @media (min-height: 35.875em) { | |
7733 | .picker--opened .picker__frame { | |
7734 | top: 10%; | |
7735 | bottom: 20% auto; } } | |
7736 | ||
7737 | /** | |
7738 | * For `large` screens, transform into an inline picker. | |
7739 | */ | |
7740 | /* ========================================================================== | |
7741 | CUSTOM MATERIALIZE STYLES | |
7742 | ========================================================================== */ | |
7743 | .picker__input.picker__input--active { | |
7744 | border-color: #E3F2FD; } | |
7745 | ||
7746 | .picker__frame { | |
7747 | margin: 0 auto; | |
7748 | max-width: 325px; } | |
7749 | ||
7750 | @media (min-height: 38.875em) { | |
7751 | .picker--opened .picker__frame { | |
7752 | top: 10%; | |
7753 | bottom: auto; } } | |
7754 | ||
7755 | /* ========================================================================== | |
7756 | $BASE-DATE-PICKER | |
7757 | ========================================================================== */ | |
7758 | /** | |
7759 | * The picker box. | |
7760 | */ | |
7761 | .picker__box { | |
7762 | padding: 0 1em; } | |
7763 | ||
7764 | /** | |
7765 | * The header containing the month and year stuff. | |
7766 | */ | |
7767 | .picker__header { | |
7768 | text-align: center; | |
7769 | position: relative; | |
7770 | margin-top: .75em; } | |
7771 | ||
7772 | /** | |
7773 | * The month and year labels. | |
7774 | */ | |
7775 | .picker__month, .picker__year { | |
7776 | display: inline-block; | |
7777 | margin-left: .25em; | |
7778 | margin-right: .25em; } | |
7779 | ||
7780 | /** | |
7781 | * The month and year selectors. | |
7782 | */ | |
7783 | .picker__select--month, .picker__select--year { | |
7784 | height: 2em; | |
7785 | padding: 0; | |
7786 | margin-left: .25em; | |
7787 | margin-right: .25em; } | |
7788 | ||
7789 | .picker__select--month.browser-default { | |
7790 | display: inline; | |
7791 | background-color: #FFFFFF; | |
7792 | width: 40%; } | |
7793 | ||
7794 | .picker__select--year.browser-default { | |
7795 | display: inline; | |
7796 | background-color: #FFFFFF; | |
7797 | width: 25%; } | |
7798 | ||
7799 | .picker__select--month:focus, .picker__select--year:focus { | |
7800 | border-color: rgba(0, 0, 0, 0.05); } | |
7801 | ||
7802 | /** | |
7803 | * The month navigation buttons. | |
7804 | */ | |
7805 | .picker__nav--prev, .picker__nav--next { | |
7806 | position: absolute; | |
7807 | padding: .5em 1.25em; | |
7808 | width: 1em; | |
7809 | height: 1em; | |
7810 | box-sizing: content-box; | |
7811 | top: -0.25em; } | |
7812 | ||
7813 | .picker__nav--prev { | |
7814 | left: -1em; | |
7815 | padding-right: 1.25em; } | |
7816 | ||
7817 | .picker__nav--next { | |
7818 | right: -1em; | |
7819 | padding-left: 1.25em; } | |
7820 | ||
7821 | .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { | |
7822 | cursor: default; | |
7823 | background: none; | |
7824 | border-right-color: #f5f5f5; | |
7825 | border-left-color: #f5f5f5; } | |
7826 | ||
7827 | /** | |
7828 | * The calendar table of dates | |
7829 | */ | |
7830 | .picker__table { | |
7831 | text-align: center; | |
7832 | border-collapse: collapse; | |
7833 | border-spacing: 0; | |
7834 | table-layout: fixed; | |
7835 | font-size: 1rem; | |
7836 | width: 100%; | |
7837 | margin-top: .75em; | |
7838 | margin-bottom: .5em; } | |
7839 | ||
7840 | .picker__table th, .picker__table td { | |
7841 | text-align: center; } | |
7842 | ||
7843 | .picker__table td { | |
7844 | margin: 0; | |
7845 | padding: 0; } | |
7846 | ||
7847 | /** | |
7848 | * The weekday labels | |
7849 | */ | |
7850 | .picker__weekday { | |
7851 | width: 14.285714286%; | |
7852 | font-size: .75em; | |
7853 | padding-bottom: .25em; | |
7854 | color: #999999; | |
7855 | font-weight: 500; | |
7856 | /* Increase the spacing a tad */ } | |
7857 | ||
7858 | @media (min-height: 33.875em) { | |
7859 | .picker__weekday { | |
7860 | padding-bottom: .5em; } } | |
7861 | ||
7862 | /** | |
7863 | * The days on the calendar | |
7864 | */ | |
7865 | .picker__day--today { | |
7866 | position: relative; | |
7867 | color: #595959; | |
7868 | letter-spacing: -.3; | |
7869 | padding: .75rem 0; | |
7870 | font-weight: 400; | |
7871 | border: 1px solid transparent; } | |
7872 | ||
7873 | .picker__day--disabled:before { | |
7874 | border-top-color: #aaaaaa; } | |
7875 | ||
7876 | .picker__day--infocus:hover { | |
7877 | cursor: pointer; | |
7878 | color: #000; | |
7879 | font-weight: 500; } | |
7880 | ||
7881 | .picker__day--outfocus { | |
7882 | display: none; | |
7883 | padding: .75rem 0; | |
7884 | color: #fff; } | |
7885 | ||
7886 | .picker__day--outfocus:hover { | |
7887 | cursor: pointer; | |
7888 | color: #dddddd; | |
7889 | font-weight: 500; } | |
7890 | ||
7891 | .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { | |
7892 | cursor: pointer; } | |
7893 | ||
7894 | .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { | |
7895 | border-radius: 50%; | |
7896 | -webkit-transform: scale(.75); | |
7897 | -moz-transform: scale(.75); | |
7898 | -ms-transform: scale(.75); | |
7899 | -o-transform: scale(.75); | |
7900 | transform: scale(.75); | |
7901 | background: #0089ec; | |
7902 | color: #ffffff; } | |
7903 | ||
7904 | .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { | |
7905 | background: #f5f5f5; | |
7906 | border-color: #f5f5f5; | |
7907 | color: #dddddd; | |
7908 | cursor: default; } | |
7909 | ||
7910 | .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { | |
7911 | background: #bbbbbb; } | |
7912 | ||
7913 | /** | |
7914 | * The footer containing the "today", "clear", and "close" buttons. | |
7915 | */ | |
7916 | .picker__footer { | |
7917 | text-align: center; | |
7918 | display: flex; | |
7919 | align-items: center; | |
7920 | justify-content: space-between; } | |
7921 | ||
7922 | .picker__button--today, .picker__button--clear, .picker__button--close { | |
7923 | border: 1px solid #ffffff; | |
7924 | background: #ffffff; | |
7925 | font-size: .8em; | |
7926 | padding: .66em 0; | |
7927 | font-weight: bold; | |
7928 | width: 33%; | |
7929 | display: inline-block; | |
7930 | vertical-align: bottom; } | |
7931 | ||
7932 | .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { | |
7933 | cursor: pointer; | |
7934 | color: #000000; | |
7935 | background: #b1dcfb; | |
7936 | border-bottom-color: #b1dcfb; } | |
7937 | ||
7938 | .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { | |
7939 | background: #b1dcfb; | |
7940 | border-color: rgba(0, 0, 0, 0.05); | |
7941 | outline: none; } | |
7942 | ||
7943 | .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { | |
7944 | position: relative; | |
7945 | display: inline-block; | |
7946 | height: 0; } | |
7947 | ||
7948 | .picker__button--today:before, .picker__button--clear:before { | |
7949 | content: " "; | |
7950 | margin-right: .45em; } | |
7951 | ||
7952 | .picker__button--today:before { | |
7953 | top: -0.05em; | |
7954 | width: 0; | |
7955 | border-top: 0.66em solid #0059bc; | |
7956 | border-left: .66em solid transparent; } | |
7957 | ||
7958 | .picker__button--clear:before { | |
7959 | top: -0.25em; | |
7960 | width: .66em; | |
7961 | border-top: 3px solid #ee2200; } | |
7962 | ||
7963 | .picker__button--close:before { | |
7964 | content: "\D7"; | |
7965 | top: -0.1em; | |
7966 | vertical-align: top; | |
7967 | font-size: 1.1em; | |
7968 | margin-right: .35em; | |
7969 | color: #777777; } | |
7970 | ||
7971 | .picker__button--today[disabled], .picker__button--today[disabled]:hover { | |
7972 | background: #f5f5f5; | |
7973 | border-color: #f5f5f5; | |
7974 | color: #dddddd; | |
7975 | cursor: default; } | |
7976 | ||
7977 | .picker__button--today[disabled]:before { | |
7978 | border-top-color: #aaaaaa; } | |
7979 | ||
7980 | /* ========================================================================== | |
7981 | CUSTOM MATERIALIZE STYLES | |
7982 | ========================================================================== */ | |
7983 | .picker__box { | |
7984 | border-radius: 2px; | |
7985 | overflow: hidden; } | |
7986 | ||
7987 | .picker__date-display { | |
7988 | text-align: center; | |
7989 | background-color: #26a69a; | |
7990 | color: #fff; | |
7991 | padding-bottom: 15px; | |
7992 | font-weight: 300; } | |
7993 | ||
7994 | .picker__nav--prev:hover, .picker__nav--next:hover { | |
7995 | cursor: pointer; | |
7996 | color: #000000; | |
7997 | background: #a1ded8; } | |
7998 | ||
7999 | .picker__weekday-display { | |
8000 | background-color: #1f897f; | |
8001 | padding: 10px; | |
8002 | font-weight: 200; | |
8003 | letter-spacing: .5; | |
8004 | font-size: 1rem; | |
8005 | margin-bottom: 15px; } | |
8006 | ||
8007 | .picker__month-display { | |
8008 | text-transform: uppercase; | |
8009 | font-size: 2rem; } | |
8010 | ||
8011 | .picker__day-display { | |
8012 | font-size: 4.5rem; | |
8013 | font-weight: 400; } | |
8014 | ||
8015 | .picker__year-display { | |
8016 | font-size: 1.8rem; | |
8017 | color: rgba(255, 255, 255, 0.4); } | |
8018 | ||
8019 | .picker__box { | |
8020 | padding: 0; } | |
8021 | ||
8022 | .picker__calendar-container { | |
8023 | padding: 0 1rem; } | |
8024 | .picker__calendar-container thead { | |
8025 | border: none; } | |
8026 | ||
8027 | .picker__table { | |
8028 | margin-top: 0; | |
8029 | margin-bottom: .5em; } | |
8030 | ||
8031 | .picker__day--infocus { | |
8032 | color: #595959; | |
8033 | letter-spacing: -.3; | |
8034 | padding: .75rem 0; | |
8035 | font-weight: 400; | |
8036 | border: 1px solid transparent; } | |
8037 | ||
8038 | .picker__day.picker__day--today { | |
8039 | color: #26a69a; } | |
8040 | ||
8041 | .picker__day.picker__day--today.picker__day--selected { | |
8042 | color: #fff; } | |
8043 | ||
8044 | .picker__weekday { | |
8045 | font-size: .9rem; } | |
8046 | ||
8047 | .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { | |
8048 | border-radius: 50%; | |
8049 | -webkit-transform: scale(.9); | |
8050 | -moz-transform: scale(.9); | |
8051 | -ms-transform: scale(.9); | |
8052 | -o-transform: scale(.9); | |
8053 | transform: scale(.9); | |
8054 | background-color: #26a69a; | |
8055 | color: #ffffff; } | |
8056 | .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { | |
8057 | background-color: #a1ded8; } | |
8058 | ||
8059 | .picker__footer { | |
8060 | text-align: right; | |
8061 | padding: 5px 10px; } | |
8062 | ||
8063 | .picker__close, .picker__today { | |
8064 | font-size: 1.1rem; | |
8065 | padding: 0 1rem; | |
8066 | color: #26a69a; } | |
8067 | ||
8068 | .picker__nav--prev:before, .picker__nav--next:before { | |
8069 | content: " "; | |
8070 | border-top: .5em solid transparent; | |
8071 | border-bottom: .5em solid transparent; | |
8072 | border-right: 0.75em solid #676767; | |
8073 | width: 0; | |
8074 | height: 0; | |
8075 | display: block; | |
8076 | margin: 0 auto; } | |
8077 | ||
8078 | .picker__nav--next:before { | |
8079 | border-right: 0; | |
8080 | border-left: 0.75em solid #676767; } | |
8081 | ||
8082 | button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { | |
8083 | background-color: #a1ded8; } | |
8084 | ||
8085 | /* ========================================================================== | |
8086 | $BASE-TIME-PICKER | |
8087 | ========================================================================== */ | |
8088 | /** | |
8089 | * The list of times. | |
8090 | */ | |
8091 | .picker__list { | |
8092 | list-style: none; | |
8093 | padding: 0.75em 0 4.2em; | |
8094 | margin: 0; } | |
8095 | ||
8096 | /** | |
8097 | * The times on the clock. | |
8098 | */ | |
8099 | .picker__list-item { | |
8100 | border-bottom: 1px solid #dddddd; | |
8101 | border-top: 1px solid #dddddd; | |
8102 | margin-bottom: -1px; | |
8103 | position: relative; | |
8104 | background: #ffffff; | |
8105 | padding: .75em 1.25em; } | |
8106 | ||
8107 | @media (min-height: 46.75em) { | |
8108 | .picker__list-item { | |
8109 | padding: .5em 1em; } } | |
8110 | ||
8111 | /* Hovered time */ | |
8112 | .picker__list-item:hover { | |
8113 | cursor: pointer; | |
8114 | color: #000000; | |
8115 | background: #b1dcfb; | |
8116 | border-color: #0089ec; | |
8117 | z-index: 10; } | |
8118 | ||
8119 | /* Highlighted and hovered/focused time */ | |
8120 | .picker__list-item--highlighted { | |
8121 | border-color: #0089ec; | |
8122 | z-index: 10; } | |
8123 | ||
8124 | .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { | |
8125 | cursor: pointer; | |
8126 | color: #000000; | |
8127 | background: #b1dcfb; } | |
8128 | ||
8129 | /* Selected and hovered/focused time */ | |
8130 | .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { | |
8131 | background: #0089ec; | |
8132 | color: #ffffff; | |
8133 | z-index: 10; } | |
8134 | ||
8135 | /* Disabled time */ | |
8136 | .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { | |
8137 | background: #f5f5f5; | |
8138 | border-color: #f5f5f5; | |
8139 | color: #dddddd; | |
8140 | cursor: default; | |
8141 | border-color: #dddddd; | |
8142 | z-index: auto; } | |
8143 | ||
8144 | /** | |
8145 | * The clear button | |
8146 | */ | |
8147 | .picker--time .picker__button--clear { | |
8148 | display: block; | |
8149 | width: 80%; | |
8150 | margin: 1em auto 0; | |
8151 | padding: 1em 1.25em; | |
8152 | background: none; | |
8153 | border: 0; | |
8154 | font-weight: 500; | |
8155 | font-size: .67em; | |
8156 | text-align: center; | |
8157 | text-transform: uppercase; | |
8158 | color: #666; } | |
8159 | ||
8160 | .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { | |
8161 | color: #000000; | |
8162 | background: #b1dcfb; | |
8163 | background: #ee2200; | |
8164 | border-color: #ee2200; | |
8165 | cursor: pointer; | |
8166 | color: #ffffff; | |
8167 | outline: none; } | |
8168 | ||
8169 | .picker--time .picker__button--clear:before { | |
8170 | top: -0.25em; | |
8171 | color: #666; | |
8172 | font-size: 1.25em; | |
8173 | font-weight: bold; } | |
8174 | ||
8175 | .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { | |
8176 | color: #ffffff; } | |
8177 | ||
8178 | /* ========================================================================== | |
8179 | $DEFAULT-TIME-PICKER | |
8180 | ========================================================================== */ | |
8181 | /** | |
8182 | * The frame the bounds the time picker. | |
8183 | */ | |
8184 | .picker--time .picker__frame { | |
8185 | min-width: 256px; | |
8186 | max-width: 320px; } | |
8187 | ||
8188 | /** | |
8189 | * The picker box. | |
8190 | */ | |
8191 | .picker--time .picker__box { | |
8192 | font-size: 1em; | |
8193 | background: #f2f2f2; | |
8194 | padding: 0; } | |
8195 | ||
8196 | @media (min-height: 40.125em) { | |
8197 | .picker--time .picker__box { | |
8198 | margin-bottom: 5em; } } |