]> git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/public/themes/material/css/materialize.css
Merge pull request #2097 from bmillemathias/issue_2045
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / public / themes / material / css / materialize.css
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; } }