2 * Materialize v0.97.1 (http://materializecss.com)
3 * Copyright 2014-2015 Materialize
4 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
6 .materialize-red.lighten-5 {
7 background-color: #fdeaeb !important
; }
9 .materialize-red-text.text-lighten-5 {
10 color: #fdeaeb !important
; }
12 .materialize-red.lighten-4 {
13 background-color: #f8c1c3 !important
; }
15 .materialize-red-text.text-lighten-4 {
16 color: #f8c1c3 !important
; }
18 .materialize-red.lighten-3 {
19 background-color: #f3989b !important
; }
21 .materialize-red-text.text-lighten-3 {
22 color: #f3989b !important
; }
24 .materialize-red.lighten-2 {
25 background-color: #ee6e73 !important
; }
27 .materialize-red-text.text-lighten-2 {
28 color: #ee6e73 !important
; }
30 .materialize-red.lighten-1 {
31 background-color: #ea454b !important
; }
33 .materialize-red-text.text-lighten-1 {
34 color: #ea454b !important
; }
37 background-color: #e51c23 !important
; }
39 .materialize-red-text {
40 color: #e51c23 !important
; }
42 .materialize-red.darken-1 {
43 background-color: #d0181e !important
; }
45 .materialize-red-text.text-darken-1 {
46 color: #d0181e !important
; }
48 .materialize-red.darken-2 {
49 background-color: #b9151b !important
; }
51 .materialize-red-text.text-darken-2 {
52 color: #b9151b !important
; }
54 .materialize-red.darken-3 {
55 background-color: #a21318 !important
; }
57 .materialize-red-text.text-darken-3 {
58 color: #a21318 !important
; }
60 .materialize-red.darken-4 {
61 background-color: #8b1014 !important
; }
63 .materialize-red-text.text-darken-4 {
64 color: #8b1014 !important
; }
67 background-color: #FFEBEE !important
; }
69 .red-text.text-lighten-5 {
70 color: #FFEBEE !important
; }
73 background-color: #FFCDD2 !important
; }
75 .red-text.text-lighten-4 {
76 color: #FFCDD2 !important
; }
79 background-color: #EF9A9A !important
; }
81 .red-text.text-lighten-3 {
82 color: #EF9A9A !important
; }
85 background-color: #E57373 !important
; }
87 .red-text.text-lighten-2 {
88 color: #E57373 !important
; }
91 background-color: #EF5350 !important
; }
93 .red-text.text-lighten-1 {
94 color: #EF5350 !important
; }
97 background-color: #F44336 !important
; }
100 color: #F44336 !important
; }
103 background-color: #E53935 !important
; }
105 .red-text.text-darken-1 {
106 color: #E53935 !important
; }
109 background-color: #D32F2F !important
; }
111 .red-text.text-darken-2 {
112 color: #D32F2F !important
; }
115 background-color: #C62828 !important
; }
117 .red-text.text-darken-3 {
118 color: #C62828 !important
; }
121 background-color: #B71C1C !important
; }
123 .red-text.text-darken-4 {
124 color: #B71C1C !important
; }
127 background-color: #FF8A80 !important
; }
129 .red-text.text-accent-1 {
130 color: #FF8A80 !important
; }
133 background-color: #FF5252 !important
; }
135 .red-text.text-accent-2 {
136 color: #FF5252 !important
; }
139 background-color: #FF1744 !important
; }
141 .red-text.text-accent-3 {
142 color: #FF1744 !important
; }
145 background-color: #D50000 !important
; }
147 .red-text.text-accent-4 {
148 color: #D50000 !important
; }
151 background-color: #fce4ec !important
; }
153 .pink-text.text-lighten-5 {
154 color: #fce4ec !important
; }
157 background-color: #f8bbd0 !important
; }
159 .pink-text.text-lighten-4 {
160 color: #f8bbd0 !important
; }
163 background-color: #f48fb1 !important
; }
165 .pink-text.text-lighten-3 {
166 color: #f48fb1 !important
; }
169 background-color: #f06292 !important
; }
171 .pink-text.text-lighten-2 {
172 color: #f06292 !important
; }
175 background-color: #ec407a !important
; }
177 .pink-text.text-lighten-1 {
178 color: #ec407a !important
; }
181 background-color: #e91e63 !important
; }
184 color: #e91e63 !important
; }
187 background-color: #d81b60 !important
; }
189 .pink-text.text-darken-1 {
190 color: #d81b60 !important
; }
193 background-color: #c2185b !important
; }
195 .pink-text.text-darken-2 {
196 color: #c2185b !important
; }
199 background-color: #ad1457 !important
; }
201 .pink-text.text-darken-3 {
202 color: #ad1457 !important
; }
205 background-color: #880e4f !important
; }
207 .pink-text.text-darken-4 {
208 color: #880e4f !important
; }
211 background-color: #ff80ab !important
; }
213 .pink-text.text-accent-1 {
214 color: #ff80ab !important
; }
217 background-color: #ff4081 !important
; }
219 .pink-text.text-accent-2 {
220 color: #ff4081 !important
; }
223 background-color: #f50057 !important
; }
225 .pink-text.text-accent-3 {
226 color: #f50057 !important
; }
229 background-color: #c51162 !important
; }
231 .pink-text.text-accent-4 {
232 color: #c51162 !important
; }
235 background-color: #f3e5f5 !important
; }
237 .purple-text.text-lighten-5 {
238 color: #f3e5f5 !important
; }
241 background-color: #e1bee7 !important
; }
243 .purple-text.text-lighten-4 {
244 color: #e1bee7 !important
; }
247 background-color: #ce93d8 !important
; }
249 .purple-text.text-lighten-3 {
250 color: #ce93d8 !important
; }
253 background-color: #ba68c8 !important
; }
255 .purple-text.text-lighten-2 {
256 color: #ba68c8 !important
; }
259 background-color: #ab47bc !important
; }
261 .purple-text.text-lighten-1 {
262 color: #ab47bc !important
; }
265 background-color: #9c27b0 !important
; }
268 color: #9c27b0 !important
; }
271 background-color: #8e24aa !important
; }
273 .purple-text.text-darken-1 {
274 color: #8e24aa !important
; }
277 background-color: #7b1fa2 !important
; }
279 .purple-text.text-darken-2 {
280 color: #7b1fa2 !important
; }
283 background-color: #6a1b9a !important
; }
285 .purple-text.text-darken-3 {
286 color: #6a1b9a !important
; }
289 background-color: #4a148c !important
; }
291 .purple-text.text-darken-4 {
292 color: #4a148c !important
; }
295 background-color: #ea80fc !important
; }
297 .purple-text.text-accent-1 {
298 color: #ea80fc !important
; }
301 background-color: #e040fb !important
; }
303 .purple-text.text-accent-2 {
304 color: #e040fb !important
; }
307 background-color: #d500f9 !important
; }
309 .purple-text.text-accent-3 {
310 color: #d500f9 !important
; }
313 background-color: #aa00ff !important
; }
315 .purple-text.text-accent-4 {
316 color: #aa00ff !important
; }
318 .deep-purple.lighten-5 {
319 background-color: #ede7f6 !important
; }
321 .deep-purple-text.text-lighten-5 {
322 color: #ede7f6 !important
; }
324 .deep-purple.lighten-4 {
325 background-color: #d1c4e9 !important
; }
327 .deep-purple-text.text-lighten-4 {
328 color: #d1c4e9 !important
; }
330 .deep-purple.lighten-3 {
331 background-color: #b39ddb !important
; }
333 .deep-purple-text.text-lighten-3 {
334 color: #b39ddb !important
; }
336 .deep-purple.lighten-2 {
337 background-color: #9575cd !important
; }
339 .deep-purple-text.text-lighten-2 {
340 color: #9575cd !important
; }
342 .deep-purple.lighten-1 {
343 background-color: #7e57c2 !important
; }
345 .deep-purple-text.text-lighten-1 {
346 color: #7e57c2 !important
; }
349 background-color: #673ab7 !important
; }
352 color: #673ab7 !important
; }
354 .deep-purple.darken-1 {
355 background-color: #5e35b1 !important
; }
357 .deep-purple-text.text-darken-1 {
358 color: #5e35b1 !important
; }
360 .deep-purple.darken-2 {
361 background-color: #512da8 !important
; }
363 .deep-purple-text.text-darken-2 {
364 color: #512da8 !important
; }
366 .deep-purple.darken-3 {
367 background-color: #4527a0 !important
; }
369 .deep-purple-text.text-darken-3 {
370 color: #4527a0 !important
; }
372 .deep-purple.darken-4 {
373 background-color: #311b92 !important
; }
375 .deep-purple-text.text-darken-4 {
376 color: #311b92 !important
; }
378 .deep-purple.accent-1 {
379 background-color: #b388ff !important
; }
381 .deep-purple-text.text-accent-1 {
382 color: #b388ff !important
; }
384 .deep-purple.accent-2 {
385 background-color: #7c4dff !important
; }
387 .deep-purple-text.text-accent-2 {
388 color: #7c4dff !important
; }
390 .deep-purple.accent-3 {
391 background-color: #651fff !important
; }
393 .deep-purple-text.text-accent-3 {
394 color: #651fff !important
; }
396 .deep-purple.accent-4 {
397 background-color: #6200ea !important
; }
399 .deep-purple-text.text-accent-4 {
400 color: #6200ea !important
; }
403 background-color: #e8eaf6 !important
; }
405 .indigo-text.text-lighten-5 {
406 color: #e8eaf6 !important
; }
409 background-color: #c5cae9 !important
; }
411 .indigo-text.text-lighten-4 {
412 color: #c5cae9 !important
; }
415 background-color: #9fa8da !important
; }
417 .indigo-text.text-lighten-3 {
418 color: #9fa8da !important
; }
421 background-color: #7986cb !important
; }
423 .indigo-text.text-lighten-2 {
424 color: #7986cb !important
; }
427 background-color: #5c6bc0 !important
; }
429 .indigo-text.text-lighten-1 {
430 color: #5c6bc0 !important
; }
433 background-color: #3f51b5 !important
; }
436 color: #3f51b5 !important
; }
439 background-color: #3949ab !important
; }
441 .indigo-text.text-darken-1 {
442 color: #3949ab !important
; }
445 background-color: #303f9f !important
; }
447 .indigo-text.text-darken-2 {
448 color: #303f9f !important
; }
451 background-color: #283593 !important
; }
453 .indigo-text.text-darken-3 {
454 color: #283593 !important
; }
457 background-color: #1a237e !important
; }
459 .indigo-text.text-darken-4 {
460 color: #1a237e !important
; }
463 background-color: #8c9eff !important
; }
465 .indigo-text.text-accent-1 {
466 color: #8c9eff !important
; }
469 background-color: #536dfe !important
; }
471 .indigo-text.text-accent-2 {
472 color: #536dfe !important
; }
475 background-color: #3d5afe !important
; }
477 .indigo-text.text-accent-3 {
478 color: #3d5afe !important
; }
481 background-color: #304ffe !important
; }
483 .indigo-text.text-accent-4 {
484 color: #304ffe !important
; }
487 background-color: #E3F2FD !important
; }
489 .blue-text.text-lighten-5 {
490 color: #E3F2FD !important
; }
493 background-color: #BBDEFB !important
; }
495 .blue-text.text-lighten-4 {
496 color: #BBDEFB !important
; }
499 background-color: #90CAF9 !important
; }
501 .blue-text.text-lighten-3 {
502 color: #90CAF9 !important
; }
505 background-color: #64B5F6 !important
; }
507 .blue-text.text-lighten-2 {
508 color: #64B5F6 !important
; }
511 background-color: #42A5F5 !important
; }
513 .blue-text.text-lighten-1 {
514 color: #42A5F5 !important
; }
517 background-color: #2196F3 !important
; }
520 color: #2196F3 !important
; }
523 background-color: #1E88E5 !important
; }
525 .blue-text.text-darken-1 {
526 color: #1E88E5 !important
; }
529 background-color: #1976D2 !important
; }
531 .blue-text.text-darken-2 {
532 color: #1976D2 !important
; }
535 background-color: #1565C0 !important
; }
537 .blue-text.text-darken-3 {
538 color: #1565C0 !important
; }
541 background-color: #0D47A1 !important
; }
543 .blue-text.text-darken-4 {
544 color: #0D47A1 !important
; }
547 background-color: #82B1FF !important
; }
549 .blue-text.text-accent-1 {
550 color: #82B1FF !important
; }
553 background-color: #448AFF !important
; }
555 .blue-text.text-accent-2 {
556 color: #448AFF !important
; }
559 background-color: #2979FF !important
; }
561 .blue-text.text-accent-3 {
562 color: #2979FF !important
; }
565 background-color: #2962FF !important
; }
567 .blue-text.text-accent-4 {
568 color: #2962FF !important
; }
570 .light-blue.lighten-5 {
571 background-color: #e1f5fe !important
; }
573 .light-blue-text.text-lighten-5 {
574 color: #e1f5fe !important
; }
576 .light-blue.lighten-4 {
577 background-color: #b3e5fc !important
; }
579 .light-blue-text.text-lighten-4 {
580 color: #b3e5fc !important
; }
582 .light-blue.lighten-3 {
583 background-color: #81d4fa !important
; }
585 .light-blue-text.text-lighten-3 {
586 color: #81d4fa !important
; }
588 .light-blue.lighten-2 {
589 background-color: #4fc3f7 !important
; }
591 .light-blue-text.text-lighten-2 {
592 color: #4fc3f7 !important
; }
594 .light-blue.lighten-1 {
595 background-color: #29b6f6 !important
; }
597 .light-blue-text.text-lighten-1 {
598 color: #29b6f6 !important
; }
601 background-color: #03a9f4 !important
; }
604 color: #03a9f4 !important
; }
606 .light-blue.darken-1 {
607 background-color: #039be5 !important
; }
609 .light-blue-text.text-darken-1 {
610 color: #039be5 !important
; }
612 .light-blue.darken-2 {
613 background-color: #0288d1 !important
; }
615 .light-blue-text.text-darken-2 {
616 color: #0288d1 !important
; }
618 .light-blue.darken-3 {
619 background-color: #0277bd !important
; }
621 .light-blue-text.text-darken-3 {
622 color: #0277bd !important
; }
624 .light-blue.darken-4 {
625 background-color: #01579b !important
; }
627 .light-blue-text.text-darken-4 {
628 color: #01579b !important
; }
630 .light-blue.accent-1 {
631 background-color: #80d8ff !important
; }
633 .light-blue-text.text-accent-1 {
634 color: #80d8ff !important
; }
636 .light-blue.accent-2 {
637 background-color: #40c4ff !important
; }
639 .light-blue-text.text-accent-2 {
640 color: #40c4ff !important
; }
642 .light-blue.accent-3 {
643 background-color: #00b0ff !important
; }
645 .light-blue-text.text-accent-3 {
646 color: #00b0ff !important
; }
648 .light-blue.accent-4 {
649 background-color: #0091ea !important
; }
651 .light-blue-text.text-accent-4 {
652 color: #0091ea !important
; }
655 background-color: #e0f7fa !important
; }
657 .cyan-text.text-lighten-5 {
658 color: #e0f7fa !important
; }
661 background-color: #b2ebf2 !important
; }
663 .cyan-text.text-lighten-4 {
664 color: #b2ebf2 !important
; }
667 background-color: #80deea !important
; }
669 .cyan-text.text-lighten-3 {
670 color: #80deea !important
; }
673 background-color: #4dd0e1 !important
; }
675 .cyan-text.text-lighten-2 {
676 color: #4dd0e1 !important
; }
679 background-color: #26c6da !important
; }
681 .cyan-text.text-lighten-1 {
682 color: #26c6da !important
; }
685 background-color: #00bcd4 !important
; }
688 color: #00bcd4 !important
; }
691 background-color: #00acc1 !important
; }
693 .cyan-text.text-darken-1 {
694 color: #00acc1 !important
; }
697 background-color: #0097a7 !important
; }
699 .cyan-text.text-darken-2 {
700 color: #0097a7 !important
; }
703 background-color: #00838f !important
; }
705 .cyan-text.text-darken-3 {
706 color: #00838f !important
; }
709 background-color: #006064 !important
; }
711 .cyan-text.text-darken-4 {
712 color: #006064 !important
; }
715 background-color: #84ffff !important
; }
717 .cyan-text.text-accent-1 {
718 color: #84ffff !important
; }
721 background-color: #18ffff !important
; }
723 .cyan-text.text-accent-2 {
724 color: #18ffff !important
; }
727 background-color: #00e5ff !important
; }
729 .cyan-text.text-accent-3 {
730 color: #00e5ff !important
; }
733 background-color: #00b8d4 !important
; }
735 .cyan-text.text-accent-4 {
736 color: #00b8d4 !important
; }
739 background-color: #e0f2f1 !important
; }
741 .teal-text.text-lighten-5 {
742 color: #e0f2f1 !important
; }
745 background-color: #b2dfdb !important
; }
747 .teal-text.text-lighten-4 {
748 color: #b2dfdb !important
; }
751 background-color: #80cbc4 !important
; }
753 .teal-text.text-lighten-3 {
754 color: #80cbc4 !important
; }
757 background-color: #4db6ac !important
; }
759 .teal-text.text-lighten-2 {
760 color: #4db6ac !important
; }
763 background-color: #26a69a !important
; }
765 .teal-text.text-lighten-1 {
766 color: #26a69a !important
; }
769 background-color: #009688 !important
; }
772 color: #009688 !important
; }
775 background-color: #00897b !important
; }
777 .teal-text.text-darken-1 {
778 color: #00897b !important
; }
781 background-color: #00796b !important
; }
783 .teal-text.text-darken-2 {
784 color: #00796b !important
; }
787 background-color: #00695c !important
; }
789 .teal-text.text-darken-3 {
790 color: #00695c !important
; }
793 background-color: #004d40 !important
; }
795 .teal-text.text-darken-4 {
796 color: #004d40 !important
; }
799 background-color: #a7ffeb !important
; }
801 .teal-text.text-accent-1 {
802 color: #a7ffeb !important
; }
805 background-color: #64ffda !important
; }
807 .teal-text.text-accent-2 {
808 color: #64ffda !important
; }
811 background-color: #1de9b6 !important
; }
813 .teal-text.text-accent-3 {
814 color: #1de9b6 !important
; }
817 background-color: #00bfa5 !important
; }
819 .teal-text.text-accent-4 {
820 color: #00bfa5 !important
; }
823 background-color: #E8F5E9 !important
; }
825 .green-text.text-lighten-5 {
826 color: #E8F5E9 !important
; }
829 background-color: #C8E6C9 !important
; }
831 .green-text.text-lighten-4 {
832 color: #C8E6C9 !important
; }
835 background-color: #A5D6A7 !important
; }
837 .green-text.text-lighten-3 {
838 color: #A5D6A7 !important
; }
841 background-color: #81C784 !important
; }
843 .green-text.text-lighten-2 {
844 color: #81C784 !important
; }
847 background-color: #66BB6A !important
; }
849 .green-text.text-lighten-1 {
850 color: #66BB6A !important
; }
853 background-color: #4CAF50 !important
; }
856 color: #4CAF50 !important
; }
859 background-color: #43A047 !important
; }
861 .green-text.text-darken-1 {
862 color: #43A047 !important
; }
865 background-color: #388E3C !important
; }
867 .green-text.text-darken-2 {
868 color: #388E3C !important
; }
871 background-color: #2E7D32 !important
; }
873 .green-text.text-darken-3 {
874 color: #2E7D32 !important
; }
877 background-color: #1B5E20 !important
; }
879 .green-text.text-darken-4 {
880 color: #1B5E20 !important
; }
883 background-color: #B9F6CA !important
; }
885 .green-text.text-accent-1 {
886 color: #B9F6CA !important
; }
889 background-color: #69F0AE !important
; }
891 .green-text.text-accent-2 {
892 color: #69F0AE !important
; }
895 background-color: #00E676 !important
; }
897 .green-text.text-accent-3 {
898 color: #00E676 !important
; }
901 background-color: #00C853 !important
; }
903 .green-text.text-accent-4 {
904 color: #00C853 !important
; }
906 .light-green.lighten-5 {
907 background-color: #f1f8e9 !important
; }
909 .light-green-text.text-lighten-5 {
910 color: #f1f8e9 !important
; }
912 .light-green.lighten-4 {
913 background-color: #dcedc8 !important
; }
915 .light-green-text.text-lighten-4 {
916 color: #dcedc8 !important
; }
918 .light-green.lighten-3 {
919 background-color: #c5e1a5 !important
; }
921 .light-green-text.text-lighten-3 {
922 color: #c5e1a5 !important
; }
924 .light-green.lighten-2 {
925 background-color: #aed581 !important
; }
927 .light-green-text.text-lighten-2 {
928 color: #aed581 !important
; }
930 .light-green.lighten-1 {
931 background-color: #9ccc65 !important
; }
933 .light-green-text.text-lighten-1 {
934 color: #9ccc65 !important
; }
937 background-color: #8bc34a !important
; }
940 color: #8bc34a !important
; }
942 .light-green.darken-1 {
943 background-color: #7cb342 !important
; }
945 .light-green-text.text-darken-1 {
946 color: #7cb342 !important
; }
948 .light-green.darken-2 {
949 background-color: #689f38 !important
; }
951 .light-green-text.text-darken-2 {
952 color: #689f38 !important
; }
954 .light-green.darken-3 {
955 background-color: #558b2f !important
; }
957 .light-green-text.text-darken-3 {
958 color: #558b2f !important
; }
960 .light-green.darken-4 {
961 background-color: #33691e !important
; }
963 .light-green-text.text-darken-4 {
964 color: #33691e !important
; }
966 .light-green.accent-1 {
967 background-color: #ccff90 !important
; }
969 .light-green-text.text-accent-1 {
970 color: #ccff90 !important
; }
972 .light-green.accent-2 {
973 background-color: #b2ff59 !important
; }
975 .light-green-text.text-accent-2 {
976 color: #b2ff59 !important
; }
978 .light-green.accent-3 {
979 background-color: #76ff03 !important
; }
981 .light-green-text.text-accent-3 {
982 color: #76ff03 !important
; }
984 .light-green.accent-4 {
985 background-color: #64dd17 !important
; }
987 .light-green-text.text-accent-4 {
988 color: #64dd17 !important
; }
991 background-color: #f9fbe7 !important
; }
993 .lime-text.text-lighten-5 {
994 color: #f9fbe7 !important
; }
997 background-color: #f0f4c3 !important
; }
999 .lime-text.text-lighten-4 {
1000 color: #f0f4c3 !important
; }
1003 background-color: #e6ee9c !important
; }
1005 .lime-text.text-lighten-3 {
1006 color: #e6ee9c !important
; }
1009 background-color: #dce775 !important
; }
1011 .lime-text.text-lighten-2 {
1012 color: #dce775 !important
; }
1015 background-color: #d4e157 !important
; }
1017 .lime-text.text-lighten-1 {
1018 color: #d4e157 !important
; }
1021 background-color: #cddc39 !important
; }
1024 color: #cddc39 !important
; }
1027 background-color: #c0ca33 !important
; }
1029 .lime-text.text-darken-1 {
1030 color: #c0ca33 !important
; }
1033 background-color: #afb42b !important
; }
1035 .lime-text.text-darken-2 {
1036 color: #afb42b !important
; }
1039 background-color: #9e9d24 !important
; }
1041 .lime-text.text-darken-3 {
1042 color: #9e9d24 !important
; }
1045 background-color: #827717 !important
; }
1047 .lime-text.text-darken-4 {
1048 color: #827717 !important
; }
1051 background-color: #f4ff81 !important
; }
1053 .lime-text.text-accent-1 {
1054 color: #f4ff81 !important
; }
1057 background-color: #eeff41 !important
; }
1059 .lime-text.text-accent-2 {
1060 color: #eeff41 !important
; }
1063 background-color: #c6ff00 !important
; }
1065 .lime-text.text-accent-3 {
1066 color: #c6ff00 !important
; }
1069 background-color: #aeea00 !important
; }
1071 .lime-text.text-accent-4 {
1072 color: #aeea00 !important
; }
1075 background-color: #fffde7 !important
; }
1077 .yellow-text.text-lighten-5 {
1078 color: #fffde7 !important
; }
1081 background-color: #fff9c4 !important
; }
1083 .yellow-text.text-lighten-4 {
1084 color: #fff9c4 !important
; }
1087 background-color: #fff59d !important
; }
1089 .yellow-text.text-lighten-3 {
1090 color: #fff59d !important
; }
1093 background-color: #fff176 !important
; }
1095 .yellow-text.text-lighten-2 {
1096 color: #fff176 !important
; }
1099 background-color: #ffee58 !important
; }
1101 .yellow-text.text-lighten-1 {
1102 color: #ffee58 !important
; }
1105 background-color: #ffeb3b !important
; }
1108 color: #ffeb3b !important
; }
1111 background-color: #fdd835 !important
; }
1113 .yellow-text.text-darken-1 {
1114 color: #fdd835 !important
; }
1117 background-color: #fbc02d !important
; }
1119 .yellow-text.text-darken-2 {
1120 color: #fbc02d !important
; }
1123 background-color: #f9a825 !important
; }
1125 .yellow-text.text-darken-3 {
1126 color: #f9a825 !important
; }
1129 background-color: #f57f17 !important
; }
1131 .yellow-text.text-darken-4 {
1132 color: #f57f17 !important
; }
1135 background-color: #ffff8d !important
; }
1137 .yellow-text.text-accent-1 {
1138 color: #ffff8d !important
; }
1141 background-color: #ffff00 !important
; }
1143 .yellow-text.text-accent-2 {
1144 color: #ffff00 !important
; }
1147 background-color: #ffea00 !important
; }
1149 .yellow-text.text-accent-3 {
1150 color: #ffea00 !important
; }
1153 background-color: #ffd600 !important
; }
1155 .yellow-text.text-accent-4 {
1156 color: #ffd600 !important
; }
1159 background-color: #fff8e1 !important
; }
1161 .amber-text.text-lighten-5 {
1162 color: #fff8e1 !important
; }
1165 background-color: #ffecb3 !important
; }
1167 .amber-text.text-lighten-4 {
1168 color: #ffecb3 !important
; }
1171 background-color: #ffe082 !important
; }
1173 .amber-text.text-lighten-3 {
1174 color: #ffe082 !important
; }
1177 background-color: #ffd54f !important
; }
1179 .amber-text.text-lighten-2 {
1180 color: #ffd54f !important
; }
1183 background-color: #ffca28 !important
; }
1185 .amber-text.text-lighten-1 {
1186 color: #ffca28 !important
; }
1189 background-color: #ffc107 !important
; }
1192 color: #ffc107 !important
; }
1195 background-color: #ffb300 !important
; }
1197 .amber-text.text-darken-1 {
1198 color: #ffb300 !important
; }
1201 background-color: #ffa000 !important
; }
1203 .amber-text.text-darken-2 {
1204 color: #ffa000 !important
; }
1207 background-color: #ff8f00 !important
; }
1209 .amber-text.text-darken-3 {
1210 color: #ff8f00 !important
; }
1213 background-color: #ff6f00 !important
; }
1215 .amber-text.text-darken-4 {
1216 color: #ff6f00 !important
; }
1219 background-color: #ffe57f !important
; }
1221 .amber-text.text-accent-1 {
1222 color: #ffe57f !important
; }
1225 background-color: #ffd740 !important
; }
1227 .amber-text.text-accent-2 {
1228 color: #ffd740 !important
; }
1231 background-color: #ffc400 !important
; }
1233 .amber-text.text-accent-3 {
1234 color: #ffc400 !important
; }
1237 background-color: #ffab00 !important
; }
1239 .amber-text.text-accent-4 {
1240 color: #ffab00 !important
; }
1243 background-color: #fff3e0 !important
; }
1245 .orange-text.text-lighten-5 {
1246 color: #fff3e0 !important
; }
1249 background-color: #ffe0b2 !important
; }
1251 .orange-text.text-lighten-4 {
1252 color: #ffe0b2 !important
; }
1255 background-color: #ffcc80 !important
; }
1257 .orange-text.text-lighten-3 {
1258 color: #ffcc80 !important
; }
1261 background-color: #ffb74d !important
; }
1263 .orange-text.text-lighten-2 {
1264 color: #ffb74d !important
; }
1267 background-color: #ffa726 !important
; }
1269 .orange-text.text-lighten-1 {
1270 color: #ffa726 !important
; }
1273 background-color: #ff9800 !important
; }
1276 color: #ff9800 !important
; }
1279 background-color: #fb8c00 !important
; }
1281 .orange-text.text-darken-1 {
1282 color: #fb8c00 !important
; }
1285 background-color: #f57c00 !important
; }
1287 .orange-text.text-darken-2 {
1288 color: #f57c00 !important
; }
1291 background-color: #ef6c00 !important
; }
1293 .orange-text.text-darken-3 {
1294 color: #ef6c00 !important
; }
1297 background-color: #e65100 !important
; }
1299 .orange-text.text-darken-4 {
1300 color: #e65100 !important
; }
1303 background-color: #ffd180 !important
; }
1305 .orange-text.text-accent-1 {
1306 color: #ffd180 !important
; }
1309 background-color: #ffab40 !important
; }
1311 .orange-text.text-accent-2 {
1312 color: #ffab40 !important
; }
1315 background-color: #ff9100 !important
; }
1317 .orange-text.text-accent-3 {
1318 color: #ff9100 !important
; }
1321 background-color: #ff6d00 !important
; }
1323 .orange-text.text-accent-4 {
1324 color: #ff6d00 !important
; }
1326 .deep-orange.lighten-5 {
1327 background-color: #fbe9e7 !important
; }
1329 .deep-orange-text.text-lighten-5 {
1330 color: #fbe9e7 !important
; }
1332 .deep-orange.lighten-4 {
1333 background-color: #ffccbc !important
; }
1335 .deep-orange-text.text-lighten-4 {
1336 color: #ffccbc !important
; }
1338 .deep-orange.lighten-3 {
1339 background-color: #ffab91 !important
; }
1341 .deep-orange-text.text-lighten-3 {
1342 color: #ffab91 !important
; }
1344 .deep-orange.lighten-2 {
1345 background-color: #ff8a65 !important
; }
1347 .deep-orange-text.text-lighten-2 {
1348 color: #ff8a65 !important
; }
1350 .deep-orange.lighten-1 {
1351 background-color: #ff7043 !important
; }
1353 .deep-orange-text.text-lighten-1 {
1354 color: #ff7043 !important
; }
1357 background-color: #ff5722 !important
; }
1360 color: #ff5722 !important
; }
1362 .deep-orange.darken-1 {
1363 background-color: #f4511e !important
; }
1365 .deep-orange-text.text-darken-1 {
1366 color: #f4511e !important
; }
1368 .deep-orange.darken-2 {
1369 background-color: #e64a19 !important
; }
1371 .deep-orange-text.text-darken-2 {
1372 color: #e64a19 !important
; }
1374 .deep-orange.darken-3 {
1375 background-color: #d84315 !important
; }
1377 .deep-orange-text.text-darken-3 {
1378 color: #d84315 !important
; }
1380 .deep-orange.darken-4 {
1381 background-color: #bf360c !important
; }
1383 .deep-orange-text.text-darken-4 {
1384 color: #bf360c !important
; }
1386 .deep-orange.accent-1 {
1387 background-color: #ff9e80 !important
; }
1389 .deep-orange-text.text-accent-1 {
1390 color: #ff9e80 !important
; }
1392 .deep-orange.accent-2 {
1393 background-color: #ff6e40 !important
; }
1395 .deep-orange-text.text-accent-2 {
1396 color: #ff6e40 !important
; }
1398 .deep-orange.accent-3 {
1399 background-color: #ff3d00 !important
; }
1401 .deep-orange-text.text-accent-3 {
1402 color: #ff3d00 !important
; }
1404 .deep-orange.accent-4 {
1405 background-color: #dd2c00 !important
; }
1407 .deep-orange-text.text-accent-4 {
1408 color: #dd2c00 !important
; }
1411 background-color: #efebe9 !important
; }
1413 .brown-text.text-lighten-5 {
1414 color: #efebe9 !important
; }
1417 background-color: #d7ccc8 !important
; }
1419 .brown-text.text-lighten-4 {
1420 color: #d7ccc8 !important
; }
1423 background-color: #bcaaa4 !important
; }
1425 .brown-text.text-lighten-3 {
1426 color: #bcaaa4 !important
; }
1429 background-color: #a1887f !important
; }
1431 .brown-text.text-lighten-2 {
1432 color: #a1887f !important
; }
1435 background-color: #8d6e63 !important
; }
1437 .brown-text.text-lighten-1 {
1438 color: #8d6e63 !important
; }
1441 background-color: #795548 !important
; }
1444 color: #795548 !important
; }
1447 background-color: #6d4c41 !important
; }
1449 .brown-text.text-darken-1 {
1450 color: #6d4c41 !important
; }
1453 background-color: #5d4037 !important
; }
1455 .brown-text.text-darken-2 {
1456 color: #5d4037 !important
; }
1459 background-color: #4e342e !important
; }
1461 .brown-text.text-darken-3 {
1462 color: #4e342e !important
; }
1465 background-color: #3e2723 !important
; }
1467 .brown-text.text-darken-4 {
1468 color: #3e2723 !important
; }
1470 .blue-grey.lighten-5 {
1471 background-color: #eceff1 !important
; }
1473 .blue-grey-text.text-lighten-5 {
1474 color: #eceff1 !important
; }
1476 .blue-grey.lighten-4 {
1477 background-color: #cfd8dc !important
; }
1479 .blue-grey-text.text-lighten-4 {
1480 color: #cfd8dc !important
; }
1482 .blue-grey.lighten-3 {
1483 background-color: #b0bec5 !important
; }
1485 .blue-grey-text.text-lighten-3 {
1486 color: #b0bec5 !important
; }
1488 .blue-grey.lighten-2 {
1489 background-color: #90a4ae !important
; }
1491 .blue-grey-text.text-lighten-2 {
1492 color: #90a4ae !important
; }
1494 .blue-grey.lighten-1 {
1495 background-color: #78909c !important
; }
1497 .blue-grey-text.text-lighten-1 {
1498 color: #78909c !important
; }
1501 background-color: #607d8b !important
; }
1504 color: #607d8b !important
; }
1506 .blue-grey.darken-1 {
1507 background-color: #546e7a !important
; }
1509 .blue-grey-text.text-darken-1 {
1510 color: #546e7a !important
; }
1512 .blue-grey.darken-2 {
1513 background-color: #455a64 !important
; }
1515 .blue-grey-text.text-darken-2 {
1516 color: #455a64 !important
; }
1518 .blue-grey.darken-3 {
1519 background-color: #37474f !important
; }
1521 .blue-grey-text.text-darken-3 {
1522 color: #37474f !important
; }
1524 .blue-grey.darken-4 {
1525 background-color: #263238 !important
; }
1527 .blue-grey-text.text-darken-4 {
1528 color: #263238 !important
; }
1531 background-color: #fafafa !important
; }
1533 .grey-text.text-lighten-5 {
1534 color: #fafafa !important
; }
1537 background-color: #f5f5f5 !important
; }
1539 .grey-text.text-lighten-4 {
1540 color: #f5f5f5 !important
; }
1543 background-color: #eeeeee !important
; }
1545 .grey-text.text-lighten-3 {
1546 color: #eeeeee !important
; }
1549 background-color: #e0e0e0 !important
; }
1551 .grey-text.text-lighten-2 {
1552 color: #e0e0e0 !important
; }
1555 background-color: #bdbdbd !important
; }
1557 .grey-text.text-lighten-1 {
1558 color: #bdbdbd !important
; }
1561 background-color: #9e9e9e !important
; }
1564 color: #9e9e9e !important
; }
1567 background-color: #757575 !important
; }
1569 .grey-text.text-darken-1 {
1570 color: #757575 !important
; }
1573 background-color: #616161 !important
; }
1575 .grey-text.text-darken-2 {
1576 color: #616161 !important
; }
1579 background-color: #424242 !important
; }
1581 .grey-text.text-darken-3 {
1582 color: #424242 !important
; }
1585 background-color: #212121 !important
; }
1587 .grey-text.text-darken-4 {
1588 color: #212121 !important
; }
1591 background-color: #000000 !important
; }
1593 .shades-text.text-black {
1594 color: #000000 !important
; }
1597 background-color: #FFFFFF !important
; }
1599 .shades-text.text-white {
1600 color: #FFFFFF !important
; }
1602 .shades.transparent {
1603 background-color: transparent
!important
; }
1605 .shades-text.text-transparent {
1606 color: transparent
!important
; }
1609 background-color: #000000 !important
; }
1612 color: #000000 !important
; }
1615 background-color: #FFFFFF !important
; }
1618 color: #FFFFFF !important
; }
1621 background-color: transparent
!important
; }
1624 color: transparent
!important
; }
1630 /*** Collapsible ***/
1637 /*** Photo Slider ***/
1638 /*** Spinners | Loaders ***/
1642 /*** Typography ***/
1643 /*** Collections ***/
1645 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
1647 * 1. Set default font family to sans-serif.
1648 * 2. Prevent iOS text size adjust after orientation change, without disabling
1652 font-family: sans-serif
;
1654 -ms-text-size-adjust: 100%;
1656 -webkit-text-size-adjust: 100%;
1660 * Remove default margin.
1665 /* HTML5 display definitions
1666 ========================================================================== */
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
1671 * Correct `block` display not defined for `main` in IE 11.
1673 article
, aside
, details
, figcaption
, figure
, footer
, header
, hgroup
, main
, menu
, nav
, section
, summary
{
1677 * 1. Correct `inline-block` display not defined in IE 8/9.
1678 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
1680 audio
, canvas
, progress
, video
{
1681 display: inline-block
;
1683 vertical-align: baseline
;
1687 * Prevent modern browsers from displaying `audio` without controls.
1688 * Remove excess height in iOS 5 devices.
1690 audio:not
([controls
]) {
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.
1698 [hidden
], template
{
1702 ========================================================================== */
1704 * Remove the gray background color from active links in IE 10.
1707 background-color: transparent
; }
1710 * Improve readability when focused and also mouse hovered in all browsers.
1715 /* Text-level semantics
1716 ========================================================================== */
1718 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
1721 border-bottom: 1px dotted
; }
1724 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
1727 font-weight: bold
; }
1730 * Address styling not present in Safari and Chrome.
1733 font-style: italic
; }
1736 * Address variable `h1` font-size and margin within `section` and `article`
1737 * contexts in Firefox 4+, Safari, and Chrome.
1744 * Address styling not present in IE 8/9.
1751 * Address inconsistent and variable font size in all browsers.
1757 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
1763 vertical-align: baseline
; }
1772 ========================================================================== */
1774 * Remove border when inside `a` element in IE 8/9/10.
1780 * Correct overflow not hidden in IE 9/10/11.
1786 ========================================================================== */
1788 * Address margin not present in IE 8/9 and Safari.
1794 * Address differences between Firefox and other browsers.
1797 -moz-box-sizing: content-box
;
1798 box-sizing: content-box
;
1802 * Contain overflow in all browsers.
1808 * Address odd `em`-unit font size rendering in all browsers.
1810 code
, kbd
, pre
, samp
{
1811 font-family: monospace
, monospace
;
1815 ========================================================================== */
1817 * Known limitation: by default, Chrome and Safari on OS X allow very limited
1818 * styling of `select`, unless a `border` property is set.
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.
1826 button
, input
, optgroup
, select
, textarea
{
1835 * Address `overflow` set to `hidden` in IE 8/9/10/11.
1838 overflow: visible
; }
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.
1847 text-transform: none
; }
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.
1857 html input
[type
="button"], button
, input
[type
="reset"], input
[type
="submit"] {
1858 -webkit-appearance: button
;
1864 * Re-set default cursor for disabled elements.
1866 button
[disabled
], html input
[disabled
] {
1870 * Remove inner padding and border in Firefox 4+.
1872 button::-moz-focus-inner
, input::-moz-focus-inner
{
1877 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
1878 * the UA stylesheet.
1881 line-height: normal
; }
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.
1887 * 1. Address box sizing set to `content-box` in IE 8/9/10.
1888 * 2. Remove excess padding in IE 8/9/10.
1890 input
[type
="checkbox"], input
[type
="radio"] {
1891 box-sizing: border-box
;
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`.
1901 input
[type
="number"]::-webkit-inner-spin-button
, input
[type
="number"]::-webkit-outer-spin-button
{
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).
1909 input
[type
="search"] {
1910 -webkit-appearance: textfield
;
1912 -moz-box-sizing: content-box
;
1913 -webkit-box-sizing: content-box
;
1915 box-sizing: content-box
; }
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).
1922 input
[type
="search"]::-webkit-search-cancel-button
, input
[type
="search"]::-webkit-search-decoration
{
1923 -webkit-appearance: none
; }
1926 * Define consistent border, margin, and padding.
1929 border: 1px solid
#c0c0c0;
1931 padding: 0.35em 0.625em 0.75em; }
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.
1944 * Remove default vertical scrollbar in IE 8/9/10/11.
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.
1954 font-weight: bold
; }
1957 ========================================================================== */
1959 * Remove most spacing between table cells.
1962 border-collapse: collapse
;
1963 border-spacing: 0; }
1969 box-sizing: border-box
; }
1971 *, *:before
, *:after
{
1972 box-sizing: inherit
; }
1975 list-style-type: none
; }
1979 text-decoration: none
;
1980 -webkit-tap-highlight-color: transparent
; }
1983 display: -webkit-box
;
1985 display: -ms-flexbox
;
1986 display: -webkit-flex
;
1988 -webkit-flex-align: center
;
1989 -ms-flex-align: center
;
1990 -webkit-align-items: center
;
1991 align-items: center
; }
1992 .valign-wrapper .valign {
1998 list-style-type: none
; }
2004 box-shadow: none
!important
; }
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); }
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); }
2013 box-shadow: 0 8px 17px 0 rgba
(0, 0, 0, 0.2), 0 6px 20px 0 rgba
(0, 0, 0, 0.19); }
2016 box-shadow: 0 12px 15px 0 rgba
(0, 0, 0, 0.24), 0 17px 50px 0 rgba
(0, 0, 0, 0.19); }
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); }
2022 box-shadow: 0 27px 24px 0 rgba
(0, 0, 0, 0.2), 0 40px 77px 0 rgba
(0, 0, 0, 0.22); }
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); }
2031 background-color: #e0e0e0; }
2035 padding-left: 1.5rem;
2036 border-left: 5px solid
#ee6e73; }
2039 line-height: inherit
; }
2042 margin-right: 15px; }
2045 margin-left: 15px; }
2055 img
.responsive-img
, video
.responsive-video
{
2060 display: inline-block
;
2065 text-align: center
; }
2068 .pagination li.active a {
2070 .pagination li.active {
2071 background-color: #ee6e73; }
2072 .pagination li.disabled a {
2077 .pagination li.pages ul li {
2078 display: inline-block
;
2081 @media only screen and
(max-width : 992px) {
2084 .pagination li.prev, .pagination li.next {
2086 .pagination li.pages {
2089 white-space: nowrap
; } }
2091 .parallax-container {
2110 -webkit-transform: translate3d
(0, 0, 0);
2111 transform: translate3d
(0, 0, 0);
2112 transform: translateX
(-50%); }
2114 .pin-top, .pin-bottom {
2115 position: relative
; }
2118 position: fixed
!important
; }
2120 /*********************
2122 **********************/
2123 ul
.staggered-list li
{
2128 transform-origin: 0 50%; }
2130 /*********************
2132 **********************/
2133 @media only screen and
(max-width : 600px) {
2134 .hide-on-small-only, .hide-on-small-and-down {
2135 display: none
!important
; } }
2137 @media only screen and
(max-width : 992px) {
2138 .hide-on-med-and-down {
2139 display: none
!important
; } }
2141 @media only screen and
(min-width : 601px) {
2142 .hide-on-med-and-up {
2143 display: none
!important
; } }
2145 @media only screen and
(min-width: 600px) and
(max-width: 992px) {
2147 display: none
!important
; } }
2149 @media only screen and
(min-width : 993px) {
2150 .hide-on-large-only {
2151 display: none
!important
; } }
2153 @media only screen and
(min-width : 993px) {
2155 display: initial
!important
; } }
2157 @media only screen and
(min-width: 600px) and
(max-width: 992px) {
2159 display: initial
!important
; } }
2161 @media only screen and
(max-width : 600px) {
2163 display: initial
!important
; } }
2165 @media only screen and
(min-width : 601px) {
2166 .show-on-medium-and-up {
2167 display: initial
!important
; } }
2169 @media only screen and
(max-width : 992px) {
2170 .show-on-medium-and-down {
2171 display: initial
!important
; } }
2173 @media only screen and
(max-width : 600px) {
2174 .center-on-small-only {
2175 text-align: center
; } }
2177 footer
.page-footer
{
2180 background-color: #ee6e73; }
2181 footer
.page-footer
.footer-copyright
{
2185 color: rgba
(255, 255, 255, 0.8);
2186 background-color: rgba
(51, 51, 51, 0.08); }
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
; }
2212 border-bottom: 1px solid
#d0d0d0; }
2216 display: table-cell
;
2218 vertical-align: middle
;
2219 border-radius: 2px; }
2221 @media only screen and
(max-width : 992px) {
2222 table
.responsive-table
{
2224 border-collapse: collapse
;
2228 /* sort out borders */ }
2229 table
.responsive-table th
, table
.responsive-table td
{
2231 vertical-align: top
; }
2232 table
.responsive-table th
{
2234 table
.responsive-table thead
{
2237 table
.responsive-table thead tr
{
2239 padding: 0 10px 0 0; }
2240 table
.responsive-table thead tr
th::before
{
2242 table
.responsive-table tbody
{
2247 white-space: nowrap
; }
2248 table
.responsive-table tbody tr
{
2249 display: inline-block
;
2250 vertical-align: top
; }
2251 table
.responsive-table th
{
2253 text-align: right
; }
2254 table
.responsive-table td
{
2258 table
.responsive-table tr
{
2260 table
.responsive-table thead
{
2262 border-right: 1px solid
#d0d0d0; }
2263 table
.responsive-table
.bordered th
{
2266 table
.responsive-table
.bordered td
{
2270 table
.responsive-table
.bordered tr
{
2272 table
.responsive-table
.bordered tbody tr
{
2273 border-right: 1px solid
#d0d0d0; } }
2276 margin: 0.5rem 0 1rem 0;
2277 border: 1px solid
#e0e0e0;
2280 position: relative
; }
2281 .collection .collection-item {
2282 background-color: #fff;
2283 line-height: 1.5rem;
2286 border-bottom: 1px solid
#e0e0e0; }
2287 .collection .collection-item.avatar {
2290 position: relative
; }
2291 .collection .collection-item.avatar .circle {
2297 display: inline-block
;
2298 vertical-align: middle
; }
2299 .collection .collection-item.avatar i.circle {
2303 background-color: #999;
2304 text-align: center
; }
2305 .collection .collection-item.avatar .title {
2307 .collection .collection-item.avatar p {
2309 .collection .collection-item.avatar .secondary-content {
2313 .collection .collection-item:last-child {
2314 border-bottom: none
; }
2315 .collection .collection-item.active {
2316 background-color: #26a69a;
2318 .collection .collection-item.active .secondary-content {
2320 .collection a.collection-item {
2322 -webkit-transition: 0.25s;
2323 -moz-transition: 0.25s;
2324 -o-transition: 0.25s;
2325 -ms-transition: 0.25s;
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; }
2339 .secondary-content {
2343 .collapsible .collection {
2352 line-height: inherit
;
2356 -webkit-box-sizing: border-box
;
2357 -moz-box-sizing: border-box
;
2358 box-sizing: border-box
; }
2363 background-color: #26a69a;
2364 border-radius: 2px; }
2365 span
.badge
.new:after
{
2368 nav ul a span
.badge
{
2375 padding-bottom: 56.25%;
2379 .video-container.no-controls {
2381 .video-container iframe, .video-container object, .video-container embed {
2393 background-color: #acece6;
2395 margin: 0.5rem 0 1rem 0;
2397 .progress .determinate {
2399 background-color: inherit
;
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 {
2414 background-color: inherit
;
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 {
2427 background-color: inherit
;
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; }
2443 @-webkit-keyframes indeterminate
{
2456 @-moz-keyframes indeterminate
{
2469 @keyframes indeterminate
{
2482 @-webkit-keyframes indeterminate-short
{
2495 @-moz-keyframes indeterminate-short
{
2508 @keyframes indeterminate-short
{
2521 /*******************
2523 *******************/
2525 display: none
!important
; }
2531 text-align: right
; }
2533 .center, .center-align {
2534 text-align: center
; }
2537 float: left
!important
; }
2540 float: right
!important
; }
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
; }
2551 border-radius: 50%; }
2556 margin-right: auto
; }
2560 white-space: nowrap
;
2562 text-overflow: ellipsis
; }
2565 padding: 0 !important
; }
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
; }
2573 [class^
="mdi-"], [class
*="mdi-"] {
2575 display: inline-block
;
2576 font-family: "Material-Design-Icons";
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
;
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
{
2599 [class^
="mdi-"].mdi-3x:before
, [class^
="mdi-"].mdi-3x:after
, [class
*="mdi-"].mdi-3x:before
, [class
*="mdi-"].mdi-3x:after
{
2601 [class^
="mdi-"].mdi-4x:before
, [class^
="mdi-"].mdi-4x:after
, [class
*="mdi-"].mdi-4x:before
, [class
*="mdi-"].mdi-4x:after
{
2603 [class^
="mdi-"].mdi-5x:before
, [class^
="mdi-"].mdi-5x:after
, [class
*="mdi-"].mdi-5x:before
, [class
*="mdi-"].mdi-5x:after
{
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
{
2612 display: inline-block
;
2614 text-decoration: inherit
; }
2616 [class^
="mdi-device-signal-cellular-"]:after
{
2619 [class^
="mdi-device-battery-"]:after
{
2622 [class^
="mdi-device-battery-charging-"]:after
{
2625 [class^
="mdi-device-signal-cellular-connected-no-internet-"]:after
{
2628 [class^
="mdi-device-signal-wifi-"]:after
, .mdi-device-network-wifi:after
{
2631 [class^
="mdi-device-signal-wifi-statusbasr-not-connected"]:after
{
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 {
2638 width: 1.28571429em;
2639 text-align: center
; }
2643 margin-left: 2.14285714em;
2644 list-style-type: none
; }
2647 position: relative
; }
2651 left: -2.14285714em;
2652 width: 2.14285714em;
2654 text-align: center
; }
2657 left: -1.85714286em; }
2660 padding: .2em .25em .15em;
2661 border: solid
0.08em #eeeeee;
2662 border-radius: .1em; }
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%; }
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%; }
2680 @-webkit-keyframes mdi-spin
{
2682 -webkit-transform: rotate
(0deg);
2683 transform: rotate
(0deg); }
2686 -webkit-transform: rotate
(359deg);
2687 transform: rotate
(359deg); } }
2689 @keyframes mdi-spin
{
2691 -webkit-transform: rotate
(0deg);
2692 transform: rotate
(0deg); }
2695 -webkit-transform: rotate
(359deg);
2696 transform: rotate
(359deg); } }
2699 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=1);
2700 -webkit-transform: rotate
(90deg);
2701 -ms-transform: rotate
(90deg);
2702 transform: rotate
(90deg); }
2705 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=2);
2706 -webkit-transform: rotate
(180deg);
2707 -ms-transform: rotate
(180deg);
2708 transform: rotate
(180deg); }
2711 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=3);
2712 -webkit-transform: rotate
(270deg);
2713 -ms-transform: rotate
(270deg);
2714 transform: rotate
(270deg); }
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); }
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); }
2728 :root
.mdi-rotate-90
, :root
.mdi-rotate-180
, :root
.mdi-rotate-270
, :root
.mdi-flip-horizontal
, :root
.mdi-flip-vertical
{
2733 display: inline-block
;
2737 vertical-align: middle
; }
2739 .mdi-stack-1x, .mdi-stack-2x {
2743 text-align: center
; }
2746 line-height: inherit
; }
2755 .mdi-action-3d-rotation:before {
2758 .mdi-action-accessibility:before {
2761 .mdi-action-account-balance-wallet:before {
2764 .mdi-action-account-balance:before {
2767 .mdi-action-account-box:before {
2770 .mdi-action-account-child:before {
2773 .mdi-action-account-circle:before {
2776 .mdi-action-add-shopping-cart:before {
2779 .mdi-action-alarm-add:before {
2782 .mdi-action-alarm-off:before {
2785 .mdi-action-alarm-on:before {
2788 .mdi-action-alarm:before {
2791 .mdi-action-android:before {
2794 .mdi-action-announcement:before {
2797 .mdi-action-aspect-ratio:before {
2800 .mdi-action-assessment:before {
2803 .mdi-action-assignment-ind:before {
2806 .mdi-action-assignment-late:before {
2809 .mdi-action-assignment-return:before {
2812 .mdi-action-assignment-returned:before {
2815 .mdi-action-assignment-turned-in:before {
2818 .mdi-action-assignment:before {
2821 .mdi-action-autorenew:before {
2824 .mdi-action-backup:before {
2827 .mdi-action-book:before {
2830 .mdi-action-bookmark-outline:before {
2833 .mdi-action-bookmark:before {
2836 .mdi-action-bug-report:before {
2839 .mdi-action-cached:before {
2842 .mdi-action-check-circle:before {
2845 .mdi-action-class:before {
2848 .mdi-action-credit-card:before {
2851 .mdi-action-dashboard:before {
2854 .mdi-action-delete:before {
2857 .mdi-action-description:before {
2860 .mdi-action-dns:before {
2863 .mdi-action-done-all:before {
2866 .mdi-action-done:before {
2869 .mdi-action-event:before {
2872 .mdi-action-exit-to-app:before {
2875 .mdi-action-explore:before {
2878 .mdi-action-extension:before {
2881 .mdi-action-face-unlock:before {
2884 .mdi-action-favorite-outline:before {
2887 .mdi-action-favorite:before {
2890 .mdi-action-find-in-page:before {
2893 .mdi-action-find-replace:before {
2896 .mdi-action-flip-to-back:before {
2899 .mdi-action-flip-to-front:before {
2902 .mdi-action-get-app:before {
2905 .mdi-action-grade:before {
2908 .mdi-action-group-work:before {
2911 .mdi-action-help:before {
2914 .mdi-action-highlight-remove:before {
2917 .mdi-action-history:before {
2920 .mdi-action-home:before {
2923 .mdi-action-https:before {
2926 .mdi-action-info-outline:before {
2929 .mdi-action-info:before {
2932 .mdi-action-input:before {
2935 .mdi-action-invert-colors:before {
2938 .mdi-action-label-outline:before {
2941 .mdi-action-label:before {
2944 .mdi-action-language:before {
2947 .mdi-action-launch:before {
2950 .mdi-action-list:before {
2953 .mdi-action-lock-open:before {
2956 .mdi-action-lock-outline:before {
2959 .mdi-action-lock:before {
2962 .mdi-action-loyalty:before {
2965 .mdi-action-markunread-mailbox:before {
2968 .mdi-action-note-add:before {
2971 .mdi-action-open-in-browser:before {
2974 .mdi-action-open-in-new:before {
2977 .mdi-action-open-with:before {
2980 .mdi-action-pageview:before {
2983 .mdi-action-payment:before {
2986 .mdi-action-perm-camera-mic:before {
2989 .mdi-action-perm-contact-cal:before {
2992 .mdi-action-perm-data-setting:before {
2995 .mdi-action-perm-device-info:before {
2998 .mdi-action-perm-identity:before {
3001 .mdi-action-perm-media:before {
3004 .mdi-action-perm-phone-msg:before {
3007 .mdi-action-perm-scan-wifi:before {
3010 .mdi-action-picture-in-picture:before {
3013 .mdi-action-polymer:before {
3016 .mdi-action-print:before {
3019 .mdi-action-query-builder:before {
3022 .mdi-action-question-answer:before {
3025 .mdi-action-receipt:before {
3028 .mdi-action-redeem:before {
3031 .mdi-action-reorder:before {
3034 .mdi-action-report-problem:before {
3037 .mdi-action-restore:before {
3040 .mdi-action-room:before {
3043 .mdi-action-schedule:before {
3046 .mdi-action-search:before {
3049 .mdi-action-settings-applications:before {
3052 .mdi-action-settings-backup-restore:before {
3055 .mdi-action-settings-bluetooth:before {
3058 .mdi-action-settings-cell:before {
3061 .mdi-action-settings-display:before {
3064 .mdi-action-settings-ethernet:before {
3067 .mdi-action-settings-input-antenna:before {
3070 .mdi-action-settings-input-component:before {
3073 .mdi-action-settings-input-composite:before {
3076 .mdi-action-settings-input-hdmi:before {
3079 .mdi-action-settings-input-svideo:before {
3082 .mdi-action-settings-overscan:before {
3085 .mdi-action-settings-phone:before {
3088 .mdi-action-settings-power:before {
3091 .mdi-action-settings-remote:before {
3094 .mdi-action-settings-voice:before {
3097 .mdi-action-settings:before {
3100 .mdi-action-shop-two:before {
3103 .mdi-action-shop:before {
3106 .mdi-action-shopping-basket:before {
3109 .mdi-action-shopping-cart:before {
3112 .mdi-action-speaker-notes:before {
3115 .mdi-action-spellcheck:before {
3118 .mdi-action-star-rate:before {
3121 .mdi-action-stars:before {
3124 .mdi-action-store:before {
3127 .mdi-action-subject:before {
3130 .mdi-action-supervisor-account:before {
3133 .mdi-action-swap-horiz:before {
3136 .mdi-action-swap-vert-circle:before {
3139 .mdi-action-swap-vert:before {
3142 .mdi-action-system-update-tv:before {
3145 .mdi-action-tab-unselected:before {
3148 .mdi-action-tab:before {
3151 .mdi-action-theaters:before {
3154 .mdi-action-thumb-down:before {
3157 .mdi-action-thumb-up:before {
3160 .mdi-action-thumbs-up-down:before {
3163 .mdi-action-toc:before {
3166 .mdi-action-today:before {
3169 .mdi-action-track-changes:before {
3172 .mdi-action-translate:before {
3175 .mdi-action-trending-down:before {
3178 .mdi-action-trending-neutral:before {
3181 .mdi-action-trending-up:before {
3184 .mdi-action-turned-in-not:before {
3187 .mdi-action-turned-in:before {
3190 .mdi-action-verified-user:before {
3193 .mdi-action-view-agenda:before {
3196 .mdi-action-view-array:before {
3199 .mdi-action-view-carousel:before {
3202 .mdi-action-view-column:before {
3205 .mdi-action-view-day:before {
3208 .mdi-action-view-headline:before {
3211 .mdi-action-view-list:before {
3214 .mdi-action-view-module:before {
3217 .mdi-action-view-quilt:before {
3220 .mdi-action-view-stream:before {
3223 .mdi-action-view-week:before {
3226 .mdi-action-visibility-off:before {
3229 .mdi-action-visibility:before {
3232 .mdi-action-wallet-giftcard:before {
3235 .mdi-action-wallet-membership:before {
3238 .mdi-action-wallet-travel:before {
3241 .mdi-action-work:before {
3244 .mdi-alert-error:before {
3247 .mdi-alert-warning:before {
3250 .mdi-av-album:before {
3253 .mdi-av-closed-caption:before {
3256 .mdi-av-equalizer:before {
3259 .mdi-av-explicit:before {
3262 .mdi-av-fast-forward:before {
3265 .mdi-av-fast-rewind:before {
3268 .mdi-av-games:before {
3271 .mdi-av-hearing:before {
3274 .mdi-av-high-quality:before {
3277 .mdi-av-loop:before {
3280 .mdi-av-mic-none:before {
3283 .mdi-av-mic-off:before {
3286 .mdi-av-mic:before {
3289 .mdi-av-movie:before {
3292 .mdi-av-my-library-add:before {
3295 .mdi-av-my-library-books:before {
3298 .mdi-av-my-library-music:before {
3301 .mdi-av-new-releases:before {
3304 .mdi-av-not-interested:before {
3307 .mdi-av-pause-circle-fill:before {
3310 .mdi-av-pause-circle-outline:before {
3313 .mdi-av-pause:before {
3316 .mdi-av-play-arrow:before {
3319 .mdi-av-play-circle-fill:before {
3322 .mdi-av-play-circle-outline:before {
3325 .mdi-av-play-shopping-bag:before {
3328 .mdi-av-playlist-add:before {
3331 .mdi-av-queue-music:before {
3334 .mdi-av-queue:before {
3337 .mdi-av-radio:before {
3340 .mdi-av-recent-actors:before {
3343 .mdi-av-repeat-one:before {
3346 .mdi-av-repeat:before {
3349 .mdi-av-replay:before {
3352 .mdi-av-shuffle:before {
3355 .mdi-av-skip-next:before {
3358 .mdi-av-skip-previous:before {
3361 .mdi-av-snooze:before {
3364 .mdi-av-stop:before {
3367 .mdi-av-subtitles:before {
3370 .mdi-av-surround-sound:before {
3373 .mdi-av-timer:before {
3376 .mdi-av-video-collection:before {
3379 .mdi-av-videocam-off:before {
3382 .mdi-av-videocam:before {
3385 .mdi-av-volume-down:before {
3388 .mdi-av-volume-mute:before {
3391 .mdi-av-volume-off:before {
3394 .mdi-av-volume-up:before {
3397 .mdi-av-web:before {
3400 .mdi-communication-business:before {
3403 .mdi-communication-call-end:before {
3406 .mdi-communication-call-made:before {
3409 .mdi-communication-call-merge:before {
3412 .mdi-communication-call-missed:before {
3415 .mdi-communication-call-received:before {
3418 .mdi-communication-call-split:before {
3421 .mdi-communication-call:before {
3424 .mdi-communication-chat:before {
3427 .mdi-communication-clear-all:before {
3430 .mdi-communication-comment:before {
3433 .mdi-communication-contacts:before {
3436 .mdi-communication-dialer-sip:before {
3439 .mdi-communication-dialpad:before {
3442 .mdi-communication-dnd-on:before {
3445 .mdi-communication-email:before {
3448 .mdi-communication-forum:before {
3451 .mdi-communication-import-export:before {
3454 .mdi-communication-invert-colors-off:before {
3457 .mdi-communication-invert-colors-on:before {
3460 .mdi-communication-live-help:before {
3463 .mdi-communication-location-off:before {
3466 .mdi-communication-location-on:before {
3469 .mdi-communication-message:before {
3472 .mdi-communication-messenger:before {
3475 .mdi-communication-no-sim:before {
3478 .mdi-communication-phone:before {
3481 .mdi-communication-portable-wifi-off:before {
3484 .mdi-communication-quick-contacts-dialer:before {
3487 .mdi-communication-quick-contacts-mail:before {
3490 .mdi-communication-ring-volume:before {
3493 .mdi-communication-stay-current-landscape:before {
3496 .mdi-communication-stay-current-portrait:before {
3499 .mdi-communication-stay-primary-landscape:before {
3502 .mdi-communication-stay-primary-portrait:before {
3505 .mdi-communication-swap-calls:before {
3508 .mdi-communication-textsms:before {
3511 .mdi-communication-voicemail:before {
3514 .mdi-communication-vpn-key:before {
3517 .mdi-content-add-box:before {
3520 .mdi-content-add-circle-outline:before {
3523 .mdi-content-add-circle:before {
3526 .mdi-content-add:before {
3529 .mdi-content-archive:before {
3532 .mdi-content-backspace:before {
3535 .mdi-content-block:before {
3538 .mdi-content-clear:before {
3541 .mdi-content-content-copy:before {
3544 .mdi-content-content-cut:before {
3547 .mdi-content-content-paste:before {
3550 .mdi-content-create:before {
3553 .mdi-content-drafts:before {
3556 .mdi-content-filter-list:before {
3559 .mdi-content-flag:before {
3562 .mdi-content-forward:before {
3565 .mdi-content-gesture:before {
3568 .mdi-content-inbox:before {
3571 .mdi-content-link:before {
3574 .mdi-content-mail:before {
3577 .mdi-content-markunread:before {
3580 .mdi-content-redo:before {
3583 .mdi-content-remove-circle-outline:before {
3586 .mdi-content-remove-circle:before {
3589 .mdi-content-remove:before {
3592 .mdi-content-reply-all:before {
3595 .mdi-content-reply:before {
3598 .mdi-content-report:before {
3601 .mdi-content-save:before {
3604 .mdi-content-select-all:before {
3607 .mdi-content-send:before {
3610 .mdi-content-sort:before {
3613 .mdi-content-text-format:before {
3616 .mdi-content-undo:before {
3619 .mdi-editor-attach-file:before {
3622 .mdi-editor-attach-money:before {
3625 .mdi-editor-border-all:before {
3628 .mdi-editor-border-bottom:before {
3631 .mdi-editor-border-clear:before {
3634 .mdi-editor-border-color:before {
3637 .mdi-editor-border-horizontal:before {
3640 .mdi-editor-border-inner:before {
3643 .mdi-editor-border-left:before {
3646 .mdi-editor-border-outer:before {
3649 .mdi-editor-border-right:before {
3652 .mdi-editor-border-style:before {
3655 .mdi-editor-border-top:before {
3658 .mdi-editor-border-vertical:before {
3661 .mdi-editor-format-align-center:before {
3664 .mdi-editor-format-align-justify:before {
3667 .mdi-editor-format-align-left:before {
3670 .mdi-editor-format-align-right:before {
3673 .mdi-editor-format-bold:before {
3676 .mdi-editor-format-clear:before {
3679 .mdi-editor-format-color-fill:before {
3682 .mdi-editor-format-color-reset:before {
3685 .mdi-editor-format-color-text:before {
3688 .mdi-editor-format-indent-decrease:before {
3691 .mdi-editor-format-indent-increase:before {
3694 .mdi-editor-format-italic:before {
3697 .mdi-editor-format-line-spacing:before {
3700 .mdi-editor-format-list-bulleted:before {
3703 .mdi-editor-format-list-numbered:before {
3706 .mdi-editor-format-paint:before {
3709 .mdi-editor-format-quote:before {
3712 .mdi-editor-format-size:before {
3715 .mdi-editor-format-strikethrough:before {
3718 .mdi-editor-format-textdirection-l-to-r:before {
3721 .mdi-editor-format-textdirection-r-to-l:before {
3724 .mdi-editor-format-underline:before {
3727 .mdi-editor-functions:before {
3730 .mdi-editor-insert-chart:before {
3733 .mdi-editor-insert-comment:before {
3736 .mdi-editor-insert-drive-file:before {
3739 .mdi-editor-insert-emoticon:before {
3742 .mdi-editor-insert-invitation:before {
3745 .mdi-editor-insert-link:before {
3748 .mdi-editor-insert-photo:before {
3751 .mdi-editor-merge-type:before {
3754 .mdi-editor-mode-comment:before {
3757 .mdi-editor-mode-edit:before {
3760 .mdi-editor-publish:before {
3763 .mdi-editor-vertical-align-bottom:before {
3766 .mdi-editor-vertical-align-center:before {
3769 .mdi-editor-vertical-align-top:before {
3772 .mdi-editor-wrap-text:before {
3775 .mdi-file-attachment:before {
3778 .mdi-file-cloud-circle:before {
3781 .mdi-file-cloud-done:before {
3784 .mdi-file-cloud-download:before {
3787 .mdi-file-cloud-off:before {
3790 .mdi-file-cloud-queue:before {
3793 .mdi-file-cloud-upload:before {
3796 .mdi-file-cloud:before {
3799 .mdi-file-file-download:before {
3802 .mdi-file-file-upload:before {
3805 .mdi-file-folder-open:before {
3808 .mdi-file-folder-shared:before {
3811 .mdi-file-folder:before {
3814 .mdi-device-access-alarm:before {
3817 .mdi-device-access-alarms:before {
3820 .mdi-device-access-time:before {
3823 .mdi-device-add-alarm:before {
3826 .mdi-device-airplanemode-off:before {
3829 .mdi-device-airplanemode-on:before {
3832 .mdi-device-battery-20:before {
3835 .mdi-device-battery-30:before {
3838 .mdi-device-battery-50:before {
3841 .mdi-device-battery-60:before {
3844 .mdi-device-battery-80:before {
3847 .mdi-device-battery-90:before {
3850 .mdi-device-battery-alert:before {
3853 .mdi-device-battery-charging-20:before {
3856 .mdi-device-battery-charging-30:before {
3859 .mdi-device-battery-charging-50:before {
3862 .mdi-device-battery-charging-60:before {
3865 .mdi-device-battery-charging-80:before {
3868 .mdi-device-battery-charging-90:before {
3871 .mdi-device-battery-charging-full:before {
3874 .mdi-device-battery-full:before {
3877 .mdi-device-battery-std:before {
3880 .mdi-device-battery-unknown:before {
3883 .mdi-device-bluetooth-connected:before {
3886 .mdi-device-bluetooth-disabled:before {
3889 .mdi-device-bluetooth-searching:before {
3892 .mdi-device-bluetooth:before {
3895 .mdi-device-brightness-auto:before {
3898 .mdi-device-brightness-high:before {
3901 .mdi-device-brightness-low:before {
3904 .mdi-device-brightness-medium:before {
3907 .mdi-device-data-usage:before {
3910 .mdi-device-developer-mode:before {
3913 .mdi-device-devices:before {
3916 .mdi-device-dvr:before {
3919 .mdi-device-gps-fixed:before {
3922 .mdi-device-gps-not-fixed:before {
3925 .mdi-device-gps-off:before {
3928 .mdi-device-location-disabled:before {
3931 .mdi-device-location-searching:before {
3934 .mdi-device-multitrack-audio:before {
3937 .mdi-device-network-cell:before {
3940 .mdi-device-network-wifi:before {
3943 .mdi-device-nfc:before {
3946 .mdi-device-now-wallpaper:before {
3949 .mdi-device-now-widgets:before {
3952 .mdi-device-screen-lock-landscape:before {
3955 .mdi-device-screen-lock-portrait:before {
3958 .mdi-device-screen-lock-rotation:before {
3961 .mdi-device-screen-rotation:before {
3964 .mdi-device-sd-storage:before {
3967 .mdi-device-settings-system-daydream:before {
3970 .mdi-device-signal-cellular-0-bar:before {
3973 .mdi-device-signal-cellular-1-bar:before {
3976 .mdi-device-signal-cellular-2-bar:before {
3979 .mdi-device-signal-cellular-3-bar:before {
3982 .mdi-device-signal-cellular-4-bar:before {
3985 .mdi-signal-wifi-statusbar-connected-no-internet-after:before {
3988 .mdi-device-signal-cellular-connected-no-internet-0-bar:before {
3991 .mdi-device-signal-cellular-connected-no-internet-1-bar:before {
3994 .mdi-device-signal-cellular-connected-no-internet-2-bar:before {
3997 .mdi-device-signal-cellular-connected-no-internet-3-bar:before {
4000 .mdi-device-signal-cellular-connected-no-internet-4-bar:before {
4003 .mdi-device-signal-cellular-no-sim:before {
4006 .mdi-device-signal-cellular-null:before {
4009 .mdi-device-signal-cellular-off:before {
4012 .mdi-device-signal-wifi-0-bar:before {
4015 .mdi-device-signal-wifi-1-bar:before {
4018 .mdi-device-signal-wifi-2-bar:before {
4021 .mdi-device-signal-wifi-3-bar:before {
4024 .mdi-device-signal-wifi-4-bar:before {
4027 .mdi-device-signal-wifi-off:before {
4030 .mdi-device-signal-wifi-statusbar-1-bar:before {
4033 .mdi-device-signal-wifi-statusbar-2-bar:before {
4036 .mdi-device-signal-wifi-statusbar-3-bar:before {
4039 .mdi-device-signal-wifi-statusbar-4-bar:before {
4042 .mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
4045 .mdi-device-signal-wifi-statusbar-connected-no-internet:before {
4048 .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
4051 .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
4054 .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
4057 .mdi-signal-wifi-statusbar-not-connected-after:before {
4060 .mdi-device-signal-wifi-statusbar-not-connected:before {
4063 .mdi-device-signal-wifi-statusbar-null:before {
4066 .mdi-device-storage:before {
4069 .mdi-device-usb:before {
4072 .mdi-device-wifi-lock:before {
4075 .mdi-device-wifi-tethering:before {
4078 .mdi-hardware-cast-connected:before {
4081 .mdi-hardware-cast:before {
4084 .mdi-hardware-computer:before {
4087 .mdi-hardware-desktop-mac:before {
4090 .mdi-hardware-desktop-windows:before {
4093 .mdi-hardware-dock:before {
4096 .mdi-hardware-gamepad:before {
4099 .mdi-hardware-headset-mic:before {
4102 .mdi-hardware-headset:before {
4105 .mdi-hardware-keyboard-alt:before {
4108 .mdi-hardware-keyboard-arrow-down:before {
4111 .mdi-hardware-keyboard-arrow-left:before {
4114 .mdi-hardware-keyboard-arrow-right:before {
4117 .mdi-hardware-keyboard-arrow-up:before {
4120 .mdi-hardware-keyboard-backspace:before {
4123 .mdi-hardware-keyboard-capslock:before {
4126 .mdi-hardware-keyboard-control:before {
4129 .mdi-hardware-keyboard-hide:before {
4132 .mdi-hardware-keyboard-return:before {
4135 .mdi-hardware-keyboard-tab:before {
4138 .mdi-hardware-keyboard-voice:before {
4141 .mdi-hardware-keyboard:before {
4144 .mdi-hardware-laptop-chromebook:before {
4147 .mdi-hardware-laptop-mac:before {
4150 .mdi-hardware-laptop-windows:before {
4153 .mdi-hardware-laptop:before {
4156 .mdi-hardware-memory:before {
4159 .mdi-hardware-mouse:before {
4162 .mdi-hardware-phone-android:before {
4165 .mdi-hardware-phone-iphone:before {
4168 .mdi-hardware-phonelink-off:before {
4171 .mdi-hardware-phonelink:before {
4174 .mdi-hardware-security:before {
4177 .mdi-hardware-sim-card:before {
4180 .mdi-hardware-smartphone:before {
4183 .mdi-hardware-speaker:before {
4186 .mdi-hardware-tablet-android:before {
4189 .mdi-hardware-tablet-mac:before {
4192 .mdi-hardware-tablet:before {
4195 .mdi-hardware-tv:before {
4198 .mdi-hardware-watch:before {
4201 .mdi-image-add-to-photos:before {
4204 .mdi-image-adjust:before {
4207 .mdi-image-assistant-photo:before {
4210 .mdi-image-audiotrack:before {
4213 .mdi-image-blur-circular:before {
4216 .mdi-image-blur-linear:before {
4219 .mdi-image-blur-off:before {
4222 .mdi-image-blur-on:before {
4225 .mdi-image-brightness-1:before {
4228 .mdi-image-brightness-2:before {
4231 .mdi-image-brightness-3:before {
4234 .mdi-image-brightness-4:before {
4237 .mdi-image-brightness-5:before {
4240 .mdi-image-brightness-6:before {
4243 .mdi-image-brightness-7:before {
4246 .mdi-image-brush:before {
4249 .mdi-image-camera-alt:before {
4252 .mdi-image-camera-front:before {
4255 .mdi-image-camera-rear:before {
4258 .mdi-image-camera-roll:before {
4261 .mdi-image-camera:before {
4264 .mdi-image-center-focus-strong:before {
4267 .mdi-image-center-focus-weak:before {
4270 .mdi-image-collections:before {
4273 .mdi-image-color-lens:before {
4276 .mdi-image-colorize:before {
4279 .mdi-image-compare:before {
4282 .mdi-image-control-point-duplicate:before {
4285 .mdi-image-control-point:before {
4288 .mdi-image-crop-3-2:before {
4291 .mdi-image-crop-5-4:before {
4294 .mdi-image-crop-7-5:before {
4297 .mdi-image-crop-16-9:before {
4300 .mdi-image-crop-din:before {
4303 .mdi-image-crop-free:before {
4306 .mdi-image-crop-landscape:before {
4309 .mdi-image-crop-original:before {
4312 .mdi-image-crop-portrait:before {
4315 .mdi-image-crop-square:before {
4318 .mdi-image-crop:before {
4321 .mdi-image-dehaze:before {
4324 .mdi-image-details:before {
4327 .mdi-image-edit:before {
4330 .mdi-image-exposure-minus-1:before {
4333 .mdi-image-exposure-minus-2:before {
4336 .mdi-image-exposure-plus-1:before {
4339 .mdi-image-exposure-plus-2:before {
4342 .mdi-image-exposure-zero:before {
4345 .mdi-image-exposure:before {
4348 .mdi-image-filter-1:before {
4351 .mdi-image-filter-2:before {
4354 .mdi-image-filter-3:before {
4357 .mdi-image-filter-4:before {
4360 .mdi-image-filter-5:before {
4363 .mdi-image-filter-6:before {
4366 .mdi-image-filter-7:before {
4369 .mdi-image-filter-8:before {
4372 .mdi-image-filter-9-plus:before {
4375 .mdi-image-filter-9:before {
4378 .mdi-image-filter-b-and-w:before {
4381 .mdi-image-filter-center-focus:before {
4384 .mdi-image-filter-drama:before {
4387 .mdi-image-filter-frames:before {
4390 .mdi-image-filter-hdr:before {
4393 .mdi-image-filter-none:before {
4396 .mdi-image-filter-tilt-shift:before {
4399 .mdi-image-filter-vintage:before {
4402 .mdi-image-filter:before {
4405 .mdi-image-flare:before {
4408 .mdi-image-flash-auto:before {
4411 .mdi-image-flash-off:before {
4414 .mdi-image-flash-on:before {
4417 .mdi-image-flip:before {
4420 .mdi-image-gradient:before {
4423 .mdi-image-grain:before {
4426 .mdi-image-grid-off:before {
4429 .mdi-image-grid-on:before {
4432 .mdi-image-hdr-off:before {
4435 .mdi-image-hdr-on:before {
4438 .mdi-image-hdr-strong:before {
4441 .mdi-image-hdr-weak:before {
4444 .mdi-image-healing:before {
4447 .mdi-image-image-aspect-ratio:before {
4450 .mdi-image-image:before {
4453 .mdi-image-iso:before {
4456 .mdi-image-landscape:before {
4459 .mdi-image-leak-add:before {
4462 .mdi-image-leak-remove:before {
4465 .mdi-image-lens:before {
4468 .mdi-image-looks-3:before {
4471 .mdi-image-looks-4:before {
4474 .mdi-image-looks-5:before {
4477 .mdi-image-looks-6:before {
4480 .mdi-image-looks-one:before {
4483 .mdi-image-looks-two:before {
4486 .mdi-image-looks:before {
4489 .mdi-image-loupe:before {
4492 .mdi-image-movie-creation:before {
4495 .mdi-image-nature-people:before {
4498 .mdi-image-nature:before {
4501 .mdi-image-navigate-before:before {
4504 .mdi-image-navigate-next:before {
4507 .mdi-image-palette:before {
4510 .mdi-image-panorama-fisheye:before {
4513 .mdi-image-panorama-horizontal:before {
4516 .mdi-image-panorama-vertical:before {
4519 .mdi-image-panorama-wide-angle:before {
4522 .mdi-image-panorama:before {
4525 .mdi-image-photo-album:before {
4528 .mdi-image-photo-camera:before {
4531 .mdi-image-photo-library:before {
4534 .mdi-image-photo:before {
4537 .mdi-image-portrait:before {
4540 .mdi-image-remove-red-eye:before {
4543 .mdi-image-rotate-left:before {
4546 .mdi-image-rotate-right:before {
4549 .mdi-image-slideshow:before {
4552 .mdi-image-straighten:before {
4555 .mdi-image-style:before {
4558 .mdi-image-switch-camera:before {
4561 .mdi-image-switch-video:before {
4564 .mdi-image-tag-faces:before {
4567 .mdi-image-texture:before {
4570 .mdi-image-timelapse:before {
4573 .mdi-image-timer-3:before {
4576 .mdi-image-timer-10:before {
4579 .mdi-image-timer-auto:before {
4582 .mdi-image-timer-off:before {
4585 .mdi-image-timer:before {
4588 .mdi-image-tonality:before {
4591 .mdi-image-transform:before {
4594 .mdi-image-tune:before {
4597 .mdi-image-wb-auto:before {
4600 .mdi-image-wb-cloudy:before {
4603 .mdi-image-wb-incandescent:before {
4606 .mdi-image-wb-irradescent:before {
4609 .mdi-image-wb-sunny:before {
4612 .mdi-maps-beenhere:before {
4615 .mdi-maps-directions-bike:before {
4618 .mdi-maps-directions-bus:before {
4621 .mdi-maps-directions-car:before {
4624 .mdi-maps-directions-ferry:before {
4627 .mdi-maps-directions-subway:before {
4630 .mdi-maps-directions-train:before {
4633 .mdi-maps-directions-transit:before {
4636 .mdi-maps-directions-walk:before {
4639 .mdi-maps-directions:before {
4642 .mdi-maps-flight:before {
4645 .mdi-maps-hotel:before {
4648 .mdi-maps-layers-clear:before {
4651 .mdi-maps-layers:before {
4654 .mdi-maps-local-airport:before {
4657 .mdi-maps-local-atm:before {
4660 .mdi-maps-local-attraction:before {
4663 .mdi-maps-local-bar:before {
4666 .mdi-maps-local-cafe:before {
4669 .mdi-maps-local-car-wash:before {
4672 .mdi-maps-local-convenience-store:before {
4675 .mdi-maps-local-drink:before {
4678 .mdi-maps-local-florist:before {
4681 .mdi-maps-local-gas-station:before {
4684 .mdi-maps-local-grocery-store:before {
4687 .mdi-maps-local-hospital:before {
4690 .mdi-maps-local-hotel:before {
4693 .mdi-maps-local-laundry-service:before {
4696 .mdi-maps-local-library:before {
4699 .mdi-maps-local-mall:before {
4702 .mdi-maps-local-movies:before {
4705 .mdi-maps-local-offer:before {
4708 .mdi-maps-local-parking:before {
4711 .mdi-maps-local-pharmacy:before {
4714 .mdi-maps-local-phone:before {
4717 .mdi-maps-local-pizza:before {
4720 .mdi-maps-local-play:before {
4723 .mdi-maps-local-post-office:before {
4726 .mdi-maps-local-print-shop:before {
4729 .mdi-maps-local-restaurant:before {
4732 .mdi-maps-local-see:before {
4735 .mdi-maps-local-shipping:before {
4738 .mdi-maps-local-taxi:before {
4741 .mdi-maps-location-history:before {
4744 .mdi-maps-map:before {
4747 .mdi-maps-my-location:before {
4750 .mdi-maps-navigation:before {
4753 .mdi-maps-pin-drop:before {
4756 .mdi-maps-place:before {
4759 .mdi-maps-rate-review:before {
4762 .mdi-maps-restaurant-menu:before {
4765 .mdi-maps-satellite:before {
4768 .mdi-maps-store-mall-directory:before {
4771 .mdi-maps-terrain:before {
4774 .mdi-maps-traffic:before {
4777 .mdi-navigation-apps:before {
4780 .mdi-navigation-arrow-back:before {
4783 .mdi-navigation-arrow-drop-down-circle:before {
4786 .mdi-navigation-arrow-drop-down:before {
4789 .mdi-navigation-arrow-drop-up:before {
4792 .mdi-navigation-arrow-forward:before {
4795 .mdi-navigation-cancel:before {
4798 .mdi-navigation-check:before {
4801 .mdi-navigation-chevron-left:before {
4804 .mdi-navigation-chevron-right:before {
4807 .mdi-navigation-close:before {
4810 .mdi-navigation-expand-less:before {
4813 .mdi-navigation-expand-more:before {
4816 .mdi-navigation-fullscreen-exit:before {
4819 .mdi-navigation-fullscreen:before {
4822 .mdi-navigation-menu:before {
4825 .mdi-navigation-more-horiz:before {
4828 .mdi-navigation-more-vert:before {
4831 .mdi-navigation-refresh:before {
4834 .mdi-navigation-unfold-less:before {
4837 .mdi-navigation-unfold-more:before {
4840 .mdi-notification-adb:before {
4843 .mdi-notification-bluetooth-audio:before {
4846 .mdi-notification-disc-full:before {
4849 .mdi-notification-dnd-forwardslash:before {
4852 .mdi-notification-do-not-disturb:before {
4855 .mdi-notification-drive-eta:before {
4858 .mdi-notification-event-available:before {
4861 .mdi-notification-event-busy:before {
4864 .mdi-notification-event-note:before {
4867 .mdi-notification-folder-special:before {
4870 .mdi-notification-mms:before {
4873 .mdi-notification-more:before {
4876 .mdi-notification-network-locked:before {
4879 .mdi-notification-phone-bluetooth-speaker:before {
4882 .mdi-notification-phone-forwarded:before {
4885 .mdi-notification-phone-in-talk:before {
4888 .mdi-notification-phone-locked:before {
4891 .mdi-notification-phone-missed:before {
4894 .mdi-notification-phone-paused:before {
4897 .mdi-notification-play-download:before {
4900 .mdi-notification-play-install:before {
4903 .mdi-notification-sd-card:before {
4906 .mdi-notification-sim-card-alert:before {
4909 .mdi-notification-sms-failed:before {
4912 .mdi-notification-sms:before {
4915 .mdi-notification-sync-disabled:before {
4918 .mdi-notification-sync-problem:before {
4921 .mdi-notification-sync:before {
4924 .mdi-notification-system-update:before {
4927 .mdi-notification-tap-and-play:before {
4930 .mdi-notification-time-to-leave:before {
4933 .mdi-notification-vibration:before {
4936 .mdi-notification-voice-chat:before {
4939 .mdi-notification-vpn-lock:before {
4942 .mdi-social-cake:before {
4945 .mdi-social-domain:before {
4948 .mdi-social-group-add:before {
4951 .mdi-social-group:before {
4954 .mdi-social-location-city:before {
4957 .mdi-social-mood:before {
4960 .mdi-social-notifications-none:before {
4963 .mdi-social-notifications-off:before {
4966 .mdi-social-notifications-on:before {
4969 .mdi-social-notifications-paused:before {
4972 .mdi-social-notifications:before {
4975 .mdi-social-pages:before {
4978 .mdi-social-party-mode:before {
4981 .mdi-social-people-outline:before {
4984 .mdi-social-people:before {
4987 .mdi-social-person-add:before {
4990 .mdi-social-person-outline:before {
4993 .mdi-social-person:before {
4996 .mdi-social-plus-one:before {
4999 .mdi-social-poll:before {
5002 .mdi-social-public:before {
5005 .mdi-social-school:before {
5008 .mdi-social-share:before {
5011 .mdi-social-whatshot:before {
5014 .mdi-toggle-check-box-outline-blank:before {
5017 .mdi-toggle-check-box:before {
5020 .mdi-toggle-radio-button-off:before {
5023 .mdi-toggle-radio-button-on:before {
5026 .mdi-toggle-star-half:before {
5029 .mdi-toggle-star-outline:before {
5032 .mdi-toggle-star:before {
5040 @media only screen and
(min-width : 601px) {
5044 @media only screen and
(min-width : 993px) {
5049 margin-left: -0.75rem;
5050 margin-right: -0.75rem; }
5054 padding-bottom: 1rem; }
5057 .section.no-pad-bot {
5058 padding-bottom: 0; }
5059 .section.no-pad-top {
5065 margin-bottom: 20px; }
5072 -webkit-box-sizing: border-box
;
5073 -moz-box-sizing: border-box
;
5074 box-sizing: border-box
;
5075 padding: 0 0.75rem; }
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 {
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 {
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 {
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) {
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 {
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 {
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 {
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) {
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 {
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 {
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 {
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%; } }
5261 background-color: #ee6e73;
5264 line-height: 56px; }
5270 nav
.nav-wrapper i
{
5273 @media only screen and
(min-width : 993px) {
5274 nav a
.button-collapse
{
5276 nav
.button-collapse
{
5281 nav
.button-collapse i
{
5284 line-height: 56px; }
5288 display: inline-block
;
5291 white-space: nowrap
; }
5292 nav
.brand-logo
.center
{
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) {
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
{
5309 -webkit-transform: none
;
5310 -moz-transform: none
;
5311 -ms-transform: none
;
5314 nav
.brand-logo
.left
{
5316 nav
.brand-logo
.right
{
5319 nav
.brand-logo
.right
{
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;
5332 nav ul
li:hover
, nav ul li
.active
{
5333 background-color: rgba
(0, 0, 0, 0.1); }
5343 nav
.input-field input
{
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
{
5351 nav
.input-field label
{
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
{
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); }
5377 @media only screen and
(min-width : 601px) {
5378 nav
, nav
.nav-wrapper i
, nav a
.button-collapse
, nav a
.button-collapse i
{
5380 line-height: 64px; }
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");
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");
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");
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");
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");
5410 text-decoration: none
; }
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) {
5419 font-size: 14px; } }
5420 @media only screen and
(min-width: 992px) {
5422 font-size: 14.5px; } }
5423 @media only screen and
(min-width: 1200px) {
5425 font-size: 15px; } }
5427 h1
, h2
, h3
, h4
, h5
, h6
{
5431 h1 a
, h2 a
, h3 a
, h4 a
, h5 a
, h6 a
{
5432 font-weight: inherit
; }
5437 margin: 2.1rem 0 1.68rem 0; }
5442 margin: 1.78rem 0 1.424rem 0; }
5447 margin: 1.46rem 0 1.168rem 0; }
5452 margin: 1.14rem 0 0.912rem 0; }
5457 margin: 0.82rem 0 0.656rem 0; }
5462 margin: 0.5rem 0 0.4rem 0; }
5465 font-style: italic
; }
5473 .light, footer.page-footer .footer-copyright {
5481 @media only screen and
(min-width: 360px) {
5483 font-size: 1.2rem; } }
5484 @media only screen and
(min-width: 390px) {
5486 font-size: 1.224rem; } }
5487 @media only screen and
(min-width: 420px) {
5489 font-size: 1.248rem; } }
5490 @media only screen and
(min-width: 450px) {
5492 font-size: 1.272rem; } }
5493 @media only screen and
(min-width: 480px) {
5495 font-size: 1.296rem; } }
5496 @media only screen and
(min-width: 510px) {
5498 font-size: 1.32rem; } }
5499 @media only screen and
(min-width: 540px) {
5501 font-size: 1.344rem; } }
5502 @media only screen and
(min-width: 570px) {
5504 font-size: 1.368rem; } }
5505 @media only screen and
(min-width: 600px) {
5507 font-size: 1.392rem; } }
5508 @media only screen and
(min-width: 630px) {
5510 font-size: 1.416rem; } }
5511 @media only screen and
(min-width: 660px) {
5513 font-size: 1.44rem; } }
5514 @media only screen and
(min-width: 690px) {
5516 font-size: 1.464rem; } }
5517 @media only screen and
(min-width: 720px) {
5519 font-size: 1.488rem; } }
5520 @media only screen and
(min-width: 750px) {
5522 font-size: 1.512rem; } }
5523 @media only screen and
(min-width: 780px) {
5525 font-size: 1.536rem; } }
5526 @media only screen and
(min-width: 810px) {
5528 font-size: 1.56rem; } }
5529 @media only screen and
(min-width: 840px) {
5531 font-size: 1.584rem; } }
5532 @media only screen and
(min-width: 870px) {
5534 font-size: 1.608rem; } }
5535 @media only screen and
(min-width: 900px) {
5537 font-size: 1.632rem; } }
5538 @media only screen and
(min-width: 930px) {
5540 font-size: 1.656rem; } }
5541 @media only screen and
(min-width: 960px) {
5543 font-size: 1.68rem; } }
5544 @media only screen and
(max-width: 360px) {
5546 font-size: 1.2rem; } }
5549 transition: box-shadow
.25s;
5551 margin: 0.5rem 0 1rem 0;
5553 background-color: #fff; }
5558 margin: 0.5rem 0 1rem 0;
5559 background-color: #fff;
5560 transition: box-shadow
.25s;
5561 border-radius: 2px; }
5566 .card .card-title.activator {
5568 .card.small, .card.medium, .card.large {
5569 position: relative
; }
5570 .card.small .card-image, .card.medium .card-image, .card.large .card-image {
5572 .card.small .card-content, .card.medium .card-content, .card.large .card-content {
5574 .card.small .card-action, .card.medium .card-action, .card.large .card-action {
5581 .card.small .card-image {
5583 .card.small .card-content {
5587 .card.medium .card-image {
5589 .card.medium .card-content {
5593 .card.large .card-image {
5595 .card.large .card-content {
5598 position: relative
; }
5599 .card .card-image img {
5601 border-radius: 2px 2px 0 0;
5608 .card .card-image .card-title {
5613 .card .card-content {
5615 border-radius: 0 0 2px 2px; }
5616 .card .card-content p {
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);
5624 .card .card-action a {
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 {
5635 .card .card-reveal {
5638 background-color: #fff;
5645 .card .card-reveal .card-title {
5653 @media only screen and
(max-width : 600px) {
5657 @media only screen and
(min-width : 601px) and
(max-width : 992px) {
5662 @media only screen and
(min-width : 993px) {
5678 background-color: #323232;
5683 display: -webkit-box
;
5685 display: -ms-flexbox
;
5686 display: -webkit-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 {
5696 margin-left: 3rem; }
5698 border-radius: 24px; }
5699 @media only screen and
(max-width : 600px) {
5702 border-radius: 0; } }
5703 @media only screen and
(min-width : 601px) and
(max-width : 992px) {
5706 @media only screen and
(min-width : 993px) {
5711 display: -webkit-box
;
5713 display: -ms-flexbox
;
5714 display: -webkit-flex
;
5718 background-color: #fff;
5721 white-space: nowrap
; }
5723 -webkit-box-flex: 1;
5724 -webkit-flex-grow: 1;
5725 -ms-flex-positive: 1;
5734 text-transform: uppercase
;
5735 letter-spacing: .8px;
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 {
5749 .tabs .tab.disabled a {
5756 background-color: #f6b2b5;
5757 will-change: left
, right
; }
5766 background-color: transparent
;
5778 will-change: top
, left
; }
5786 border-radius: 0 0 14px 14px;
5787 background-color: #323232;
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
; }
5796 .btn, .btn-large, .btn-flat {
5799 display: inline-block
;
5804 text-transform: uppercase
;
5805 vertical-align: middle
;
5806 -webkit-tap-highlight-color: transparent
; }
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
;
5811 color: #9F9F9F !important
;
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;
5819 .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
5821 line-height: inherit
; }
5824 text-decoration: none
;
5826 background-color: #26a69a;
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
;
5835 .btn:hover, .btn-large:hover {
5836 background-color: #2bbbad; }
5839 display: inline-block
;
5848 background-color: #26a69a;
5852 vertical-align: middle
; }
5855 display: inline-block
;
5859 line-height: 37px; }
5860 .btn-floating:before {
5862 .btn-floating.btn-large {
5865 .btn-floating.btn-large i {
5866 line-height: 55.5px; }
5868 button
.btn-floating
{
5878 .fixed-action-btn ul {
5885 .fixed-action-btn ul li {
5886 margin-bottom: 15px; }
5887 .fixed-action-btn ul a.btn-floating {
5892 background-color: transparent
;
5895 .btn-flat.disabled {
5901 line-height: 56px; }
5903 font-size: 1.6rem; }
5909 background-color: #fff;
5918 will-change: width
, height
; }
5919 .dropdown-content li {
5921 color: rgba
(0, 0, 0, 0.87);
5923 line-height: 1.5rem;
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 {
5933 padding: 1rem 1rem; }
5934 .dropdown-content li > a > i {
5936 line-height: inherit
; }
5940 * http://fian.my.id/Waves
5942 * Copyright 2014 Alfiana E. Sibuea and other contributors
5943 * Released under the MIT license
5944 * https://github.com/fians/Waves/blob/master/LICENSE
5949 display: inline-block
;
5951 -webkit-user-select: none
;
5952 -moz-user-select: none
;
5953 -ms-user-select: none
;
5955 -webkit-tap-highlight-color: transparent
;
5956 vertical-align: middle
;
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 {
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); }
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
; }
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%); }
6018 .waves-input-wrapper {
6019 border-radius: 0.2em;
6020 vertical-align: bottom
; }
6021 .waves-input-wrapper .waves-button-input {
6033 -webkit-mask-image: none
; }
6038 /* Firefox Bug: link not triggered */
6039 a
.waves-effect
.waves-ripple
{
6047 background-color: #fafafa;
6054 will-change: top
, opacity
; }
6055 @media only screen and
(max-width : 992px) {
6058 .modal h1, .modal h2, .modal h3, .modal h4 {
6060 .modal .modal-content {
6062 .modal .modal-close {
6064 .modal .modal-footer {
6065 border-radius: 0 0 2px 2px;
6066 background-color: #fafafa;
6070 .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
6085 will-change: opacity
; }
6087 .modal.modal-fixed-footer {
6090 .modal.modal-fixed-footer .modal-content {
6092 height: calc
(100% - 56px);
6096 .modal.modal-fixed-footer .modal-footer {
6097 border-top: 1px solid rgba
(0, 0, 0, 0.1);
6101 .modal.bottom-sheet {
6108 will-change: bottom
, opacity
; }
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; }
6116 .collapsible-header {
6122 background-color: #fff;
6123 border-bottom: 1px solid
#ddd; }
6124 .collapsible-header i {
6131 margin-right: 1rem; }
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 {
6143 .side-nav .collapsible {
6146 .side-nav .collapsible li {
6148 .side-nav .collapsible-header {
6149 background-color: transparent
;
6151 line-height: inherit
;
6154 .side-nav .collapsible-header i {
6155 line-height: inherit
; }
6156 .side-nav .collapsible-body {
6158 background-color: #fff; }
6159 .side-nav .collapsible-body li a {
6160 margin: 0 1rem 0 2rem; }
6162 .collapsible.popout {
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);
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);
6174 display: inline-block
;
6178 color: rgba
(0, 0, 0, 0.6);
6181 border-radius: 16px;
6182 background-color: #E4E4E4; }
6185 margin: 0 8px 0 -12px;
6188 border-radius: 50%; }
6189 .chip i.material-icons {
6194 padding-left: 8px; }
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) {
6210 .materialboxed.active {
6213 #materialbox-overlay {
6219 background-color: #292929;
6221 will-change: opacity
; }
6223 .materialbox-caption {
6234 -webkit-font-smoothing: antialiased
; }
6236 /* Remove Focus Boxes */
6238 outline: 1px solid
#c9f3ef; }
6242 background-color: #2ab7a9; }
6248 /***************************
6249 Text Inputs + Textarea
6250 ****************************/
6251 ::-webkit-input-placeholder
{
6258 ::-moz-placeholder
{
6262 :-ms-input-placeholder
{
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
;
6268 border-bottom: 1px solid
#9e9e9e;
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
{
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
);
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
);
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
{
6311 transition: .2s opacity ease-out
, .2s color ease-out
; }
6316 .input-field label {
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 {
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 {
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 {
6346 .input-field .prefix ~ input, .input-field .prefix ~ textarea {
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 {
6357 width: calc
(100% - 3rem); } }
6358 @media only screen and
(max-width : 600px) {
6359 .input-field .prefix ~ input {
6361 width: calc
(100% - 3rem); } }
6363 .input-field input[type=search] {
6365 line-height: inherit
;
6367 width: calc
(100% - 4rem); }
6368 .input-field input[type=search]:focus {
6369 background-color: #fff;
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 {
6375 .input-field input[type=search] + label {
6377 .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
6384 transition: .3s color
; }
6389 background-color: transparent
; }
6390 textarea
.materialize-textarea
{
6392 /* prevents scroll bar flash */
6394 /* prevents text jump on Enter keypress */
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 */ }
6410 /* Remove default Radio Buttons */
6411 [type
="radio"]:not
(:checked
), [type
="radio"]:checked
{
6414 visibility: hidden
; }
6416 [type
="radio"]:not
(:checked
) + label
, [type
="radio"]:checked
+ label
{
6420 display: inline-block
;
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
;
6438 [type
="radio"] + label:before
, [type
="radio"] + label:after
{
6447 -webkit-transition: .28s ease
;
6448 -moz-transition: .28s ease
;
6449 -o-transition: .28s ease
;
6450 -ms-transition: .28s ease
;
6451 transition: .28s ease
; }
6453 /* Unchecked styles */
6454 [type
="radio"]:not
(:checked
) + label:before
{
6456 border: 2px solid
#5a5a5a; }
6458 [type
="radio"]:not
(:checked
) + label:after
{
6460 border: 2px solid
#5a5a5a;
6462 -webkit-transform: scale
(0);
6463 -moz-transform: scale
(0);
6464 -ms-transform: scale
(0);
6465 -o-transform: scale
(0);
6466 transform: scale
(0); }
6468 /* Checked styles */
6469 [type
="radio"]:checked
+ label:before
{
6471 border: 2px solid transparent
; }
6473 [type
="radio"]:checked
+ label:after
{
6475 border: 2px solid
#26a69a;
6476 background-color: #26a69a;
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); }
6484 /* Radio With gap */
6485 [type
="radio"].with-gap:checked
+ label:before
{
6487 border: 2px solid
#26a69a; }
6489 [type
="radio"].with-gap:checked
+ label:after
{
6491 border: 2px solid
#26a69a;
6492 background-color: #26a69a;
6494 -webkit-transform: scale
(.5);
6495 -moz-transform: scale
(.5);
6496 -ms-transform: scale
(.5);
6497 -o-transform: scale
(.5);
6498 transform: scale
(.5); }
6500 /* Disabled Radio With gap */
6501 [type
="radio"].with-gap:disabled:checked
+ label:before
{
6502 border: 2px solid rgba
(0, 0, 0, 0.26); }
6504 [type
="radio"].with-gap:disabled:checked
+ label:after
{
6506 background-color: rgba
(0, 0, 0, 0.26); }
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); }
6513 [type
="radio"]:disabled
+ label
{
6514 color: rgba
(0, 0, 0, 0.26); }
6516 [type
="radio"]:disabled:not
(:checked
) + label:before
{
6517 border-color: rgba
(0, 0, 0, 0.26); }
6519 [type
="radio"]:disabled:checked
+ label:after
{
6520 background-color: rgba
(0, 0, 0, 0.26);
6521 border-color: #BDBDBD; }
6526 /* CUSTOM CSS CHECKBOXES */
6528 margin-bottom: 10px;
6534 /* Remove default checkbox */
6535 [type
="checkbox"]:not
(:checked
), [type
="checkbox"]:checked
{
6538 visibility: hidden
; }
6541 /* checkbox aspect */ }
6542 [type
="checkbox"] + label
{
6546 display: inline-block
;
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
;
6558 [type
="checkbox"] + label:before
{
6566 border: 2px solid
#5a5a5a;
6569 -webkit-transition: 0.2s;
6570 -moz-transition: 0.2s;
6571 -o-transition: 0.2s;
6572 -ms-transition: 0.2s;
6574 [type
="checkbox"]:not
(:checked
):disabled
+ label:before
{
6576 background-color: rgba
(0, 0, 0, 0.26); }
6578 [type
="checkbox"]:checked
+ label:before
{
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); }
6602 /* Indeterminate checkbox */
6603 [type
="checkbox"]:indeterminate
+ label:before
{
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
; }
6627 [type
="checkbox"].filled-in
+ label:after
{
6628 border-radius: 2px; }
6629 [type
="checkbox"].filled-in
+ label:before
, [type
="checkbox"].filled-in
+ label:after
{
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;
6636 [type
="checkbox"].filled-in:not
(:checked
) + label:before
{
6639 border: 3px solid transparent
;
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
{
6649 background-color: transparent
;
6650 border: 2px solid
#5a5a5a;
6653 [type
="checkbox"].filled-in:checked
+ label:before
{
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
{
6670 border: 2px solid
#26a69a;
6671 background-color: #26a69a;
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; }
6688 .switch, .switch * {
6689 -webkit-user-select: none
;
6690 -moz-user-select: none
;
6691 -khtml-user-select: none
;
6692 -ms-user-select: none
; }
6697 .switch label input[type=checkbox] {
6702 .switch label input[type=checkbox]:checked + .lever {
6703 background-color: #84c7c1; }
6705 .switch label input[type=checkbox]:checked + .lever:after {
6706 background-color: #26a69a; }
6708 .switch label .lever {
6710 display: inline-block
;
6714 background-color: #818181;
6715 border-radius: 15px;
6717 transition: background
0.3s ease
;
6718 vertical-align: middle
;
6721 .switch label .lever:after {
6724 display: inline-block
;
6727 background-color: #F1F1F1;
6728 border-radius: 21px;
6729 box-shadow: 0 1px 3px 1px rgba
(0, 0, 0, 0.4);
6732 transition: left
0.3s ease
, background
.3s ease
, box-shadow
0.1s ease
; }
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); }
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); }
6740 .switch label input[type=checkbox]:checked + .lever:after {
6743 .switch input[type=checkbox][disabled] + .lever {
6746 .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
6747 background-color: #BDBDBD; }
6753 position: absolute
; }
6756 position: relative
; }
6757 .select-wrapper input.select-dropdown {
6760 background-color: transparent
;
6762 border-bottom: 1px solid
#9e9e9e;
6771 .select-wrapper span.caret {
6777 .select-wrapper span.caret.disabled {
6778 color: rgba
(0, 0, 0, 0.26); }
6779 .select-wrapper + label {
6782 font-size: 0.8rem; }
6787 select
.browser-default
{
6791 color: rgba
(0, 0, 0, 0.3); }
6793 .select-wrapper input.select-dropdown:disabled {
6794 color: rgba
(0, 0, 0, 0.3);
6796 -webkit-user-select: none
;
6797 /* webkit (safari, chrome) browsers */
6798 -moz-user-select: none
;
6799 /* mozilla browsers */
6800 -ms-user-select: none
;
6802 border-bottom: 1px solid rgba
(0, 0, 0, 0.3); }
6805 color: rgba
(0, 0, 0, 0.3); }
6807 .select-dropdown li.disabled {
6808 color: rgba
(0, 0, 0, 0.3);
6809 background-color: transparent
; }
6811 /*********************
6813 **********************/
6815 position: relative
; }
6816 .file-field .file-path-wrapper {
6818 padding-left: 10px; }
6819 .file-field input.file-path {
6821 .file-field .btn, .file-field .btn-large {
6824 line-height: 3rem; }
6827 .file-field input[type=file] {
6839 filter: alpha
(opacity
=0); }
6845 position: relative
; }
6847 input
[type
=range
], input
[type
=range
] + .thumb
{
6852 background-color: transparent
;
6859 input
[type
=range
] + .thumb
{
6865 background-color: #26a69a;
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
{
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
{
6897 input
[type
=range
]:focus
{
6901 -webkit-appearance: none
; }
6903 input
[type
=range
]::-webkit-slider-runnable-track
{
6905 background: #c2c0c2;
6908 input
[type
=range
]::-webkit-slider-thumb
{
6909 -webkit-appearance: none
;
6914 background-color: #26a69a;
6915 transform-origin: 50% 50%;
6917 -webkit-transition: 0.3s;
6918 -moz-transition: 0.3s;
6919 -o-transition: 0.3s;
6920 -ms-transition: 0.3s;
6923 input
[type
=range
]:focus::-webkit-slider-runnable-track
{
6927 /* fix for FF unable to apply focus style bug */
6928 border: 1px solid white
;
6929 /*required for proper track sizing in FF*/ }
6931 input
[type
=range
]::-moz-range-track
{
6936 input
[type
=range
]::-moz-range-thumb
{
6941 background: #26a69a;
6944 /*hide the outline behind the border*/
6945 input
[type
=range
]:-moz-focusring
{
6946 outline: 1px solid white
;
6947 outline-offset: -1px; }
6949 input
[type
=range
]:focus::-moz-range-track
{
6952 input
[type
=range
]::-ms-track
{
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
; }
6962 input
[type
=range
]::-ms-fill-lower
{
6965 input
[type
=range
]::-ms-fill-upper
{
6968 input
[type
=range
]::-ms-thumb
{
6973 background: #26a69a; }
6975 input
[type
=range
]:focus::-ms-fill-lower
{
6978 input
[type
=range
]:focus::-ms-fill-upper
{
6981 /***************************
6982 Text Inputs + Textarea
6983 ****************************/
6985 background-color: rgba
(255, 255, 255, 0.9);
6988 border: 1px solid
#f2f2f2;
6995 .table-of-contents.fixed {
6997 .table-of-contents li {
6999 .table-of-contents a {
7000 display: inline-block
;
7005 line-height: 1.5rem;
7007 display: inline-block
; }
7008 .table-of-contents a:hover {
7011 border-left: 1px solid
#ea4a4f; }
7012 .table-of-contents a.active {
7015 border-left: 2px solid
#ea4a4f; }
7024 height: calc
(100% + 60px);
7025 height: -moz-calc
(100%);
7026 padding-bottom: 60px;
7027 background-color: #fff;
7030 will-change: left
; }
7031 .side-nav.right-aligned {
7035 .side-nav .collapsible {
7040 .side-nav li:hover, .side-nav li.active {
7041 background-color: #ddd; }
7065 .side-nav.fixed.right-aligned {
7069 @media only screen and
(max-width : 992px) {
7072 .side-nav.fixed.right-aligned {
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 {
7087 background-color: rgba
(0, 0, 0, 0.5);
7089 will-change: opacity
; }
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
7100 /**************************/
7101 /* STYLES FOR THE SPINNER */
7102 /**************************/
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
7116 .preloader-wrapper {
7117 display: inline-block
;
7121 .preloader-wrapper.small {
7124 .preloader-wrapper.big {
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
; }
7132 @-webkit-keyframes container-rotate
{
7134 -webkit-transform: rotate
(360deg); } }
7136 @keyframes container-rotate
{
7138 transform: rotate
(360deg); } }
7145 border-color: #26a69a; }
7147 .spinner-blue, .spinner-blue-only {
7148 border-color: #4285f4; }
7150 .spinner-red, .spinner-red-only {
7151 border-color: #db4437; }
7153 .spinner-yellow, .spinner-yellow-only {
7154 border-color: #f4b400; }
7156 .spinner-green, .spinner-green-only {
7157 border-color: #0f9d58; }
7160 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
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
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.
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
; }
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
; }
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
; }
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
; }
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 */
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
; }
7198 @-webkit-keyframes fill-unfill-rotate
{
7208 -webkit-transform: rotate
(135deg); }
7211 -webkit-transform: rotate
(270deg); }
7214 -webkit-transform: rotate
(405deg); }
7217 -webkit-transform: rotate
(540deg); }
7220 -webkit-transform: rotate
(675deg); }
7223 -webkit-transform: rotate
(810deg); }
7226 -webkit-transform: rotate
(945deg); }
7229 -webkit-transform: rotate
(1080deg); } }
7231 @keyframes fill-unfill-rotate
{
7241 transform: rotate
(135deg); }
7244 transform: rotate
(270deg); }
7247 transform: rotate
(405deg); }
7250 transform: rotate
(540deg); }
7253 transform: rotate
(675deg); }
7256 transform: rotate
(810deg); }
7259 transform: rotate
(945deg); }
7262 transform: rotate
(1080deg); } }
7264 @-webkit-keyframes blue-fade-in-out
{
7283 @keyframes blue-fade-in-out
{
7302 @-webkit-keyframes red-fade-in-out
{
7318 @keyframes red-fade-in-out
{
7334 @-webkit-keyframes yellow-fade-in-out
{
7350 @keyframes yellow-fade-in-out
{
7366 @-webkit-keyframes green-fade-in-out
{
7382 @keyframes green-fade-in-out
{
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).
7409 border-color: inherit
; }
7411 .gap-patch .circle {
7416 display: inline-block
;
7421 border-color: inherit
; }
7422 .circle-clipper .circle {
7427 border-style: solid
;
7428 border-color: inherit
;
7429 border-bottom-color: transparent
!important
;
7431 -webkit-animation: none
;
7437 .circle-clipper.left .circle {
7439 border-right-color: transparent
!important
;
7440 -webkit-transform: rotate
(129deg);
7441 transform: rotate
(129deg); }
7442 .circle-clipper.right .circle {
7444 border-left-color: transparent
!important
;
7445 -webkit-transform: rotate
(-129deg);
7446 transform: rotate
(-129deg); }
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
; }
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
; }
7458 @-webkit-keyframes left-spin
{
7460 -webkit-transform: rotate
(130deg); }
7463 -webkit-transform: rotate
(-5deg); }
7466 -webkit-transform: rotate
(130deg); } }
7468 @keyframes left-spin
{
7470 transform: rotate
(130deg); }
7473 transform: rotate
(-5deg); }
7476 transform: rotate
(130deg); } }
7478 @-webkit-keyframes right-spin
{
7480 -webkit-transform: rotate
(-130deg); }
7483 -webkit-transform: rotate
(5deg); }
7486 -webkit-transform: rotate
(-130deg); } }
7488 @keyframes right-spin
{
7490 transform: rotate
(-130deg); }
7493 transform: rotate
(5deg); }
7496 transform: rotate
(-130deg); } }
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); }
7503 @-webkit-keyframes fade-out
{
7510 @keyframes fade-out
{
7521 .slider.fullscreen {
7529 .slider.fullscreen ul.slides {
7531 .slider.fullscreen ul.indicators {
7535 background-color: #9e9e9e;
7538 .slider .slides li {
7547 .slider .slides li img {
7550 background-size: cover
;
7551 background-position: center
; }
7552 .slider .slides li .caption {
7559 .slider .slides li .caption p {
7561 .slider .slides li.active {
7563 .slider .indicators {
7570 .slider .indicators .indicator-item {
7571 display: inline-block
;
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; }
7587 /* ==========================================================================
7589 ========================================================================== */
7591 * Note: the root picker element should *NOT* be styled more than what's here.
7600 -webkit-user-select: none
;
7601 -moz-user-select: none
;
7602 -ms-user-select: none
;
7603 user-select: none
; }
7606 * The picker input element.
7612 * When the picker is opened, the input element is "activated".
7614 .picker__input.picker__input--active {
7615 border-color: #0089ec; }
7618 * The holder is the only "scrollable" top-level container element.
7623 -webkit-overflow-scrolling: touch
; }
7626 * Default mobile-first, responsive styling for pickadate.js
7627 * Demo: http://amsul.github.io/pickadate.js
7630 * Note: the root picker element should *NOT* be styled more than what's here.
7633 * Make the holder and frame fullscreen.
7635 .picker__holder, .picker__frame {
7642 * The holder should overlay the entire screen.
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
; }
7652 * The frame that bounds the box contents of the picker.
7660 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
7661 filter: alpha
(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
; }
7668 @media (min-height: 28.875em) {
7673 max-height: 80%; } }
7675 @media (min-height: 40.125em) {
7677 margin-bottom: 7.5%; } }
7680 * The wrapper sets the stage to vertically align the box contents.
7687 @media (min-height: 28.875em) {
7692 * The box contains all the picker contents.
7695 background: #ffffff;
7696 display: table-cell
;
7697 vertical-align: middle
; }
7699 @media (min-height: 28.875em) {
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); } }
7713 * When the picker opens...
7715 .picker--opened .picker__holder {
7717 background: transparent
;
7718 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
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
; }
7725 .picker--opened .picker__frame {
7727 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
7728 filter: alpha
(opacity
=100);
7732 @media (min-height: 35.875em) {
7733 .picker--opened .picker__frame {
7735 bottom: 20% auto
; } }
7738 * For `large` screens, transform into an inline picker.
7740 /* ==========================================================================
7741 CUSTOM MATERIALIZE STYLES
7742 ========================================================================== */
7743 .picker__input.picker__input--active {
7744 border-color: #E3F2FD; }
7750 @media (min-height: 38.875em) {
7751 .picker--opened .picker__frame {
7755 /* ==========================================================================
7757 ========================================================================== */
7765 * The header containing the month and year stuff.
7770 margin-top: .75em; }
7773 * The month and year labels.
7775 .picker__month, .picker__year {
7776 display: inline-block
;
7778 margin-right: .25em; }
7781 * The month and year selectors.
7783 .picker__select--month, .picker__select--year {
7787 margin-right: .25em; }
7789 .picker__select--month.browser-default {
7791 background-color: #FFFFFF;
7794 .picker__select--year.browser-default {
7796 background-color: #FFFFFF;
7799 .picker__select--month:focus, .picker__select--year:focus {
7800 border-color: rgba
(0, 0, 0, 0.05); }
7803 * The month navigation buttons.
7805 .picker__nav--prev, .picker__nav--next {
7807 padding: .5em 1.25em;
7810 box-sizing: content-box
;
7813 .picker__nav--prev {
7815 padding-right: 1.25em; }
7817 .picker__nav--next {
7819 padding-left: 1.25em; }
7821 .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
7824 border-right-color: #f5f5f5;
7825 border-left-color: #f5f5f5; }
7828 * The calendar table of dates
7832 border-collapse: collapse
;
7834 table-layout: fixed
;
7838 margin-bottom: .5em; }
7840 .picker__table th, .picker__table td {
7841 text-align: center
; }
7848 * The weekday labels
7851 width: 14.285714286%;
7853 padding-bottom: .25em;
7856 /* Increase the spacing a tad */ }
7858 @media (min-height: 33.875em) {
7860 padding-bottom: .5em; } }
7863 * The days on the calendar
7865 .picker__day--today {
7868 letter-spacing: -.3;
7871 border: 1px solid transparent
; }
7873 .picker__day--disabled:before {
7874 border-top-color: #aaaaaa; }
7876 .picker__day--infocus:hover {
7881 .picker__day--outfocus {
7886 .picker__day--outfocus:hover {
7891 .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
7894 .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
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;
7904 .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
7905 background: #f5f5f5;
7906 border-color: #f5f5f5;
7910 .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
7911 background: #bbbbbb; }
7914 * The footer containing the "today", "clear", and "close" buttons.
7919 align-items: center
;
7920 justify-content: space-between
; }
7922 .picker__button--today, .picker__button--clear, .picker__button--close {
7923 border: 1px solid
#ffffff;
7924 background: #ffffff;
7929 display: inline-block
;
7930 vertical-align: bottom
; }
7932 .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
7935 background: #b1dcfb;
7936 border-bottom-color: #b1dcfb; }
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);
7943 .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {
7945 display: inline-block
;
7948 .picker__button--today:before, .picker__button--clear:before {
7950 margin-right: .45em; }
7952 .picker__button--today:before {
7955 border-top: 0.66em solid
#0059bc;
7956 border-left: .66em solid transparent
; }
7958 .picker__button--clear:before {
7961 border-top: 3px solid
#ee2200; }
7963 .picker__button--close:before {
7966 vertical-align: top
;
7968 margin-right: .35em;
7971 .picker__button--today[disabled], .picker__button--today[disabled]:hover {
7972 background: #f5f5f5;
7973 border-color: #f5f5f5;
7977 .picker__button--today[disabled]:before {
7978 border-top-color: #aaaaaa; }
7980 /* ==========================================================================
7981 CUSTOM MATERIALIZE STYLES
7982 ========================================================================== */
7987 .picker__date-display {
7989 background-color: #26a69a;
7991 padding-bottom: 15px;
7994 .picker__nav--prev:hover, .picker__nav--next:hover {
7997 background: #a1ded8; }
7999 .picker__weekday-display {
8000 background-color: #1f897f;
8005 margin-bottom: 15px; }
8007 .picker__month-display {
8008 text-transform: uppercase
;
8011 .picker__day-display {
8015 .picker__year-display {
8017 color: rgba
(255, 255, 255, 0.4); }
8022 .picker__calendar-container {
8024 .picker__calendar-container thead {
8029 margin-bottom: .5em; }
8031 .picker__day--infocus {
8033 letter-spacing: -.3;
8036 border: 1px solid transparent
; }
8038 .picker__day.picker__day--today {
8041 .picker__day.picker__day--today.picker__day--selected {
8047 .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
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;
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; }
8061 padding: 5px 10px; }
8063 .picker__close, .picker__today {
8068 .picker__nav--prev:before, .picker__nav--next:before {
8070 border-top: .5em solid transparent
;
8071 border-bottom: .5em solid transparent
;
8072 border-right: 0.75em solid
#676767;
8078 .picker__nav--next:before {
8080 border-left: 0.75em solid
#676767; }
8082 button
.picker__today:focus
, button
.picker__clear:focus
, button
.picker__close:focus
{
8083 background-color: #a1ded8; }
8085 /* ==========================================================================
8087 ========================================================================== */
8089 * The list of times.
8093 padding: 0.75em 0 4.2em;
8097 * The times on the clock.
8099 .picker__list-item {
8100 border-bottom: 1px solid
#dddddd;
8101 border-top: 1px solid
#dddddd;
8102 margin-bottom: -1px;
8104 background: #ffffff;
8105 padding: .75em 1.25em; }
8107 @media (min-height: 46.75em) {
8108 .picker__list-item {
8109 padding: .5em 1em; } }
8112 .picker__list-item:hover {
8115 background: #b1dcfb;
8116 border-color: #0089ec;
8119 /* Highlighted and hovered/focused time */
8120 .picker__list-item--highlighted {
8121 border-color: #0089ec;
8124 .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {
8127 background: #b1dcfb; }
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;
8136 .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled {
8137 background: #f5f5f5;
8138 border-color: #f5f5f5;
8141 border-color: #dddddd;
8147 .picker--time .picker__button--clear {
8151 padding: 1em 1.25em;
8157 text-transform: uppercase
;
8160 .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus {
8162 background: #b1dcfb;
8163 background: #ee2200;
8164 border-color: #ee2200;
8169 .picker--time .picker__button--clear:before {
8173 font-weight: bold
; }
8175 .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before {
8178 /* ==========================================================================
8179 $DEFAULT-TIME-PICKER
8180 ========================================================================== */
8182 * The frame the bounds the time picker.
8184 .picker--time .picker__frame {
8191 .picker--time .picker__box {
8193 background: #f2f2f2;
8196 @media (min-height: 40.125em) {
8197 .picker--time .picker__box {
8198 margin-bottom: 5em; } }