2 * Materialize v0.97.0 (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 ***/
1641 /*** Typography ***/
1642 /*** Collections ***/
1644 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
1646 * 1. Set default font family to sans-serif.
1647 * 2. Prevent iOS text size adjust after orientation change, without disabling
1651 font-family: sans-serif
;
1653 -ms-text-size-adjust: 100%;
1655 -webkit-text-size-adjust: 100%;
1659 * Remove default margin.
1664 /* HTML5 display definitions
1665 ========================================================================== */
1667 * Correct `block` display not defined for any HTML5 element in IE 8/9.
1668 * Correct `block` display not defined for `details` or `summary` in IE 10/11
1670 * Correct `block` display not defined for `main` in IE 11.
1672 article
, aside
, details
, figcaption
, figure
, footer
, header
, hgroup
, main
, menu
, nav
, section
, summary
{
1676 * 1. Correct `inline-block` display not defined in IE 8/9.
1677 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
1679 audio
, canvas
, progress
, video
{
1680 display: inline-block
;
1682 vertical-align: baseline
;
1686 * Prevent modern browsers from displaying `audio` without controls.
1687 * Remove excess height in iOS 5 devices.
1689 audio:not
([controls
]) {
1694 * Address `[hidden]` styling not present in IE 8/9/10.
1695 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
1697 [hidden
], template
{
1701 ========================================================================== */
1703 * Remove the gray background color from active links in IE 10.
1706 background-color: transparent
; }
1709 * Improve readability when focused and also mouse hovered in all browsers.
1714 /* Text-level semantics
1715 ========================================================================== */
1717 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
1720 border-bottom: 1px dotted
; }
1723 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
1726 font-weight: bold
; }
1729 * Address styling not present in Safari and Chrome.
1732 font-style: italic
; }
1735 * Address variable `h1` font-size and margin within `section` and `article`
1736 * contexts in Firefox 4+, Safari, and Chrome.
1743 * Address styling not present in IE 8/9.
1750 * Address inconsistent and variable font size in all browsers.
1756 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
1762 vertical-align: baseline
; }
1771 ========================================================================== */
1773 * Remove border when inside `a` element in IE 8/9/10.
1779 * Correct overflow not hidden in IE 9/10/11.
1785 ========================================================================== */
1787 * Address margin not present in IE 8/9 and Safari.
1793 * Address differences between Firefox and other browsers.
1796 -moz-box-sizing: content-box
;
1797 box-sizing: content-box
;
1801 * Contain overflow in all browsers.
1807 * Address odd `em`-unit font size rendering in all browsers.
1809 code
, kbd
, pre
, samp
{
1810 font-family: monospace
, monospace
;
1814 ========================================================================== */
1816 * Known limitation: by default, Chrome and Safari on OS X allow very limited
1817 * styling of `select`, unless a `border` property is set.
1820 * 1. Correct color not being inherited.
1821 * Known issue: affects color of disabled elements.
1822 * 2. Correct font properties not being inherited.
1823 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
1825 button
, input
, optgroup
, select
, textarea
{
1834 * Address `overflow` set to `hidden` in IE 8/9/10/11.
1837 overflow: visible
; }
1840 * Address inconsistent `text-transform` inheritance for `button` and `select`.
1841 * All other form control elements do not inherit `text-transform` values.
1842 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
1843 * Correct `select` style inheritance in Firefox.
1846 text-transform: none
; }
1849 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
1850 * and `video` controls.
1851 * 2. Correct inability to style clickable `input` types in iOS.
1852 * 3. Improve usability and consistency of cursor style between image-type
1853 * `input` and others.
1856 html input
[type
="button"], button
, input
[type
="reset"], input
[type
="submit"] {
1857 -webkit-appearance: button
;
1863 * Re-set default cursor for disabled elements.
1865 button
[disabled
], html input
[disabled
] {
1869 * Remove inner padding and border in Firefox 4+.
1871 button::-moz-focus-inner
, input::-moz-focus-inner
{
1876 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
1877 * the UA stylesheet.
1880 line-height: normal
; }
1883 * It's recommended that you don't attempt to style these elements.
1884 * Firefox's implementation doesn't respect box-sizing, padding, or width.
1886 * 1. Address box sizing set to `content-box` in IE 8/9/10.
1887 * 2. Remove excess padding in IE 8/9/10.
1889 input
[type
="checkbox"], input
[type
="radio"] {
1890 box-sizing: border-box
;
1896 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
1897 * `font-size` values of the `input`, it causes the cursor style of the
1898 * decrement button to change from `default` to `text`.
1900 input
[type
="number"]::-webkit-inner-spin-button
, input
[type
="number"]::-webkit-outer-spin-button
{
1904 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
1905 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
1906 * (include `-moz` to future-proof).
1908 input
[type
="search"] {
1909 -webkit-appearance: textfield
;
1911 -moz-box-sizing: content-box
;
1912 -webkit-box-sizing: content-box
;
1914 box-sizing: content-box
; }
1917 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
1918 * Safari (but not Chrome) clips the cancel button when the search input has
1919 * padding (and `textfield` appearance).
1921 input
[type
="search"]::-webkit-search-cancel-button
, input
[type
="search"]::-webkit-search-decoration
{
1922 -webkit-appearance: none
; }
1925 * Define consistent border, margin, and padding.
1928 border: 1px solid
#c0c0c0;
1930 padding: 0.35em 0.625em 0.75em; }
1933 * 1. Correct `color` not being inherited in IE 8/9/10/11.
1934 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
1943 * Remove default vertical scrollbar in IE 8/9/10/11.
1949 * Don't inherit the `font-weight` (applied by a rule above).
1950 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
1953 font-weight: bold
; }
1956 ========================================================================== */
1958 * Remove most spacing between table cells.
1961 border-collapse: collapse
;
1962 border-spacing: 0; }
1968 box-sizing: border-box
; }
1970 *, *:before
, *:after
{
1971 box-sizing: inherit
; }
1974 list-style-type: none
; }
1978 text-decoration: none
;
1979 -webkit-tap-highlight-color: transparent
; }
1982 display: -webkit-box
;
1984 display: -ms-flexbox
;
1985 display: -webkit-flex
;
1987 -webkit-flex-align: center
;
1988 -ms-flex-align: center
;
1989 -webkit-align-items: center
;
1990 align-items: center
; }
1991 .valign-wrapper .valign {
1997 list-style-type: none
; }
2003 box-shadow: none
!important
; }
2005 .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
2006 box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.16), 0 2px 10px 0 rgba
(0, 0, 0, 0.12); }
2008 .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
2009 box-shadow: 0 5px 11px 0 rgba
(0, 0, 0, 0.18), 0 4px 15px 0 rgba
(0, 0, 0, 0.15); }
2012 box-shadow: 0 8px 17px 0 rgba
(0, 0, 0, 0.2), 0 6px 20px 0 rgba
(0, 0, 0, 0.19); }
2015 box-shadow: 0 12px 15px 0 rgba
(0, 0, 0, 0.24), 0 17px 50px 0 rgba
(0, 0, 0, 0.19); }
2017 .z-depth-4, .modal {
2018 box-shadow: 0 16px 28px 0 rgba
(0, 0, 0, 0.22), 0 25px 55px 0 rgba
(0, 0, 0, 0.21); }
2021 box-shadow: 0 27px 24px 0 rgba
(0, 0, 0, 0.2), 0 40px 77px 0 rgba
(0, 0, 0, 0.22); }
2024 transition: box-shadow
.25s;
2025 box-shadow: 0 8px 17px 0 rgba
(0, 0, 0, 0.2), 0 6px 20px 0 rgba
(0, 0, 0, 0.19); }
2030 background-color: #e0e0e0; }
2034 padding-left: 1.5rem;
2035 border-left: 5px solid
#ee6e73; }
2038 line-height: inherit
; }
2041 margin-right: 15px; }
2044 margin-left: 15px; }
2054 img
.responsive-img
, video
.responsive-video
{
2064 text-align: center
; }
2067 .pagination li.active a {
2069 .pagination li.active {
2070 background-color: #ee6e73; }
2071 .pagination li.disabled a {
2076 .pagination li.pages ul li {
2077 display: inline-block
;
2080 @media only screen and
(max-width : 992px) {
2083 .pagination li.prev, .pagination li.next {
2085 .pagination li.pages {
2088 white-space: nowrap
; } }
2090 .parallax-container {
2109 -webkit-transform: translate3d
(0, 0, 0);
2110 transform: translate3d
(0, 0, 0);
2111 transform: translateX
(-50%); }
2113 .pin-top, .pin-bottom {
2114 position: relative
; }
2117 position: fixed
!important
; }
2119 /*********************
2121 **********************/
2122 ul
.staggered-list li
{
2127 transform-origin: 0 50%; }
2129 /*********************
2131 **********************/
2132 @media only screen and
(max-width : 600px) {
2133 .hide-on-small-only, .hide-on-small-and-down {
2134 display: none
!important
; } }
2136 @media only screen and
(max-width : 992px) {
2137 .hide-on-med-and-down {
2138 display: none
!important
; } }
2140 @media only screen and
(min-width : 601px) {
2141 .hide-on-med-and-up {
2142 display: none
!important
; } }
2144 @media only screen and
(min-width: 600px) and
(max-width: 992px) {
2146 display: none
!important
; } }
2148 @media only screen and
(min-width : 993px) {
2149 .hide-on-large-only {
2150 display: none
!important
; } }
2152 @media only screen and
(min-width : 993px) {
2154 display: initial
!important
; } }
2156 @media only screen and
(min-width: 600px) and
(max-width: 992px) {
2158 display: initial
!important
; } }
2160 @media only screen and
(max-width : 600px) {
2162 display: initial
!important
; } }
2164 @media only screen and
(min-width : 601px) {
2165 .show-on-medium-and-up {
2166 display: initial
!important
; } }
2168 @media only screen and
(max-width : 992px) {
2169 .show-on-medium-and-down {
2170 display: initial
!important
; } }
2172 @media only screen and
(max-width : 600px) {
2173 .center-on-small-only {
2174 text-align: center
; } }
2176 footer
.page-footer
{
2179 background-color: #ee6e73; }
2180 footer
.page-footer
.footer-copyright
{
2184 color: rgba
(255, 255, 255, 0.8);
2185 background-color: rgba
(51, 51, 51, 0.08); }
2193 table
.bordered
> thead
> tr
, table
.bordered
> tbody
> tr
{
2194 border-bottom: 1px solid
#d0d0d0; }
2195 table
.striped
> tbody
> tr:nth-child
(odd
) {
2196 background-color: #f2f2f2; }
2197 table
.striped
> tbody
> tr
> td
{
2198 border-radius: 0px; }
2199 table
.hoverable
> tbody
> tr
{
2200 -webkit-transition: background-color
.25s ease
;
2201 -moz-transition: background-color
.25s ease
;
2202 -o-transition: background-color
.25s ease
;
2203 -ms-transition: background-color
.25s ease
;
2204 transition: background-color
.25s ease
; }
2205 table
.hoverable
> tbody
> tr:hover
{
2206 background-color: #f2f2f2; }
2207 table
.centered thead tr th
, table
.centered tbody tr td
{
2208 text-align: center
; }
2211 border-bottom: 1px solid
#d0d0d0; }
2215 display: table-cell
;
2217 vertical-align: middle
;
2218 border-radius: 2px; }
2220 @media only screen and
(max-width : 992px) {
2221 table
.responsive-table
{
2223 border-collapse: collapse
;
2227 /* sort out borders */ }
2228 table
.responsive-table th
, table
.responsive-table td
{
2230 vertical-align: top
; }
2231 table
.responsive-table th
{
2233 table
.responsive-table thead
{
2236 table
.responsive-table thead tr
{
2238 padding: 0 10px 0 0; }
2239 table
.responsive-table thead tr
th::before
{
2241 table
.responsive-table tbody
{
2246 white-space: nowrap
; }
2247 table
.responsive-table tbody tr
{
2248 display: inline-block
;
2249 vertical-align: top
; }
2250 table
.responsive-table th
{
2252 text-align: right
; }
2253 table
.responsive-table td
{
2257 table
.responsive-table tr
{
2259 table
.responsive-table thead
{
2261 border-right: 1px solid
#d0d0d0; }
2262 table
.responsive-table
.bordered th
{
2265 table
.responsive-table
.bordered td
{
2269 table
.responsive-table
.bordered tr
{
2271 table
.responsive-table
.bordered tbody tr
{
2272 border-right: 1px solid
#d0d0d0; } }
2275 margin: 0.5rem 0 1rem 0;
2276 border: 1px solid
#e0e0e0;
2279 position: relative
; }
2280 .collection .collection-item {
2281 background-color: #fff;
2282 line-height: 1.5rem;
2285 border-bottom: 1px solid
#e0e0e0; }
2286 .collection .collection-item.avatar {
2289 position: relative
; }
2290 .collection .collection-item.avatar .circle {
2296 display: inline-block
;
2297 vertical-align: middle
; }
2298 .collection .collection-item.avatar i.circle {
2302 background-color: #999;
2303 text-align: center
; }
2304 .collection .collection-item.avatar .title {
2306 .collection .collection-item.avatar p {
2308 .collection .collection-item.avatar .secondary-content {
2312 .collection .collection-item:last-child {
2313 border-bottom: none
; }
2314 .collection .collection-item.active {
2315 background-color: #26a69a;
2317 .collection a.collection-item {
2319 -webkit-transition: 0.25s;
2320 -moz-transition: 0.25s;
2321 -o-transition: 0.25s;
2322 -ms-transition: 0.25s;
2325 .collection a.collection-item:not(.active):hover {
2326 background-color: #ddd; }
2327 .collection.with-header .collection-header {
2328 background-color: #fff;
2329 border-bottom: 1px solid
#e0e0e0;
2330 padding: 10px 20px; }
2331 .collection.with-header .collection-item {
2332 padding-left: 30px; }
2333 .collection.with-header .collection-item.avatar {
2334 padding-left: 72px; }
2336 .secondary-content {
2345 line-height: inherit
;
2349 -webkit-box-sizing: border-box
;
2350 -moz-box-sizing: border-box
;
2351 box-sizing: border-box
; }
2356 background-color: #26a69a;
2357 border-radius: 2px; }
2358 span
.badge
.new:after
{
2363 padding-bottom: 56.25%;
2367 .video-container.no-controls {
2369 .video-container iframe, .video-container object, .video-container embed {
2381 background-color: #acece6;
2383 margin: 0.5rem 0 1rem 0;
2385 .progress .determinate {
2387 background-color: inherit
;
2391 background-color: #26a69a;
2392 -webkit-transition: width
.3s linear
;
2393 -moz-transition: width
.3s linear
;
2394 -o-transition: width
.3s linear
;
2395 -ms-transition: width
.3s linear
;
2396 transition: width
.3s linear
; }
2397 .progress .indeterminate {
2398 background-color: #26a69a; }
2399 .progress .indeterminate:before {
2402 background-color: inherit
;
2406 will-change: left
, right
;
2407 -webkit-animation: indeterminate
2.1s cubic-bezier
(0.65, 0.815, 0.735, 0.395) infinite
;
2408 -moz-animation: indeterminate
2.1s cubic-bezier
(0.65, 0.815, 0.735, 0.395) infinite
;
2409 -ms-animation: indeterminate
2.1s cubic-bezier
(0.65, 0.815, 0.735, 0.395) infinite
;
2410 -o-animation: indeterminate
2.1s cubic-bezier
(0.65, 0.815, 0.735, 0.395) infinite
;
2411 animation: indeterminate
2.1s cubic-bezier
(0.65, 0.815, 0.735, 0.395) infinite
; }
2412 .progress .indeterminate:after {
2415 background-color: inherit
;
2419 will-change: left
, right
;
2420 -webkit-animation: indeterminate-short
2.1s cubic-bezier
(0.165, 0.84, 0.44, 1) infinite
;
2421 -moz-animation: indeterminate-short
2.1s cubic-bezier
(0.165, 0.84, 0.44, 1) infinite
;
2422 -ms-animation: indeterminate-short
2.1s cubic-bezier
(0.165, 0.84, 0.44, 1) infinite
;
2423 -o-animation: indeterminate-short
2.1s cubic-bezier
(0.165, 0.84, 0.44, 1) infinite
;
2424 animation: indeterminate-short
2.1s cubic-bezier
(0.165, 0.84, 0.44, 1) infinite
;
2425 -webkit-animation-delay: 1.15s;
2426 -moz-animation-delay: 1.15s;
2427 -ms-animation-delay: 1.15s;
2428 -o-animation-delay: 1.15s;
2429 animation-delay: 1.15s; }
2431 @-webkit-keyframes indeterminate
{
2444 @-moz-keyframes indeterminate
{
2457 @keyframes indeterminate
{
2470 @-webkit-keyframes indeterminate-short
{
2483 @-moz-keyframes indeterminate-short
{
2496 @keyframes indeterminate-short
{
2509 /*******************
2511 *******************/
2513 display: none
!important
; }
2519 text-align: right
; }
2521 .center, .center-align {
2522 text-align: center
; }
2525 float: left
!important
; }
2528 float: right
!important
; }
2530 .no-select, input[type=range], input[type=range] + .thumb {
2531 -webkit-touch-callout: none
;
2532 -webkit-user-select: none
;
2533 -khtml-user-select: none
;
2534 -moz-user-select: none
;
2535 -ms-user-select: none
;
2536 user-select: none
; }
2539 border-radius: 50%; }
2544 margin-right: auto
; }
2548 white-space: nowrap
;
2550 text-overflow: ellipsis
; }
2553 padding: 0 !important
; }
2556 font-family: "Material-Design-Icons";
2557 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");
2558 font-weight: normal
;
2559 font-style: normal
; }
2561 [class^
="mdi-"], [class
*="mdi-"] {
2563 display: inline-block
;
2564 font-family: "Material-Design-Icons";
2566 font-weight: normal
;
2567 font-variant: normal
;
2568 text-rendering: auto
;
2569 /* Better Font Rendering =========== */
2570 -webkit-font-smoothing: antialiased
;
2571 -moz-osx-font-smoothing: grayscale
;
2572 transform: translate
(0, 0); }
2573 [class^
="mdi-"]:before
, [class
*="mdi-"]:before
{
2574 display: inline-block
;
2576 text-decoration: inherit
; }
2577 [class^
="mdi-"].pull-left
, [class
*="mdi-"].pull-left
{
2578 margin-right: .3em; }
2579 [class^
="mdi-"].pull-right
, [class
*="mdi-"].pull-right
{
2580 margin-left: .3em; }
2581 [class^
="mdi-"].mdi-lg:before
, [class^
="mdi-"].mdi-lg:after
, [class
*="mdi-"].mdi-lg:before
, [class
*="mdi-"].mdi-lg:after
{
2582 font-size: 1.33333333em;
2583 line-height: 0.75em;
2584 vertical-align: -15%; }
2585 [class^
="mdi-"].mdi-2x:before
, [class^
="mdi-"].mdi-2x:after
, [class
*="mdi-"].mdi-2x:before
, [class
*="mdi-"].mdi-2x:after
{
2587 [class^
="mdi-"].mdi-3x:before
, [class^
="mdi-"].mdi-3x:after
, [class
*="mdi-"].mdi-3x:before
, [class
*="mdi-"].mdi-3x:after
{
2589 [class^
="mdi-"].mdi-4x:before
, [class^
="mdi-"].mdi-4x:after
, [class
*="mdi-"].mdi-4x:before
, [class
*="mdi-"].mdi-4x:after
{
2591 [class^
="mdi-"].mdi-5x:before
, [class^
="mdi-"].mdi-5x:after
, [class
*="mdi-"].mdi-5x:before
, [class
*="mdi-"].mdi-5x:after
{
2594 [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
{
2600 display: inline-block
;
2602 text-decoration: inherit
; }
2604 [class^
="mdi-device-signal-cellular-"]:after
{
2607 [class^
="mdi-device-battery-"]:after
{
2610 [class^
="mdi-device-battery-charging-"]:after
{
2613 [class^
="mdi-device-signal-cellular-connected-no-internet-"]:after
{
2616 [class^
="mdi-device-signal-wifi-"]:after
, .mdi-device-network-wifi:after
{
2619 [class^
="mdi-device-signal-wifi-statusbasr-not-connected"]:after
{
2622 .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 {
2626 width: 1.28571429em;
2627 text-align: center
; }
2631 margin-left: 2.14285714em;
2632 list-style-type: none
; }
2635 position: relative
; }
2639 left: -2.14285714em;
2640 width: 2.14285714em;
2642 text-align: center
; }
2645 left: -1.85714286em; }
2648 padding: .2em .25em .15em;
2649 border: solid
0.08em #eeeeee;
2650 border-radius: .1em; }
2653 -webkit-animation: mdi-spin
2s infinite linear
;
2654 animation: mdi-spin
2s infinite linear
;
2655 -webkit-transform-origin: 50% 50%;
2656 -moz-transform-origin: 50% 50%;
2657 -o-transform-origin: 50% 50%;
2658 transform-origin: 50% 50%; }
2661 -webkit-animation: mdi-spin
1s steps
(8) infinite
;
2662 animation: mdi-spin
1s steps
(8) infinite
;
2663 -webkit-transform-origin: 50% 50%;
2664 -moz-transform-origin: 50% 50%;
2665 -o-transform-origin: 50% 50%;
2666 transform-origin: 50% 50%; }
2668 @-webkit-keyframes mdi-spin
{
2670 -webkit-transform: rotate
(0deg);
2671 transform: rotate
(0deg); }
2674 -webkit-transform: rotate
(359deg);
2675 transform: rotate
(359deg); } }
2677 @keyframes mdi-spin
{
2679 -webkit-transform: rotate
(0deg);
2680 transform: rotate
(0deg); }
2683 -webkit-transform: rotate
(359deg);
2684 transform: rotate
(359deg); } }
2687 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=1);
2688 -webkit-transform: rotate
(90deg);
2689 -ms-transform: rotate
(90deg);
2690 transform: rotate
(90deg); }
2693 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=2);
2694 -webkit-transform: rotate
(180deg);
2695 -ms-transform: rotate
(180deg);
2696 transform: rotate
(180deg); }
2699 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=3);
2700 -webkit-transform: rotate
(270deg);
2701 -ms-transform: rotate
(270deg);
2702 transform: rotate
(270deg); }
2704 .mdi-flip-horizontal {
2705 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=0, mirror
=1);
2706 -webkit-transform: scale
(-1, 1);
2707 -ms-transform: scale
(-1, 1);
2708 transform: scale
(-1, 1); }
2710 .mdi-flip-vertical {
2711 filter: progid:DXImageTransform
.Microsoft
.BasicImage
(rotation
=2, mirror
=1);
2712 -webkit-transform: scale
(1, -1);
2713 -ms-transform: scale
(1, -1);
2714 transform: scale
(1, -1); }
2716 :root
.mdi-rotate-90
, :root
.mdi-rotate-180
, :root
.mdi-rotate-270
, :root
.mdi-flip-horizontal
, :root
.mdi-flip-vertical
{
2721 display: inline-block
;
2725 vertical-align: middle
; }
2727 .mdi-stack-1x, .mdi-stack-2x {
2731 text-align: center
; }
2734 line-height: inherit
; }
2743 .mdi-action-3d-rotation:before {
2746 .mdi-action-accessibility:before {
2749 .mdi-action-account-balance-wallet:before {
2752 .mdi-action-account-balance:before {
2755 .mdi-action-account-box:before {
2758 .mdi-action-account-child:before {
2761 .mdi-action-account-circle:before {
2764 .mdi-action-add-shopping-cart:before {
2767 .mdi-action-alarm-add:before {
2770 .mdi-action-alarm-off:before {
2773 .mdi-action-alarm-on:before {
2776 .mdi-action-alarm:before {
2779 .mdi-action-android:before {
2782 .mdi-action-announcement:before {
2785 .mdi-action-aspect-ratio:before {
2788 .mdi-action-assessment:before {
2791 .mdi-action-assignment-ind:before {
2794 .mdi-action-assignment-late:before {
2797 .mdi-action-assignment-return:before {
2800 .mdi-action-assignment-returned:before {
2803 .mdi-action-assignment-turned-in:before {
2806 .mdi-action-assignment:before {
2809 .mdi-action-autorenew:before {
2812 .mdi-action-backup:before {
2815 .mdi-action-book:before {
2818 .mdi-action-bookmark-outline:before {
2821 .mdi-action-bookmark:before {
2824 .mdi-action-bug-report:before {
2827 .mdi-action-cached:before {
2830 .mdi-action-check-circle:before {
2833 .mdi-action-class:before {
2836 .mdi-action-credit-card:before {
2839 .mdi-action-dashboard:before {
2842 .mdi-action-delete:before {
2845 .mdi-action-description:before {
2848 .mdi-action-dns:before {
2851 .mdi-action-done-all:before {
2854 .mdi-action-done:before {
2857 .mdi-action-event:before {
2860 .mdi-action-exit-to-app:before {
2863 .mdi-action-explore:before {
2866 .mdi-action-extension:before {
2869 .mdi-action-face-unlock:before {
2872 .mdi-action-favorite-outline:before {
2875 .mdi-action-favorite:before {
2878 .mdi-action-find-in-page:before {
2881 .mdi-action-find-replace:before {
2884 .mdi-action-flip-to-back:before {
2887 .mdi-action-flip-to-front:before {
2890 .mdi-action-get-app:before {
2893 .mdi-action-grade:before {
2896 .mdi-action-group-work:before {
2899 .mdi-action-help:before {
2902 .mdi-action-highlight-remove:before {
2905 .mdi-action-history:before {
2908 .mdi-action-home:before {
2911 .mdi-action-https:before {
2914 .mdi-action-info-outline:before {
2917 .mdi-action-info:before {
2920 .mdi-action-input:before {
2923 .mdi-action-invert-colors:before {
2926 .mdi-action-label-outline:before {
2929 .mdi-action-label:before {
2932 .mdi-action-language:before {
2935 .mdi-action-launch:before {
2938 .mdi-action-list:before {
2941 .mdi-action-lock-open:before {
2944 .mdi-action-lock-outline:before {
2947 .mdi-action-lock:before {
2950 .mdi-action-loyalty:before {
2953 .mdi-action-markunread-mailbox:before {
2956 .mdi-action-note-add:before {
2959 .mdi-action-open-in-browser:before {
2962 .mdi-action-open-in-new:before {
2965 .mdi-action-open-with:before {
2968 .mdi-action-pageview:before {
2971 .mdi-action-payment:before {
2974 .mdi-action-perm-camera-mic:before {
2977 .mdi-action-perm-contact-cal:before {
2980 .mdi-action-perm-data-setting:before {
2983 .mdi-action-perm-device-info:before {
2986 .mdi-action-perm-identity:before {
2989 .mdi-action-perm-media:before {
2992 .mdi-action-perm-phone-msg:before {
2995 .mdi-action-perm-scan-wifi:before {
2998 .mdi-action-picture-in-picture:before {
3001 .mdi-action-polymer:before {
3004 .mdi-action-print:before {
3007 .mdi-action-query-builder:before {
3010 .mdi-action-question-answer:before {
3013 .mdi-action-receipt:before {
3016 .mdi-action-redeem:before {
3019 .mdi-action-reorder:before {
3022 .mdi-action-report-problem:before {
3025 .mdi-action-restore:before {
3028 .mdi-action-room:before {
3031 .mdi-action-schedule:before {
3034 .mdi-action-search:before {
3037 .mdi-action-settings-applications:before {
3040 .mdi-action-settings-backup-restore:before {
3043 .mdi-action-settings-bluetooth:before {
3046 .mdi-action-settings-cell:before {
3049 .mdi-action-settings-display:before {
3052 .mdi-action-settings-ethernet:before {
3055 .mdi-action-settings-input-antenna:before {
3058 .mdi-action-settings-input-component:before {
3061 .mdi-action-settings-input-composite:before {
3064 .mdi-action-settings-input-hdmi:before {
3067 .mdi-action-settings-input-svideo:before {
3070 .mdi-action-settings-overscan:before {
3073 .mdi-action-settings-phone:before {
3076 .mdi-action-settings-power:before {
3079 .mdi-action-settings-remote:before {
3082 .mdi-action-settings-voice:before {
3085 .mdi-action-settings:before {
3088 .mdi-action-shop-two:before {
3091 .mdi-action-shop:before {
3094 .mdi-action-shopping-basket:before {
3097 .mdi-action-shopping-cart:before {
3100 .mdi-action-speaker-notes:before {
3103 .mdi-action-spellcheck:before {
3106 .mdi-action-star-rate:before {
3109 .mdi-action-stars:before {
3112 .mdi-action-store:before {
3115 .mdi-action-subject:before {
3118 .mdi-action-supervisor-account:before {
3121 .mdi-action-swap-horiz:before {
3124 .mdi-action-swap-vert-circle:before {
3127 .mdi-action-swap-vert:before {
3130 .mdi-action-system-update-tv:before {
3133 .mdi-action-tab-unselected:before {
3136 .mdi-action-tab:before {
3139 .mdi-action-theaters:before {
3142 .mdi-action-thumb-down:before {
3145 .mdi-action-thumb-up:before {
3148 .mdi-action-thumbs-up-down:before {
3151 .mdi-action-toc:before {
3154 .mdi-action-today:before {
3157 .mdi-action-track-changes:before {
3160 .mdi-action-translate:before {
3163 .mdi-action-trending-down:before {
3166 .mdi-action-trending-neutral:before {
3169 .mdi-action-trending-up:before {
3172 .mdi-action-turned-in-not:before {
3175 .mdi-action-turned-in:before {
3178 .mdi-action-verified-user:before {
3181 .mdi-action-view-agenda:before {
3184 .mdi-action-view-array:before {
3187 .mdi-action-view-carousel:before {
3190 .mdi-action-view-column:before {
3193 .mdi-action-view-day:before {
3196 .mdi-action-view-headline:before {
3199 .mdi-action-view-list:before {
3202 .mdi-action-view-module:before {
3205 .mdi-action-view-quilt:before {
3208 .mdi-action-view-stream:before {
3211 .mdi-action-view-week:before {
3214 .mdi-action-visibility-off:before {
3217 .mdi-action-visibility:before {
3220 .mdi-action-wallet-giftcard:before {
3223 .mdi-action-wallet-membership:before {
3226 .mdi-action-wallet-travel:before {
3229 .mdi-action-work:before {
3232 .mdi-alert-error:before {
3235 .mdi-alert-warning:before {
3238 .mdi-av-album:before {
3241 .mdi-av-closed-caption:before {
3244 .mdi-av-equalizer:before {
3247 .mdi-av-explicit:before {
3250 .mdi-av-fast-forward:before {
3253 .mdi-av-fast-rewind:before {
3256 .mdi-av-games:before {
3259 .mdi-av-hearing:before {
3262 .mdi-av-high-quality:before {
3265 .mdi-av-loop:before {
3268 .mdi-av-mic-none:before {
3271 .mdi-av-mic-off:before {
3274 .mdi-av-mic:before {
3277 .mdi-av-movie:before {
3280 .mdi-av-my-library-add:before {
3283 .mdi-av-my-library-books:before {
3286 .mdi-av-my-library-music:before {
3289 .mdi-av-new-releases:before {
3292 .mdi-av-not-interested:before {
3295 .mdi-av-pause-circle-fill:before {
3298 .mdi-av-pause-circle-outline:before {
3301 .mdi-av-pause:before {
3304 .mdi-av-play-arrow:before {
3307 .mdi-av-play-circle-fill:before {
3310 .mdi-av-play-circle-outline:before {
3313 .mdi-av-play-shopping-bag:before {
3316 .mdi-av-playlist-add:before {
3319 .mdi-av-queue-music:before {
3322 .mdi-av-queue:before {
3325 .mdi-av-radio:before {
3328 .mdi-av-recent-actors:before {
3331 .mdi-av-repeat-one:before {
3334 .mdi-av-repeat:before {
3337 .mdi-av-replay:before {
3340 .mdi-av-shuffle:before {
3343 .mdi-av-skip-next:before {
3346 .mdi-av-skip-previous:before {
3349 .mdi-av-snooze:before {
3352 .mdi-av-stop:before {
3355 .mdi-av-subtitles:before {
3358 .mdi-av-surround-sound:before {
3361 .mdi-av-timer:before {
3364 .mdi-av-video-collection:before {
3367 .mdi-av-videocam-off:before {
3370 .mdi-av-videocam:before {
3373 .mdi-av-volume-down:before {
3376 .mdi-av-volume-mute:before {
3379 .mdi-av-volume-off:before {
3382 .mdi-av-volume-up:before {
3385 .mdi-av-web:before {
3388 .mdi-communication-business:before {
3391 .mdi-communication-call-end:before {
3394 .mdi-communication-call-made:before {
3397 .mdi-communication-call-merge:before {
3400 .mdi-communication-call-missed:before {
3403 .mdi-communication-call-received:before {
3406 .mdi-communication-call-split:before {
3409 .mdi-communication-call:before {
3412 .mdi-communication-chat:before {
3415 .mdi-communication-clear-all:before {
3418 .mdi-communication-comment:before {
3421 .mdi-communication-contacts:before {
3424 .mdi-communication-dialer-sip:before {
3427 .mdi-communication-dialpad:before {
3430 .mdi-communication-dnd-on:before {
3433 .mdi-communication-email:before {
3436 .mdi-communication-forum:before {
3439 .mdi-communication-import-export:before {
3442 .mdi-communication-invert-colors-off:before {
3445 .mdi-communication-invert-colors-on:before {
3448 .mdi-communication-live-help:before {
3451 .mdi-communication-location-off:before {
3454 .mdi-communication-location-on:before {
3457 .mdi-communication-message:before {
3460 .mdi-communication-messenger:before {
3463 .mdi-communication-no-sim:before {
3466 .mdi-communication-phone:before {
3469 .mdi-communication-portable-wifi-off:before {
3472 .mdi-communication-quick-contacts-dialer:before {
3475 .mdi-communication-quick-contacts-mail:before {
3478 .mdi-communication-ring-volume:before {
3481 .mdi-communication-stay-current-landscape:before {
3484 .mdi-communication-stay-current-portrait:before {
3487 .mdi-communication-stay-primary-landscape:before {
3490 .mdi-communication-stay-primary-portrait:before {
3493 .mdi-communication-swap-calls:before {
3496 .mdi-communication-textsms:before {
3499 .mdi-communication-voicemail:before {
3502 .mdi-communication-vpn-key:before {
3505 .mdi-content-add-box:before {
3508 .mdi-content-add-circle-outline:before {
3511 .mdi-content-add-circle:before {
3514 .mdi-content-add:before {
3517 .mdi-content-archive:before {
3520 .mdi-content-backspace:before {
3523 .mdi-content-block:before {
3526 .mdi-content-clear:before {
3529 .mdi-content-content-copy:before {
3532 .mdi-content-content-cut:before {
3535 .mdi-content-content-paste:before {
3538 .mdi-content-create:before {
3541 .mdi-content-drafts:before {
3544 .mdi-content-filter-list:before {
3547 .mdi-content-flag:before {
3550 .mdi-content-forward:before {
3553 .mdi-content-gesture:before {
3556 .mdi-content-inbox:before {
3559 .mdi-content-link:before {
3562 .mdi-content-mail:before {
3565 .mdi-content-markunread:before {
3568 .mdi-content-redo:before {
3571 .mdi-content-remove-circle-outline:before {
3574 .mdi-content-remove-circle:before {
3577 .mdi-content-remove:before {
3580 .mdi-content-reply-all:before {
3583 .mdi-content-reply:before {
3586 .mdi-content-report:before {
3589 .mdi-content-save:before {
3592 .mdi-content-select-all:before {
3595 .mdi-content-send:before {
3598 .mdi-content-sort:before {
3601 .mdi-content-text-format:before {
3604 .mdi-content-undo:before {
3607 .mdi-editor-attach-file:before {
3610 .mdi-editor-attach-money:before {
3613 .mdi-editor-border-all:before {
3616 .mdi-editor-border-bottom:before {
3619 .mdi-editor-border-clear:before {
3622 .mdi-editor-border-color:before {
3625 .mdi-editor-border-horizontal:before {
3628 .mdi-editor-border-inner:before {
3631 .mdi-editor-border-left:before {
3634 .mdi-editor-border-outer:before {
3637 .mdi-editor-border-right:before {
3640 .mdi-editor-border-style:before {
3643 .mdi-editor-border-top:before {
3646 .mdi-editor-border-vertical:before {
3649 .mdi-editor-format-align-center:before {
3652 .mdi-editor-format-align-justify:before {
3655 .mdi-editor-format-align-left:before {
3658 .mdi-editor-format-align-right:before {
3661 .mdi-editor-format-bold:before {
3664 .mdi-editor-format-clear:before {
3667 .mdi-editor-format-color-fill:before {
3670 .mdi-editor-format-color-reset:before {
3673 .mdi-editor-format-color-text:before {
3676 .mdi-editor-format-indent-decrease:before {
3679 .mdi-editor-format-indent-increase:before {
3682 .mdi-editor-format-italic:before {
3685 .mdi-editor-format-line-spacing:before {
3688 .mdi-editor-format-list-bulleted:before {
3691 .mdi-editor-format-list-numbered:before {
3694 .mdi-editor-format-paint:before {
3697 .mdi-editor-format-quote:before {
3700 .mdi-editor-format-size:before {
3703 .mdi-editor-format-strikethrough:before {
3706 .mdi-editor-format-textdirection-l-to-r:before {
3709 .mdi-editor-format-textdirection-r-to-l:before {
3712 .mdi-editor-format-underline:before {
3715 .mdi-editor-functions:before {
3718 .mdi-editor-insert-chart:before {
3721 .mdi-editor-insert-comment:before {
3724 .mdi-editor-insert-drive-file:before {
3727 .mdi-editor-insert-emoticon:before {
3730 .mdi-editor-insert-invitation:before {
3733 .mdi-editor-insert-link:before {
3736 .mdi-editor-insert-photo:before {
3739 .mdi-editor-merge-type:before {
3742 .mdi-editor-mode-comment:before {
3745 .mdi-editor-mode-edit:before {
3748 .mdi-editor-publish:before {
3751 .mdi-editor-vertical-align-bottom:before {
3754 .mdi-editor-vertical-align-center:before {
3757 .mdi-editor-vertical-align-top:before {
3760 .mdi-editor-wrap-text:before {
3763 .mdi-file-attachment:before {
3766 .mdi-file-cloud-circle:before {
3769 .mdi-file-cloud-done:before {
3772 .mdi-file-cloud-download:before {
3775 .mdi-file-cloud-off:before {
3778 .mdi-file-cloud-queue:before {
3781 .mdi-file-cloud-upload:before {
3784 .mdi-file-cloud:before {
3787 .mdi-file-file-download:before {
3790 .mdi-file-file-upload:before {
3793 .mdi-file-folder-open:before {
3796 .mdi-file-folder-shared:before {
3799 .mdi-file-folder:before {
3802 .mdi-device-access-alarm:before {
3805 .mdi-device-access-alarms:before {
3808 .mdi-device-access-time:before {
3811 .mdi-device-add-alarm:before {
3814 .mdi-device-airplanemode-off:before {
3817 .mdi-device-airplanemode-on:before {
3820 .mdi-device-battery-20:before {
3823 .mdi-device-battery-30:before {
3826 .mdi-device-battery-50:before {
3829 .mdi-device-battery-60:before {
3832 .mdi-device-battery-80:before {
3835 .mdi-device-battery-90:before {
3838 .mdi-device-battery-alert:before {
3841 .mdi-device-battery-charging-20:before {
3844 .mdi-device-battery-charging-30:before {
3847 .mdi-device-battery-charging-50:before {
3850 .mdi-device-battery-charging-60:before {
3853 .mdi-device-battery-charging-80:before {
3856 .mdi-device-battery-charging-90:before {
3859 .mdi-device-battery-charging-full:before {
3862 .mdi-device-battery-full:before {
3865 .mdi-device-battery-std:before {
3868 .mdi-device-battery-unknown:before {
3871 .mdi-device-bluetooth-connected:before {
3874 .mdi-device-bluetooth-disabled:before {
3877 .mdi-device-bluetooth-searching:before {
3880 .mdi-device-bluetooth:before {
3883 .mdi-device-brightness-auto:before {
3886 .mdi-device-brightness-high:before {
3889 .mdi-device-brightness-low:before {
3892 .mdi-device-brightness-medium:before {
3895 .mdi-device-data-usage:before {
3898 .mdi-device-developer-mode:before {
3901 .mdi-device-devices:before {
3904 .mdi-device-dvr:before {
3907 .mdi-device-gps-fixed:before {
3910 .mdi-device-gps-not-fixed:before {
3913 .mdi-device-gps-off:before {
3916 .mdi-device-location-disabled:before {
3919 .mdi-device-location-searching:before {
3922 .mdi-device-multitrack-audio:before {
3925 .mdi-device-network-cell:before {
3928 .mdi-device-network-wifi:before {
3931 .mdi-device-nfc:before {
3934 .mdi-device-now-wallpaper:before {
3937 .mdi-device-now-widgets:before {
3940 .mdi-device-screen-lock-landscape:before {
3943 .mdi-device-screen-lock-portrait:before {
3946 .mdi-device-screen-lock-rotation:before {
3949 .mdi-device-screen-rotation:before {
3952 .mdi-device-sd-storage:before {
3955 .mdi-device-settings-system-daydream:before {
3958 .mdi-device-signal-cellular-0-bar:before {
3961 .mdi-device-signal-cellular-1-bar:before {
3964 .mdi-device-signal-cellular-2-bar:before {
3967 .mdi-device-signal-cellular-3-bar:before {
3970 .mdi-device-signal-cellular-4-bar:before {
3973 .mdi-signal-wifi-statusbar-connected-no-internet-after:before {
3976 .mdi-device-signal-cellular-connected-no-internet-0-bar:before {
3979 .mdi-device-signal-cellular-connected-no-internet-1-bar:before {
3982 .mdi-device-signal-cellular-connected-no-internet-2-bar:before {
3985 .mdi-device-signal-cellular-connected-no-internet-3-bar:before {
3988 .mdi-device-signal-cellular-connected-no-internet-4-bar:before {
3991 .mdi-device-signal-cellular-no-sim:before {
3994 .mdi-device-signal-cellular-null:before {
3997 .mdi-device-signal-cellular-off:before {
4000 .mdi-device-signal-wifi-0-bar:before {
4003 .mdi-device-signal-wifi-1-bar:before {
4006 .mdi-device-signal-wifi-2-bar:before {
4009 .mdi-device-signal-wifi-3-bar:before {
4012 .mdi-device-signal-wifi-4-bar:before {
4015 .mdi-device-signal-wifi-off:before {
4018 .mdi-device-signal-wifi-statusbar-1-bar:before {
4021 .mdi-device-signal-wifi-statusbar-2-bar:before {
4024 .mdi-device-signal-wifi-statusbar-3-bar:before {
4027 .mdi-device-signal-wifi-statusbar-4-bar:before {
4030 .mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
4033 .mdi-device-signal-wifi-statusbar-connected-no-internet:before {
4036 .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
4039 .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
4042 .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
4045 .mdi-signal-wifi-statusbar-not-connected-after:before {
4048 .mdi-device-signal-wifi-statusbar-not-connected:before {
4051 .mdi-device-signal-wifi-statusbar-null:before {
4054 .mdi-device-storage:before {
4057 .mdi-device-usb:before {
4060 .mdi-device-wifi-lock:before {
4063 .mdi-device-wifi-tethering:before {
4066 .mdi-hardware-cast-connected:before {
4069 .mdi-hardware-cast:before {
4072 .mdi-hardware-computer:before {
4075 .mdi-hardware-desktop-mac:before {
4078 .mdi-hardware-desktop-windows:before {
4081 .mdi-hardware-dock:before {
4084 .mdi-hardware-gamepad:before {
4087 .mdi-hardware-headset-mic:before {
4090 .mdi-hardware-headset:before {
4093 .mdi-hardware-keyboard-alt:before {
4096 .mdi-hardware-keyboard-arrow-down:before {
4099 .mdi-hardware-keyboard-arrow-left:before {
4102 .mdi-hardware-keyboard-arrow-right:before {
4105 .mdi-hardware-keyboard-arrow-up:before {
4108 .mdi-hardware-keyboard-backspace:before {
4111 .mdi-hardware-keyboard-capslock:before {
4114 .mdi-hardware-keyboard-control:before {
4117 .mdi-hardware-keyboard-hide:before {
4120 .mdi-hardware-keyboard-return:before {
4123 .mdi-hardware-keyboard-tab:before {
4126 .mdi-hardware-keyboard-voice:before {
4129 .mdi-hardware-keyboard:before {
4132 .mdi-hardware-laptop-chromebook:before {
4135 .mdi-hardware-laptop-mac:before {
4138 .mdi-hardware-laptop-windows:before {
4141 .mdi-hardware-laptop:before {
4144 .mdi-hardware-memory:before {
4147 .mdi-hardware-mouse:before {
4150 .mdi-hardware-phone-android:before {
4153 .mdi-hardware-phone-iphone:before {
4156 .mdi-hardware-phonelink-off:before {
4159 .mdi-hardware-phonelink:before {
4162 .mdi-hardware-security:before {
4165 .mdi-hardware-sim-card:before {
4168 .mdi-hardware-smartphone:before {
4171 .mdi-hardware-speaker:before {
4174 .mdi-hardware-tablet-android:before {
4177 .mdi-hardware-tablet-mac:before {
4180 .mdi-hardware-tablet:before {
4183 .mdi-hardware-tv:before {
4186 .mdi-hardware-watch:before {
4189 .mdi-image-add-to-photos:before {
4192 .mdi-image-adjust:before {
4195 .mdi-image-assistant-photo:before {
4198 .mdi-image-audiotrack:before {
4201 .mdi-image-blur-circular:before {
4204 .mdi-image-blur-linear:before {
4207 .mdi-image-blur-off:before {
4210 .mdi-image-blur-on:before {
4213 .mdi-image-brightness-1:before {
4216 .mdi-image-brightness-2:before {
4219 .mdi-image-brightness-3:before {
4222 .mdi-image-brightness-4:before {
4225 .mdi-image-brightness-5:before {
4228 .mdi-image-brightness-6:before {
4231 .mdi-image-brightness-7:before {
4234 .mdi-image-brush:before {
4237 .mdi-image-camera-alt:before {
4240 .mdi-image-camera-front:before {
4243 .mdi-image-camera-rear:before {
4246 .mdi-image-camera-roll:before {
4249 .mdi-image-camera:before {
4252 .mdi-image-center-focus-strong:before {
4255 .mdi-image-center-focus-weak:before {
4258 .mdi-image-collections:before {
4261 .mdi-image-color-lens:before {
4264 .mdi-image-colorize:before {
4267 .mdi-image-compare:before {
4270 .mdi-image-control-point-duplicate:before {
4273 .mdi-image-control-point:before {
4276 .mdi-image-crop-3-2:before {
4279 .mdi-image-crop-5-4:before {
4282 .mdi-image-crop-7-5:before {
4285 .mdi-image-crop-16-9:before {
4288 .mdi-image-crop-din:before {
4291 .mdi-image-crop-free:before {
4294 .mdi-image-crop-landscape:before {
4297 .mdi-image-crop-original:before {
4300 .mdi-image-crop-portrait:before {
4303 .mdi-image-crop-square:before {
4306 .mdi-image-crop:before {
4309 .mdi-image-dehaze:before {
4312 .mdi-image-details:before {
4315 .mdi-image-edit:before {
4318 .mdi-image-exposure-minus-1:before {
4321 .mdi-image-exposure-minus-2:before {
4324 .mdi-image-exposure-plus-1:before {
4327 .mdi-image-exposure-plus-2:before {
4330 .mdi-image-exposure-zero:before {
4333 .mdi-image-exposure:before {
4336 .mdi-image-filter-1:before {
4339 .mdi-image-filter-2:before {
4342 .mdi-image-filter-3:before {
4345 .mdi-image-filter-4:before {
4348 .mdi-image-filter-5:before {
4351 .mdi-image-filter-6:before {
4354 .mdi-image-filter-7:before {
4357 .mdi-image-filter-8:before {
4360 .mdi-image-filter-9-plus:before {
4363 .mdi-image-filter-9:before {
4366 .mdi-image-filter-b-and-w:before {
4369 .mdi-image-filter-center-focus:before {
4372 .mdi-image-filter-drama:before {
4375 .mdi-image-filter-frames:before {
4378 .mdi-image-filter-hdr:before {
4381 .mdi-image-filter-none:before {
4384 .mdi-image-filter-tilt-shift:before {
4387 .mdi-image-filter-vintage:before {
4390 .mdi-image-filter:before {
4393 .mdi-image-flare:before {
4396 .mdi-image-flash-auto:before {
4399 .mdi-image-flash-off:before {
4402 .mdi-image-flash-on:before {
4405 .mdi-image-flip:before {
4408 .mdi-image-gradient:before {
4411 .mdi-image-grain:before {
4414 .mdi-image-grid-off:before {
4417 .mdi-image-grid-on:before {
4420 .mdi-image-hdr-off:before {
4423 .mdi-image-hdr-on:before {
4426 .mdi-image-hdr-strong:before {
4429 .mdi-image-hdr-weak:before {
4432 .mdi-image-healing:before {
4435 .mdi-image-image-aspect-ratio:before {
4438 .mdi-image-image:before {
4441 .mdi-image-iso:before {
4444 .mdi-image-landscape:before {
4447 .mdi-image-leak-add:before {
4450 .mdi-image-leak-remove:before {
4453 .mdi-image-lens:before {
4456 .mdi-image-looks-3:before {
4459 .mdi-image-looks-4:before {
4462 .mdi-image-looks-5:before {
4465 .mdi-image-looks-6:before {
4468 .mdi-image-looks-one:before {
4471 .mdi-image-looks-two:before {
4474 .mdi-image-looks:before {
4477 .mdi-image-loupe:before {
4480 .mdi-image-movie-creation:before {
4483 .mdi-image-nature-people:before {
4486 .mdi-image-nature:before {
4489 .mdi-image-navigate-before:before {
4492 .mdi-image-navigate-next:before {
4495 .mdi-image-palette:before {
4498 .mdi-image-panorama-fisheye:before {
4501 .mdi-image-panorama-horizontal:before {
4504 .mdi-image-panorama-vertical:before {
4507 .mdi-image-panorama-wide-angle:before {
4510 .mdi-image-panorama:before {
4513 .mdi-image-photo-album:before {
4516 .mdi-image-photo-camera:before {
4519 .mdi-image-photo-library:before {
4522 .mdi-image-photo:before {
4525 .mdi-image-portrait:before {
4528 .mdi-image-remove-red-eye:before {
4531 .mdi-image-rotate-left:before {
4534 .mdi-image-rotate-right:before {
4537 .mdi-image-slideshow:before {
4540 .mdi-image-straighten:before {
4543 .mdi-image-style:before {
4546 .mdi-image-switch-camera:before {
4549 .mdi-image-switch-video:before {
4552 .mdi-image-tag-faces:before {
4555 .mdi-image-texture:before {
4558 .mdi-image-timelapse:before {
4561 .mdi-image-timer-3:before {
4564 .mdi-image-timer-10:before {
4567 .mdi-image-timer-auto:before {
4570 .mdi-image-timer-off:before {
4573 .mdi-image-timer:before {
4576 .mdi-image-tonality:before {
4579 .mdi-image-transform:before {
4582 .mdi-image-tune:before {
4585 .mdi-image-wb-auto:before {
4588 .mdi-image-wb-cloudy:before {
4591 .mdi-image-wb-incandescent:before {
4594 .mdi-image-wb-irradescent:before {
4597 .mdi-image-wb-sunny:before {
4600 .mdi-maps-beenhere:before {
4603 .mdi-maps-directions-bike:before {
4606 .mdi-maps-directions-bus:before {
4609 .mdi-maps-directions-car:before {
4612 .mdi-maps-directions-ferry:before {
4615 .mdi-maps-directions-subway:before {
4618 .mdi-maps-directions-train:before {
4621 .mdi-maps-directions-transit:before {
4624 .mdi-maps-directions-walk:before {
4627 .mdi-maps-directions:before {
4630 .mdi-maps-flight:before {
4633 .mdi-maps-hotel:before {
4636 .mdi-maps-layers-clear:before {
4639 .mdi-maps-layers:before {
4642 .mdi-maps-local-airport:before {
4645 .mdi-maps-local-atm:before {
4648 .mdi-maps-local-attraction:before {
4651 .mdi-maps-local-bar:before {
4654 .mdi-maps-local-cafe:before {
4657 .mdi-maps-local-car-wash:before {
4660 .mdi-maps-local-convenience-store:before {
4663 .mdi-maps-local-drink:before {
4666 .mdi-maps-local-florist:before {
4669 .mdi-maps-local-gas-station:before {
4672 .mdi-maps-local-grocery-store:before {
4675 .mdi-maps-local-hospital:before {
4678 .mdi-maps-local-hotel:before {
4681 .mdi-maps-local-laundry-service:before {
4684 .mdi-maps-local-library:before {
4687 .mdi-maps-local-mall:before {
4690 .mdi-maps-local-movies:before {
4693 .mdi-maps-local-offer:before {
4696 .mdi-maps-local-parking:before {
4699 .mdi-maps-local-pharmacy:before {
4702 .mdi-maps-local-phone:before {
4705 .mdi-maps-local-pizza:before {
4708 .mdi-maps-local-play:before {
4711 .mdi-maps-local-post-office:before {
4714 .mdi-maps-local-print-shop:before {
4717 .mdi-maps-local-restaurant:before {
4720 .mdi-maps-local-see:before {
4723 .mdi-maps-local-shipping:before {
4726 .mdi-maps-local-taxi:before {
4729 .mdi-maps-location-history:before {
4732 .mdi-maps-map:before {
4735 .mdi-maps-my-location:before {
4738 .mdi-maps-navigation:before {
4741 .mdi-maps-pin-drop:before {
4744 .mdi-maps-place:before {
4747 .mdi-maps-rate-review:before {
4750 .mdi-maps-restaurant-menu:before {
4753 .mdi-maps-satellite:before {
4756 .mdi-maps-store-mall-directory:before {
4759 .mdi-maps-terrain:before {
4762 .mdi-maps-traffic:before {
4765 .mdi-navigation-apps:before {
4768 .mdi-navigation-arrow-back:before {
4771 .mdi-navigation-arrow-drop-down-circle:before {
4774 .mdi-navigation-arrow-drop-down:before {
4777 .mdi-navigation-arrow-drop-up:before {
4780 .mdi-navigation-arrow-forward:before {
4783 .mdi-navigation-cancel:before {
4786 .mdi-navigation-check:before {
4789 .mdi-navigation-chevron-left:before {
4792 .mdi-navigation-chevron-right:before {
4795 .mdi-navigation-close:before {
4798 .mdi-navigation-expand-less:before {
4801 .mdi-navigation-expand-more:before {
4804 .mdi-navigation-fullscreen-exit:before {
4807 .mdi-navigation-fullscreen:before {
4810 .mdi-navigation-menu:before {
4813 .mdi-navigation-more-horiz:before {
4816 .mdi-navigation-more-vert:before {
4819 .mdi-navigation-refresh:before {
4822 .mdi-navigation-unfold-less:before {
4825 .mdi-navigation-unfold-more:before {
4828 .mdi-notification-adb:before {
4831 .mdi-notification-bluetooth-audio:before {
4834 .mdi-notification-disc-full:before {
4837 .mdi-notification-dnd-forwardslash:before {
4840 .mdi-notification-do-not-disturb:before {
4843 .mdi-notification-drive-eta:before {
4846 .mdi-notification-event-available:before {
4849 .mdi-notification-event-busy:before {
4852 .mdi-notification-event-note:before {
4855 .mdi-notification-folder-special:before {
4858 .mdi-notification-mms:before {
4861 .mdi-notification-more:before {
4864 .mdi-notification-network-locked:before {
4867 .mdi-notification-phone-bluetooth-speaker:before {
4870 .mdi-notification-phone-forwarded:before {
4873 .mdi-notification-phone-in-talk:before {
4876 .mdi-notification-phone-locked:before {
4879 .mdi-notification-phone-missed:before {
4882 .mdi-notification-phone-paused:before {
4885 .mdi-notification-play-download:before {
4888 .mdi-notification-play-install:before {
4891 .mdi-notification-sd-card:before {
4894 .mdi-notification-sim-card-alert:before {
4897 .mdi-notification-sms-failed:before {
4900 .mdi-notification-sms:before {
4903 .mdi-notification-sync-disabled:before {
4906 .mdi-notification-sync-problem:before {
4909 .mdi-notification-sync:before {
4912 .mdi-notification-system-update:before {
4915 .mdi-notification-tap-and-play:before {
4918 .mdi-notification-time-to-leave:before {
4921 .mdi-notification-vibration:before {
4924 .mdi-notification-voice-chat:before {
4927 .mdi-notification-vpn-lock:before {
4930 .mdi-social-cake:before {
4933 .mdi-social-domain:before {
4936 .mdi-social-group-add:before {
4939 .mdi-social-group:before {
4942 .mdi-social-location-city:before {
4945 .mdi-social-mood:before {
4948 .mdi-social-notifications-none:before {
4951 .mdi-social-notifications-off:before {
4954 .mdi-social-notifications-on:before {
4957 .mdi-social-notifications-paused:before {
4960 .mdi-social-notifications:before {
4963 .mdi-social-pages:before {
4966 .mdi-social-party-mode:before {
4969 .mdi-social-people-outline:before {
4972 .mdi-social-people:before {
4975 .mdi-social-person-add:before {
4978 .mdi-social-person-outline:before {
4981 .mdi-social-person:before {
4984 .mdi-social-plus-one:before {
4987 .mdi-social-poll:before {
4990 .mdi-social-public:before {
4993 .mdi-social-school:before {
4996 .mdi-social-share:before {
4999 .mdi-social-whatshot:before {
5002 .mdi-toggle-check-box-outline-blank:before {
5005 .mdi-toggle-check-box:before {
5008 .mdi-toggle-radio-button-off:before {
5011 .mdi-toggle-radio-button-on:before {
5014 .mdi-toggle-star-half:before {
5017 .mdi-toggle-star-outline:before {
5020 .mdi-toggle-star:before {
5028 @media only screen and
(min-width : 601px) {
5032 @media only screen and
(min-width : 993px) {
5037 margin-left: -0.75rem;
5038 margin-right: -0.75rem; }
5042 padding-bottom: 1rem; }
5045 .section.no-pad-bot {
5046 padding-bottom: 0; }
5047 .section.no-pad-top {
5053 margin-bottom: 20px; }
5060 -webkit-box-sizing: border-box
;
5061 -moz-box-sizing: border-box
;
5062 box-sizing: border-box
;
5063 padding: 0 0.75rem; }
5100 .row .col.offset-s1 {
5101 margin-left: 8.33333%; }
5102 .row .col.offset-s2 {
5103 margin-left: 16.66667%; }
5104 .row .col.offset-s3 {
5106 .row .col.offset-s4 {
5107 margin-left: 33.33333%; }
5108 .row .col.offset-s5 {
5109 margin-left: 41.66667%; }
5110 .row .col.offset-s6 {
5112 .row .col.offset-s7 {
5113 margin-left: 58.33333%; }
5114 .row .col.offset-s8 {
5115 margin-left: 66.66667%; }
5116 .row .col.offset-s9 {
5118 .row .col.offset-s10 {
5119 margin-left: 83.33333%; }
5120 .row .col.offset-s11 {
5121 margin-left: 91.66667%; }
5122 .row .col.offset-s12 {
5123 margin-left: 100%; }
5124 @media only screen and
(min-width : 601px) {
5161 .row .col.offset-m1 {
5162 margin-left: 8.33333%; }
5163 .row .col.offset-m2 {
5164 margin-left: 16.66667%; }
5165 .row .col.offset-m3 {
5167 .row .col.offset-m4 {
5168 margin-left: 33.33333%; }
5169 .row .col.offset-m5 {
5170 margin-left: 41.66667%; }
5171 .row .col.offset-m6 {
5173 .row .col.offset-m7 {
5174 margin-left: 58.33333%; }
5175 .row .col.offset-m8 {
5176 margin-left: 66.66667%; }
5177 .row .col.offset-m9 {
5179 .row .col.offset-m10 {
5180 margin-left: 83.33333%; }
5181 .row .col.offset-m11 {
5182 margin-left: 91.66667%; }
5183 .row .col.offset-m12 {
5184 margin-left: 100%; } }
5185 @media only screen and
(min-width : 993px) {
5222 .row .col.offset-l1 {
5223 margin-left: 8.33333%; }
5224 .row .col.offset-l2 {
5225 margin-left: 16.66667%; }
5226 .row .col.offset-l3 {
5228 .row .col.offset-l4 {
5229 margin-left: 33.33333%; }
5230 .row .col.offset-l5 {
5231 margin-left: 41.66667%; }
5232 .row .col.offset-l6 {
5234 .row .col.offset-l7 {
5235 margin-left: 58.33333%; }
5236 .row .col.offset-l8 {
5237 margin-left: 66.66667%; }
5238 .row .col.offset-l9 {
5240 .row .col.offset-l10 {
5241 margin-left: 83.33333%; }
5242 .row .col.offset-l11 {
5243 margin-left: 91.66667%; }
5244 .row .col.offset-l12 {
5245 margin-left: 100%; } }
5249 background-color: #ee6e73;
5252 line-height: 56px; }
5258 nav
.nav-wrapper i
{
5261 @media only screen and
(min-width : 993px) {
5262 nav a
.button-collapse
{
5264 nav
.button-collapse
{
5269 nav
.button-collapse i
{
5272 line-height: 56px; }
5276 display: inline-block
;
5279 white-space: nowrap
; }
5280 nav
.brand-logo
.center
{
5282 -webkit-transform: translateX
(-50%);
5283 -moz-transform: translateX
(-50%);
5284 -ms-transform: translateX
(-50%);
5285 -o-transform: translateX
(-50%);
5286 transform: translateX
(-50%); }
5287 @media only screen and
(max-width : 992px) {
5290 -webkit-transform: translateX
(-50%);
5291 -moz-transform: translateX
(-50%);
5292 -ms-transform: translateX
(-50%);
5293 -o-transform: translateX
(-50%);
5294 transform: translateX
(-50%); } }
5295 nav
.brand-logo
.right
{
5301 -webkit-transition: background-color
.3s;
5302 -moz-transition: background-color
.3s;
5303 -o-transition: background-color
.3s;
5304 -ms-transition: background-color
.3s;
5305 transition: background-color
.3s;
5308 nav ul
li:hover
, nav ul li
.active
{
5309 background-color: rgba
(0, 0, 0, 0.1); }
5319 nav
.input-field input
{
5323 padding-left: 2rem; }
5324 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
{
5327 nav
.input-field label
{
5330 nav
.input-field label i
{
5331 color: rgba
(255, 255, 255, 0.7);
5332 -webkit-transition: color
.3s;
5333 -moz-transition: color
.3s;
5334 -o-transition: color
.3s;
5335 -ms-transition: color
.3s;
5336 transition: color
.3s; }
5337 nav
.input-field label
.active i
{
5339 nav
.input-field label
.active
{
5340 -webkit-transform: translateY
(0);
5341 -moz-transform: translateY
(0);
5342 -ms-transform: translateY
(0);
5343 -o-transform: translateY
(0);
5344 transform: translateY
(0); }
5353 @media only screen and
(min-width : 601px) {
5354 nav
, nav
.nav-wrapper i
, nav a
.button-collapse
, nav a
.button-collapse i
{
5356 line-height: 64px; }
5361 font-family: "Roboto";
5362 src: url
("../font/roboto/Roboto-Thin.woff2") format
("woff2"), url
("../font/roboto/Roboto-Thin.woff") format
("woff"), url
("../font/roboto/Roboto-Thin.ttf") format
("truetype");
5366 font-family: "Roboto";
5367 src: url
("../font/roboto/Roboto-Light.woff2") format
("woff2"), url
("../font/roboto/Roboto-Light.woff") format
("woff"), url
("../font/roboto/Roboto-Light.ttf") format
("truetype");
5371 font-family: "Roboto";
5372 src: url
("../font/roboto/Roboto-Regular.woff2") format
("woff2"), url
("../font/roboto/Roboto-Regular.woff") format
("woff"), url
("../font/roboto/Roboto-Regular.ttf") format
("truetype");
5376 font-family: "Roboto";
5377 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");
5381 font-family: "Roboto";
5382 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");
5386 text-decoration: none
; }
5390 font-family: "Roboto", sans-serif
;
5391 font-weight: normal
;
5392 color: rgba
(0, 0, 0, 0.87); }
5393 @media only screen and
(min-width: 0) {
5395 font-size: 14px; } }
5396 @media only screen and
(min-width: 992px) {
5398 font-size: 14.5px; } }
5399 @media only screen and
(min-width: 1200px) {
5401 font-size: 15px; } }
5403 h1
, h2
, h3
, h4
, h5
, h6
{
5407 h1 a
, h2 a
, h3 a
, h4 a
, h5 a
, h6 a
{
5408 font-weight: inherit
; }
5413 margin: 2.1rem 0 1.68rem 0; }
5418 margin: 1.78rem 0 1.424rem 0; }
5423 margin: 1.46rem 0 1.168rem 0; }
5428 margin: 1.14rem 0 0.912rem 0; }
5433 margin: 0.82rem 0 0.656rem 0; }
5438 margin: 0.5rem 0 0.4rem 0; }
5441 font-style: italic
; }
5449 .light, footer.page-footer .footer-copyright {
5457 @media only screen and
(min-width: 360px) {
5459 font-size: 1.2rem; } }
5460 @media only screen and
(min-width: 390px) {
5462 font-size: 1.224rem; } }
5463 @media only screen and
(min-width: 420px) {
5465 font-size: 1.248rem; } }
5466 @media only screen and
(min-width: 450px) {
5468 font-size: 1.272rem; } }
5469 @media only screen and
(min-width: 480px) {
5471 font-size: 1.296rem; } }
5472 @media only screen and
(min-width: 510px) {
5474 font-size: 1.32rem; } }
5475 @media only screen and
(min-width: 540px) {
5477 font-size: 1.344rem; } }
5478 @media only screen and
(min-width: 570px) {
5480 font-size: 1.368rem; } }
5481 @media only screen and
(min-width: 600px) {
5483 font-size: 1.392rem; } }
5484 @media only screen and
(min-width: 630px) {
5486 font-size: 1.416rem; } }
5487 @media only screen and
(min-width: 660px) {
5489 font-size: 1.44rem; } }
5490 @media only screen and
(min-width: 690px) {
5492 font-size: 1.464rem; } }
5493 @media only screen and
(min-width: 720px) {
5495 font-size: 1.488rem; } }
5496 @media only screen and
(min-width: 750px) {
5498 font-size: 1.512rem; } }
5499 @media only screen and
(min-width: 780px) {
5501 font-size: 1.536rem; } }
5502 @media only screen and
(min-width: 810px) {
5504 font-size: 1.56rem; } }
5505 @media only screen and
(min-width: 840px) {
5507 font-size: 1.584rem; } }
5508 @media only screen and
(min-width: 870px) {
5510 font-size: 1.608rem; } }
5511 @media only screen and
(min-width: 900px) {
5513 font-size: 1.632rem; } }
5514 @media only screen and
(min-width: 930px) {
5516 font-size: 1.656rem; } }
5517 @media only screen and
(min-width: 960px) {
5519 font-size: 1.68rem; } }
5520 @media only screen and
(max-width: 360px) {
5522 font-size: 1.2rem; } }
5525 transition: box-shadow
.25s;
5527 margin: 0.5rem 0 1rem 0;
5529 background-color: #fff; }
5534 margin: 0.5rem 0 1rem 0;
5535 background-color: #fff;
5536 transition: box-shadow
.25s;
5537 border-radius: 2px; }
5542 .card .card-title.activator {
5544 .card.small, .card.medium, .card.large {
5545 position: relative
; }
5546 .card.small .card-image, .card.medium .card-image, .card.large .card-image {
5548 .card.small .card-content, .card.medium .card-content, .card.large .card-content {
5550 .card.small .card-action, .card.medium .card-action, .card.large .card-action {
5557 .card.small .card-image {
5559 .card.small .card-content {
5563 .card.medium .card-image {
5565 .card.medium .card-content {
5569 .card.large .card-image {
5571 .card.large .card-content {
5574 position: relative
; }
5575 .card .card-image img {
5576 border-radius: 2px 2px 0 0;
5583 .card .card-image .card-title {
5588 .card .card-content {
5590 border-radius: 0 0 2px 2px; }
5591 .card .card-content p {
5594 .card .card-content .card-title {
5595 line-height: 48px; }
5596 .card .card-action {
5597 border-top: 1px solid rgba
(160, 160, 160, 0.2);
5599 .card .card-action a {
5602 -webkit-transition: color
.3s ease
;
5603 -moz-transition: color
.3s ease
;
5604 -o-transition: color
.3s ease
;
5605 -ms-transition: color
.3s ease
;
5606 transition: color
.3s ease
;
5607 text-transform: uppercase
; }
5608 .card .card-action a:hover {
5610 .card .card-reveal {
5613 background-color: #fff;
5620 .card .card-reveal .card-title {
5628 @media only screen and
(max-width : 600px) {
5632 @media only screen and
(min-width : 601px) and
(max-width : 992px) {
5637 @media only screen and
(min-width : 993px) {
5653 background-color: #323232;
5658 display: -webkit-box
;
5660 display: -ms-flexbox
;
5661 display: -webkit-flex
;
5663 -webkit-flex-align: center
;
5664 -ms-flex-align: center
;
5665 -webkit-align-items: center
;
5666 align-items: center
;
5667 -webkit-justify-content: space-between
;
5668 justify-content: space-between
; }
5669 .toast .btn, .toast .btn-large, .toast .btn-flat {
5671 margin-left: 3rem; }
5673 border-radius: 24px; }
5674 @media only screen and
(max-width : 600px) {
5677 border-radius: 0; } }
5678 @media only screen and
(min-width : 601px) and
(max-width : 992px) {
5681 @media only screen and
(min-width : 993px) {
5688 background-color: #fff;
5691 white-space: nowrap
; }
5700 text-transform: uppercase
;
5701 letter-spacing: .8px;
5708 -webkit-transition: color
.28s ease
;
5709 -moz-transition: color
.28s ease
;
5710 -o-transition: color
.28s ease
;
5711 -ms-transition: color
.28s ease
;
5712 transition: color
.28s ease
; }
5713 .tabs .tab a:hover {
5715 .tabs .tab.disabled a {
5722 background-color: #f6b2b5;
5723 will-change: left
, right
; }
5732 background-color: transparent
;
5744 will-change: top
, left
; }
5752 border-radius: 0 0 14px 14px;
5753 background-color: #323232;
5755 -webkit-transform-origin: 50% 10%;
5756 -moz-transform-origin: 50% 10%;
5757 -ms-transform-origin: 50% 10%;
5758 -o-transform-origin: 50% 10%;
5759 transform-origin: 50% 10%;
5760 will-change: transform
, opacity
; }
5762 .btn, .btn-large, .btn-flat {
5765 display: inline-block
;
5770 text-transform: uppercase
;
5771 vertical-align: middle
;
5772 -webkit-tap-highlight-color: transparent
; }
5774 .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled {
5775 background-color: #DFDFDF !important
;
5777 color: #9F9F9F !important
;
5779 .btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, .btn-large:disabled *, .btn-floating:disabled * {
5780 pointer-events: none
; }
5781 .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 {
5782 background-color: #DFDFDF;
5785 .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
5787 line-height: inherit
; }
5790 text-decoration: none
;
5792 background-color: #26a69a;
5794 letter-spacing: .5px;
5795 -webkit-transition: .2s ease-out
;
5796 -moz-transition: .2s ease-out
;
5797 -o-transition: .2s ease-out
;
5798 -ms-transition: .2s ease-out
;
5799 transition: .2s ease-out
;
5801 .btn:hover, .btn-large:hover {
5802 background-color: #2bbbad; }
5805 display: inline-block
;
5814 background-color: #26a69a;
5818 vertical-align: middle
; }
5821 display: inline-block
;
5825 line-height: 37px; }
5826 .btn-floating:before {
5828 .btn-floating.btn-large {
5831 .btn-floating.btn-large i {
5832 line-height: 55.5px; }
5834 button
.btn-floating
{
5844 .fixed-action-btn ul {
5851 .fixed-action-btn ul li {
5852 margin-bottom: 15px; }
5853 .fixed-action-btn ul a.btn-floating {
5858 background-color: transparent
;
5861 .btn-flat.disabled {
5867 line-height: 56px; }
5869 font-size: 1.6rem; }
5875 background-color: #fff;
5884 will-change: width
, height
; }
5885 .dropdown-content li {
5887 color: rgba
(0, 0, 0, 0.87);
5889 line-height: 1.5rem;
5892 text-transform: none
; }
5893 .dropdown-content li:hover, .dropdown-content li.active {
5894 background-color: #eee; }
5895 .dropdown-content li > a, .dropdown-content li > span {
5899 padding: 1rem 1rem; }
5900 .dropdown-content li > a > i {
5902 line-height: inherit
; }
5906 * http://fian.my.id/Waves
5908 * Copyright 2014 Alfiana E. Sibuea and other contributors
5909 * Released under the MIT license
5910 * https://github.com/fians/Waves/blob/master/LICENSE
5915 display: inline-block
;
5917 -webkit-user-select: none
;
5918 -moz-user-select: none
;
5919 -ms-user-select: none
;
5921 -webkit-tap-highlight-color: transparent
;
5922 vertical-align: middle
;
5924 will-change: opacity
, transform
;
5925 -webkit-transition: all
.3s ease-out
;
5926 -moz-transition: all
.3s ease-out
;
5927 -o-transition: all
.3s ease-out
;
5928 -ms-transition: all
.3s ease-out
;
5929 transition: all
.3s ease-out
; }
5930 .waves-effect .waves-ripple {
5938 background: rgba
(0, 0, 0, 0.2);
5939 -webkit-transition: all
0.7s ease-out
;
5940 -moz-transition: all
0.7s ease-out
;
5941 -o-transition: all
0.7s ease-out
;
5942 -ms-transition: all
0.7s ease-out
;
5943 transition: all
0.7s ease-out
;
5944 -webkit-transition-property: -webkit-transform
, opacity
;
5945 -moz-transition-property: -moz-transform
, opacity
;
5946 -o-transition-property: -o-transform
, opacity
;
5947 transition-property: transform
, opacity
;
5948 -webkit-transform: scale
(0);
5949 -moz-transform: scale
(0);
5950 -ms-transform: scale
(0);
5951 -o-transform: scale
(0);
5952 transform: scale
(0);
5953 pointer-events: none
; }
5954 .waves-effect.waves-light .waves-ripple {
5955 background-color: rgba
(255, 255, 255, 0.45); }
5956 .waves-effect.waves-red .waves-ripple {
5957 background-color: rgba
(244, 67, 54, 0.7); }
5958 .waves-effect.waves-yellow .waves-ripple {
5959 background-color: rgba
(255, 235, 59, 0.7); }
5960 .waves-effect.waves-orange .waves-ripple {
5961 background-color: rgba
(255, 152, 0, 0.7); }
5962 .waves-effect.waves-purple .waves-ripple {
5963 background-color: rgba
(156, 39, 176, 0.7); }
5964 .waves-effect.waves-green .waves-ripple {
5965 background-color: rgba
(76, 175, 80, 0.7); }
5966 .waves-effect.waves-teal .waves-ripple {
5967 background-color: rgba
(0, 150, 136, 0.7); }
5969 .waves-notransition {
5970 -webkit-transition: none
!important
;
5971 -moz-transition: none
!important
;
5972 -o-transition: none
!important
;
5973 -ms-transition: none
!important
;
5974 transition: none
!important
; }
5977 -webkit-transform: translateZ
(0);
5978 -moz-transform: translateZ
(0);
5979 -ms-transform: translateZ
(0);
5980 -o-transform: translateZ
(0);
5981 transform: translateZ
(0);
5982 -webkit-mask-image: -webkit-radial-gradient
(circle
, white
100%, black
100%); }
5984 .waves-input-wrapper {
5985 border-radius: 0.2em;
5986 vertical-align: bottom
; }
5987 .waves-input-wrapper .waves-button-input {
5999 -webkit-mask-image: none
; }
6004 /* Firefox Bug: link not triggered */
6005 a
.waves-effect
.waves-ripple
{
6013 background-color: #fafafa;
6020 will-change: top
, opacity
; }
6021 @media only screen and
(max-width : 992px) {
6024 .modal h1, .modal h2, .modal h3, .modal h4 {
6026 .modal .modal-content {
6028 .modal .modal-close {
6030 .modal .modal-footer {
6031 border-radius: 0 0 2px 2px;
6032 background-color: #fafafa;
6036 .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
6051 will-change: opacity
; }
6053 .modal.modal-fixed-footer {
6056 .modal.modal-fixed-footer .modal-content {
6058 height: calc
(100% - 56px);
6062 .modal.modal-fixed-footer .modal-footer {
6063 border-top: 1px solid rgba
(0, 0, 0, 0.1);
6067 .modal.bottom-sheet {
6074 will-change: bottom
, opacity
; }
6077 border-top: 1px solid
#ddd;
6078 border-right: 1px solid
#ddd;
6079 border-left: 1px solid
#ddd;
6080 margin: 0.5rem 0 1rem 0; }
6082 .collapsible-header {
6088 background-color: #fff;
6089 border-bottom: 1px solid
#ddd; }
6090 .collapsible-header i {
6097 margin-right: 1rem; }
6101 border-bottom: 1px solid
#ddd;
6102 -webkit-box-sizing: border-box
;
6103 -moz-box-sizing: border-box
;
6104 box-sizing: border-box
; }
6105 .collapsible-body p {
6109 .side-nav .collapsible {
6112 .side-nav .collapsible li {
6114 .side-nav .collapsible-header {
6115 background-color: transparent
;
6117 line-height: inherit
;
6120 .side-nav .collapsible-header i {
6121 line-height: inherit
; }
6122 .side-nav .collapsible-body {
6124 background-color: #fff; }
6125 .side-nav .collapsible-body li a {
6126 margin: 0 1rem 0 2rem; }
6128 .collapsible.popout {
6131 .collapsible.popout > li {
6132 box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.16), 0 2px 10px 0 rgba
(0, 0, 0, 0.12);
6134 transition: margin
.35s cubic-bezier
(0.25, 0.46, 0.45, 0.94); }
6135 .collapsible.popout > li.active {
6136 box-shadow: 0 5px 11px 0 rgba
(0, 0, 0, 0.18), 0 4px 15px 0 rgba
(0, 0, 0, 0.15);
6142 -webkit-transition: opacity
.4s;
6143 -moz-transition: opacity
.4s;
6144 -o-transition: opacity
.4s;
6145 -ms-transition: opacity
.4s;
6146 transition: opacity
.4s; }
6147 .materialboxed:hover {
6148 will-change: left
, top
, width
, height
; }
6149 .materialboxed:hover:not(.active) {
6152 .materialboxed.active {
6155 #materialbox-overlay {
6161 background-color: #292929;
6163 will-change: opacity
; }
6165 .materialbox-caption {
6176 -webkit-font-smoothing: antialiased
; }
6178 /* Remove Focus Boxes */
6180 outline: 1px solid
#c9f3ef; }
6184 background-color: #2ab7a9; }
6190 /***************************
6191 Text Inputs + Textarea
6192 ****************************/
6193 ::-webkit-input-placeholder
{
6200 ::-moz-placeholder
{
6204 :-ms-input-placeholder
{
6207 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
{
6208 background-color: transparent
;
6210 border-bottom: 1px solid
#9e9e9e;
6219 -webkit-box-sizing: content-box
;
6220 -moz-box-sizing: content-box
;
6221 box-sizing: content-box
;
6222 transition: all
.3s; }
6223 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"] {
6224 color: rgba
(0, 0, 0, 0.26);
6225 border-bottom: 1px dotted rgba
(0, 0, 0, 0.26); }
6226 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
{
6227 color: rgba
(0, 0, 0, 0.26); }
6228 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
]) {
6229 border-bottom: 1px solid
#26a69a;
6230 box-shadow: 0 1px 0 0 #26a69a; }
6231 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
{
6233 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
{
6234 border-bottom: 1px solid
#4CAF50;
6235 box-shadow: 0 1px 0 0 #4CAF50; }
6236 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
{
6237 content: attr
(data-success
);
6240 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
{
6241 border-bottom: 1px solid
#F44336;
6242 box-shadow: 0 1px 0 0 #F44336; }
6243 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
{
6244 content: attr
(data-error
);
6247 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
{
6253 transition: .2s opacity ease-out
, .2s color ease-out
; }
6258 .input-field label {
6265 -webkit-transition: .2s ease-out
;
6266 -moz-transition: .2s ease-out
;
6267 -o-transition: .2s ease-out
;
6268 -ms-transition: .2s ease-out
;
6269 transition: .2s ease-out
; }
6270 .input-field label.active {
6272 -webkit-transform: translateY
(-140%);
6273 -moz-transform: translateY
(-140%);
6274 -ms-transform: translateY
(-140%);
6275 -o-transform: translateY
(-140%);
6276 transform: translateY
(-140%); }
6277 .input-field .prefix {
6281 -webkit-transition: color
.2s;
6282 -moz-transition: color
.2s;
6283 -o-transition: color
.2s;
6284 -ms-transition: color
.2s;
6285 transition: color
.2s; }
6286 .input-field .prefix.active {
6288 .input-field .prefix ~ input, .input-field .prefix ~ textarea {
6291 width: calc
(100% - 3rem); }
6292 .input-field .prefix ~ textarea {
6293 padding-top: .8rem; }
6294 .input-field .prefix ~ label {
6295 margin-left: 3rem; }
6296 @media only screen and
(max-width : 992px) {
6297 .input-field .prefix ~ input {
6299 width: calc
(100% - 3rem); } }
6300 @media only screen and
(max-width : 600px) {
6301 .input-field .prefix ~ input {
6303 width: calc
(100% - 3rem); } }
6305 .input-field input[type=search] {
6307 line-height: inherit
;
6309 width: calc
(100% - 4rem); }
6310 .input-field input[type=search]:focus {
6311 background-color: #fff;
6315 .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close {
6317 .input-field input[type=search] + label {
6319 .input-field input[type=search] ~ .mdi-navigation-close {
6326 transition: .3s color
; }
6331 background-color: transparent
; }
6332 textarea
.materialize-textarea
{
6334 /* prevents scroll bar flash */
6336 /* prevents text jump on Enter keypress */
6342 white-space: pre-wrap
;
6343 word-wrap: break-word
;
6344 overflow-wrap: break-word
;
6345 /* future version of deprecated 'word-wrap' */
6346 padding-top: 1.2rem;
6347 /* prevents text jump on Enter keypress */ }
6352 /* Remove default Radio Buttons */
6353 [type
="radio"]:not
(:checked
), [type
="radio"]:checked
{
6356 visibility: hidden
; }
6358 [type
="radio"]:not
(:checked
) + label
, [type
="radio"]:checked
+ label
{
6362 display: inline-block
;
6366 -webkit-transition: .28s ease
;
6367 -moz-transition: .28s ease
;
6368 -o-transition: .28s ease
;
6369 -ms-transition: .28s ease
;
6370 transition: .28s ease
;
6371 -webkit-user-select: none
;
6372 /* webkit (safari, chrome) browsers */
6373 -moz-user-select: none
;
6374 /* mozilla browsers */
6375 -khtml-user-select: none
;
6376 /* webkit (konqueror) browsers */
6377 -ms-user-select: none
;
6380 [type
="radio"] + label:before
, [type
="radio"] + label:after
{
6389 -webkit-transition: .28s ease
;
6390 -moz-transition: .28s ease
;
6391 -o-transition: .28s ease
;
6392 -ms-transition: .28s ease
;
6393 transition: .28s ease
; }
6395 /* Unchecked styles */
6396 [type
="radio"]:not
(:checked
) + label:before
{
6398 border: 2px solid
#5a5a5a; }
6400 [type
="radio"]:not
(:checked
) + label:after
{
6402 border: 2px solid
#5a5a5a;
6404 -webkit-transform: scale
(0);
6405 -moz-transform: scale
(0);
6406 -ms-transform: scale
(0);
6407 -o-transform: scale
(0);
6408 transform: scale
(0); }
6410 /* Checked styles */
6411 [type
="radio"]:checked
+ label:before
{
6413 border: 2px solid transparent
; }
6415 [type
="radio"]:checked
+ label:after
{
6417 border: 2px solid
#26a69a;
6418 background-color: #26a69a;
6420 -webkit-transform: scale
(1.02);
6421 -moz-transform: scale
(1.02);
6422 -ms-transform: scale
(1.02);
6423 -o-transform: scale
(1.02);
6424 transform: scale
(1.02); }
6426 /* Radio With gap */
6427 [type
="radio"].with-gap:checked
+ label:before
{
6429 border: 2px solid
#26a69a; }
6431 [type
="radio"].with-gap:checked
+ label:after
{
6433 border: 2px solid
#26a69a;
6434 background-color: #26a69a;
6436 -webkit-transform: scale
(.5);
6437 -moz-transform: scale
(.5);
6438 -ms-transform: scale
(.5);
6439 -o-transform: scale
(.5);
6440 transform: scale
(.5); }
6442 /* Disabled Radio With gap */
6443 [type
="radio"].with-gap:disabled:checked
+ label:before
{
6444 border: 2px solid rgba
(0, 0, 0, 0.26); }
6446 [type
="radio"].with-gap:disabled:checked
+ label:after
{
6448 background-color: rgba
(0, 0, 0, 0.26); }
6450 /* Disabled style */
6451 [type
="radio"]:disabled:not
(:checked
) + label:before
, [type
="radio"]:disabled:checked
+ label:before
{
6452 background-color: transparent
;
6453 border-color: rgba
(0, 0, 0, 0.26); }
6455 [type
="radio"]:disabled
+ label
{
6456 color: rgba
(0, 0, 0, 0.26); }
6458 [type
="radio"]:disabled:not
(:checked
) + label:before
{
6459 border-color: rgba
(0, 0, 0, 0.26); }
6461 [type
="radio"]:disabled:checked
+ label:after
{
6462 background-color: rgba
(0, 0, 0, 0.26);
6463 border-color: #BDBDBD; }
6468 /* CUSTOM CSS CHECKBOXES */
6470 margin-bottom: 10px;
6476 /* Remove default checkbox */
6477 [type
="checkbox"]:not
(:checked
), [type
="checkbox"]:checked
{
6480 visibility: hidden
; }
6483 /* checkbox aspect */ }
6484 [type
="checkbox"] + label
{
6488 display: inline-block
;
6492 -webkit-user-select: none
;
6493 /* webkit (safari, chrome) browsers */
6494 -moz-user-select: none
;
6495 /* mozilla browsers */
6496 -khtml-user-select: none
;
6497 /* webkit (konqueror) browsers */
6498 -ms-user-select: none
;
6500 [type
="checkbox"] + label:before
{
6508 border: 2px solid
#5a5a5a;
6511 -webkit-transition: 0.2s;
6512 -moz-transition: 0.2s;
6513 -o-transition: 0.2s;
6514 -ms-transition: 0.2s;
6516 [type
="checkbox"]:not
(:checked
):disabled
+ label:before
{
6518 background-color: rgba
(0, 0, 0, 0.26); }
6520 [type
="checkbox"]:checked
+ label:before
{
6525 border-top: 2px solid transparent
;
6526 border-left: 2px solid transparent
;
6527 border-right: 2px solid
#26a69a;
6528 border-bottom: 2px solid
#26a69a;
6529 -webkit-transform: rotate
(40deg);
6530 -moz-transform: rotate
(40deg);
6531 -ms-transform: rotate
(40deg);
6532 -o-transform: rotate
(40deg);
6533 transform: rotate
(40deg);
6534 -webkit-backface-visibility: hidden
;
6535 -webkit-transform-origin: 100% 100%;
6536 -moz-transform-origin: 100% 100%;
6537 -ms-transform-origin: 100% 100%;
6538 -o-transform-origin: 100% 100%;
6539 transform-origin: 100% 100%; }
6540 [type
="checkbox"]:checked:disabled
+ label:before
{
6541 border-right: 2px solid rgba
(0, 0, 0, 0.26);
6542 border-bottom: 2px solid rgba
(0, 0, 0, 0.26); }
6544 /* Indeterminate checkbox */
6545 [type
="checkbox"]:indeterminate
+ label:before
{
6552 border-right: 2px solid
#26a69a;
6553 border-bottom: none
;
6554 -webkit-transform: rotate
(90deg);
6555 -moz-transform: rotate
(90deg);
6556 -ms-transform: rotate
(90deg);
6557 -o-transform: rotate
(90deg);
6558 transform: rotate
(90deg);
6559 -webkit-backface-visibility: hidden
;
6560 -webkit-transform-origin: 100% 100%;
6561 -moz-transform-origin: 100% 100%;
6562 -ms-transform-origin: 100% 100%;
6563 -o-transform-origin: 100% 100%;
6564 transform-origin: 100% 100%; }
6565 [type
="checkbox"]:indeterminate:disabled
+ label:before
{
6566 border-right: 2px solid rgba
(0, 0, 0, 0.26);
6567 background-color: transparent
; }
6569 [type
="checkbox"].filled-in
+ label:after
{
6570 border-radius: 2px; }
6571 [type
="checkbox"].filled-in
+ label:before
, [type
="checkbox"].filled-in
+ label:after
{
6575 /* .1s delay is for check animation */
6576 transition: border
.25s, background-color
.25s, width
.2s .1s, height
.2s .1s, top
.2s .1s, left
.2s .1s;
6578 [type
="checkbox"].filled-in:not
(:checked
) + label:before
{
6581 border: 3px solid transparent
;
6584 -webkit-transform: rotateZ
(37deg);
6585 transform: rotateZ
(37deg);
6586 -webkit-transform-origin: 20% 40%;
6587 transform-origin: 100% 100%; }
6588 [type
="checkbox"].filled-in:not
(:checked
) + label:after
{
6591 background-color: transparent
;
6592 border: 2px solid
#5a5a5a;
6595 [type
="checkbox"].filled-in:checked
+ label:before
{
6600 border-top: 2px solid transparent
;
6601 border-left: 2px solid transparent
;
6602 border-right: 2px solid
#fff;
6603 border-bottom: 2px solid
#fff;
6604 -webkit-transform: rotateZ
(37deg);
6605 transform: rotateZ
(37deg);
6606 -webkit-transform-origin: 100% 100%;
6607 transform-origin: 100% 100%; }
6608 [type
="checkbox"].filled-in:checked
+ label:after
{
6612 border: 2px solid
#26a69a;
6613 background-color: #26a69a;
6615 [type
="checkbox"].filled-in:disabled:not
(:checked
) + label:before
{
6616 background-color: transparent
;
6617 border: 2px solid transparent
; }
6618 [type
="checkbox"].filled-in:disabled:not
(:checked
) + label:after
{
6619 border-color: transparent
;
6620 background-color: #BDBDBD; }
6621 [type
="checkbox"].filled-in:disabled:checked
+ label:before
{
6622 background-color: transparent
; }
6623 [type
="checkbox"].filled-in:disabled:checked
+ label:after
{
6624 background-color: #BDBDBD;
6625 border-color: #BDBDBD; }
6630 .switch, .switch * {
6631 -webkit-user-select: none
;
6632 -moz-user-select: none
;
6633 -khtml-user-select: none
;
6634 -ms-user-select: none
; }
6639 .switch label input[type=checkbox] {
6644 .switch label input[type=checkbox]:checked + .lever {
6645 background-color: #84c7c1; }
6647 .switch label input[type=checkbox]:checked + .lever:after {
6648 background-color: #26a69a; }
6650 .switch label .lever {
6652 display: inline-block
;
6656 background-color: #818181;
6657 border-radius: 15px;
6659 transition: background
0.3s ease
;
6660 vertical-align: middle
;
6663 .switch label .lever:after {
6666 display: inline-block
;
6669 background-color: #F1F1F1;
6670 border-radius: 21px;
6671 box-shadow: 0 1px 3px 1px rgba
(0, 0, 0, 0.4);
6674 transition: left
0.3s ease
, background
.3s ease
, box-shadow
0.1s ease
; }
6676 input
[type
=checkbox
]:checked:not
(:disabled
) ~ .lever:active:after
{
6677 box-shadow: 0 1px 3px 1px rgba
(0, 0, 0, 0.4), 0 0 0 15px rgba
(38, 166, 154, 0.1); }
6679 input
[type
=checkbox
]:not
(:disabled
) ~ .lever:active:after
{
6680 box-shadow: 0 1px 3px 1px rgba
(0, 0, 0, 0.4), 0 0 0 15px rgba
(0, 0, 0, 0.08); }
6682 .switch label input[type=checkbox]:checked + .lever:after {
6685 .switch input[type=checkbox][disabled] + .lever {
6688 .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
6689 background-color: #BDBDBD; }
6695 position: absolute
; }
6698 position: relative
; }
6699 .select-wrapper input.select-dropdown {
6702 background-color: transparent
;
6704 border-bottom: 1px solid
#9e9e9e;
6713 .select-wrapper span.caret {
6719 .select-wrapper span.caret.disabled {
6720 color: rgba
(0, 0, 0, 0.26); }
6721 .select-wrapper + label {
6724 font-size: 0.8rem; }
6729 select
.browser-default
{
6733 color: rgba
(0, 0, 0, 0.3); }
6735 .select-wrapper input.select-dropdown:disabled {
6736 color: rgba
(0, 0, 0, 0.3);
6738 -webkit-user-select: none
;
6739 /* webkit (safari, chrome) browsers */
6740 -moz-user-select: none
;
6741 /* mozilla browsers */
6742 -ms-user-select: none
;
6744 border-bottom: 1px solid rgba
(0, 0, 0, 0.3); }
6747 color: rgba
(0, 0, 0, 0.3); }
6749 .select-dropdown li.disabled {
6750 color: rgba
(0, 0, 0, 0.3);
6751 background-color: transparent
; }
6753 /*********************
6755 **********************/
6757 position: relative
; }
6758 .file-field .file-path-wrapper {
6760 padding-left: 10px; }
6761 .file-field input.file-path {
6763 .file-field .btn, .file-field .btn-large {
6766 line-height: 3rem; }
6769 .file-field input[type=file] {
6781 filter: alpha
(opacity
=0); }
6787 position: relative
; }
6789 input
[type
=range
], input
[type
=range
] + .thumb
{
6794 background-color: transparent
;
6801 input
[type
=range
] + .thumb
{
6807 background-color: #26a69a;
6810 -webkit-transform-origin: 50% 50%;
6811 -moz-transform-origin: 50% 50%;
6812 -ms-transform-origin: 50% 50%;
6813 -o-transform-origin: 50% 50%;
6814 transform-origin: 50% 50%;
6815 -webkit-transform: rotate
(-45deg);
6816 -moz-transform: rotate
(-45deg);
6817 -ms-transform: rotate
(-45deg);
6818 -o-transform: rotate
(-45deg);
6819 transform: rotate
(-45deg); }
6820 input
[type
=range
] + .thumb
.value
{
6826 -webkit-transform: rotate
(45deg);
6827 -moz-transform: rotate
(45deg);
6828 -ms-transform: rotate
(45deg);
6829 -o-transform: rotate
(45deg);
6830 transform: rotate
(45deg); }
6831 input
[type
=range
] + .thumb
.active
{
6832 border-radius: 50% 50% 50% 0; }
6833 input
[type
=range
] + .thumb
.active
.value
{
6839 input
[type
=range
]:focus
{
6843 -webkit-appearance: none
; }
6845 input
[type
=range
]::-webkit-slider-runnable-track
{
6847 background: #c2c0c2;
6850 input
[type
=range
]::-webkit-slider-thumb
{
6851 -webkit-appearance: none
;
6856 background-color: #26a69a;
6857 transform-origin: 50% 50%;
6859 -webkit-transition: 0.3s;
6860 -moz-transition: 0.3s;
6861 -o-transition: 0.3s;
6862 -ms-transition: 0.3s;
6865 input
[type
=range
]:focus::-webkit-slider-runnable-track
{
6869 /* fix for FF unable to apply focus style bug */
6870 border: 1px solid white
;
6871 /*required for proper track sizing in FF*/ }
6873 input
[type
=range
]::-moz-range-track
{
6878 input
[type
=range
]::-moz-range-thumb
{
6883 background: #26a69a;
6886 /*hide the outline behind the border*/
6887 input
[type
=range
]:-moz-focusring
{
6888 outline: 1px solid white
;
6889 outline-offset: -1px; }
6891 input
[type
=range
]:focus::-moz-range-track
{
6894 input
[type
=range
]::-ms-track
{
6896 /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
6897 background: transparent
;
6898 /*leave room for the larger thumb to overflow with a transparent border */
6899 border-color: transparent
;
6900 border-width: 6px 0;
6901 /*remove default tick marks*/
6902 color: transparent
; }
6904 input
[type
=range
]::-ms-fill-lower
{
6907 input
[type
=range
]::-ms-fill-upper
{
6910 input
[type
=range
]::-ms-thumb
{
6915 background: #26a69a; }
6917 input
[type
=range
]:focus::-ms-fill-lower
{
6920 input
[type
=range
]:focus::-ms-fill-upper
{
6923 /***************************
6924 Text Inputs + Textarea
6925 ****************************/
6927 background-color: rgba
(255, 255, 255, 0.9);
6930 border: 1px solid
#f2f2f2;
6937 .table-of-contents.fixed {
6939 .table-of-contents li {
6941 .table-of-contents a {
6942 display: inline-block
;
6947 line-height: 1.5rem;
6949 display: inline-block
; }
6950 .table-of-contents a:hover {
6953 border-left: 1px solid
#ea4a4f; }
6954 .table-of-contents a.active {
6957 border-left: 2px solid
#ea4a4f; }
6966 height: calc
(100% + 60px);
6967 height: -moz-calc
(100%);
6968 padding-bottom: 60px;
6969 background-color: #fff;
6972 will-change: left
; }
6973 .side-nav.right-aligned {
6977 .side-nav .collapsible {
6982 .side-nav li:hover, .side-nav li.active {
6983 background-color: #ddd; }
7007 .side-nav.fixed.right-aligned {
7011 @media only screen and
(max-width : 992px) {
7014 .side-nav.fixed.right-aligned {
7018 .side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
7019 background-color: #ee6e73; }
7020 .side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
7029 background-color: rgba
(0, 0, 0, 0.5);
7031 will-change: opacity
; }
7035 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
7036 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
7037 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
7038 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7039 Code distributed by Google as part of the polymer project is also
7040 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
7042 /**************************/
7043 /* STYLES FOR THE SPINNER */
7044 /**************************/
7048 * ARCSIZE = 270 degrees (amount of circle the arc takes up)
7049 * ARCTIME = 1333ms (time it takes to expand and contract arc)
7050 * ARCSTARTROT = 216 degrees (how much the start location of the arc
7051 * should rotate each time, 216 gives us a
7052 * 5 pointed star shape (it's 360/5 * 3).
7053 * For a 7 pointed star, we might do
7054 * 360/7 * 3 = 154.286)
7055 * CONTAINERWIDTH = 28px
7056 * SHRINK_TIME = 400ms
7058 .preloader-wrapper {
7059 display: inline-block
;
7063 .preloader-wrapper.small {
7066 .preloader-wrapper.big {
7069 .preloader-wrapper.active {
7070 /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
7071 -webkit-animation: container-rotate
1568ms linear infinite
;
7072 animation: container-rotate
1568ms linear infinite
; }
7074 @-webkit-keyframes container-rotate
{
7076 -webkit-transform: rotate
(360deg); } }
7078 @keyframes container-rotate
{
7080 transform: rotate
(360deg); } }
7088 .spinner-blue, .spinner-blue-only {
7089 border-color: #4285f4; }
7091 .spinner-red, .spinner-red-only {
7092 border-color: #db4437; }
7094 .spinner-yellow, .spinner-yellow-only {
7095 border-color: #f4b400; }
7097 .spinner-green, .spinner-green-only {
7098 border-color: #0f9d58; }
7101 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
7103 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
7104 * guarantee that the animation will start _exactly_ after that value. So we avoid using
7105 * animation-delay and instead set custom keyframes for each color (as redundant as it
7108 * We write out each animation in full (instead of separating animation-name,
7109 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
7110 * specific properties properly, treats them as -webkit-animation, and overrides the
7111 * other animation rules. See https://github.com/Polymer/platform/issues/53.
7113 .active .spinner-layer.spinner-blue {
7114 /* durations: 4 * ARCTIME */
7115 -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
;
7116 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
; }
7118 .active .spinner-layer.spinner-red {
7119 /* durations: 4 * ARCTIME */
7120 -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
;
7121 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
; }
7123 .active .spinner-layer.spinner-yellow {
7124 /* durations: 4 * ARCTIME */
7125 -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
;
7126 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
; }
7128 .active .spinner-layer.spinner-green {
7129 /* durations: 4 * ARCTIME */
7130 -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
;
7131 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
; }
7133 .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
7134 /* durations: 4 * ARCTIME */
7136 -webkit-animation: fill-unfill-rotate
5332ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
;
7137 animation: fill-unfill-rotate
5332ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
; }
7139 @-webkit-keyframes fill-unfill-rotate
{
7149 -webkit-transform: rotate
(135deg); }
7152 -webkit-transform: rotate
(270deg); }
7155 -webkit-transform: rotate
(405deg); }
7158 -webkit-transform: rotate
(540deg); }
7161 -webkit-transform: rotate
(675deg); }
7164 -webkit-transform: rotate
(810deg); }
7167 -webkit-transform: rotate
(945deg); }
7170 -webkit-transform: rotate
(1080deg); } }
7172 @keyframes fill-unfill-rotate
{
7182 transform: rotate
(135deg); }
7185 transform: rotate
(270deg); }
7188 transform: rotate
(405deg); }
7191 transform: rotate
(540deg); }
7194 transform: rotate
(675deg); }
7197 transform: rotate
(810deg); }
7200 transform: rotate
(945deg); }
7203 transform: rotate
(1080deg); } }
7205 @-webkit-keyframes blue-fade-in-out
{
7224 @keyframes blue-fade-in-out
{
7243 @-webkit-keyframes red-fade-in-out
{
7259 @keyframes red-fade-in-out
{
7275 @-webkit-keyframes yellow-fade-in-out
{
7291 @keyframes yellow-fade-in-out
{
7307 @-webkit-keyframes green-fade-in-out
{
7323 @keyframes green-fade-in-out
{
7340 * Patch the gap that appear between the two adjacent div.circle-clipper while the
7341 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
7350 border-color: inherit
; }
7352 .gap-patch .circle {
7357 display: inline-block
;
7362 border-color: inherit
; }
7363 .circle-clipper .circle {
7368 border-style: solid
;
7369 border-color: inherit
;
7370 border-bottom-color: transparent
!important
;
7372 -webkit-animation: none
;
7378 .circle-clipper.left .circle {
7380 border-right-color: transparent
!important
;
7381 -webkit-transform: rotate
(129deg);
7382 transform: rotate
(129deg); }
7383 .circle-clipper.right .circle {
7385 border-left-color: transparent
!important
;
7386 -webkit-transform: rotate
(-129deg);
7387 transform: rotate
(-129deg); }
7389 .active .circle-clipper.left .circle {
7390 /* duration: ARCTIME */
7391 -webkit-animation: left-spin
1333ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
;
7392 animation: left-spin
1333ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
; }
7394 .active .circle-clipper.right .circle {
7395 /* duration: ARCTIME */
7396 -webkit-animation: right-spin
1333ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
;
7397 animation: right-spin
1333ms cubic-bezier
(0.4, 0, 0.2, 1) infinite both
; }
7399 @-webkit-keyframes left-spin
{
7401 -webkit-transform: rotate
(130deg); }
7404 -webkit-transform: rotate
(-5deg); }
7407 -webkit-transform: rotate
(130deg); } }
7409 @keyframes left-spin
{
7411 transform: rotate
(130deg); }
7414 transform: rotate
(-5deg); }
7417 transform: rotate
(130deg); } }
7419 @-webkit-keyframes right-spin
{
7421 -webkit-transform: rotate
(-130deg); }
7424 -webkit-transform: rotate
(5deg); }
7427 -webkit-transform: rotate
(-130deg); } }
7429 @keyframes right-spin
{
7431 transform: rotate
(-130deg); }
7434 transform: rotate
(5deg); }
7437 transform: rotate
(-130deg); } }
7439 #spinnerContainer.cooldown
{
7440 /* duration: SHRINK_TIME */
7441 -webkit-animation: container-rotate
1568ms linear infinite
, fade-out
400ms cubic-bezier
(0.4, 0, 0.2, 1);
7442 animation: container-rotate
1568ms linear infinite
, fade-out
400ms cubic-bezier
(0.4, 0, 0.2, 1); }
7444 @-webkit-keyframes fade-out
{
7451 @keyframes fade-out
{
7462 .slider.fullscreen {
7470 .slider.fullscreen ul.slides {
7472 .slider.fullscreen ul.indicators {
7476 background-color: #9e9e9e;
7479 .slider .slides li {
7488 .slider .slides li img {
7491 background-size: cover
;
7492 background-position: center
; }
7493 .slider .slides li .caption {
7500 .slider .slides li .caption p {
7502 .slider .slides li.active {
7504 .slider .indicators {
7511 .slider .indicators .indicator-item {
7512 display: inline-block
;
7518 background-color: #e0e0e0;
7519 -webkit-transition: background-color
.3s;
7520 -moz-transition: background-color
.3s;
7521 -o-transition: background-color
.3s;
7522 -ms-transition: background-color
.3s;
7523 transition: background-color
.3s;
7524 border-radius: 50%; }
7525 .slider .indicators .indicator-item.active {
7526 background-color: #4CAF50; }
7528 /* ==========================================================================
7530 ========================================================================== */
7532 * Note: the root picker element should *NOT* be styled more than what's here.
7541 -webkit-user-select: none
;
7542 -moz-user-select: none
;
7543 -ms-user-select: none
;
7544 user-select: none
; }
7547 * The picker input element.
7553 * When the picker is opened, the input element is "activated".
7555 .picker__input.picker__input--active {
7556 border-color: #0089ec; }
7559 * The holder is the only "scrollable" top-level container element.
7564 -webkit-overflow-scrolling: touch
; }
7567 * Default mobile-first, responsive styling for pickadate.js
7568 * Demo: http://amsul.github.io/pickadate.js
7571 * Note: the root picker element should *NOT* be styled more than what's here.
7574 * Make the holder and frame fullscreen.
7576 .picker__holder, .picker__frame {
7583 * The holder should overlay the entire screen.
7587 -webkit-transition: background
0.15s ease-out
, top
0s 0.15s;
7588 -moz-transition: background
0.15s ease-out
, top
0s 0.15s;
7589 transition: background
0.15s ease-out
, top
0s 0.15s;
7590 -webkit-backface-visibility: hidden
; }
7593 * The frame that bounds the box contents of the picker.
7601 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
7602 filter: alpha
(opacity
=0);
7605 -webkit-transition: all
0.15s ease-out
;
7606 -moz-transition: all
0.15s ease-out
;
7607 transition: all
0.15s ease-out
; }
7609 @media (min-height: 28.875em) {
7614 max-height: 80%; } }
7616 @media (min-height: 40.125em) {
7618 margin-bottom: 7.5%; } }
7621 * The wrapper sets the stage to vertically align the box contents.
7628 @media (min-height: 28.875em) {
7633 * The box contains all the picker contents.
7636 background: #ffffff;
7637 display: table-cell
;
7638 vertical-align: middle
; }
7640 @media (min-height: 28.875em) {
7643 border: 1px solid
#777777;
7644 border-top-color: #898989;
7645 border-bottom-width: 0;
7646 -webkit-border-radius: 5px 5px 0 0;
7647 -moz-border-radius: 5px 5px 0 0;
7648 border-radius: 5px 5px 0 0;
7649 -webkit-box-shadow: 0 12px 36px 16px rgba
(0, 0, 0, 0.24);
7650 -moz-box-shadow: 0 12px 36px 16px rgba
(0, 0, 0, 0.24);
7651 box-shadow: 0 12px 36px 16px rgba
(0, 0, 0, 0.24); } }
7654 * When the picker opens...
7656 .picker--opened .picker__holder {
7658 background: transparent
;
7659 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
7661 background: rgba
(0, 0, 0, 0.32);
7662 -webkit-transition: background
0.15s ease-out
;
7663 -moz-transition: background
0.15s ease-out
;
7664 transition: background
0.15s ease-out
; }
7666 .picker--opened .picker__frame {
7668 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
7669 filter: alpha
(opacity
=100);
7673 @media (min-height: 35.875em) {
7674 .picker--opened .picker__frame {
7676 bottom: 20% auto
; } }
7679 * For `large` screens, transform into an inline picker.
7681 /* ==========================================================================
7682 CUSTOM MATERIALIZE STYLES
7683 ========================================================================== */
7684 .picker__input.picker__input--active {
7685 border-color: #E3F2FD; }
7691 @media (min-height: 38.875em) {
7692 .picker--opened .picker__frame {
7696 /* ==========================================================================
7698 ========================================================================== */
7706 * The header containing the month and year stuff.
7711 margin-top: .75em; }
7714 * The month and year labels.
7716 .picker__month, .picker__year {
7717 display: inline-block
;
7719 margin-right: .25em; }
7722 * The month and year selectors.
7724 .picker__select--month, .picker__select--year {
7728 margin-right: .25em; }
7730 .picker__select--month.browser-default {
7732 background-color: #FFFFFF;
7735 .picker__select--year.browser-default {
7737 background-color: #FFFFFF;
7740 .picker__select--month:focus, .picker__select--year:focus {
7741 border-color: rgba
(0, 0, 0, 0.05); }
7744 * The month navigation buttons.
7746 .picker__nav--prev, .picker__nav--next {
7748 padding: .5em 1.25em;
7751 box-sizing: content-box
;
7754 .picker__nav--prev {
7756 padding-right: 1.25em; }
7758 .picker__nav--next {
7760 padding-left: 1.25em; }
7762 .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
7765 border-right-color: #f5f5f5;
7766 border-left-color: #f5f5f5; }
7769 * The calendar table of dates
7773 border-collapse: collapse
;
7775 table-layout: fixed
;
7779 margin-bottom: .5em; }
7781 .picker__table th, .picker__table td {
7782 text-align: center
; }
7789 * The weekday labels
7792 width: 14.285714286%;
7794 padding-bottom: .25em;
7797 /* Increase the spacing a tad */ }
7799 @media (min-height: 33.875em) {
7801 padding-bottom: .5em; } }
7804 * The days on the calendar
7806 .picker__day--today {
7809 letter-spacing: -.3;
7812 border: 1px solid transparent
; }
7814 .picker__day--disabled:before {
7815 border-top-color: #aaaaaa; }
7817 .picker__day--infocus:hover {
7822 .picker__day--outfocus {
7827 .picker__day--outfocus:hover {
7832 .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
7835 .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
7837 -webkit-transform: scale
(.75);
7838 -moz-transform: scale
(.75);
7839 -ms-transform: scale
(.75);
7840 -o-transform: scale
(.75);
7841 transform: scale
(.75);
7842 background: #0089ec;
7845 .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
7846 background: #f5f5f5;
7847 border-color: #f5f5f5;
7851 .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
7852 background: #bbbbbb; }
7855 * The footer containing the "today", "clear", and "close" buttons.
7860 align-items: center
;
7861 justify-content: space-between
; }
7863 .picker__button--today, .picker__button--clear, .picker__button--close {
7864 border: 1px solid
#ffffff;
7865 background: #ffffff;
7870 display: inline-block
;
7871 vertical-align: bottom
; }
7873 .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
7876 background: #b1dcfb;
7877 border-bottom-color: #b1dcfb; }
7879 .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {
7880 background: #b1dcfb;
7881 border-color: rgba
(0, 0, 0, 0.05);
7884 .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {
7886 display: inline-block
;
7889 .picker__button--today:before, .picker__button--clear:before {
7891 margin-right: .45em; }
7893 .picker__button--today:before {
7896 border-top: 0.66em solid
#0059bc;
7897 border-left: .66em solid transparent
; }
7899 .picker__button--clear:before {
7902 border-top: 3px solid
#ee2200; }
7904 .picker__button--close:before {
7907 vertical-align: top
;
7909 margin-right: .35em;
7912 .picker__button--today[disabled], .picker__button--today[disabled]:hover {
7913 background: #f5f5f5;
7914 border-color: #f5f5f5;
7918 .picker__button--today[disabled]:before {
7919 border-top-color: #aaaaaa; }
7921 /* ==========================================================================
7922 CUSTOM MATERIALIZE STYLES
7923 ========================================================================== */
7928 .picker__date-display {
7930 background-color: #26a69a;
7932 padding-bottom: 15px;
7935 .picker__nav--prev:hover, .picker__nav--next:hover {
7938 background: #a1ded8; }
7940 .picker__weekday-display {
7941 background-color: #1f897f;
7946 margin-bottom: 15px; }
7948 .picker__month-display {
7949 text-transform: uppercase
;
7952 .picker__day-display {
7956 .picker__year-display {
7958 color: rgba
(255, 255, 255, 0.4); }
7963 .picker__calendar-container {
7965 .picker__calendar-container thead {
7970 margin-bottom: .5em; }
7972 .picker__day--infocus {
7974 letter-spacing: -.3;
7977 border: 1px solid transparent
; }
7979 .picker__day.picker__day--today {
7982 .picker__day.picker__day--today.picker__day--selected {
7988 .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
7990 -webkit-transform: scale
(.9);
7991 -moz-transform: scale
(.9);
7992 -ms-transform: scale
(.9);
7993 -o-transform: scale
(.9);
7994 transform: scale
(.9);
7995 background-color: #26a69a;
7997 .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus {
7998 background-color: #a1ded8; }
8002 padding: 5px 10px; }
8004 .picker__close, .picker__today {
8009 .picker__nav--prev:before, .picker__nav--next:before {
8011 border-top: .5em solid transparent
;
8012 border-bottom: .5em solid transparent
;
8013 border-right: 0.75em solid
#676767;
8019 .picker__nav--next:before {
8021 border-left: 0.75em solid
#676767; }
8023 button
.picker__today:focus
, button
.picker__clear:focus
, button
.picker__close:focus
{
8024 background-color: #a1ded8; }
8026 /* ==========================================================================
8028 ========================================================================== */
8030 * The list of times.
8034 padding: 0.75em 0 4.2em;
8038 * The times on the clock.
8040 .picker__list-item {
8041 border-bottom: 1px solid
#dddddd;
8042 border-top: 1px solid
#dddddd;
8043 margin-bottom: -1px;
8045 background: #ffffff;
8046 padding: .75em 1.25em; }
8048 @media (min-height: 46.75em) {
8049 .picker__list-item {
8050 padding: .5em 1em; } }
8053 .picker__list-item:hover {
8056 background: #b1dcfb;
8057 border-color: #0089ec;
8060 /* Highlighted and hovered/focused time */
8061 .picker__list-item--highlighted {
8062 border-color: #0089ec;
8065 .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {
8068 background: #b1dcfb; }
8070 /* Selected and hovered/focused time */
8071 .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected {
8072 background: #0089ec;
8077 .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled {
8078 background: #f5f5f5;
8079 border-color: #f5f5f5;
8082 border-color: #dddddd;
8088 .picker--time .picker__button--clear {
8092 padding: 1em 1.25em;
8098 text-transform: uppercase
;
8101 .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus {
8103 background: #b1dcfb;
8104 background: #ee2200;
8105 border-color: #ee2200;
8110 .picker--time .picker__button--clear:before {
8114 font-weight: bold
; }
8116 .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before {
8119 /* ==========================================================================
8120 $DEFAULT-TIME-PICKER
8121 ========================================================================== */
8123 * The frame the bounds the time picker.
8125 .picker--time .picker__frame {
8132 .picker--time .picker__box {
8134 background: #f2f2f2;
8137 @media (min-height: 40.125em) {
8138 .picker--time .picker__box {
8139 margin-bottom: 5em; } }