@d-i-t-a/reader 2.0.3 → 2.0.6-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/material.css DELETED
@@ -1,4637 +0,0 @@
1
- .white {
2
- background-color: #FFFFFF !important; }
3
-
4
- .white-text {
5
- color: #FFFFFF !important; }
6
-
7
- .materialize-red {
8
- background-color: #e51c23 !important; }
9
-
10
- .materialize-red-text {
11
- color: #e51c23 !important; }
12
-
13
- .materialize-red.lighten-5 {
14
- background-color: #fdeaeb !important; }
15
-
16
- .materialize-red-text.text-lighten-5 {
17
- color: #fdeaeb !important; }
18
-
19
- .materialize-red.lighten-4 {
20
- background-color: #f8c1c3 !important; }
21
-
22
- .materialize-red-text.text-lighten-4 {
23
- color: #f8c1c3 !important; }
24
-
25
- .materialize-red.lighten-3 {
26
- background-color: #f3989b !important; }
27
-
28
- .materialize-red-text.text-lighten-3 {
29
- color: #f3989b !important; }
30
-
31
- .materialize-red.lighten-2 {
32
- background-color: #ee6e73 !important; }
33
-
34
- .materialize-red-text.text-lighten-2 {
35
- color: #ee6e73 !important; }
36
-
37
- .materialize-red.lighten-1 {
38
- background-color: #ea454b !important; }
39
-
40
- .materialize-red-text.text-lighten-1 {
41
- color: #ea454b !important; }
42
-
43
- .materialize-red.darken-1 {
44
- background-color: #d0181e !important; }
45
-
46
- .materialize-red-text.text-darken-1 {
47
- color: #d0181e !important; }
48
-
49
- .materialize-red.darken-2 {
50
- background-color: #b9151b !important; }
51
-
52
- .materialize-red-text.text-darken-2 {
53
- color: #b9151b !important; }
54
-
55
- .materialize-red.darken-3 {
56
- background-color: #a21318 !important; }
57
-
58
- .materialize-red-text.text-darken-3 {
59
- color: #a21318 !important; }
60
-
61
- .materialize-red.darken-4 {
62
- background-color: #8b1014 !important; }
63
-
64
- .materialize-red-text.text-darken-4 {
65
- color: #8b1014 !important; }
66
-
67
- .red {
68
- background-color: #F44336 !important; }
69
-
70
- .red-text {
71
- color: #F44336 !important; }
72
-
73
- .red.lighten-5 {
74
- background-color: #FFEBEE !important; }
75
-
76
- .red-text.text-lighten-5 {
77
- color: #FFEBEE !important; }
78
-
79
- .red.lighten-4 {
80
- background-color: #FFCDD2 !important; }
81
-
82
- .red-text.text-lighten-4 {
83
- color: #FFCDD2 !important; }
84
-
85
- .red.lighten-3 {
86
- background-color: #EF9A9A !important; }
87
-
88
- .red-text.text-lighten-3 {
89
- color: #EF9A9A !important; }
90
-
91
- .red.lighten-2 {
92
- background-color: #E57373 !important; }
93
-
94
- .red-text.text-lighten-2 {
95
- color: #E57373 !important; }
96
-
97
- .red.lighten-1 {
98
- background-color: #EF5350 !important; }
99
-
100
- .red-text.text-lighten-1 {
101
- color: #EF5350 !important; }
102
-
103
- .red.darken-1 {
104
- background-color: #E53935 !important; }
105
-
106
- .red-text.text-darken-1 {
107
- color: #E53935 !important; }
108
-
109
- .red.darken-2 {
110
- background-color: #D32F2F !important; }
111
-
112
- .red-text.text-darken-2 {
113
- color: #D32F2F !important; }
114
-
115
- .red.darken-3 {
116
- background-color: #C62828 !important; }
117
-
118
- .red-text.text-darken-3 {
119
- color: #C62828 !important; }
120
-
121
- .red.darken-4 {
122
- background-color: #B71C1C !important; }
123
-
124
- .red-text.text-darken-4 {
125
- color: #B71C1C !important; }
126
-
127
- .red.accent-1 {
128
- background-color: #FF8A80 !important; }
129
-
130
- .red-text.text-accent-1 {
131
- color: #FF8A80 !important; }
132
-
133
- .red.accent-2 {
134
- background-color: #FF5252 !important; }
135
-
136
- .red-text.text-accent-2 {
137
- color: #FF5252 !important; }
138
-
139
- .red.accent-3 {
140
- background-color: #FF1744 !important; }
141
-
142
- .red-text.text-accent-3 {
143
- color: #FF1744 !important; }
144
-
145
- .red.accent-4 {
146
- background-color: #D50000 !important; }
147
-
148
- .red-text.text-accent-4 {
149
- color: #D50000 !important; }
150
-
151
- .pink {
152
- background-color: #e91e63 !important; }
153
-
154
- .pink-text {
155
- color: #e91e63 !important; }
156
-
157
- .pink.lighten-5 {
158
- background-color: #fce4ec !important; }
159
-
160
- .pink-text.text-lighten-5 {
161
- color: #fce4ec !important; }
162
-
163
- .pink.lighten-4 {
164
- background-color: #f8bbd0 !important; }
165
-
166
- .pink-text.text-lighten-4 {
167
- color: #f8bbd0 !important; }
168
-
169
- .pink.lighten-3 {
170
- background-color: #f48fb1 !important; }
171
-
172
- .pink-text.text-lighten-3 {
173
- color: #f48fb1 !important; }
174
-
175
- .pink.lighten-2 {
176
- background-color: #f06292 !important; }
177
-
178
- .pink-text.text-lighten-2 {
179
- color: #f06292 !important; }
180
-
181
- .pink.lighten-1 {
182
- background-color: #ec407a !important; }
183
-
184
- .pink-text.text-lighten-1 {
185
- color: #ec407a !important; }
186
-
187
- .pink.darken-1 {
188
- background-color: #d81b60 !important; }
189
-
190
- .pink-text.text-darken-1 {
191
- color: #d81b60 !important; }
192
-
193
- .pink.darken-2 {
194
- background-color: #c2185b !important; }
195
-
196
- .pink-text.text-darken-2 {
197
- color: #c2185b !important; }
198
-
199
- .pink.darken-3 {
200
- background-color: #ad1457 !important; }
201
-
202
- .pink-text.text-darken-3 {
203
- color: #ad1457 !important; }
204
-
205
- .pink.darken-4 {
206
- background-color: #880e4f !important; }
207
-
208
- .pink-text.text-darken-4 {
209
- color: #880e4f !important; }
210
-
211
- .pink.accent-1 {
212
- background-color: #ff80ab !important; }
213
-
214
- .pink-text.text-accent-1 {
215
- color: #ff80ab !important; }
216
-
217
- .pink.accent-2 {
218
- background-color: #ff4081 !important; }
219
-
220
- .pink-text.text-accent-2 {
221
- color: #ff4081 !important; }
222
-
223
- .pink.accent-3 {
224
- background-color: #f50057 !important; }
225
-
226
- .pink-text.text-accent-3 {
227
- color: #f50057 !important; }
228
-
229
- .pink.accent-4 {
230
- background-color: #c51162 !important; }
231
-
232
- .pink-text.text-accent-4 {
233
- color: #c51162 !important; }
234
-
235
- .purple {
236
- background-color: #9c27b0 !important; }
237
-
238
- .purple-text {
239
- color: #9c27b0 !important; }
240
-
241
- .purple.lighten-5 {
242
- background-color: #f3e5f5 !important; }
243
-
244
- .purple-text.text-lighten-5 {
245
- color: #f3e5f5 !important; }
246
-
247
- .purple.lighten-4 {
248
- background-color: #e1bee7 !important; }
249
-
250
- .purple-text.text-lighten-4 {
251
- color: #e1bee7 !important; }
252
-
253
- .purple.lighten-3 {
254
- background-color: #ce93d8 !important; }
255
-
256
- .purple-text.text-lighten-3 {
257
- color: #ce93d8 !important; }
258
-
259
- .purple.lighten-2 {
260
- background-color: #ba68c8 !important; }
261
-
262
- .purple-text.text-lighten-2 {
263
- color: #ba68c8 !important; }
264
-
265
- .purple.lighten-1 {
266
- background-color: #ab47bc !important; }
267
-
268
- .purple-text.text-lighten-1 {
269
- color: #ab47bc !important; }
270
-
271
- .purple.darken-1 {
272
- background-color: #8e24aa !important; }
273
-
274
- .purple-text.text-darken-1 {
275
- color: #8e24aa !important; }
276
-
277
- .purple.darken-2 {
278
- background-color: #7b1fa2 !important; }
279
-
280
- .purple-text.text-darken-2 {
281
- color: #7b1fa2 !important; }
282
-
283
- .purple.darken-3 {
284
- background-color: #6a1b9a !important; }
285
-
286
- .purple-text.text-darken-3 {
287
- color: #6a1b9a !important; }
288
-
289
- .purple.darken-4 {
290
- background-color: #4a148c !important; }
291
-
292
- .purple-text.text-darken-4 {
293
- color: #4a148c !important; }
294
-
295
- .purple.accent-1 {
296
- background-color: #ea80fc !important; }
297
-
298
- .purple-text.text-accent-1 {
299
- color: #ea80fc !important; }
300
-
301
- .purple.accent-2 {
302
- background-color: #e040fb !important; }
303
-
304
- .purple-text.text-accent-2 {
305
- color: #e040fb !important; }
306
-
307
- .purple.accent-3 {
308
- background-color: #d500f9 !important; }
309
-
310
- .purple-text.text-accent-3 {
311
- color: #d500f9 !important; }
312
-
313
- .purple.accent-4 {
314
- background-color: #aa00ff !important; }
315
-
316
- .purple-text.text-accent-4 {
317
- color: #aa00ff !important; }
318
-
319
- .deep-purple {
320
- background-color: #673ab7 !important; }
321
-
322
- .deep-purple-text {
323
- color: #673ab7 !important; }
324
-
325
- .deep-purple.lighten-5 {
326
- background-color: #ede7f6 !important; }
327
-
328
- .deep-purple-text.text-lighten-5 {
329
- color: #ede7f6 !important; }
330
-
331
- .deep-purple.lighten-4 {
332
- background-color: #d1c4e9 !important; }
333
-
334
- .deep-purple-text.text-lighten-4 {
335
- color: #d1c4e9 !important; }
336
-
337
- .deep-purple.lighten-3 {
338
- background-color: #b39ddb !important; }
339
-
340
- .deep-purple-text.text-lighten-3 {
341
- color: #b39ddb !important; }
342
-
343
- .deep-purple.lighten-2 {
344
- background-color: #9575cd !important; }
345
-
346
- .deep-purple-text.text-lighten-2 {
347
- color: #9575cd !important; }
348
-
349
- .deep-purple.lighten-1 {
350
- background-color: #7e57c2 !important; }
351
-
352
- .deep-purple-text.text-lighten-1 {
353
- color: #7e57c2 !important; }
354
-
355
- .deep-purple.darken-1 {
356
- background-color: #5e35b1 !important; }
357
-
358
- .deep-purple-text.text-darken-1 {
359
- color: #5e35b1 !important; }
360
-
361
- .deep-purple.darken-2 {
362
- background-color: #512da8 !important; }
363
-
364
- .deep-purple-text.text-darken-2 {
365
- color: #512da8 !important; }
366
-
367
- .deep-purple.darken-3 {
368
- background-color: #4527a0 !important; }
369
-
370
- .deep-purple-text.text-darken-3 {
371
- color: #4527a0 !important; }
372
-
373
- .deep-purple.darken-4 {
374
- background-color: #311b92 !important; }
375
-
376
- .deep-purple-text.text-darken-4 {
377
- color: #311b92 !important; }
378
-
379
- .deep-purple.accent-1 {
380
- background-color: #b388ff !important; }
381
-
382
- .deep-purple-text.text-accent-1 {
383
- color: #b388ff !important; }
384
-
385
- .deep-purple.accent-2 {
386
- background-color: #7c4dff !important; }
387
-
388
- .deep-purple-text.text-accent-2 {
389
- color: #7c4dff !important; }
390
-
391
- .deep-purple.accent-3 {
392
- background-color: #651fff !important; }
393
-
394
- .deep-purple-text.text-accent-3 {
395
- color: #651fff !important; }
396
-
397
- .deep-purple.accent-4 {
398
- background-color: #6200ea !important; }
399
-
400
- .deep-purple-text.text-accent-4 {
401
- color: #6200ea !important; }
402
-
403
- .indigo {
404
- background-color: #3f51b5 !important; }
405
-
406
- .indigo-text {
407
- color: #3f51b5 !important; }
408
-
409
- .indigo.lighten-5 {
410
- background-color: #e8eaf6 !important; }
411
-
412
- .indigo-text.text-lighten-5 {
413
- color: #e8eaf6 !important; }
414
-
415
- .indigo.lighten-4 {
416
- background-color: #c5cae9 !important; }
417
-
418
- .indigo-text.text-lighten-4 {
419
- color: #c5cae9 !important; }
420
-
421
- .indigo.lighten-3 {
422
- background-color: #9fa8da !important; }
423
-
424
- .indigo-text.text-lighten-3 {
425
- color: #9fa8da !important; }
426
-
427
- .indigo.lighten-2 {
428
- background-color: #7986cb !important; }
429
-
430
- .indigo-text.text-lighten-2 {
431
- color: #7986cb !important; }
432
-
433
- .indigo.lighten-1 {
434
- background-color: #5c6bc0 !important; }
435
-
436
- .indigo-text.text-lighten-1 {
437
- color: #5c6bc0 !important; }
438
-
439
- .indigo.darken-1 {
440
- background-color: #3949ab !important; }
441
-
442
- .indigo-text.text-darken-1 {
443
- color: #3949ab !important; }
444
-
445
- .indigo.darken-2 {
446
- background-color: #303f9f !important; }
447
-
448
- .indigo-text.text-darken-2 {
449
- color: #303f9f !important; }
450
-
451
- .indigo.darken-3 {
452
- background-color: #283593 !important; }
453
-
454
- .indigo-text.text-darken-3 {
455
- color: #283593 !important; }
456
-
457
- .indigo.darken-4 {
458
- background-color: #1a237e !important; }
459
-
460
- .indigo-text.text-darken-4 {
461
- color: #1a237e !important; }
462
-
463
- .indigo.accent-1 {
464
- background-color: #8c9eff !important; }
465
-
466
- .indigo-text.text-accent-1 {
467
- color: #8c9eff !important; }
468
-
469
- .indigo.accent-2 {
470
- background-color: #536dfe !important; }
471
-
472
- .indigo-text.text-accent-2 {
473
- color: #536dfe !important; }
474
-
475
- .indigo.accent-3 {
476
- background-color: #3d5afe !important; }
477
-
478
- .indigo-text.text-accent-3 {
479
- color: #3d5afe !important; }
480
-
481
- .indigo.accent-4 {
482
- background-color: #304ffe !important; }
483
-
484
- .indigo-text.text-accent-4 {
485
- color: #304ffe !important; }
486
-
487
- .blue {
488
- background-color: #2196F3 !important; }
489
-
490
- .blue-text {
491
- color: #2196F3 !important; }
492
-
493
- .blue.lighten-5 {
494
- background-color: #E3F2FD !important; }
495
-
496
- .blue-text.text-lighten-5 {
497
- color: #E3F2FD !important; }
498
-
499
- .blue.lighten-4 {
500
- background-color: #BBDEFB !important; }
501
-
502
- .blue-text.text-lighten-4 {
503
- color: #BBDEFB !important; }
504
-
505
- .blue.lighten-3 {
506
- background-color: #90CAF9 !important; }
507
-
508
- .blue-text.text-lighten-3 {
509
- color: #90CAF9 !important; }
510
-
511
- .blue.lighten-2 {
512
- background-color: #64B5F6 !important; }
513
-
514
- .blue-text.text-lighten-2 {
515
- color: #64B5F6 !important; }
516
-
517
- .blue.lighten-1 {
518
- background-color: #42A5F5 !important; }
519
-
520
- .blue-text.text-lighten-1 {
521
- color: #42A5F5 !important; }
522
-
523
- .blue.darken-1 {
524
- background-color: #1E88E5 !important; }
525
-
526
- .blue-text.text-darken-1 {
527
- color: #1E88E5 !important; }
528
-
529
- .blue.darken-2 {
530
- background-color: #1976D2 !important; }
531
-
532
- .blue-text.text-darken-2 {
533
- color: #1976D2 !important; }
534
-
535
- .blue.darken-3 {
536
- background-color: #1565C0 !important; }
537
-
538
- .blue-text.text-darken-3 {
539
- color: #1565C0 !important; }
540
-
541
- .blue.darken-4 {
542
- background-color: #0D47A1 !important; }
543
-
544
- .blue-text.text-darken-4 {
545
- color: #0D47A1 !important; }
546
-
547
- .blue.accent-1 {
548
- background-color: #82B1FF !important; }
549
-
550
- .blue-text.text-accent-1 {
551
- color: #82B1FF !important; }
552
-
553
- .blue.accent-2 {
554
- background-color: #448AFF !important; }
555
-
556
- .blue-text.text-accent-2 {
557
- color: #448AFF !important; }
558
-
559
- .blue.accent-3 {
560
- background-color: #2979FF !important; }
561
-
562
- .blue-text.text-accent-3 {
563
- color: #2979FF !important; }
564
-
565
- .blue.accent-4 {
566
- background-color: #2962FF !important; }
567
-
568
- .blue-text.text-accent-4 {
569
- color: #2962FF !important; }
570
-
571
- .light-blue {
572
- background-color: #03a9f4 !important; }
573
-
574
- .light-blue-text {
575
- color: #03a9f4 !important; }
576
-
577
- .light-blue.lighten-5 {
578
- background-color: #e1f5fe !important; }
579
-
580
- .light-blue-text.text-lighten-5 {
581
- color: #e1f5fe !important; }
582
-
583
- .light-blue.lighten-4 {
584
- background-color: #b3e5fc !important; }
585
-
586
- .light-blue-text.text-lighten-4 {
587
- color: #b3e5fc !important; }
588
-
589
- .light-blue.lighten-3 {
590
- background-color: #81d4fa !important; }
591
-
592
- .light-blue-text.text-lighten-3 {
593
- color: #81d4fa !important; }
594
-
595
- .light-blue.lighten-2 {
596
- background-color: #4fc3f7 !important; }
597
-
598
- .light-blue-text.text-lighten-2 {
599
- color: #4fc3f7 !important; }
600
-
601
- .light-blue.lighten-1 {
602
- background-color: #29b6f6 !important; }
603
-
604
- .light-blue-text.text-lighten-1 {
605
- color: #29b6f6 !important; }
606
-
607
- .light-blue.darken-1 {
608
- background-color: #039be5 !important; }
609
-
610
- .light-blue-text.text-darken-1 {
611
- color: #039be5 !important; }
612
-
613
- .light-blue.darken-2 {
614
- background-color: #0288d1 !important; }
615
-
616
- .light-blue-text.text-darken-2 {
617
- color: #0288d1 !important; }
618
-
619
- .light-blue.darken-3 {
620
- background-color: #0277bd !important; }
621
-
622
- .light-blue-text.text-darken-3 {
623
- color: #0277bd !important; }
624
-
625
- .light-blue.darken-4 {
626
- background-color: #01579b !important; }
627
-
628
- .light-blue-text.text-darken-4 {
629
- color: #01579b !important; }
630
-
631
- .light-blue.accent-1 {
632
- background-color: #80d8ff !important; }
633
-
634
- .light-blue-text.text-accent-1 {
635
- color: #80d8ff !important; }
636
-
637
- .light-blue.accent-2 {
638
- background-color: #40c4ff !important; }
639
-
640
- .light-blue-text.text-accent-2 {
641
- color: #40c4ff !important; }
642
-
643
- .light-blue.accent-3 {
644
- background-color: #00b0ff !important; }
645
-
646
- .light-blue-text.text-accent-3 {
647
- color: #00b0ff !important; }
648
-
649
- .light-blue.accent-4 {
650
- background-color: #0091ea !important; }
651
-
652
- .light-blue-text.text-accent-4 {
653
- color: #0091ea !important; }
654
-
655
- .cyan {
656
- background-color: #00bcd4 !important; }
657
-
658
- .cyan-text {
659
- color: #00bcd4 !important; }
660
-
661
- .cyan.lighten-5 {
662
- background-color: #e0f7fa !important; }
663
-
664
- .cyan-text.text-lighten-5 {
665
- color: #e0f7fa !important; }
666
-
667
- .cyan.lighten-4 {
668
- background-color: #b2ebf2 !important; }
669
-
670
- .cyan-text.text-lighten-4 {
671
- color: #b2ebf2 !important; }
672
-
673
- .cyan.lighten-3 {
674
- background-color: #80deea !important; }
675
-
676
- .cyan-text.text-lighten-3 {
677
- color: #80deea !important; }
678
-
679
- .cyan.lighten-2 {
680
- background-color: #4dd0e1 !important; }
681
-
682
- .cyan-text.text-lighten-2 {
683
- color: #4dd0e1 !important; }
684
-
685
- .cyan.lighten-1 {
686
- background-color: #26c6da !important; }
687
-
688
- .cyan-text.text-lighten-1 {
689
- color: #26c6da !important; }
690
-
691
- .cyan.darken-1 {
692
- background-color: #00acc1 !important; }
693
-
694
- .cyan-text.text-darken-1 {
695
- color: #00acc1 !important; }
696
-
697
- .cyan.darken-2 {
698
- background-color: #0097a7 !important; }
699
-
700
- .cyan-text.text-darken-2 {
701
- color: #0097a7 !important; }
702
-
703
- .cyan.darken-3 {
704
- background-color: #00838f !important; }
705
-
706
- .cyan-text.text-darken-3 {
707
- color: #00838f !important; }
708
-
709
- .cyan.darken-4 {
710
- background-color: #006064 !important; }
711
-
712
- .cyan-text.text-darken-4 {
713
- color: #006064 !important; }
714
-
715
- .cyan.accent-1 {
716
- background-color: #84ffff !important; }
717
-
718
- .cyan-text.text-accent-1 {
719
- color: #84ffff !important; }
720
-
721
- .cyan.accent-2 {
722
- background-color: #18ffff !important; }
723
-
724
- .cyan-text.text-accent-2 {
725
- color: #18ffff !important; }
726
-
727
- .cyan.accent-3 {
728
- background-color: #00e5ff !important; }
729
-
730
- .cyan-text.text-accent-3 {
731
- color: #00e5ff !important; }
732
-
733
- .cyan.accent-4 {
734
- background-color: #00b8d4 !important; }
735
-
736
- .cyan-text.text-accent-4 {
737
- color: #00b8d4 !important; }
738
-
739
- .teal {
740
- background-color: #009688 !important; }
741
-
742
- .teal-text {
743
- color: #009688 !important; }
744
-
745
- .teal.lighten-5 {
746
- background-color: #e0f2f1 !important; }
747
-
748
- .teal-text.text-lighten-5 {
749
- color: #e0f2f1 !important; }
750
-
751
- .teal.lighten-4 {
752
- background-color: #b2dfdb !important; }
753
-
754
- .teal-text.text-lighten-4 {
755
- color: #b2dfdb !important; }
756
-
757
- .teal.lighten-3 {
758
- background-color: #80cbc4 !important; }
759
-
760
- .teal-text.text-lighten-3 {
761
- color: #80cbc4 !important; }
762
-
763
- .teal.lighten-2 {
764
- background-color: #4db6ac !important; }
765
-
766
- .teal-text.text-lighten-2 {
767
- color: #4db6ac !important; }
768
-
769
- .teal.lighten-1 {
770
- background-color: #26a69a !important; }
771
-
772
- .teal-text.text-lighten-1 {
773
- color: #26a69a !important; }
774
-
775
- .teal.darken-1 {
776
- background-color: #00897b !important; }
777
-
778
- .teal-text.text-darken-1 {
779
- color: #00897b !important; }
780
-
781
- .teal.darken-2 {
782
- background-color: #00796b !important; }
783
-
784
- .teal-text.text-darken-2 {
785
- color: #00796b !important; }
786
-
787
- .teal.darken-3 {
788
- background-color: #00695c !important; }
789
-
790
- .teal-text.text-darken-3 {
791
- color: #00695c !important; }
792
-
793
- .teal.darken-4 {
794
- background-color: #004d40 !important; }
795
-
796
- .teal-text.text-darken-4 {
797
- color: #004d40 !important; }
798
-
799
- .teal.accent-1 {
800
- background-color: #a7ffeb !important; }
801
-
802
- .teal-text.text-accent-1 {
803
- color: #a7ffeb !important; }
804
-
805
- .teal.accent-2 {
806
- background-color: #64ffda !important; }
807
-
808
- .teal-text.text-accent-2 {
809
- color: #64ffda !important; }
810
-
811
- .teal.accent-3 {
812
- background-color: #1de9b6 !important; }
813
-
814
- .teal-text.text-accent-3 {
815
- color: #1de9b6 !important; }
816
-
817
- .teal.accent-4 {
818
- background-color: #00bfa5 !important; }
819
-
820
- .teal-text.text-accent-4 {
821
- color: #00bfa5 !important; }
822
-
823
- .green {
824
- background-color: #4CAF50 !important; }
825
-
826
- .green-text {
827
- color: #4CAF50 !important; }
828
-
829
- .green.lighten-5 {
830
- background-color: #E8F5E9 !important; }
831
-
832
- .green-text.text-lighten-5 {
833
- color: #E8F5E9 !important; }
834
-
835
- .green.lighten-4 {
836
- background-color: #C8E6C9 !important; }
837
-
838
- .green-text.text-lighten-4 {
839
- color: #C8E6C9 !important; }
840
-
841
- .green.lighten-3 {
842
- background-color: #A5D6A7 !important; }
843
-
844
- .green-text.text-lighten-3 {
845
- color: #A5D6A7 !important; }
846
-
847
- .green.lighten-2 {
848
- background-color: #81C784 !important; }
849
-
850
- .green-text.text-lighten-2 {
851
- color: #81C784 !important; }
852
-
853
- .green.lighten-1 {
854
- background-color: #66BB6A !important; }
855
-
856
- .green-text.text-lighten-1 {
857
- color: #66BB6A !important; }
858
-
859
- .green.darken-1 {
860
- background-color: #43A047 !important; }
861
-
862
- .green-text.text-darken-1 {
863
- color: #43A047 !important; }
864
-
865
- .green.darken-2 {
866
- background-color: #388E3C !important; }
867
-
868
- .green-text.text-darken-2 {
869
- color: #388E3C !important; }
870
-
871
- .green.darken-3 {
872
- background-color: #2E7D32 !important; }
873
-
874
- .green-text.text-darken-3 {
875
- color: #2E7D32 !important; }
876
-
877
- .green.darken-4 {
878
- background-color: #1B5E20 !important; }
879
-
880
- .green-text.text-darken-4 {
881
- color: #1B5E20 !important; }
882
-
883
- .green.accent-1 {
884
- background-color: #B9F6CA !important; }
885
-
886
- .green-text.text-accent-1 {
887
- color: #B9F6CA !important; }
888
-
889
- .green.accent-2 {
890
- background-color: #69F0AE !important; }
891
-
892
- .green-text.text-accent-2 {
893
- color: #69F0AE !important; }
894
-
895
- .green.accent-3 {
896
- background-color: #00E676 !important; }
897
-
898
- .green-text.text-accent-3 {
899
- color: #00E676 !important; }
900
-
901
- .green.accent-4 {
902
- background-color: #00C853 !important; }
903
-
904
- .green-text.text-accent-4 {
905
- color: #00C853 !important; }
906
-
907
- .light-green {
908
- background-color: #8bc34a !important; }
909
-
910
- .light-green-text {
911
- color: #8bc34a !important; }
912
-
913
- .light-green.lighten-5 {
914
- background-color: #f1f8e9 !important; }
915
-
916
- .light-green-text.text-lighten-5 {
917
- color: #f1f8e9 !important; }
918
-
919
- .light-green.lighten-4 {
920
- background-color: #dcedc8 !important; }
921
-
922
- .light-green-text.text-lighten-4 {
923
- color: #dcedc8 !important; }
924
-
925
- .light-green.lighten-3 {
926
- background-color: #c5e1a5 !important; }
927
-
928
- .light-green-text.text-lighten-3 {
929
- color: #c5e1a5 !important; }
930
-
931
- .light-green.lighten-2 {
932
- background-color: #aed581 !important; }
933
-
934
- .light-green-text.text-lighten-2 {
935
- color: #aed581 !important; }
936
-
937
- .light-green.lighten-1 {
938
- background-color: #9ccc65 !important; }
939
-
940
- .light-green-text.text-lighten-1 {
941
- color: #9ccc65 !important; }
942
-
943
- .light-green.darken-1 {
944
- background-color: #7cb342 !important; }
945
-
946
- .light-green-text.text-darken-1 {
947
- color: #7cb342 !important; }
948
-
949
- .light-green.darken-2 {
950
- background-color: #689f38 !important; }
951
-
952
- .light-green-text.text-darken-2 {
953
- color: #689f38 !important; }
954
-
955
- .light-green.darken-3 {
956
- background-color: #558b2f !important; }
957
-
958
- .light-green-text.text-darken-3 {
959
- color: #558b2f !important; }
960
-
961
- .light-green.darken-4 {
962
- background-color: #33691e !important; }
963
-
964
- .light-green-text.text-darken-4 {
965
- color: #33691e !important; }
966
-
967
- .light-green.accent-1 {
968
- background-color: #ccff90 !important; }
969
-
970
- .light-green-text.text-accent-1 {
971
- color: #ccff90 !important; }
972
-
973
- .light-green.accent-2 {
974
- background-color: #b2ff59 !important; }
975
-
976
- .light-green-text.text-accent-2 {
977
- color: #b2ff59 !important; }
978
-
979
- .light-green.accent-3 {
980
- background-color: #76ff03 !important; }
981
-
982
- .light-green-text.text-accent-3 {
983
- color: #76ff03 !important; }
984
-
985
- .light-green.accent-4 {
986
- background-color: #64dd17 !important; }
987
-
988
- .light-green-text.text-accent-4 {
989
- color: #64dd17 !important; }
990
-
991
- .lime {
992
- background-color: #cddc39 !important; }
993
-
994
- .lime-text {
995
- color: #cddc39 !important; }
996
-
997
- .lime.lighten-5 {
998
- background-color: #f9fbe7 !important; }
999
-
1000
- .lime-text.text-lighten-5 {
1001
- color: #f9fbe7 !important; }
1002
-
1003
- .lime.lighten-4 {
1004
- background-color: #f0f4c3 !important; }
1005
-
1006
- .lime-text.text-lighten-4 {
1007
- color: #f0f4c3 !important; }
1008
-
1009
- .lime.lighten-3 {
1010
- background-color: #e6ee9c !important; }
1011
-
1012
- .lime-text.text-lighten-3 {
1013
- color: #e6ee9c !important; }
1014
-
1015
- .lime.lighten-2 {
1016
- background-color: #dce775 !important; }
1017
-
1018
- .lime-text.text-lighten-2 {
1019
- color: #dce775 !important; }
1020
-
1021
- .lime.lighten-1 {
1022
- background-color: #d4e157 !important; }
1023
-
1024
- .lime-text.text-lighten-1 {
1025
- color: #d4e157 !important; }
1026
-
1027
- .lime.darken-1 {
1028
- background-color: #c0ca33 !important; }
1029
-
1030
- .lime-text.text-darken-1 {
1031
- color: #c0ca33 !important; }
1032
-
1033
- .lime.darken-2 {
1034
- background-color: #afb42b !important; }
1035
-
1036
- .lime-text.text-darken-2 {
1037
- color: #afb42b !important; }
1038
-
1039
- .lime.darken-3 {
1040
- background-color: #9e9d24 !important; }
1041
-
1042
- .lime-text.text-darken-3 {
1043
- color: #9e9d24 !important; }
1044
-
1045
- .lime.darken-4 {
1046
- background-color: #827717 !important; }
1047
-
1048
- .lime-text.text-darken-4 {
1049
- color: #827717 !important; }
1050
-
1051
- .lime.accent-1 {
1052
- background-color: #f4ff81 !important; }
1053
-
1054
- .lime-text.text-accent-1 {
1055
- color: #f4ff81 !important; }
1056
-
1057
- .lime.accent-2 {
1058
- background-color: #eeff41 !important; }
1059
-
1060
- .lime-text.text-accent-2 {
1061
- color: #eeff41 !important; }
1062
-
1063
- .lime.accent-3 {
1064
- background-color: #c6ff00 !important; }
1065
-
1066
- .lime-text.text-accent-3 {
1067
- color: #c6ff00 !important; }
1068
-
1069
- .lime.accent-4 {
1070
- background-color: #aeea00 !important; }
1071
-
1072
- .lime-text.text-accent-4 {
1073
- color: #aeea00 !important; }
1074
-
1075
- .yellow {
1076
- background-color: #ffeb3b !important; }
1077
-
1078
- .yellow-text {
1079
- color: #ffeb3b !important; }
1080
-
1081
- .yellow.lighten-5 {
1082
- background-color: #fffde7 !important; }
1083
-
1084
- .yellow-text.text-lighten-5 {
1085
- color: #fffde7 !important; }
1086
-
1087
- .yellow.lighten-4 {
1088
- background-color: #fff9c4 !important; }
1089
-
1090
- .yellow-text.text-lighten-4 {
1091
- color: #fff9c4 !important; }
1092
-
1093
- .yellow.lighten-3 {
1094
- background-color: #fff59d !important; }
1095
-
1096
- .yellow-text.text-lighten-3 {
1097
- color: #fff59d !important; }
1098
-
1099
- .yellow.lighten-2 {
1100
- background-color: #fff176 !important; }
1101
-
1102
- .yellow-text.text-lighten-2 {
1103
- color: #fff176 !important; }
1104
-
1105
- .yellow.lighten-1 {
1106
- background-color: #ffee58 !important; }
1107
-
1108
- .yellow-text.text-lighten-1 {
1109
- color: #ffee58 !important; }
1110
-
1111
- .yellow.darken-1 {
1112
- background-color: #fdd835 !important; }
1113
-
1114
- .yellow-text.text-darken-1 {
1115
- color: #fdd835 !important; }
1116
-
1117
- .yellow.darken-2 {
1118
- background-color: #fbc02d !important; }
1119
-
1120
- .yellow-text.text-darken-2 {
1121
- color: #fbc02d !important; }
1122
-
1123
- .yellow.darken-3 {
1124
- background-color: #f9a825 !important; }
1125
-
1126
- .yellow-text.text-darken-3 {
1127
- color: #f9a825 !important; }
1128
-
1129
- .yellow.darken-4 {
1130
- background-color: #f57f17 !important; }
1131
-
1132
- .yellow-text.text-darken-4 {
1133
- color: #f57f17 !important; }
1134
-
1135
- .yellow.accent-1 {
1136
- background-color: #ffff8d !important; }
1137
-
1138
- .yellow-text.text-accent-1 {
1139
- color: #ffff8d !important; }
1140
-
1141
- .yellow.accent-2 {
1142
- background-color: #ffff00 !important; }
1143
-
1144
- .yellow-text.text-accent-2 {
1145
- color: #ffff00 !important; }
1146
-
1147
- .yellow.accent-3 {
1148
- background-color: #ffea00 !important; }
1149
-
1150
- .yellow-text.text-accent-3 {
1151
- color: #ffea00 !important; }
1152
-
1153
- .yellow.accent-4 {
1154
- background-color: #ffd600 !important; }
1155
-
1156
- .yellow-text.text-accent-4 {
1157
- color: #ffd600 !important; }
1158
-
1159
- .amber {
1160
- background-color: #ffc107 !important; }
1161
-
1162
- .amber-text {
1163
- color: #ffc107 !important; }
1164
-
1165
- .amber.lighten-5 {
1166
- background-color: #fff8e1 !important; }
1167
-
1168
- .amber-text.text-lighten-5 {
1169
- color: #fff8e1 !important; }
1170
-
1171
- .amber.lighten-4 {
1172
- background-color: #ffecb3 !important; }
1173
-
1174
- .amber-text.text-lighten-4 {
1175
- color: #ffecb3 !important; }
1176
-
1177
- .amber.lighten-3 {
1178
- background-color: #ffe082 !important; }
1179
-
1180
- .amber-text.text-lighten-3 {
1181
- color: #ffe082 !important; }
1182
-
1183
- .amber.lighten-2 {
1184
- background-color: #ffd54f !important; }
1185
-
1186
- .amber-text.text-lighten-2 {
1187
- color: #ffd54f !important; }
1188
-
1189
- .amber.lighten-1 {
1190
- background-color: #ffca28 !important; }
1191
-
1192
- .amber-text.text-lighten-1 {
1193
- color: #ffca28 !important; }
1194
-
1195
- .amber.darken-1 {
1196
- background-color: #ffb300 !important; }
1197
-
1198
- .amber-text.text-darken-1 {
1199
- color: #ffb300 !important; }
1200
-
1201
- .amber.darken-2 {
1202
- background-color: #ffa000 !important; }
1203
-
1204
- .amber-text.text-darken-2 {
1205
- color: #ffa000 !important; }
1206
-
1207
- .amber.darken-3 {
1208
- background-color: #ff8f00 !important; }
1209
-
1210
- .amber-text.text-darken-3 {
1211
- color: #ff8f00 !important; }
1212
-
1213
- .amber.darken-4 {
1214
- background-color: #ff6f00 !important; }
1215
-
1216
- .amber-text.text-darken-4 {
1217
- color: #ff6f00 !important; }
1218
-
1219
- .amber.accent-1 {
1220
- background-color: #ffe57f !important; }
1221
-
1222
- .amber-text.text-accent-1 {
1223
- color: #ffe57f !important; }
1224
-
1225
- .amber.accent-2 {
1226
- background-color: #ffd740 !important; }
1227
-
1228
- .amber-text.text-accent-2 {
1229
- color: #ffd740 !important; }
1230
-
1231
- .amber.accent-3 {
1232
- background-color: #ffc400 !important; }
1233
-
1234
- .amber-text.text-accent-3 {
1235
- color: #ffc400 !important; }
1236
-
1237
- .amber.accent-4 {
1238
- background-color: #ffab00 !important; }
1239
-
1240
- .amber-text.text-accent-4 {
1241
- color: #ffab00 !important; }
1242
-
1243
- .orange {
1244
- background-color: #ff9800 !important; }
1245
-
1246
- .orange-text {
1247
- color: #ff9800 !important; }
1248
-
1249
- .orange.lighten-5 {
1250
- background-color: #fff3e0 !important; }
1251
-
1252
- .orange-text.text-lighten-5 {
1253
- color: #fff3e0 !important; }
1254
-
1255
- .orange.lighten-4 {
1256
- background-color: #ffe0b2 !important; }
1257
-
1258
- .orange-text.text-lighten-4 {
1259
- color: #ffe0b2 !important; }
1260
-
1261
- .orange.lighten-3 {
1262
- background-color: #ffcc80 !important; }
1263
-
1264
- .orange-text.text-lighten-3 {
1265
- color: #ffcc80 !important; }
1266
-
1267
- .orange.lighten-2 {
1268
- background-color: #ffb74d !important; }
1269
-
1270
- .orange-text.text-lighten-2 {
1271
- color: #ffb74d !important; }
1272
-
1273
- .orange.lighten-1 {
1274
- background-color: #ffa726 !important; }
1275
-
1276
- .orange-text.text-lighten-1 {
1277
- color: #ffa726 !important; }
1278
-
1279
- .orange.darken-1 {
1280
- background-color: #fb8c00 !important; }
1281
-
1282
- .orange-text.text-darken-1 {
1283
- color: #fb8c00 !important; }
1284
-
1285
- .orange.darken-2 {
1286
- background-color: #f57c00 !important; }
1287
-
1288
- .orange-text.text-darken-2 {
1289
- color: #f57c00 !important; }
1290
-
1291
- .orange.darken-3 {
1292
- background-color: #ef6c00 !important; }
1293
-
1294
- .orange-text.text-darken-3 {
1295
- color: #ef6c00 !important; }
1296
-
1297
- .orange.darken-4 {
1298
- background-color: #e65100 !important; }
1299
-
1300
- .orange-text.text-darken-4 {
1301
- color: #e65100 !important; }
1302
-
1303
- .orange.accent-1 {
1304
- background-color: #ffd180 !important; }
1305
-
1306
- .orange-text.text-accent-1 {
1307
- color: #ffd180 !important; }
1308
-
1309
- .orange.accent-2 {
1310
- background-color: #ffab40 !important; }
1311
-
1312
- .orange-text.text-accent-2 {
1313
- color: #ffab40 !important; }
1314
-
1315
- .orange.accent-3 {
1316
- background-color: #ff9100 !important; }
1317
-
1318
- .orange-text.text-accent-3 {
1319
- color: #ff9100 !important; }
1320
-
1321
- .orange.accent-4 {
1322
- background-color: #ff6d00 !important; }
1323
-
1324
- .orange-text.text-accent-4 {
1325
- color: #ff6d00 !important; }
1326
-
1327
- .deep-orange {
1328
- background-color: #ff5722 !important; }
1329
-
1330
- .deep-orange-text {
1331
- color: #ff5722 !important; }
1332
-
1333
- .deep-orange.lighten-5 {
1334
- background-color: #fbe9e7 !important; }
1335
-
1336
- .deep-orange-text.text-lighten-5 {
1337
- color: #fbe9e7 !important; }
1338
-
1339
- .deep-orange.lighten-4 {
1340
- background-color: #ffccbc !important; }
1341
-
1342
- .deep-orange-text.text-lighten-4 {
1343
- color: #ffccbc !important; }
1344
-
1345
- .deep-orange.lighten-3 {
1346
- background-color: #ffab91 !important; }
1347
-
1348
- .deep-orange-text.text-lighten-3 {
1349
- color: #ffab91 !important; }
1350
-
1351
- .deep-orange.lighten-2 {
1352
- background-color: #ff8a65 !important; }
1353
-
1354
- .deep-orange-text.text-lighten-2 {
1355
- color: #ff8a65 !important; }
1356
-
1357
- .deep-orange.lighten-1 {
1358
- background-color: #ff7043 !important; }
1359
-
1360
- .deep-orange-text.text-lighten-1 {
1361
- color: #ff7043 !important; }
1362
-
1363
- .deep-orange.darken-1 {
1364
- background-color: #f4511e !important; }
1365
-
1366
- .deep-orange-text.text-darken-1 {
1367
- color: #f4511e !important; }
1368
-
1369
- .deep-orange.darken-2 {
1370
- background-color: #e64a19 !important; }
1371
-
1372
- .deep-orange-text.text-darken-2 {
1373
- color: #e64a19 !important; }
1374
-
1375
- .deep-orange.darken-3 {
1376
- background-color: #d84315 !important; }
1377
-
1378
- .deep-orange-text.text-darken-3 {
1379
- color: #d84315 !important; }
1380
-
1381
- .deep-orange.darken-4 {
1382
- background-color: #bf360c !important; }
1383
-
1384
- .deep-orange-text.text-darken-4 {
1385
- color: #bf360c !important; }
1386
-
1387
- .deep-orange.accent-1 {
1388
- background-color: #ff9e80 !important; }
1389
-
1390
- .deep-orange-text.text-accent-1 {
1391
- color: #ff9e80 !important; }
1392
-
1393
- .deep-orange.accent-2 {
1394
- background-color: #ff6e40 !important; }
1395
-
1396
- .deep-orange-text.text-accent-2 {
1397
- color: #ff6e40 !important; }
1398
-
1399
- .deep-orange.accent-3 {
1400
- background-color: #ff3d00 !important; }
1401
-
1402
- .deep-orange-text.text-accent-3 {
1403
- color: #ff3d00 !important; }
1404
-
1405
- .deep-orange.accent-4 {
1406
- background-color: #dd2c00 !important; }
1407
-
1408
- .deep-orange-text.text-accent-4 {
1409
- color: #dd2c00 !important; }
1410
-
1411
- .brown {
1412
- background-color: #795548 !important; }
1413
-
1414
- .brown-text {
1415
- color: #795548 !important; }
1416
-
1417
- .brown.lighten-5 {
1418
- background-color: #efebe9 !important; }
1419
-
1420
- .brown-text.text-lighten-5 {
1421
- color: #efebe9 !important; }
1422
-
1423
- .brown.lighten-4 {
1424
- background-color: #d7ccc8 !important; }
1425
-
1426
- .brown-text.text-lighten-4 {
1427
- color: #d7ccc8 !important; }
1428
-
1429
- .brown.lighten-3 {
1430
- background-color: #bcaaa4 !important; }
1431
-
1432
- .brown-text.text-lighten-3 {
1433
- color: #bcaaa4 !important; }
1434
-
1435
- .brown.lighten-2 {
1436
- background-color: #a1887f !important; }
1437
-
1438
- .brown-text.text-lighten-2 {
1439
- color: #a1887f !important; }
1440
-
1441
- .brown.lighten-1 {
1442
- background-color: #8d6e63 !important; }
1443
-
1444
- .brown-text.text-lighten-1 {
1445
- color: #8d6e63 !important; }
1446
-
1447
- .brown.darken-1 {
1448
- background-color: #6d4c41 !important; }
1449
-
1450
- .brown-text.text-darken-1 {
1451
- color: #6d4c41 !important; }
1452
-
1453
- .brown.darken-2 {
1454
- background-color: #5d4037 !important; }
1455
-
1456
- .brown-text.text-darken-2 {
1457
- color: #5d4037 !important; }
1458
-
1459
- .brown.darken-3 {
1460
- background-color: #4e342e !important; }
1461
-
1462
- .brown-text.text-darken-3 {
1463
- color: #4e342e !important; }
1464
-
1465
- .brown.darken-4 {
1466
- background-color: #3e2723 !important; }
1467
-
1468
- .brown-text.text-darken-4 {
1469
- color: #3e2723 !important; }
1470
-
1471
- .blue-grey {
1472
- background-color: #607d8b !important; }
1473
-
1474
- .blue-grey-text {
1475
- color: #607d8b !important; }
1476
-
1477
- .blue-grey.lighten-5 {
1478
- background-color: #eceff1 !important; }
1479
-
1480
- .blue-grey-text.text-lighten-5 {
1481
- color: #eceff1 !important; }
1482
-
1483
- .blue-grey.lighten-4 {
1484
- background-color: #cfd8dc !important; }
1485
-
1486
- .blue-grey-text.text-lighten-4 {
1487
- color: #cfd8dc !important; }
1488
-
1489
- .blue-grey.lighten-3 {
1490
- background-color: #b0bec5 !important; }
1491
-
1492
- .blue-grey-text.text-lighten-3 {
1493
- color: #b0bec5 !important; }
1494
-
1495
- .blue-grey.lighten-2 {
1496
- background-color: #90a4ae !important; }
1497
-
1498
- .blue-grey-text.text-lighten-2 {
1499
- color: #90a4ae !important; }
1500
-
1501
- .blue-grey.lighten-1 {
1502
- background-color: #78909c !important; }
1503
-
1504
- .blue-grey-text.text-lighten-1 {
1505
- color: #78909c !important; }
1506
-
1507
- .blue-grey.darken-1 {
1508
- background-color: #546e7a !important; }
1509
-
1510
- .blue-grey-text.text-darken-1 {
1511
- color: #546e7a !important; }
1512
-
1513
- .blue-grey.darken-2 {
1514
- background-color: #455a64 !important; }
1515
-
1516
- .blue-grey-text.text-darken-2 {
1517
- color: #455a64 !important; }
1518
-
1519
- .blue-grey.darken-3 {
1520
- background-color: #37474f !important; }
1521
-
1522
- .blue-grey-text.text-darken-3 {
1523
- color: #37474f !important; }
1524
-
1525
- .blue-grey.darken-4 {
1526
- background-color: #263238 !important; }
1527
-
1528
- .blue-grey-text.text-darken-4 {
1529
- color: #263238 !important; }
1530
-
1531
- .grey {
1532
- background-color: #9e9e9e !important; }
1533
-
1534
- .grey-text {
1535
- color: #9e9e9e !important; }
1536
-
1537
- .grey.lighten-5 {
1538
- background-color: #fafafa !important; }
1539
-
1540
- .grey-text.text-lighten-5 {
1541
- color: #fafafa !important; }
1542
-
1543
- .grey.lighten-4 {
1544
- background-color: #f5f5f5 !important; }
1545
-
1546
- .grey-text.text-lighten-4 {
1547
- color: #f5f5f5 !important; }
1548
-
1549
- .grey.lighten-3 {
1550
- background-color: #eeeeee !important; }
1551
-
1552
- .grey-text.text-lighten-3 {
1553
- color: #eeeeee !important; }
1554
-
1555
- .grey.lighten-2 {
1556
- background-color: #e0e0e0 !important; }
1557
-
1558
- .grey-text.text-lighten-2 {
1559
- color: #e0e0e0 !important; }
1560
-
1561
- .grey.lighten-1 {
1562
- background-color: #bdbdbd !important; }
1563
-
1564
- .grey-text.text-lighten-1 {
1565
- color: #bdbdbd !important; }
1566
-
1567
- .grey.darken-1 {
1568
- background-color: #757575 !important; }
1569
-
1570
- .grey-text.text-darken-1 {
1571
- color: #757575 !important; }
1572
-
1573
- .grey.darken-2 {
1574
- background-color: #616161 !important; }
1575
-
1576
- .grey-text.text-darken-2 {
1577
- color: #616161 !important; }
1578
-
1579
- .grey.darken-3 {
1580
- background-color: #424242 !important; }
1581
-
1582
- .grey-text.text-darken-3 {
1583
- color: #424242 !important; }
1584
-
1585
- .grey.darken-4 {
1586
- background-color: #212121 !important; }
1587
-
1588
- .grey-text.text-darken-4 {
1589
- color: #212121 !important; }
1590
-
1591
- .black {
1592
- background-color: #000000 !important; }
1593
-
1594
- .black-text {
1595
- color: #000000 !important; }
1596
-
1597
- .white {
1598
- background-color: #FFFFFF !important; }
1599
-
1600
- .white-text {
1601
- color: #FFFFFF !important; }
1602
-
1603
- .transparent {
1604
- background-color: transparent !important; }
1605
-
1606
- .transparent-text {
1607
- color: transparent !important; }
1608
-
1609
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
1610
- /* Document
1611
- ========================================================================== */
1612
- /**
1613
- * 1. Correct the line height in all browsers.
1614
- * 2. Prevent adjustments of font size after orientation changes in
1615
- * IE on Windows Phone and in iOS.
1616
- */
1617
- html {
1618
- line-height: 1.15;
1619
- /* 1 */
1620
- -ms-text-size-adjust: 100%;
1621
- /* 2 */
1622
- -webkit-text-size-adjust: 100%;
1623
- /* 2 */ }
1624
-
1625
- /* Sections
1626
- ========================================================================== */
1627
- /**
1628
- * Remove the margin in all browsers (opinionated).
1629
- */
1630
- body {
1631
- margin: 0; }
1632
-
1633
- /**
1634
- * Add the correct display in IE 9-.
1635
- */
1636
- article,
1637
- aside,
1638
- footer,
1639
- header,
1640
- nav,
1641
- section {
1642
- display: block; }
1643
-
1644
- /**
1645
- * Correct the font size and margin on `h1` elements within `section` and
1646
- * `article` contexts in Chrome, Firefox, and Safari.
1647
- */
1648
- h1 {
1649
- font-size: 2em;
1650
- margin: 0.67em 0; }
1651
-
1652
- /* Grouping content
1653
- ========================================================================== */
1654
- /**
1655
- * Add the correct display in IE 9-.
1656
- * 1. Add the correct display in IE.
1657
- */
1658
- figcaption,
1659
- figure,
1660
- main {
1661
- /* 1 */
1662
- display: block; }
1663
-
1664
- /**
1665
- * Add the correct margin in IE 8.
1666
- */
1667
- figure {
1668
- margin: 1em 40px; }
1669
-
1670
- /**
1671
- * 1. Add the correct box sizing in Firefox.
1672
- * 2. Show the overflow in Edge and IE.
1673
- */
1674
- hr {
1675
- box-sizing: content-box;
1676
- /* 1 */
1677
- height: 0;
1678
- /* 1 */
1679
- overflow: visible;
1680
- /* 2 */ }
1681
-
1682
- /**
1683
- * 1. Correct the inheritance and scaling of font size in all browsers.
1684
- * 2. Correct the odd `em` font sizing in all browsers.
1685
- */
1686
- pre {
1687
- font-family: monospace, monospace;
1688
- /* 1 */
1689
- font-size: 1em;
1690
- /* 2 */ }
1691
-
1692
- /* Text-level semantics
1693
- ========================================================================== */
1694
- /**
1695
- * 1. Remove the gray background on active links in IE 10.
1696
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
1697
- */
1698
- a {
1699
- background-color: transparent;
1700
- /* 1 */
1701
- -webkit-text-decoration-skip: objects;
1702
- /* 2 */ }
1703
-
1704
- /**
1705
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
1706
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
1707
- */
1708
- abbr[title] {
1709
- border-bottom: none;
1710
- /* 1 */
1711
- text-decoration: underline;
1712
- /* 2 */
1713
- text-decoration: underline dotted;
1714
- /* 2 */ }
1715
-
1716
- /**
1717
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
1718
- */
1719
- b,
1720
- strong {
1721
- font-weight: inherit; }
1722
-
1723
- /**
1724
- * Add the correct font weight in Chrome, Edge, and Safari.
1725
- */
1726
- b,
1727
- strong {
1728
- font-weight: bolder; }
1729
-
1730
- /**
1731
- * 1. Correct the inheritance and scaling of font size in all browsers.
1732
- * 2. Correct the odd `em` font sizing in all browsers.
1733
- */
1734
- code,
1735
- kbd,
1736
- samp {
1737
- font-family: monospace, monospace;
1738
- /* 1 */
1739
- font-size: 1em;
1740
- /* 2 */ }
1741
-
1742
- /**
1743
- * Add the correct font style in Android 4.3-.
1744
- */
1745
- dfn {
1746
- font-style: italic; }
1747
-
1748
- /**
1749
- * Add the correct background and color in IE 9-.
1750
- */
1751
- mark {
1752
- background-color: #ff0;
1753
- color: #000; }
1754
-
1755
- /**
1756
- * Add the correct font size in all browsers.
1757
- */
1758
- small {
1759
- font-size: 80%; }
1760
-
1761
- /**
1762
- * Prevent `sub` and `sup` elements from affecting the line height in
1763
- * all browsers.
1764
- */
1765
- sub,
1766
- sup {
1767
- font-size: 75%;
1768
- line-height: 0;
1769
- position: relative;
1770
- vertical-align: baseline; }
1771
-
1772
- sub {
1773
- bottom: -0.25em; }
1774
-
1775
- sup {
1776
- top: -0.5em; }
1777
-
1778
- /* Embedded content
1779
- ========================================================================== */
1780
- /**
1781
- * Add the correct display in IE 9-.
1782
- */
1783
- audio,
1784
- video {
1785
- display: inline-block; }
1786
-
1787
- /**
1788
- * Add the correct display in iOS 4-7.
1789
- */
1790
- audio:not([controls]) {
1791
- display: none;
1792
- height: 0; }
1793
-
1794
- /**
1795
- * Remove the border on images inside links in IE 10-.
1796
- */
1797
- img {
1798
- border-style: none; }
1799
-
1800
- /**
1801
- * Hide the overflow in IE.
1802
- */
1803
- svg:not(:root) {
1804
- overflow: hidden; }
1805
-
1806
- /* Forms
1807
- ========================================================================== */
1808
- /**
1809
- * 1. Change the font styles in all browsers (opinionated).
1810
- * 2. Remove the margin in Firefox and Safari.
1811
- */
1812
- button,
1813
- input,
1814
- optgroup,
1815
- select,
1816
- textarea {
1817
- font-family: sans-serif;
1818
- /* 1 */
1819
- font-size: 100%;
1820
- /* 1 */
1821
- line-height: 1.15;
1822
- /* 1 */
1823
- margin: 0;
1824
- /* 2 */ }
1825
-
1826
- /**
1827
- * Show the overflow in IE.
1828
- * 1. Show the overflow in Edge.
1829
- */
1830
- button,
1831
- input {
1832
- /* 1 */
1833
- overflow: visible; }
1834
-
1835
- /**
1836
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
1837
- * 1. Remove the inheritance of text transform in Firefox.
1838
- */
1839
- button,
1840
- select {
1841
- /* 1 */
1842
- text-transform: none; }
1843
-
1844
- /**
1845
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
1846
- * controls in Android 4.
1847
- * 2. Correct the inability to style clickable types in iOS and Safari.
1848
- */
1849
- button,
1850
- html [type="button"],
1851
- [type="reset"],
1852
- [type="submit"] {
1853
- -webkit-appearance: button;
1854
- /* 2 */ }
1855
-
1856
- /**
1857
- * Remove the inner border and padding in Firefox.
1858
- */
1859
- button::-moz-focus-inner,
1860
- [type="button"]::-moz-focus-inner,
1861
- [type="reset"]::-moz-focus-inner,
1862
- [type="submit"]::-moz-focus-inner {
1863
- border-style: none;
1864
- padding: 0; }
1865
-
1866
- /**
1867
- * Restore the focus styles unset by the previous rule.
1868
- */
1869
- button:-moz-focusring,
1870
- [type="button"]:-moz-focusring,
1871
- [type="reset"]:-moz-focusring,
1872
- [type="submit"]:-moz-focusring {
1873
- outline: 1px dotted ButtonText; }
1874
-
1875
- /**
1876
- * Correct the padding in Firefox.
1877
- */
1878
- fieldset {
1879
- padding: 0.35em 0.75em 0.625em; }
1880
-
1881
- /**
1882
- * 1. Correct the text wrapping in Edge and IE.
1883
- * 2. Correct the color inheritance from `fieldset` elements in IE.
1884
- * 3. Remove the padding so developers are not caught out when they zero out
1885
- * `fieldset` elements in all browsers.
1886
- */
1887
- legend {
1888
- box-sizing: border-box;
1889
- /* 1 */
1890
- color: inherit;
1891
- /* 2 */
1892
- display: table;
1893
- /* 1 */
1894
- max-width: 100%;
1895
- /* 1 */
1896
- padding: 0;
1897
- /* 3 */
1898
- white-space: normal;
1899
- /* 1 */ }
1900
-
1901
- /**
1902
- * 1. Add the correct display in IE 9-.
1903
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
1904
- */
1905
- progress {
1906
- display: inline-block;
1907
- /* 1 */
1908
- vertical-align: baseline;
1909
- /* 2 */ }
1910
-
1911
- /**
1912
- * Remove the default vertical scrollbar in IE.
1913
- */
1914
- textarea {
1915
- overflow: auto; }
1916
-
1917
- /**
1918
- * 1. Add the correct box sizing in IE 10-.
1919
- * 2. Remove the padding in IE 10-.
1920
- */
1921
- [type="checkbox"],
1922
- [type="radio"] {
1923
- box-sizing: border-box;
1924
- /* 1 */
1925
- padding: 0;
1926
- /* 2 */ }
1927
-
1928
- /**
1929
- * Correct the cursor style of increment and decrement buttons in Chrome.
1930
- */
1931
- [type="number"]::-webkit-inner-spin-button,
1932
- [type="number"]::-webkit-outer-spin-button {
1933
- height: auto; }
1934
-
1935
- /**
1936
- * 1. Correct the odd appearance in Chrome and Safari.
1937
- * 2. Correct the outline style in Safari.
1938
- */
1939
- [type="search"] {
1940
- -webkit-appearance: textfield;
1941
- /* 1 */
1942
- outline-offset: -2px;
1943
- /* 2 */ }
1944
-
1945
- /**
1946
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
1947
- */
1948
- [type="search"]::-webkit-search-cancel-button,
1949
- [type="search"]::-webkit-search-decoration {
1950
- -webkit-appearance: none; }
1951
-
1952
- /**
1953
- * 1. Correct the inability to style clickable types in iOS and Safari.
1954
- * 2. Change font properties to `inherit` in Safari.
1955
- */
1956
- ::-webkit-file-upload-button {
1957
- -webkit-appearance: button;
1958
- /* 1 */
1959
- font: inherit;
1960
- /* 2 */ }
1961
-
1962
- /* Interactive
1963
- ========================================================================== */
1964
- /*
1965
- * Add the correct display in IE 9-.
1966
- * 1. Add the correct display in Edge, IE, and Firefox.
1967
- */
1968
- details,
1969
- menu {
1970
- display: block; }
1971
-
1972
- /*
1973
- * Add the correct display in all browsers.
1974
- */
1975
- summary {
1976
- display: list-item; }
1977
-
1978
- /* Scripting
1979
- ========================================================================== */
1980
- /**
1981
- * Add the correct display in IE 9-.
1982
- */
1983
- canvas {
1984
- display: inline-block; }
1985
-
1986
- /**
1987
- * Add the correct display in IE.
1988
- */
1989
- template {
1990
- display: none; }
1991
-
1992
- /* Hidden
1993
- ========================================================================== */
1994
- /**
1995
- * Add the correct display in IE 10-.
1996
- */
1997
- [hidden] {
1998
- display: none; }
1999
-
2000
- html {
2001
- box-sizing: border-box; }
2002
-
2003
- *, *:before, *:after {
2004
- box-sizing: inherit; }
2005
-
2006
- button,
2007
- input,
2008
- optgroup,
2009
- select,
2010
- textarea {
2011
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
2012
-
2013
- ul:not(.browser-default) {
2014
- padding-left: 0;
2015
- list-style-type: none; }
2016
- ul:not(.browser-default) > li {
2017
- list-style-type: none; }
2018
-
2019
- a {
2020
- color: #039be5;
2021
- text-decoration: none;
2022
- -webkit-tap-highlight-color: transparent; }
2023
-
2024
- .valign-wrapper {
2025
- display: flex;
2026
- align-items: center; }
2027
-
2028
- .clearfix {
2029
- clear: both; }
2030
-
2031
- .z-depth-0 {
2032
- box-shadow: none !important; }
2033
-
2034
- /* 2dp elevation modified*/
2035
- .z-depth-1, nav, .toast, .dropdown-content, .collapsible, .sidenav, .btn, .btn-large, .btn-small, .btn-floating {
2036
- box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.14), 0 0px 0px -10px rgba(0, 0, 0, 0.12), 0 1px 20px 0 rgba(0, 0, 0, 0.2); }
2037
-
2038
- .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
2039
- box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
2040
-
2041
- /* 6dp elevation modified*/
2042
- .z-depth-2 {
2043
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
2044
-
2045
- /* 12dp elevation modified*/
2046
- .z-depth-3 {
2047
- box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
2048
-
2049
- /* 16dp elevation */
2050
- .z-depth-4 {
2051
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); }
2052
-
2053
- /* 24dp elevation */
2054
- .z-depth-5, .modal, .dropdown-content.notifications, .dropdown-content.settings {
2055
- box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); }
2056
-
2057
- .hoverable {
2058
- transition: box-shadow .25s; }
2059
- .hoverable:hover {
2060
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
2061
-
2062
- .divider {
2063
- height: 1px;
2064
- overflow: hidden;
2065
- background-color: #e0e0e0; }
2066
-
2067
- blockquote {
2068
- margin: 20px 0;
2069
- padding-left: 1.5rem;
2070
- border-left: 5px solid #9e9e9e; }
2071
-
2072
- i {
2073
- line-height: inherit; }
2074
- i.left {
2075
- float: left;
2076
- margin-right: 15px; }
2077
- i.right {
2078
- float: right;
2079
- margin-left: 15px; }
2080
- i.tiny {
2081
- font-size: 1rem; }
2082
- i.small {
2083
- font-size: 2rem; }
2084
- i.medium {
2085
- font-size: 4rem; }
2086
- i.large {
2087
- font-size: 6rem; }
2088
-
2089
- img.responsive-img,
2090
- video.responsive-video {
2091
- max-width: 100%;
2092
- height: auto; }
2093
-
2094
- .pagination {
2095
- display: inline-block; }
2096
- .pagination li {
2097
- display: inline-block;
2098
- border-radius: 2px;
2099
- text-align: center;
2100
- vertical-align: top;
2101
- height: 30px;
2102
- clear: unset !important;
2103
- width: unset !important; }
2104
- .pagination li a {
2105
- color: #444;
2106
- display: inline-block !important;
2107
- font-size: 1.2rem;
2108
- padding: 0 10px;
2109
- line-height: 30px; }
2110
- .pagination li.active a {
2111
- color: #fff; }
2112
- .pagination li.active {
2113
- background-color: #9e9e9e !important; }
2114
- .pagination li.disabled a {
2115
- cursor: default;
2116
- color: #999; }
2117
- .pagination li i {
2118
- font-size: 2rem; }
2119
- .pagination li.pages ul li {
2120
- display: inline-block;
2121
- float: none; }
2122
-
2123
- @media only screen and (max-width: 992px) {
2124
- .pagination {
2125
- width: 100%; }
2126
- .pagination li.prev,
2127
- .pagination li.next {
2128
- width: 10%; }
2129
- .pagination li.pages {
2130
- width: 80%;
2131
- overflow: hidden;
2132
- white-space: nowrap; } }
2133
-
2134
- .breadcrumb {
2135
- font-size: 18px;
2136
- color: rgba(255, 255, 255, 0.7); }
2137
- .breadcrumb i,
2138
- .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
2139
- .breadcrumb i.material-icons {
2140
- display: inline-block;
2141
- float: left;
2142
- font-size: 24px; }
2143
- .breadcrumb:before {
2144
- content: '\E5CC';
2145
- color: rgba(255, 255, 255, 0.7);
2146
- vertical-align: top;
2147
- display: inline-block;
2148
- font-family: 'Material Icons';
2149
- font-weight: normal;
2150
- font-style: normal;
2151
- font-size: 25px;
2152
- margin: 0 10px 0 8px;
2153
- -webkit-font-smoothing: antialiased; }
2154
- .breadcrumb:first-child:before {
2155
- display: none; }
2156
- .breadcrumb:last-child {
2157
- color: #fff; }
2158
-
2159
- .parallax-container {
2160
- position: relative;
2161
- overflow: hidden;
2162
- height: 500px; }
2163
- .parallax-container .parallax {
2164
- position: absolute;
2165
- top: 0;
2166
- left: 0;
2167
- right: 0;
2168
- bottom: 0;
2169
- z-index: -1; }
2170
- .parallax-container .parallax img {
2171
- opacity: 0;
2172
- position: absolute;
2173
- left: 50%;
2174
- bottom: 0;
2175
- min-width: 100%;
2176
- min-height: 100%;
2177
- transform: translate3d(0, 0, 0);
2178
- transform: translateX(-50%); }
2179
-
2180
- .pin-top, .pin-bottom {
2181
- position: relative; }
2182
-
2183
- .pinned {
2184
- position: fixed !important; }
2185
-
2186
- /*********************
2187
- Transition Classes
2188
- **********************/
2189
- ul.staggered-list li {
2190
- opacity: 0; }
2191
-
2192
- .fade-in {
2193
- opacity: 0;
2194
- transform-origin: 0 50%; }
2195
-
2196
- /*********************
2197
- Media Query Classes
2198
- **********************/
2199
- @media only screen and (max-width: 600px) {
2200
- .hide-on-small-only, .hide-on-small-and-down {
2201
- display: none !important; } }
2202
-
2203
- @media only screen and (max-width: 992px) {
2204
- .hide-on-med-and-down {
2205
- display: none !important; } }
2206
-
2207
- @media only screen and (min-width: 601px) {
2208
- .hide-on-med-and-up {
2209
- display: none !important; } }
2210
-
2211
- @media only screen and (min-width: 600px) and (max-width: 992px) {
2212
- .hide-on-med-only {
2213
- display: none !important; } }
2214
-
2215
- @media only screen and (min-width: 993px) {
2216
- .hide-on-large-only {
2217
- display: none !important; } }
2218
-
2219
- @media only screen and (min-width: 1201px) {
2220
- .hide-on-extra-large-only {
2221
- display: none !important; } }
2222
-
2223
- @media only screen and (min-width: 1201px) {
2224
- .show-on-extra-large {
2225
- display: block !important; } }
2226
-
2227
- @media only screen and (min-width: 993px) {
2228
- .show-on-large {
2229
- display: block !important; } }
2230
-
2231
- @media only screen and (min-width: 600px) and (max-width: 992px) {
2232
- .show-on-medium {
2233
- display: block !important; } }
2234
-
2235
- @media only screen and (max-width: 600px) {
2236
- .show-on-small {
2237
- display: block !important; } }
2238
-
2239
- @media only screen and (min-width: 601px) {
2240
- .show-on-medium-and-up {
2241
- display: block !important; } }
2242
-
2243
- @media only screen and (max-width: 992px) {
2244
- .show-on-medium-and-down {
2245
- display: block !important; } }
2246
-
2247
- @media only screen and (max-width: 600px) {
2248
- .center-on-small-only {
2249
- text-align: center; } }
2250
-
2251
- .page-footer {
2252
- padding-top: 20px;
2253
- color: #fff;
2254
- background-color: #9e9e9e; }
2255
- .page-footer .footer-copyright {
2256
- overflow: hidden;
2257
- min-height: 50px;
2258
- display: flex;
2259
- align-items: center;
2260
- justify-content: space-between;
2261
- padding: 10px 0px;
2262
- color: rgba(255, 255, 255, 0.8);
2263
- background-color: rgba(51, 51, 51, 0.08); }
2264
-
2265
- table, th, td {
2266
- border: none; }
2267
-
2268
- table {
2269
- width: 100%;
2270
- display: table;
2271
- border-collapse: collapse;
2272
- border-spacing: 0; }
2273
- table.striped tr {
2274
- border-bottom: none; }
2275
- table.striped > tbody > tr:nth-child(odd) {
2276
- background-color: rgba(242, 242, 242, 0.5); }
2277
- table.striped > tbody > tr > td {
2278
- border-radius: 0; }
2279
- table.highlight > tbody > tr {
2280
- transition: background-color .25s ease; }
2281
- table.highlight > tbody > tr:hover {
2282
- background-color: rgba(242, 242, 242, 0.5); }
2283
- table.centered thead tr th, table.centered tbody tr td {
2284
- text-align: center; }
2285
-
2286
- tr {
2287
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
2288
-
2289
- td, th {
2290
- padding: 15px 5px;
2291
- display: table-cell;
2292
- text-align: left;
2293
- vertical-align: middle;
2294
- border-radius: 2px; }
2295
-
2296
- @media only screen and (max-width: 992px) {
2297
- table.responsive-table {
2298
- width: 100%;
2299
- border-collapse: collapse;
2300
- border-spacing: 0;
2301
- display: block;
2302
- position: relative;
2303
- /* sort out borders */ }
2304
- table.responsive-table td:empty:before {
2305
- content: '\00a0'; }
2306
- table.responsive-table th,
2307
- table.responsive-table td {
2308
- margin: 0;
2309
- vertical-align: top; }
2310
- table.responsive-table th {
2311
- text-align: left; }
2312
- table.responsive-table thead {
2313
- display: block;
2314
- float: left; }
2315
- table.responsive-table thead tr {
2316
- display: block;
2317
- padding: 0 10px 0 0; }
2318
- table.responsive-table thead tr th::before {
2319
- content: "\00a0"; }
2320
- table.responsive-table tbody {
2321
- display: block;
2322
- width: auto;
2323
- position: relative;
2324
- overflow-x: auto;
2325
- white-space: nowrap; }
2326
- table.responsive-table tbody tr {
2327
- display: inline-block;
2328
- vertical-align: top; }
2329
- table.responsive-table th {
2330
- display: block;
2331
- text-align: right; }
2332
- table.responsive-table td {
2333
- display: block;
2334
- min-height: 1.25em;
2335
- text-align: left; }
2336
- table.responsive-table tr {
2337
- border-bottom: none;
2338
- padding: 0 10px; }
2339
- table.responsive-table thead {
2340
- border: 0;
2341
- border-right: 1px solid rgba(0, 0, 0, 0.12); } }
2342
-
2343
- .collection {
2344
- margin: 0.5rem 0 1rem 0;
2345
- border-radius: 2px;
2346
- overflow: hidden;
2347
- position: relative; }
2348
- .collection .collection-item {
2349
- background-color: #fff;
2350
- line-height: 1.5rem;
2351
- padding: 10px 20px;
2352
- margin: 0;
2353
- border-bottom: 1px solid #e0e0e0; }
2354
- .collection .collection-item.avatar {
2355
- min-height: 84px;
2356
- padding-left: 72px;
2357
- position: relative; }
2358
- .collection .collection-item.avatar:not(.circle-clipper) > .circle,
2359
- .collection .collection-item.avatar :not(.circle-clipper) > .circle {
2360
- position: absolute;
2361
- width: 42px;
2362
- height: 42px;
2363
- overflow: hidden;
2364
- left: 15px;
2365
- display: inline-block;
2366
- vertical-align: middle; }
2367
- .collection .collection-item.avatar i.circle {
2368
- font-size: 18px;
2369
- line-height: 42px;
2370
- color: #fff;
2371
- background-color: #999;
2372
- text-align: center; }
2373
- .collection .collection-item.avatar .title {
2374
- font-size: 16px; }
2375
- .collection .collection-item.avatar p {
2376
- margin: 0; }
2377
- .collection .collection-item.avatar .secondary-content {
2378
- position: absolute;
2379
- top: 16px;
2380
- right: 16px; }
2381
- .collection .collection-item:last-child {
2382
- border-bottom: none; }
2383
- .collection .collection-item.active {
2384
- background-color: #9e9e9e;
2385
- color: white; }
2386
- .collection .collection-item.active .secondary-content {
2387
- color: #fff; }
2388
- .collection a.collection-item {
2389
- display: block;
2390
- transition: .25s;
2391
- color: #9e9e9e; }
2392
- .collection a.collection-item:not(.active):hover {
2393
- background-color: #ddd; }
2394
- .collection.with-header .collection-header {
2395
- background-color: #fff;
2396
- border-bottom: 1px solid #e0e0e0;
2397
- padding: 10px 20px; }
2398
- .collection.with-header .collection-item {
2399
- padding-left: 30px; }
2400
- .collection.with-header .collection-item.avatar {
2401
- padding-left: 72px; }
2402
-
2403
- .secondary-content {
2404
- float: right;
2405
- color: #9e9e9e; }
2406
-
2407
- .collapsible .collection {
2408
- margin: 0;
2409
- border: none; }
2410
-
2411
- .video-container {
2412
- position: relative;
2413
- padding-bottom: 56.25%;
2414
- height: 0;
2415
- overflow: hidden; }
2416
- .video-container iframe, .video-container object, .video-container embed {
2417
- position: absolute;
2418
- top: 0;
2419
- left: 0;
2420
- width: 100%;
2421
- height: 100%; }
2422
-
2423
- .progress {
2424
- position: relative;
2425
- height: 4px;
2426
- display: block;
2427
- width: 100%;
2428
- background-color: white;
2429
- border-radius: 2px;
2430
- margin: 0.5rem 0 1rem 0;
2431
- overflow: hidden; }
2432
- .progress .determinate {
2433
- position: absolute;
2434
- top: 0;
2435
- left: 0;
2436
- bottom: 0;
2437
- background-color: #9e9e9e;
2438
- transition: width .3s linear; }
2439
- .progress .indeterminate {
2440
- background-color: #9e9e9e; }
2441
- .progress .indeterminate:before {
2442
- content: '';
2443
- position: absolute;
2444
- background-color: inherit;
2445
- top: 0;
2446
- left: 0;
2447
- bottom: 0;
2448
- will-change: left, right;
2449
- animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
2450
- .progress .indeterminate:after {
2451
- content: '';
2452
- position: absolute;
2453
- background-color: inherit;
2454
- top: 0;
2455
- left: 0;
2456
- bottom: 0;
2457
- will-change: left, right;
2458
- animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
2459
- animation-delay: 1.15s; }
2460
-
2461
- @keyframes indeterminate {
2462
- 0% {
2463
- left: -35%;
2464
- right: 100%; }
2465
- 60% {
2466
- left: 100%;
2467
- right: -90%; }
2468
- 100% {
2469
- left: 100%;
2470
- right: -90%; } }
2471
-
2472
- @keyframes indeterminate-short {
2473
- 0% {
2474
- left: -200%;
2475
- right: 100%; }
2476
- 60% {
2477
- left: 107%;
2478
- right: -8%; }
2479
- 100% {
2480
- left: 107%;
2481
- right: -8%; } }
2482
-
2483
- /*******************
2484
- Utility Classes
2485
- *******************/
2486
- .hide {
2487
- display: none !important; }
2488
-
2489
- .left-align {
2490
- text-align: left; }
2491
-
2492
- .right-align {
2493
- text-align: right; }
2494
-
2495
- .center, .center-align {
2496
- text-align: center; }
2497
-
2498
- .left {
2499
- float: left !important; }
2500
-
2501
- .right {
2502
- float: right !important; }
2503
-
2504
- .no-select {
2505
- user-select: none; }
2506
-
2507
- .circle {
2508
- border-radius: 50%; }
2509
-
2510
- .center-block {
2511
- display: block;
2512
- margin-left: auto;
2513
- margin-right: auto; }
2514
-
2515
- .truncate {
2516
- display: block;
2517
- white-space: nowrap;
2518
- overflow: hidden;
2519
- text-overflow: ellipsis; }
2520
-
2521
- .no-padding {
2522
- padding: 0 !important; }
2523
-
2524
- /* This is needed for some mobile phones to display the Google Icon font properly */
2525
- .material-icons {
2526
- text-rendering: optimizeLegibility;
2527
- font-feature-settings: 'liga'; }
2528
-
2529
- nav {
2530
- color: #fff;
2531
- background-color: #9e9e9e;
2532
- width: 100%;
2533
- height: 56px;
2534
- line-height: 56px; }
2535
- nav.nav-extended {
2536
- height: auto; }
2537
- nav.nav-extended .nav-wrapper {
2538
- min-height: 56px;
2539
- height: auto; }
2540
- nav.nav-extended .nav-content {
2541
- position: relative;
2542
- line-height: normal; }
2543
- nav a {
2544
- color: #fff; }
2545
- nav i,
2546
- nav [class^="mdi-"], nav [class*="mdi-"],
2547
- nav i.material-icons {
2548
- display: block;
2549
- font-size: 24px;
2550
- height: 56px;
2551
- line-height: 56px; }
2552
- nav .nav-wrapper {
2553
- position: relative;
2554
- height: 100%; }
2555
- @media only screen and (min-width: 993px) {
2556
- nav a.sidenav-trigger {
2557
- display: none; } }
2558
- nav .sidenav-trigger {
2559
- float: left;
2560
- position: relative;
2561
- z-index: 1;
2562
- height: 56px;
2563
- margin: 0 18px; }
2564
- nav .sidenav-trigger i {
2565
- height: 56px;
2566
- line-height: 56px; }
2567
- nav .brand-logo {
2568
- position: absolute;
2569
- color: #fff;
2570
- display: inline-block;
2571
- font-size: 2.1rem;
2572
- padding: 0;
2573
- white-space: nowrap;
2574
- overflow: hidden;
2575
- text-overflow: ellipsis;
2576
- max-width: 500px; }
2577
- nav .brand-logo.center {
2578
- left: 50%;
2579
- transform: translateX(-50%); }
2580
- @media only screen and (max-width: 992px) {
2581
- nav .brand-logo {
2582
- left: 50%;
2583
- transform: translateX(-50%); }
2584
- nav .brand-logo.left, nav .brand-logo.right {
2585
- padding: 0;
2586
- transform: none; }
2587
- nav .brand-logo.left {
2588
- left: 0.5rem; }
2589
- nav .brand-logo.right {
2590
- right: 0.5rem;
2591
- left: auto; } }
2592
- nav .brand-logo.right {
2593
- right: 0.5rem;
2594
- padding: 0; }
2595
- nav .brand-logo i,
2596
- nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
2597
- nav .brand-logo i.material-icons {
2598
- float: left;
2599
- margin-right: 15px; }
2600
- nav .nav-title {
2601
- display: inline-block;
2602
- font-size: 32px;
2603
- padding: 28px 0; }
2604
- nav ul {
2605
- margin: 0; }
2606
- nav ul li {
2607
- transition: background-color .3s;
2608
- float: left;
2609
- padding: 0; }
2610
- nav ul li.active {
2611
- background-color: rgba(0, 0, 0, 0.1); }
2612
- nav ul a {
2613
- transition: background-color .3s;
2614
- font-size: 1rem;
2615
- color: #fff;
2616
- display: block;
2617
- padding: 0 15px;
2618
- cursor: pointer; }
2619
- nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
2620
- margin-top: -2px;
2621
- margin-left: 15px;
2622
- margin-right: 15px; }
2623
- nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
2624
- height: inherit;
2625
- line-height: inherit; }
2626
- nav ul a:hover {
2627
- background-color: rgba(0, 0, 0, 0.1); }
2628
- nav ul.left {
2629
- float: left; }
2630
- nav form {
2631
- height: 100%; }
2632
- nav .input-field {
2633
- margin: 0;
2634
- height: 100%; }
2635
- nav .input-field input {
2636
- height: 100%;
2637
- font-size: 1.2rem;
2638
- border: none;
2639
- padding-left: 2rem; }
2640
- 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 {
2641
- border: none;
2642
- box-shadow: none; }
2643
- nav .input-field label {
2644
- top: 0;
2645
- left: 0; }
2646
- nav .input-field label i {
2647
- color: rgba(255, 255, 255, 0.7);
2648
- transition: color .3s; }
2649
- nav .input-field label.active i {
2650
- color: #fff; }
2651
-
2652
- .navbar-fixed {
2653
- position: relative;
2654
- height: 56px;
2655
- z-index: 997; }
2656
- .navbar-fixed nav {
2657
- position: fixed; }
2658
-
2659
- @media only screen and (min-width: 601px) {
2660
- nav.nav-extended .nav-wrapper {
2661
- min-height: 64px; }
2662
- nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
2663
- height: 64px;
2664
- line-height: 64px; }
2665
- .navbar-fixed {
2666
- height: 64px; } }
2667
-
2668
- a {
2669
- text-decoration: none; }
2670
-
2671
- html {
2672
- line-height: 1.5;
2673
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2674
- font-weight: normal;
2675
- color: rgba(0, 0, 0, 0.87); }
2676
- @media only screen and (min-width: 0) {
2677
- html {
2678
- font-size: 14px; } }
2679
- @media only screen and (min-width: 992px) {
2680
- html {
2681
- font-size: 14.5px; } }
2682
- @media only screen and (min-width: 1200px) {
2683
- html {
2684
- font-size: 15px; } }
2685
-
2686
- h1, h2, h3, h4, h5, h6 {
2687
- font-weight: 400;
2688
- line-height: 1.3; }
2689
-
2690
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
2691
- font-weight: inherit; }
2692
-
2693
- h1 {
2694
- font-size: 4.2rem;
2695
- line-height: 110%;
2696
- margin: 2.8rem 0 1.68rem 0; }
2697
-
2698
- h2 {
2699
- font-size: 3.56rem;
2700
- line-height: 110%;
2701
- margin: 2.37333rem 0 1.424rem 0; }
2702
-
2703
- h3 {
2704
- font-size: 2.92rem;
2705
- line-height: 110%;
2706
- margin: 1.94667rem 0 1.168rem 0; }
2707
-
2708
- h4 {
2709
- font-size: 2.28rem;
2710
- line-height: 110%;
2711
- margin: 1.52rem 0 0.912rem 0; }
2712
-
2713
- h5 {
2714
- font-size: 1.64rem;
2715
- line-height: 110%;
2716
- margin: 1.09333rem 0 0.656rem 0; }
2717
-
2718
- h6 {
2719
- font-size: 1.15rem;
2720
- line-height: 110%;
2721
- margin: 0.76667rem 0 0.46rem 0; }
2722
-
2723
- em {
2724
- font-style: italic; }
2725
-
2726
- strong {
2727
- font-weight: 500; }
2728
-
2729
- small {
2730
- font-size: 75%; }
2731
-
2732
- .light {
2733
- font-weight: 300; }
2734
-
2735
- .thin {
2736
- font-weight: 200; }
2737
-
2738
- @media only screen and (min-width: 360px) {
2739
- .flow-text {
2740
- font-size: 1.2rem; } }
2741
-
2742
- @media only screen and (min-width: 390px) {
2743
- .flow-text {
2744
- font-size: 1.224rem; } }
2745
-
2746
- @media only screen and (min-width: 420px) {
2747
- .flow-text {
2748
- font-size: 1.248rem; } }
2749
-
2750
- @media only screen and (min-width: 450px) {
2751
- .flow-text {
2752
- font-size: 1.272rem; } }
2753
-
2754
- @media only screen and (min-width: 480px) {
2755
- .flow-text {
2756
- font-size: 1.296rem; } }
2757
-
2758
- @media only screen and (min-width: 510px) {
2759
- .flow-text {
2760
- font-size: 1.32rem; } }
2761
-
2762
- @media only screen and (min-width: 540px) {
2763
- .flow-text {
2764
- font-size: 1.344rem; } }
2765
-
2766
- @media only screen and (min-width: 570px) {
2767
- .flow-text {
2768
- font-size: 1.368rem; } }
2769
-
2770
- @media only screen and (min-width: 600px) {
2771
- .flow-text {
2772
- font-size: 1.392rem; } }
2773
-
2774
- @media only screen and (min-width: 630px) {
2775
- .flow-text {
2776
- font-size: 1.416rem; } }
2777
-
2778
- @media only screen and (min-width: 660px) {
2779
- .flow-text {
2780
- font-size: 1.44rem; } }
2781
-
2782
- @media only screen and (min-width: 690px) {
2783
- .flow-text {
2784
- font-size: 1.464rem; } }
2785
-
2786
- @media only screen and (min-width: 720px) {
2787
- .flow-text {
2788
- font-size: 1.488rem; } }
2789
-
2790
- @media only screen and (min-width: 750px) {
2791
- .flow-text {
2792
- font-size: 1.512rem; } }
2793
-
2794
- @media only screen and (min-width: 780px) {
2795
- .flow-text {
2796
- font-size: 1.536rem; } }
2797
-
2798
- @media only screen and (min-width: 810px) {
2799
- .flow-text {
2800
- font-size: 1.56rem; } }
2801
-
2802
- @media only screen and (min-width: 840px) {
2803
- .flow-text {
2804
- font-size: 1.584rem; } }
2805
-
2806
- @media only screen and (min-width: 870px) {
2807
- .flow-text {
2808
- font-size: 1.608rem; } }
2809
-
2810
- @media only screen and (min-width: 900px) {
2811
- .flow-text {
2812
- font-size: 1.632rem; } }
2813
-
2814
- @media only screen and (min-width: 930px) {
2815
- .flow-text {
2816
- font-size: 1.656rem; } }
2817
-
2818
- @media only screen and (min-width: 960px) {
2819
- .flow-text {
2820
- font-size: 1.68rem; } }
2821
-
2822
- @media only screen and (max-width: 360px) {
2823
- .flow-text {
2824
- font-size: 1.2rem; } }
2825
-
2826
- .scale-transition {
2827
- transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
2828
- .scale-transition.scale-out {
2829
- transform: scale(0);
2830
- transition: transform .2s !important; }
2831
- .scale-transition.scale-in {
2832
- transform: scale(1); }
2833
-
2834
- #toast-container {
2835
- display: block;
2836
- position: fixed;
2837
- z-index: 10000; }
2838
- @media only screen and (max-width: 600px) {
2839
- #toast-container {
2840
- min-width: 100%;
2841
- bottom: 0%; } }
2842
- @media only screen and (min-width: 601px) and (max-width: 992px) {
2843
- #toast-container {
2844
- left: 5%;
2845
- bottom: 7%;
2846
- max-width: 90%; } }
2847
- @media only screen and (min-width: 993px) {
2848
- #toast-container {
2849
- top: 10%;
2850
- right: 7%;
2851
- max-width: 86%; } }
2852
-
2853
- .toast {
2854
- border-radius: 2px;
2855
- top: 35px;
2856
- width: auto;
2857
- margin-top: 10px;
2858
- position: relative;
2859
- max-width: 100%;
2860
- height: auto;
2861
- min-height: 48px;
2862
- line-height: 1.5em;
2863
- word-break: break-all;
2864
- background-color: #323232;
2865
- padding: 10px 25px;
2866
- font-size: 1.1rem;
2867
- font-weight: 300;
2868
- color: #fff;
2869
- display: flex;
2870
- align-items: center;
2871
- justify-content: space-between;
2872
- cursor: default; }
2873
- .toast .toast-action {
2874
- color: #eeff41;
2875
- font-weight: 500;
2876
- margin-right: -25px;
2877
- margin-left: 3rem; }
2878
- .toast.rounded {
2879
- border-radius: 24px; }
2880
- @media only screen and (max-width: 600px) {
2881
- .toast {
2882
- width: 100%;
2883
- border-radius: 0; } }
2884
-
2885
- .dropdown-content {
2886
- background-color: #fff;
2887
- margin: 0;
2888
- display: none;
2889
- min-width: 100px;
2890
- overflow-y: auto;
2891
- opacity: 0;
2892
- position: absolute;
2893
- left: 0;
2894
- top: 0;
2895
- z-index: 9999;
2896
- transform-origin: 0 0; }
2897
- .dropdown-content:focus {
2898
- outline: 0; }
2899
- .dropdown-content li {
2900
- clear: both;
2901
- color: rgba(0, 0, 0, 0.87);
2902
- cursor: pointer;
2903
- min-height: 50px;
2904
- line-height: 1.5rem;
2905
- width: 100%;
2906
- text-align: left; }
2907
- .dropdown-content li:hover, .dropdown-content li.active {
2908
- background-color: #eee; }
2909
- .dropdown-content li:focus {
2910
- outline: none;
2911
- background-color: #dadada; }
2912
- .dropdown-content li.divider {
2913
- min-height: 0;
2914
- height: 1px; }
2915
- .dropdown-content li > a, .dropdown-content li > span {
2916
- font-size: 16px;
2917
- color: #9e9e9e;
2918
- display: block;
2919
- line-height: 22px;
2920
- padding: 14px 16px; }
2921
- .dropdown-content li > span > label {
2922
- top: 1px;
2923
- left: 0;
2924
- height: 18px; }
2925
- .dropdown-content li > a > i {
2926
- height: inherit;
2927
- line-height: inherit;
2928
- float: left;
2929
- margin: 0 24px 0 0;
2930
- width: 24px; }
2931
-
2932
- .input-field.col .dropdown-content [type="checkbox"] + label {
2933
- top: 1px;
2934
- left: 0;
2935
- height: 18px;
2936
- transform: none; }
2937
-
2938
- .dropdown-trigger {
2939
- cursor: pointer; }
2940
-
2941
- .collapsible {
2942
- border-top: 1px solid #ddd;
2943
- border-right: 1px solid #ddd;
2944
- border-left: 1px solid #ddd;
2945
- margin: 0.5rem 0 1rem 0; }
2946
-
2947
- .collapsible-header {
2948
- display: flex;
2949
- cursor: pointer;
2950
- -webkit-tap-highlight-color: transparent;
2951
- line-height: 1.5;
2952
- padding: 1rem;
2953
- background-color: #fff;
2954
- border-bottom: 1px solid #ddd; }
2955
- .collapsible-header:focus {
2956
- outline: 0; }
2957
- .collapsible-header i {
2958
- width: 2rem;
2959
- font-size: 1.6rem;
2960
- display: inline-block;
2961
- text-align: center;
2962
- margin-right: 1rem; }
2963
-
2964
- .keyboard-focused .collapsible-header:focus {
2965
- background-color: #eee; }
2966
-
2967
- .collapsible-body {
2968
- display: none;
2969
- border-bottom: 1px solid #ddd;
2970
- box-sizing: border-box;
2971
- padding: 2rem; }
2972
-
2973
- .sidenav .collapsible,
2974
- .sidenav.fixed .collapsible {
2975
- border: none;
2976
- box-shadow: none; }
2977
- .sidenav .collapsible li,
2978
- .sidenav.fixed .collapsible li {
2979
- padding: 0; }
2980
-
2981
- .sidenav .collapsible-header,
2982
- .sidenav.fixed .collapsible-header {
2983
- background-color: transparent;
2984
- border: none;
2985
- line-height: inherit;
2986
- height: inherit;
2987
- padding: 0 16px; }
2988
- .sidenav .collapsible-header:hover,
2989
- .sidenav.fixed .collapsible-header:hover {
2990
- background-color: rgba(0, 0, 0, 0.05); }
2991
- .sidenav .collapsible-header i,
2992
- .sidenav.fixed .collapsible-header i {
2993
- line-height: inherit; }
2994
-
2995
- .sidenav .collapsible-body,
2996
- .sidenav.fixed .collapsible-body {
2997
- border: 0;
2998
- background-color: #fff; }
2999
- .sidenav .collapsible-body li a,
3000
- .sidenav.fixed .collapsible-body li a {
3001
- padding: 0 23.5px 0 31px; }
3002
-
3003
- .collapsible.popout {
3004
- border: none;
3005
- box-shadow: none; }
3006
- .collapsible.popout > li {
3007
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
3008
- margin: 0 24px;
3009
- transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3010
- .collapsible.popout > li.active {
3011
- box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3012
- margin: 16px 0; }
3013
-
3014
- .sidenav {
3015
- position: fixed;
3016
- width: 300px;
3017
- left: 0;
3018
- top: 0;
3019
- margin: 0;
3020
- transform: translateX(-100%);
3021
- height: 100%;
3022
- height: calc(100% + 60px);
3023
- height: -moz-calc(100%);
3024
- padding-bottom: 60px;
3025
- background-color: #fff;
3026
- z-index: 999;
3027
- overflow-y: auto;
3028
- will-change: transform;
3029
- backface-visibility: hidden;
3030
- transform: translateX(-105%); }
3031
- .sidenav.expanded {
3032
- width: 992px; }
3033
- @media only screen and (max-width: 992px) {
3034
- .sidenav.expanded {
3035
- width: 100%; } }
3036
- .sidenav.right-aligned {
3037
- right: 0;
3038
- transform: translateX(105%);
3039
- left: auto;
3040
- transform: translateX(100%); }
3041
- .sidenav .collapsible {
3042
- margin: 0; }
3043
- .sidenav li {
3044
- float: none;
3045
- line-height: 48px; }
3046
- .sidenav li.active {
3047
- background-color: rgba(0, 0, 0, 0.05); }
3048
- .sidenav li > a {
3049
- color: rgba(0, 0, 0, 0.87);
3050
- display: block;
3051
- font-size: 14px;
3052
- font-weight: 500;
3053
- padding: 0 32px; }
3054
- .sidenav li > a:hover {
3055
- background-color: rgba(0, 0, 0, 0.05); }
3056
- .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
3057
- margin: 10px 15px; }
3058
- .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
3059
- color: #fff; }
3060
- .sidenav li > a.btn-flat {
3061
- color: #343434; }
3062
- .sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
3063
- background-color: #ababab; }
3064
- .sidenav li > a.btn-floating:hover {
3065
- background-color: #9e9e9e; }
3066
- .sidenav li > a > i,
3067
- .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
3068
- .sidenav li > a > i.material-icons {
3069
- float: left;
3070
- height: 48px;
3071
- line-height: 48px;
3072
- margin: 0 32px 0 0;
3073
- width: 24px; }
3074
- .sidenav .divider {
3075
- margin: 8px 0 0 0; }
3076
- .sidenav .subheader {
3077
- cursor: initial;
3078
- pointer-events: none;
3079
- color: rgba(0, 0, 0, 0.54);
3080
- font-size: 14px;
3081
- font-weight: 500;
3082
- line-height: 48px; }
3083
- .sidenav .subheader:hover {
3084
- background-color: transparent; }
3085
- .sidenav .user-view {
3086
- position: relative;
3087
- padding: 32px 32px 0;
3088
- margin-bottom: 8px; }
3089
- .sidenav .user-view > a {
3090
- height: auto;
3091
- padding: 0; }
3092
- .sidenav .user-view > a:hover {
3093
- background-color: transparent; }
3094
- .sidenav .user-view .background {
3095
- overflow: hidden;
3096
- position: absolute;
3097
- top: 0;
3098
- right: 0;
3099
- bottom: 0;
3100
- left: 0;
3101
- z-index: -1; }
3102
- .sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
3103
- display: block; }
3104
- .sidenav .user-view .circle {
3105
- height: 64px;
3106
- width: 64px; }
3107
- .sidenav .user-view .name,
3108
- .sidenav .user-view .email {
3109
- font-size: 14px;
3110
- line-height: 24px; }
3111
- .sidenav .user-view .name {
3112
- margin-top: 16px;
3113
- font-weight: 500; }
3114
- .sidenav .user-view .email {
3115
- padding-bottom: 16px;
3116
- font-weight: 400; }
3117
-
3118
- .drag-target {
3119
- height: 100%;
3120
- width: 10px;
3121
- position: fixed;
3122
- top: 0;
3123
- z-index: 998; }
3124
- .drag-target.right-aligned {
3125
- right: 0; }
3126
-
3127
- .sidenav.sidenav-fixed {
3128
- left: 0;
3129
- transform: translateX(0);
3130
- position: fixed; }
3131
- .sidenav.sidenav-fixed.right-aligned {
3132
- right: 0;
3133
- left: auto; }
3134
-
3135
- @media only screen and (max-width: 992px) {
3136
- .sidenav.sidenav-fixed {
3137
- transform: translateX(-105%); }
3138
- .sidenav.sidenav-fixed.right-aligned {
3139
- transform: translateX(105%); }
3140
- .sidenav > a {
3141
- padding: 0 16px; }
3142
- .sidenav .user-view {
3143
- padding: 16px 16px 0; } }
3144
-
3145
- .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
3146
- .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
3147
- background-color: #9e9e9e; }
3148
- .sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
3149
- .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
3150
- color: #fff; }
3151
-
3152
- .sidenav .collapsible-body {
3153
- padding: 0; }
3154
-
3155
- .sidenav-overlay {
3156
- position: fixed;
3157
- top: 0;
3158
- left: 0;
3159
- right: 0;
3160
- opacity: 0;
3161
- height: 120vh;
3162
- background-color: rgba(0, 0, 0, 0.5);
3163
- z-index: 997;
3164
- display: none; }
3165
-
3166
- .btn, .btn-large, .btn-small,
3167
- .btn-flat {
3168
- border: none;
3169
- border-radius: 2px;
3170
- display: inline-block;
3171
- height: 36px;
3172
- line-height: 36px;
3173
- padding: 0 16px;
3174
- text-transform: uppercase;
3175
- vertical-align: middle;
3176
- -webkit-tap-highlight-color: transparent; }
3177
-
3178
- .btn.disabled, .disabled.btn-large, .disabled.btn-small,
3179
- .btn-floating.disabled,
3180
- .btn-large.disabled,
3181
- .btn-small.disabled,
3182
- .btn-flat.disabled,
3183
- .btn:disabled,
3184
- .btn-large:disabled,
3185
- .btn-small:disabled,
3186
- .btn-floating:disabled,
3187
- .btn-large:disabled,
3188
- .btn-small:disabled,
3189
- .btn-flat:disabled,
3190
- .btn[disabled],
3191
- .btn-large[disabled],
3192
- .btn-small[disabled],
3193
- .btn-floating[disabled],
3194
- .btn-large[disabled],
3195
- .btn-small[disabled],
3196
- .btn-flat[disabled] {
3197
- pointer-events: none;
3198
- background-color: #DFDFDF !important;
3199
- box-shadow: none;
3200
- color: #9F9F9F !important;
3201
- cursor: default; }
3202
- .btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
3203
- .btn-floating.disabled:hover,
3204
- .btn-large.disabled:hover,
3205
- .btn-small.disabled:hover,
3206
- .btn-flat.disabled:hover,
3207
- .btn:disabled:hover,
3208
- .btn-large:disabled:hover,
3209
- .btn-small:disabled:hover,
3210
- .btn-floating:disabled:hover,
3211
- .btn-large:disabled:hover,
3212
- .btn-small:disabled:hover,
3213
- .btn-flat:disabled:hover,
3214
- .btn[disabled]:hover,
3215
- .btn-large[disabled]:hover,
3216
- .btn-small[disabled]:hover,
3217
- .btn-floating[disabled]:hover,
3218
- .btn-large[disabled]:hover,
3219
- .btn-small[disabled]:hover,
3220
- .btn-flat[disabled]:hover {
3221
- background-color: #DFDFDF !important;
3222
- color: #9F9F9F !important; }
3223
-
3224
- .btn, .btn-large, .btn-small,
3225
- .btn-floating,
3226
- .btn-large,
3227
- .btn-small,
3228
- .btn-flat {
3229
- font-size: 14px;
3230
- outline: 0; }
3231
- .btn i, .btn-large i, .btn-small i,
3232
- .btn-floating i,
3233
- .btn-large i,
3234
- .btn-small i,
3235
- .btn-flat i {
3236
- font-size: 1.3rem;
3237
- line-height: inherit; }
3238
-
3239
- .btn:focus, .btn-large:focus, .btn-small:focus,
3240
- .btn-floating:focus {
3241
- background-color: #858585; }
3242
-
3243
- .btn, .btn-large, .btn-small {
3244
- text-decoration: none;
3245
- color: #fff;
3246
- background-color: #9e9e9e;
3247
- text-align: center;
3248
- letter-spacing: .5px;
3249
- transition: background-color .2s ease-out;
3250
- cursor: pointer; }
3251
- .btn:hover, .btn-large:hover, .btn-small:hover {
3252
- background-color: #ababab; }
3253
-
3254
- .btn-floating {
3255
- display: inline-block;
3256
- color: #fff;
3257
- position: relative;
3258
- overflow: hidden;
3259
- z-index: 1;
3260
- width: 40px;
3261
- height: 40px;
3262
- line-height: 40px;
3263
- padding: 0;
3264
- background-color: #9e9e9e;
3265
- border-radius: 50%;
3266
- transition: background-color .3s;
3267
- cursor: pointer;
3268
- vertical-align: middle; }
3269
- .btn-floating:hover {
3270
- background-color: #9e9e9e; }
3271
- .btn-floating:before {
3272
- border-radius: 0; }
3273
- .btn-floating.btn-large {
3274
- width: 56px;
3275
- height: 56px;
3276
- padding: 0; }
3277
- .btn-floating.btn-large.halfway-fab {
3278
- bottom: -28px; }
3279
- .btn-floating.btn-large i {
3280
- line-height: 56px; }
3281
- .btn-floating.btn-small {
3282
- width: 32.4px;
3283
- height: 32.4px; }
3284
- .btn-floating.btn-small.halfway-fab {
3285
- bottom: -16.2px; }
3286
- .btn-floating.btn-small i {
3287
- line-height: 32.4px; }
3288
- .btn-floating.halfway-fab {
3289
- position: absolute;
3290
- right: 24px;
3291
- bottom: -20px; }
3292
- .btn-floating.halfway-fab.left {
3293
- right: auto;
3294
- left: 24px; }
3295
- .btn-floating i {
3296
- width: inherit;
3297
- display: inline-block;
3298
- text-align: center;
3299
- color: #fff;
3300
- font-size: 1.6rem;
3301
- line-height: 40px; }
3302
-
3303
- button.btn-floating {
3304
- border: none; }
3305
-
3306
- .fixed-action-btn {
3307
- position: fixed;
3308
- right: 23px;
3309
- bottom: 23px;
3310
- padding-top: 15px;
3311
- margin-bottom: 0;
3312
- z-index: 997; }
3313
- .fixed-action-btn.active ul {
3314
- visibility: visible; }
3315
- .fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
3316
- padding: 0 0 0 15px; }
3317
- .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
3318
- text-align: right;
3319
- right: 64px;
3320
- top: 50%;
3321
- transform: translateY(-50%);
3322
- height: 100%;
3323
- left: auto;
3324
- /*width 100% only goes to width of button container */
3325
- width: 500px; }
3326
- .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
3327
- display: inline-block;
3328
- margin: 7.5px 15px 0 0; }
3329
- .fixed-action-btn.direction-right {
3330
- padding: 0 15px 0 0; }
3331
- .fixed-action-btn.direction-right ul {
3332
- text-align: left;
3333
- direction: rtl;
3334
- left: 64px;
3335
- right: auto; }
3336
- .fixed-action-btn.direction-right ul li {
3337
- margin: 7.5px 0 0 15px; }
3338
- .fixed-action-btn.direction-bottom {
3339
- padding: 0 0 15px 0; }
3340
- .fixed-action-btn.direction-bottom ul {
3341
- top: 64px;
3342
- bottom: auto;
3343
- display: flex;
3344
- flex-direction: column-reverse; }
3345
- .fixed-action-btn.direction-bottom ul li {
3346
- margin: 15px 0 0 0; }
3347
- .fixed-action-btn.toolbar {
3348
- padding: 0;
3349
- height: 56px; }
3350
- .fixed-action-btn.toolbar.active > a i {
3351
- opacity: 0; }
3352
- .fixed-action-btn.toolbar ul {
3353
- display: flex;
3354
- top: 0;
3355
- bottom: 0;
3356
- z-index: 1; }
3357
- .fixed-action-btn.toolbar ul li {
3358
- flex: 1;
3359
- display: inline-block;
3360
- margin: 0;
3361
- height: 100%;
3362
- transition: none; }
3363
- .fixed-action-btn.toolbar ul li a {
3364
- display: block;
3365
- overflow: hidden;
3366
- position: relative;
3367
- width: 100%;
3368
- height: 100%;
3369
- background-color: transparent;
3370
- box-shadow: none;
3371
- color: #fff;
3372
- line-height: 56px;
3373
- z-index: 1; }
3374
- .fixed-action-btn.toolbar ul li a i {
3375
- line-height: inherit; }
3376
- .fixed-action-btn ul {
3377
- left: 0;
3378
- right: 0;
3379
- text-align: center;
3380
- position: absolute;
3381
- bottom: 64px;
3382
- margin: 0;
3383
- visibility: hidden; }
3384
- .fixed-action-btn ul li {
3385
- margin-bottom: 15px; }
3386
- .fixed-action-btn ul a.btn-floating {
3387
- opacity: 0; }
3388
- .fixed-action-btn .fab-backdrop {
3389
- position: absolute;
3390
- top: 0;
3391
- left: 0;
3392
- z-index: -1;
3393
- width: 40px;
3394
- height: 40px;
3395
- background-color: #9e9e9e;
3396
- border-radius: 50%;
3397
- transform: scale(0); }
3398
-
3399
- .btn-flat {
3400
- box-shadow: none;
3401
- background-color: transparent;
3402
- color: #343434;
3403
- cursor: pointer;
3404
- transition: background-color .2s; }
3405
- .btn-flat:focus, .btn-flat:hover {
3406
- box-shadow: none; }
3407
- .btn-flat:focus {
3408
- background-color: rgba(0, 0, 0, 0.1); }
3409
- .btn-flat.disabled, .btn-flat.btn-flat[disabled] {
3410
- background-color: transparent !important;
3411
- color: #b3b3b3 !important;
3412
- cursor: default; }
3413
-
3414
- .btn-large {
3415
- height: 54px;
3416
- line-height: 54px;
3417
- font-size: 15px;
3418
- padding: 0 28px; }
3419
- .btn-large i {
3420
- font-size: 1.6rem; }
3421
-
3422
- .btn-small {
3423
- height: 32.4px;
3424
- line-height: 32.4px;
3425
- font-size: 13px; }
3426
- .btn-small i {
3427
- font-size: 1.2rem; }
3428
-
3429
- .btn-block {
3430
- display: block; }
3431
-
3432
- .tabs {
3433
- position: relative;
3434
- overflow-x: auto;
3435
- overflow-y: hidden;
3436
- height: 48px;
3437
- width: 100%;
3438
- background-color: #fff;
3439
- margin: 0 auto;
3440
- white-space: nowrap; }
3441
- .tabs.tabs-transparent {
3442
- background-color: transparent; }
3443
- .tabs.tabs-transparent .tab a,
3444
- .tabs.tabs-transparent .tab.disabled a,
3445
- .tabs.tabs-transparent .tab.disabled a:hover {
3446
- color: rgba(255, 255, 255, 0.7); }
3447
- .tabs.tabs-transparent .tab a:hover,
3448
- .tabs.tabs-transparent .tab a.active {
3449
- color: #fff; }
3450
- .tabs.tabs-transparent .indicator {
3451
- background-color: #fff; }
3452
- .tabs.tabs-fixed-width {
3453
- display: flex; }
3454
- .tabs.tabs-fixed-width .tab {
3455
- flex-grow: 1; }
3456
- .tabs .tab {
3457
- display: inline-block;
3458
- text-align: center;
3459
- line-height: 48px;
3460
- height: 48px;
3461
- padding: 0;
3462
- margin: 0;
3463
- text-transform: uppercase; }
3464
- .tabs .tab a {
3465
- color: rgba(158, 158, 158, 0.7);
3466
- display: block;
3467
- width: 100%;
3468
- height: 100%;
3469
- padding: 0 24px;
3470
- font-size: 14px;
3471
- text-overflow: ellipsis;
3472
- overflow: hidden;
3473
- transition: color .28s ease, background-color .28s ease; }
3474
- .tabs .tab a:focus, .tabs .tab a:focus.active {
3475
- background-color: rgba(196, 196, 196, 0.2);
3476
- outline: none; }
3477
- .tabs .tab a:hover, .tabs .tab a.active {
3478
- background-color: transparent;
3479
- color: #9e9e9e; }
3480
- .tabs .tab.disabled a,
3481
- .tabs .tab.disabled a:hover {
3482
- color: rgba(158, 158, 158, 0.4);
3483
- cursor: default; }
3484
- .tabs .indicator {
3485
- position: absolute;
3486
- bottom: 0;
3487
- height: 2px;
3488
- background-color: #c4c4c4;
3489
- will-change: left, right; }
3490
-
3491
- @media only screen and (max-width: 992px) {
3492
- .tabs {
3493
- display: flex; }
3494
- .tabs .tab {
3495
- flex-grow: 1; }
3496
- .tabs .tab a {
3497
- padding: 0 12px; } }
3498
-
3499
- td, th {
3500
- border-radius: 0; }
3501
-
3502
- .dataTables_wrapper {
3503
- border-top: 1px solid rgba(0, 0, 0, 0.12);
3504
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
3505
- .dataTables_wrapper .dataTables_filter {
3506
- padding-right: 18px; }
3507
- .dataTables_wrapper table.dataTable tr {
3508
- border-color: rgba(0, 0, 0, 0.12);
3509
- background-color: transparent; }
3510
- .dataTables_wrapper table.dataTable tr.selected {
3511
- background-color: #b8b8b8; }
3512
- .dataTables_wrapper .dataTables-checkbox-column {
3513
- width: 40px;
3514
- text-align: center; }
3515
- .dataTables_wrapper .dataTables-checkbox-column label > span {
3516
- padding-left: 24px;
3517
- transform: translateY(4px); }
3518
- .dataTables_wrapper .dataTables-checkbox-column [type="checkbox"].filled-in:checked + span:not(.lever):before {
3519
- width: 6px; }
3520
- .dataTables_wrapper table.dataTable thead th,
3521
- .dataTables_wrapper table.dataTable thead td {
3522
- border-color: rgba(0, 0, 0, 0.12);
3523
- padding: 8px 10px; }
3524
- .dataTables_wrapper.no-footer .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable {
3525
- border-top: 1px solid rgba(0, 0, 0, 0.12); }
3526
- .dataTables_wrapper.no-footer .dataTables_scrollBody {
3527
- border-color: rgba(0, 0, 0, 0.12); }
3528
- .dataTables_wrapper .footer-wrapper {
3529
- display: flex;
3530
- align-items: center;
3531
- justify-content: space-between;
3532
- padding: 0 18px; }
3533
- .dataTables_wrapper .dataTables_length .select-wrapper {
3534
- display: inline-block;
3535
- margin: 0 8px;
3536
- width: 60px; }
3537
- .dataTables_wrapper .dataTables_info {
3538
- line-height: 48px;
3539
- padding: 0; }
3540
- .dataTables_wrapper .dataTables_paginate {
3541
- padding: 4px; }
3542
- .dataTables_wrapper .dataTables_paginate .paginate_button.first::before {
3543
- content: 'first_page'; }
3544
- .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
3545
- content: 'chevron_left'; }
3546
- .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
3547
- content: 'chevron_right'; }
3548
- .dataTables_wrapper .dataTables_paginate .paginate_button.last::before {
3549
- content: 'last_page'; }
3550
-
3551
- .modal {
3552
- display: none;
3553
- position: fixed;
3554
- left: 0;
3555
- right: 0;
3556
- background-color: #fafafa;
3557
- padding: 0;
3558
- max-height: 70%;
3559
- width: 55%;
3560
- margin: auto;
3561
- overflow-y: auto;
3562
- border-radius: 2px;
3563
- will-change: top, opacity; }
3564
- .modal:focus {
3565
- outline: none; }
3566
- @media only screen and (max-width: 992px) {
3567
- .modal {
3568
- width: 80%; } }
3569
- .modal h1, .modal h2, .modal h3, .modal h4 {
3570
- margin-top: 0; }
3571
- .modal .modal-content {
3572
- padding: 24px; }
3573
- .modal .modal-close {
3574
- cursor: pointer; }
3575
- .modal .modal-footer {
3576
- border-radius: 0 0 2px 2px;
3577
- background-color: #fafafa;
3578
- padding: 4px 6px;
3579
- height: 56px;
3580
- width: 100%;
3581
- text-align: right; }
3582
- .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
3583
- margin: 6px 0; }
3584
-
3585
- .modal-overlay {
3586
- position: fixed;
3587
- z-index: 999;
3588
- top: -25%;
3589
- left: 0;
3590
- bottom: 0;
3591
- right: 0;
3592
- height: 125%;
3593
- width: 100%;
3594
- background: #000;
3595
- display: none;
3596
- will-change: opacity; }
3597
-
3598
- .modal.modal-fixed-footer {
3599
- padding: 0;
3600
- height: 70%; }
3601
- .modal.modal-fixed-footer .modal-content {
3602
- position: absolute;
3603
- height: calc(100% - 56px);
3604
- max-height: 100%;
3605
- width: 100%;
3606
- overflow-y: auto; }
3607
- .modal.modal-fixed-footer .modal-footer {
3608
- border-top: 1px solid rgba(0, 0, 0, 0.1);
3609
- position: absolute;
3610
- bottom: 0; }
3611
-
3612
- .modal.bottom-sheet {
3613
- top: auto;
3614
- bottom: -100%;
3615
- margin: 0;
3616
- width: 100%;
3617
- max-height: 45%;
3618
- border-radius: 0;
3619
- will-change: bottom, opacity; }
3620
-
3621
- .material-tooltip {
3622
- padding: 10px 8px;
3623
- font-size: 1rem;
3624
- z-index: 2000;
3625
- background-color: transparent;
3626
- border-radius: 2px;
3627
- color: #fff;
3628
- min-height: 36px;
3629
- line-height: 120%;
3630
- opacity: 0;
3631
- position: absolute;
3632
- text-align: center;
3633
- max-width: calc(100% - 4px);
3634
- overflow: hidden;
3635
- left: 0;
3636
- top: 0;
3637
- pointer-events: none;
3638
- visibility: hidden;
3639
- background-color: #323232; }
3640
-
3641
- .backdrop {
3642
- position: absolute;
3643
- opacity: 0;
3644
- height: 7px;
3645
- width: 14px;
3646
- border-radius: 0 0 50% 50%;
3647
- background-color: #323232;
3648
- z-index: -1;
3649
- transform-origin: 50% 0%;
3650
- visibility: hidden; }
3651
-
3652
- select:focus {
3653
- outline: 1px solid white; }
3654
-
3655
- button:focus {
3656
- outline: none;
3657
- background-color: #a8a8a8; }
3658
-
3659
- label {
3660
- font-size: 0.8rem;
3661
- color: #9e9e9e; }
3662
-
3663
- /* Text Inputs + Textarea
3664
- ========================================================================== */
3665
- /* Style Placeholders */
3666
- ::placeholder {
3667
- color: #d1d1d1; }
3668
-
3669
- /* Text inputs */
3670
- input:not([type]),
3671
- input[type=text]:not(.browser-default),
3672
- input[type=password]:not(.browser-default),
3673
- input[type=email]:not(.browser-default),
3674
- input[type=url]:not(.browser-default),
3675
- input[type=time]:not(.browser-default),
3676
- input[type=date]:not(.browser-default),
3677
- input[type=datetime]:not(.browser-default),
3678
- input[type=datetime-local]:not(.browser-default),
3679
- input[type=tel]:not(.browser-default),
3680
- input[type=number]:not(.browser-default),
3681
- input[type=search]:not(.browser-default),
3682
- textarea.materialize-textarea {
3683
- background-color: transparent;
3684
- border: none;
3685
- border-bottom: 1px solid #9e9e9e;
3686
- border-radius: 0;
3687
- outline: none;
3688
- height: 3rem;
3689
- width: 100%;
3690
- font-size: 16px;
3691
- margin: 0 0 8px 0;
3692
- padding: 0;
3693
- box-shadow: none;
3694
- box-sizing: content-box;
3695
- transition: box-shadow .3s, border .3s; }
3696
- input:not([type]):disabled, input:not([type])[readonly="readonly"],
3697
- input[type=text]:not(.browser-default):disabled,
3698
- input[type=text]:not(.browser-default)[readonly="readonly"],
3699
- input[type=password]:not(.browser-default):disabled,
3700
- input[type=password]:not(.browser-default)[readonly="readonly"],
3701
- input[type=email]:not(.browser-default):disabled,
3702
- input[type=email]:not(.browser-default)[readonly="readonly"],
3703
- input[type=url]:not(.browser-default):disabled,
3704
- input[type=url]:not(.browser-default)[readonly="readonly"],
3705
- input[type=time]:not(.browser-default):disabled,
3706
- input[type=time]:not(.browser-default)[readonly="readonly"],
3707
- input[type=date]:not(.browser-default):disabled,
3708
- input[type=date]:not(.browser-default)[readonly="readonly"],
3709
- input[type=datetime]:not(.browser-default):disabled,
3710
- input[type=datetime]:not(.browser-default)[readonly="readonly"],
3711
- input[type=datetime-local]:not(.browser-default):disabled,
3712
- input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
3713
- input[type=tel]:not(.browser-default):disabled,
3714
- input[type=tel]:not(.browser-default)[readonly="readonly"],
3715
- input[type=number]:not(.browser-default):disabled,
3716
- input[type=number]:not(.browser-default)[readonly="readonly"],
3717
- input[type=search]:not(.browser-default):disabled,
3718
- input[type=search]:not(.browser-default)[readonly="readonly"],
3719
- textarea.materialize-textarea:disabled,
3720
- textarea.materialize-textarea[readonly="readonly"] {
3721
- color: rgba(0, 0, 0, 0.42);
3722
- border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
3723
- input:not([type]):disabled + label,
3724
- input:not([type])[readonly="readonly"] + label,
3725
- input[type=text]:not(.browser-default):disabled + label,
3726
- input[type=text]:not(.browser-default)[readonly="readonly"] + label,
3727
- input[type=password]:not(.browser-default):disabled + label,
3728
- input[type=password]:not(.browser-default)[readonly="readonly"] + label,
3729
- input[type=email]:not(.browser-default):disabled + label,
3730
- input[type=email]:not(.browser-default)[readonly="readonly"] + label,
3731
- input[type=url]:not(.browser-default):disabled + label,
3732
- input[type=url]:not(.browser-default)[readonly="readonly"] + label,
3733
- input[type=time]:not(.browser-default):disabled + label,
3734
- input[type=time]:not(.browser-default)[readonly="readonly"] + label,
3735
- input[type=date]:not(.browser-default):disabled + label,
3736
- input[type=date]:not(.browser-default)[readonly="readonly"] + label,
3737
- input[type=datetime]:not(.browser-default):disabled + label,
3738
- input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
3739
- input[type=datetime-local]:not(.browser-default):disabled + label,
3740
- input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
3741
- input[type=tel]:not(.browser-default):disabled + label,
3742
- input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
3743
- input[type=number]:not(.browser-default):disabled + label,
3744
- input[type=number]:not(.browser-default)[readonly="readonly"] + label,
3745
- input[type=search]:not(.browser-default):disabled + label,
3746
- input[type=search]:not(.browser-default)[readonly="readonly"] + label,
3747
- textarea.materialize-textarea:disabled + label,
3748
- textarea.materialize-textarea[readonly="readonly"] + label {
3749
- color: rgba(0, 0, 0, 0.42); }
3750
- input:not([type]):focus:not([readonly]),
3751
- input[type=text]:not(.browser-default):focus:not([readonly]),
3752
- input[type=password]:not(.browser-default):focus:not([readonly]),
3753
- input[type=email]:not(.browser-default):focus:not([readonly]),
3754
- input[type=url]:not(.browser-default):focus:not([readonly]),
3755
- input[type=time]:not(.browser-default):focus:not([readonly]),
3756
- input[type=date]:not(.browser-default):focus:not([readonly]),
3757
- input[type=datetime]:not(.browser-default):focus:not([readonly]),
3758
- input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
3759
- input[type=tel]:not(.browser-default):focus:not([readonly]),
3760
- input[type=number]:not(.browser-default):focus:not([readonly]),
3761
- input[type=search]:not(.browser-default):focus:not([readonly]),
3762
- textarea.materialize-textarea:focus:not([readonly]) {
3763
- border-bottom: 1px solid #9e9e9e;
3764
- box-shadow: 0 1px 0 0 #9e9e9e; }
3765
- input:not([type]):focus:not([readonly]) + label,
3766
- input[type=text]:not(.browser-default):focus:not([readonly]) + label,
3767
- input[type=password]:not(.browser-default):focus:not([readonly]) + label,
3768
- input[type=email]:not(.browser-default):focus:not([readonly]) + label,
3769
- input[type=url]:not(.browser-default):focus:not([readonly]) + label,
3770
- input[type=time]:not(.browser-default):focus:not([readonly]) + label,
3771
- input[type=date]:not(.browser-default):focus:not([readonly]) + label,
3772
- input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
3773
- input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
3774
- input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
3775
- input[type=number]:not(.browser-default):focus:not([readonly]) + label,
3776
- input[type=search]:not(.browser-default):focus:not([readonly]) + label,
3777
- textarea.materialize-textarea:focus:not([readonly]) + label {
3778
- color: #9e9e9e; }
3779
- input:not([type]):focus.valid ~ label,
3780
- input[type=text]:not(.browser-default):focus.valid ~ label,
3781
- input[type=password]:not(.browser-default):focus.valid ~ label,
3782
- input[type=email]:not(.browser-default):focus.valid ~ label,
3783
- input[type=url]:not(.browser-default):focus.valid ~ label,
3784
- input[type=time]:not(.browser-default):focus.valid ~ label,
3785
- input[type=date]:not(.browser-default):focus.valid ~ label,
3786
- input[type=datetime]:not(.browser-default):focus.valid ~ label,
3787
- input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
3788
- input[type=tel]:not(.browser-default):focus.valid ~ label,
3789
- input[type=number]:not(.browser-default):focus.valid ~ label,
3790
- input[type=search]:not(.browser-default):focus.valid ~ label,
3791
- textarea.materialize-textarea:focus.valid ~ label {
3792
- color: #4CAF50; }
3793
- input:not([type]):focus.invalid ~ label,
3794
- input[type=text]:not(.browser-default):focus.invalid ~ label,
3795
- input[type=password]:not(.browser-default):focus.invalid ~ label,
3796
- input[type=email]:not(.browser-default):focus.invalid ~ label,
3797
- input[type=url]:not(.browser-default):focus.invalid ~ label,
3798
- input[type=time]:not(.browser-default):focus.invalid ~ label,
3799
- input[type=date]:not(.browser-default):focus.invalid ~ label,
3800
- input[type=datetime]:not(.browser-default):focus.invalid ~ label,
3801
- input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
3802
- input[type=tel]:not(.browser-default):focus.invalid ~ label,
3803
- input[type=number]:not(.browser-default):focus.invalid ~ label,
3804
- input[type=search]:not(.browser-default):focus.invalid ~ label,
3805
- textarea.materialize-textarea:focus.invalid ~ label {
3806
- color: #F44336; }
3807
- input:not([type]).validate + label,
3808
- input[type=text]:not(.browser-default).validate + label,
3809
- input[type=password]:not(.browser-default).validate + label,
3810
- input[type=email]:not(.browser-default).validate + label,
3811
- input[type=url]:not(.browser-default).validate + label,
3812
- input[type=time]:not(.browser-default).validate + label,
3813
- input[type=date]:not(.browser-default).validate + label,
3814
- input[type=datetime]:not(.browser-default).validate + label,
3815
- input[type=datetime-local]:not(.browser-default).validate + label,
3816
- input[type=tel]:not(.browser-default).validate + label,
3817
- input[type=number]:not(.browser-default).validate + label,
3818
- input[type=search]:not(.browser-default).validate + label,
3819
- textarea.materialize-textarea.validate + label {
3820
- width: 100%; }
3821
-
3822
- /* Validation Sass Placeholders */
3823
- input.valid:not([type]), input.valid:not([type]):focus,
3824
- input.valid[type=text]:not(.browser-default),
3825
- input.valid[type=text]:not(.browser-default):focus,
3826
- input.valid[type=password]:not(.browser-default),
3827
- input.valid[type=password]:not(.browser-default):focus,
3828
- input.valid[type=email]:not(.browser-default),
3829
- input.valid[type=email]:not(.browser-default):focus,
3830
- input.valid[type=url]:not(.browser-default),
3831
- input.valid[type=url]:not(.browser-default):focus,
3832
- input.valid[type=time]:not(.browser-default),
3833
- input.valid[type=time]:not(.browser-default):focus,
3834
- input.valid[type=date]:not(.browser-default),
3835
- input.valid[type=date]:not(.browser-default):focus,
3836
- input.valid[type=datetime]:not(.browser-default),
3837
- input.valid[type=datetime]:not(.browser-default):focus,
3838
- input.valid[type=datetime-local]:not(.browser-default),
3839
- input.valid[type=datetime-local]:not(.browser-default):focus,
3840
- input.valid[type=tel]:not(.browser-default),
3841
- input.valid[type=tel]:not(.browser-default):focus,
3842
- input.valid[type=number]:not(.browser-default),
3843
- input.valid[type=number]:not(.browser-default):focus,
3844
- input.valid[type=search]:not(.browser-default),
3845
- input.valid[type=search]:not(.browser-default):focus,
3846
- textarea.materialize-textarea.valid,
3847
- textarea.materialize-textarea.valid:focus {
3848
- border-bottom: 1px solid #4CAF50;
3849
- box-shadow: 0 1px 0 0 #4CAF50; }
3850
-
3851
- input.invalid:not([type]), input.invalid:not([type]):focus,
3852
- input.invalid[type=text]:not(.browser-default),
3853
- input.invalid[type=text]:not(.browser-default):focus,
3854
- input.invalid[type=password]:not(.browser-default),
3855
- input.invalid[type=password]:not(.browser-default):focus,
3856
- input.invalid[type=email]:not(.browser-default),
3857
- input.invalid[type=email]:not(.browser-default):focus,
3858
- input.invalid[type=url]:not(.browser-default),
3859
- input.invalid[type=url]:not(.browser-default):focus,
3860
- input.invalid[type=time]:not(.browser-default),
3861
- input.invalid[type=time]:not(.browser-default):focus,
3862
- input.invalid[type=date]:not(.browser-default),
3863
- input.invalid[type=date]:not(.browser-default):focus,
3864
- input.invalid[type=datetime]:not(.browser-default),
3865
- input.invalid[type=datetime]:not(.browser-default):focus,
3866
- input.invalid[type=datetime-local]:not(.browser-default),
3867
- input.invalid[type=datetime-local]:not(.browser-default):focus,
3868
- input.invalid[type=tel]:not(.browser-default),
3869
- input.invalid[type=tel]:not(.browser-default):focus,
3870
- input.invalid[type=number]:not(.browser-default),
3871
- input.invalid[type=number]:not(.browser-default):focus,
3872
- input.invalid[type=search]:not(.browser-default),
3873
- input.invalid[type=search]:not(.browser-default):focus,
3874
- textarea.materialize-textarea.invalid,
3875
- textarea.materialize-textarea.invalid:focus {
3876
- border-bottom: 1px solid #F44336;
3877
- box-shadow: 0 1px 0 0 #F44336; }
3878
-
3879
- input:not([type]).valid ~ .helper-text[data-success],
3880
- input:not([type]):focus.valid ~ .helper-text[data-success],
3881
- input:not([type]).invalid ~ .helper-text[data-error],
3882
- input:not([type]):focus.invalid ~ .helper-text[data-error],
3883
- input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
3884
- input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3885
- input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
3886
- input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3887
- input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
3888
- input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3889
- input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
3890
- input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3891
- input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
3892
- input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3893
- input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
3894
- input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3895
- input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
3896
- input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3897
- input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
3898
- input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3899
- input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
3900
- input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3901
- input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
3902
- input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3903
- input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
3904
- input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3905
- input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
3906
- input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3907
- input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
3908
- input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3909
- input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
3910
- input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3911
- input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
3912
- input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3913
- input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
3914
- input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3915
- input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
3916
- input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3917
- input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
3918
- input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3919
- input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
3920
- input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3921
- input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
3922
- input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3923
- input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
3924
- input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
3925
- input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
3926
- input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
3927
- textarea.materialize-textarea.valid ~ .helper-text[data-success],
3928
- textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
3929
- textarea.materialize-textarea.invalid ~ .helper-text[data-error],
3930
- textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error] {
3931
- color: transparent;
3932
- user-select: none;
3933
- pointer-events: none; }
3934
-
3935
- input:not([type]).valid ~ .helper-text:after,
3936
- input:not([type]):focus.valid ~ .helper-text:after,
3937
- input[type=text]:not(.browser-default).valid ~ .helper-text:after,
3938
- input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
3939
- input[type=password]:not(.browser-default).valid ~ .helper-text:after,
3940
- input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
3941
- input[type=email]:not(.browser-default).valid ~ .helper-text:after,
3942
- input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
3943
- input[type=url]:not(.browser-default).valid ~ .helper-text:after,
3944
- input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
3945
- input[type=time]:not(.browser-default).valid ~ .helper-text:after,
3946
- input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
3947
- input[type=date]:not(.browser-default).valid ~ .helper-text:after,
3948
- input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
3949
- input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
3950
- input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
3951
- input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
3952
- input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
3953
- input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
3954
- input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
3955
- input[type=number]:not(.browser-default).valid ~ .helper-text:after,
3956
- input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
3957
- input[type=search]:not(.browser-default).valid ~ .helper-text:after,
3958
- input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
3959
- textarea.materialize-textarea.valid ~ .helper-text:after,
3960
- textarea.materialize-textarea:focus.valid ~ .helper-text:after {
3961
- content: attr(data-success);
3962
- color: #4CAF50; }
3963
-
3964
- input:not([type]).invalid ~ .helper-text:after,
3965
- input:not([type]):focus.invalid ~ .helper-text:after,
3966
- input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
3967
- input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
3968
- input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
3969
- input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
3970
- input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
3971
- input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
3972
- input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
3973
- input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
3974
- input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
3975
- input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
3976
- input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
3977
- input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
3978
- input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
3979
- input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
3980
- input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
3981
- input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
3982
- input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
3983
- input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
3984
- input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
3985
- input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
3986
- input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
3987
- input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
3988
- textarea.materialize-textarea.invalid ~ .helper-text:after,
3989
- textarea.materialize-textarea:focus.invalid ~ .helper-text:after {
3990
- content: attr(data-error);
3991
- color: #F44336; }
3992
-
3993
- input:not([type]) + label:after,
3994
- input[type=text]:not(.browser-default) + label:after,
3995
- input[type=password]:not(.browser-default) + label:after,
3996
- input[type=email]:not(.browser-default) + label:after,
3997
- input[type=url]:not(.browser-default) + label:after,
3998
- input[type=time]:not(.browser-default) + label:after,
3999
- input[type=date]:not(.browser-default) + label:after,
4000
- input[type=datetime]:not(.browser-default) + label:after,
4001
- input[type=datetime-local]:not(.browser-default) + label:after,
4002
- input[type=tel]:not(.browser-default) + label:after,
4003
- input[type=number]:not(.browser-default) + label:after,
4004
- input[type=search]:not(.browser-default) + label:after,
4005
- textarea.materialize-textarea + label:after {
4006
- display: block;
4007
- content: "";
4008
- position: absolute;
4009
- top: 100%;
4010
- left: 0;
4011
- opacity: 0;
4012
- transition: .2s opacity ease-out, .2s color ease-out; }
4013
-
4014
- .input-field {
4015
- position: relative;
4016
- margin-top: 1rem;
4017
- margin-bottom: 1rem; }
4018
- .input-field.inline {
4019
- display: inline-block;
4020
- vertical-align: middle;
4021
- margin-left: 5px; }
4022
- .input-field.inline input,
4023
- .input-field.inline .select-dropdown {
4024
- margin-bottom: 1rem; }
4025
- .input-field.col label {
4026
- left: 0.75rem; }
4027
- .input-field.col .prefix ~ label,
4028
- .input-field.col .prefix ~ .validate ~ label {
4029
- width: calc(100% - 3rem - 1.5rem); }
4030
- .input-field > label {
4031
- color: #9e9e9e;
4032
- position: absolute;
4033
- top: 0;
4034
- left: 0;
4035
- font-size: 1rem;
4036
- cursor: text;
4037
- transition: transform .2s ease-out, color .2s ease-out;
4038
- transform-origin: 0% 100%;
4039
- text-align: initial;
4040
- transform: translateY(12px); }
4041
- .input-field > label:not(.label-icon).active {
4042
- transform: translateY(-14px) scale(0.8);
4043
- transform-origin: 0 0; }
4044
- .input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
4045
- .input-field > input[type=date]:not(.browser-default) + label,
4046
- .input-field > input[type=time]:not(.browser-default) + label {
4047
- transform: translateY(-14px) scale(0.8);
4048
- transform-origin: 0 0; }
4049
- .input-field .helper-text {
4050
- position: relative;
4051
- min-height: 18px;
4052
- display: block;
4053
- font-size: 12px;
4054
- color: rgba(0, 0, 0, 0.54); }
4055
- .input-field .helper-text::after {
4056
- opacity: 1;
4057
- position: absolute;
4058
- top: 0;
4059
- left: 0; }
4060
- .input-field .prefix {
4061
- position: absolute;
4062
- width: 3rem;
4063
- font-size: 2rem;
4064
- transition: color .2s;
4065
- top: 0.5rem; }
4066
- .input-field .prefix.active {
4067
- color: #9e9e9e; }
4068
- .input-field .prefix ~ input,
4069
- .input-field .prefix ~ textarea,
4070
- .input-field .prefix ~ label,
4071
- .input-field .prefix ~ .validate ~ label,
4072
- .input-field .prefix ~ .helper-text,
4073
- .input-field .prefix ~ .autocomplete-content {
4074
- margin-left: 3rem;
4075
- width: 92%;
4076
- width: calc(100% - 3rem); }
4077
- .input-field .prefix ~ label {
4078
- margin-left: 3rem; }
4079
- @media only screen and (max-width: 992px) {
4080
- .input-field .prefix ~ input {
4081
- width: 86%;
4082
- width: calc(100% - 3rem); } }
4083
- @media only screen and (max-width: 600px) {
4084
- .input-field .prefix ~ input {
4085
- width: 80%;
4086
- width: calc(100% - 3rem); } }
4087
-
4088
- /* Search Field */
4089
- .input-field input[type=search] {
4090
- display: block;
4091
- line-height: inherit;
4092
- transition: .3s background-color; }
4093
- .nav-wrapper .input-field input[type=search] {
4094
- height: inherit;
4095
- padding-left: 4rem;
4096
- width: calc(100% - 4rem);
4097
- border: 0;
4098
- box-shadow: none; }
4099
- .input-field input[type=search]:focus:not(.browser-default) {
4100
- background-color: #fff;
4101
- border: 0;
4102
- box-shadow: none;
4103
- color: #444; }
4104
- .input-field input[type=search]:focus:not(.browser-default) + label i,
4105
- .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
4106
- .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
4107
- color: #444; }
4108
- .input-field input[type=search] + .label-icon {
4109
- transform: none;
4110
- left: 1rem; }
4111
- .input-field input[type=search] ~ .mdi-navigation-close,
4112
- .input-field input[type=search] ~ .material-icons {
4113
- position: absolute;
4114
- top: 0;
4115
- right: 1rem;
4116
- color: transparent;
4117
- cursor: pointer;
4118
- font-size: 2rem;
4119
- transition: .3s color; }
4120
-
4121
- /* Textarea */
4122
- textarea {
4123
- width: 100%;
4124
- height: 3rem;
4125
- background-color: transparent; }
4126
- textarea.materialize-textarea {
4127
- line-height: normal;
4128
- overflow-y: hidden;
4129
- /* prevents scroll bar flash */
4130
- padding: .8rem 0 .8rem 0;
4131
- /* prevents text jump on Enter keypress */
4132
- resize: none;
4133
- min-height: 3rem;
4134
- box-sizing: border-box; }
4135
-
4136
- .hiddendiv {
4137
- visibility: hidden;
4138
- white-space: pre-wrap;
4139
- word-wrap: break-word;
4140
- overflow-wrap: break-word;
4141
- /* future version of deprecated 'word-wrap' */
4142
- padding-top: 1.2rem;
4143
- /* prevents text jump on Enter keypress */
4144
- position: absolute;
4145
- top: 0;
4146
- z-index: -1; }
4147
-
4148
- /* Autocomplete */
4149
- .autocomplete-content li .highlight {
4150
- color: #444; }
4151
-
4152
- .autocomplete-content li img {
4153
- height: 40px;
4154
- width: 40px;
4155
- margin: 5px 15px; }
4156
-
4157
- /* Character Counter */
4158
- .character-counter {
4159
- min-height: 18px; }
4160
-
4161
- @media only screen and (min-width: 993px) {
4162
- body.has-fixed-sidenav {
4163
- padding-left: 300px; }
4164
- .container {
4165
- width: 80%; } }
4166
-
4167
- button {
4168
- background: none;
4169
- border: 0; }
4170
- button:focus {
4171
- background: none; }
4172
-
4173
- /**** COLORS ****/
4174
- .primary-color {
4175
- background-color: #9e9e9e !important; }
4176
-
4177
- .primary-color-text {
4178
- color: #9e9e9e !important; }
4179
-
4180
- .admin-blue {
4181
- background-color: #00b0ff !important; }
4182
-
4183
- .admin-blue-text {
4184
- color: #00b0ff !important; }
4185
-
4186
- .admin-yellow {
4187
- background-color: #ffc400 !important; }
4188
-
4189
- .admin-yellow-text {
4190
- color: #ffc400 !important; }
4191
-
4192
- .admin-pink {
4193
- background-color: #ff4081 !important; }
4194
-
4195
- .admin-pink-text {
4196
- color: #ff4081 !important; }
4197
-
4198
- .admin-green {
4199
- background-color: #70be74 !important; }
4200
-
4201
- .admin-green-text {
4202
- color: #70be74 !important; }
4203
-
4204
- .divider {
4205
- margin: 40px 0; }
4206
-
4207
- .google-map {
4208
- width: 100%;
4209
- color: #444; }
4210
-
4211
- .no-gutter {
4212
- padding-left: 0 !important;
4213
- padding-right: 0 !important; }
4214
-
4215
- .no-margin {
4216
- margin: 0 !important; }
4217
-
4218
- .background {
4219
- display: block;
4220
- position: absolute;
4221
- top: 0;
4222
- width: 100%;
4223
- height: 100%;
4224
- z-index: -1; }
4225
- .background.portrait img {
4226
- min-width: 100%;
4227
- width: auto;
4228
- min-height: none;
4229
- height: 100%; }
4230
- .background img {
4231
- width: 100%;
4232
- min-height: 100%; }
4233
-
4234
- /**** TYPOGRAPHY ****/
4235
- h1 {
4236
- margin-bottom: 50px; }
4237
-
4238
- p {
4239
- font-weight: 300;
4240
- font-size: 18px;
4241
- color: #888; }
4242
- p.caption {
4243
- color: inherit; }
4244
-
4245
- .feature {
4246
- margin-bottom: 50px; }
4247
-
4248
- span.date {
4249
- text-transform: uppercase;
4250
- font-weight: 300; }
4251
-
4252
- /**** GRID ****/
4253
- .row.valign {
4254
- width: 100%; }
4255
-
4256
- .row.row-vertical-center {
4257
- display: flex;
4258
- flex-wrap: wrap; }
4259
- .row.row-vertical-center .col {
4260
- display: flex;
4261
- align-items: center; }
4262
-
4263
- .row.equal-height-grid {
4264
- display: flex;
4265
- flex-wrap: wrap; }
4266
- .row.equal-height-grid .col {
4267
- display: flex;
4268
- margin-left: 0; }
4269
- .row.equal-height-grid .col .card {
4270
- display: flex;
4271
- flex-direction: column;
4272
- width: 100%; }
4273
- .row.equal-height-grid .col .card .card-stacked {
4274
- flex: 1 0 auto; }
4275
- .row.equal-height-grid .col .card .card-align-bottom {
4276
- margin-top: auto; }
4277
-
4278
- .row .col {
4279
- padding: 0 10px; }
4280
-
4281
- /**** LEGEND ****/
4282
- .chart-legend-wrapper {
4283
- width: 100%;
4284
- margin: 20px; }
4285
-
4286
- .chart-legend {
4287
- display: flex;
4288
- justify-content: center;
4289
- font-size: 16px; }
4290
- .chart-legend ul {
4291
- width: 100%; }
4292
- .chart-legend .dot {
4293
- display: inline-block;
4294
- margin-right: 10px;
4295
- width: 10px;
4296
- height: 10px;
4297
- border-radius: 50%; }
4298
- .chart-legend .label {
4299
- display: inline-block;
4300
- margin-right: 10px; }
4301
- .chart-legend .value {
4302
- display: inline-block;
4303
- float: right; }
4304
-
4305
- /**** DROPDOWN ****/
4306
- nav.navbar ul.dropdown-content li > a,
4307
- nav.navbar ul.dropdown-content li > span,
4308
- .dropdown-content li > a,
4309
- .dropdown-content li > span {
4310
- color: #444; }
4311
-
4312
- .dropdown-button i.right {
4313
- margin-left: 5px; }
4314
-
4315
- .dropdown-content.notifications {
4316
- background-color: #f4f4f4;
4317
- color: rgba(0, 0, 0, 0.87);
4318
- padding: 8px 16px;
4319
- width: 450px;
4320
- height: unset !important; }
4321
- .dropdown-content.notifications .notifications-title {
4322
- height: 56px;
4323
- line-height: 56px;
4324
- text-transform: uppercase;
4325
- font-weight: 500; }
4326
- .dropdown-content.notifications .card {
4327
- margin: 8px 0;
4328
- line-height: normal;
4329
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
4330
- .dropdown-content.notifications .card:focus {
4331
- outline: none; }
4332
- .dropdown-content.notifications .card .card-content p {
4333
- font-size: 16px; }
4334
- .dropdown-content.notifications .card .card-action {
4335
- padding: 8px;
4336
- height: auto; }
4337
- .dropdown-content.notifications .card .card-action a {
4338
- padding: 0 8px;
4339
- margin-right: 8px !important;
4340
- height: 36px;
4341
- line-height: 36px;
4342
- display: inline-block; }
4343
-
4344
- .dropdown-content.settings {
4345
- background-color: #f4f4f4;
4346
- color: rgba(0, 0, 0, 0.87);
4347
- padding: 8px 16px;
4348
- width: 350px;
4349
- height: unset !important; }
4350
- .dropdown-content.settings .settings-title {
4351
- height: 56px;
4352
- line-height: 56px;
4353
- text-transform: uppercase;
4354
- font-weight: 500; }
4355
- .dropdown-content.settings .card {
4356
- margin: 8px 0;
4357
- line-height: normal;
4358
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
4359
- .dropdown-content.settings .card:focus {
4360
- outline: none; }
4361
- .dropdown-content.settings .card .card-content p {
4362
- font-size: 16px; }
4363
- .dropdown-content.settings .card .card-action {
4364
- padding: 8px;
4365
- height: auto; }
4366
- .dropdown-content.settings .card .card-action a {
4367
- padding: 0 8px;
4368
- margin-right: 8px !important;
4369
- height: 36px;
4370
- line-height: 36px;
4371
- display: inline-block; }
4372
-
4373
- .dropdown-content.dropdown-tabbed .tabs > li {
4374
- min-height: initial;
4375
- width: auto;
4376
- float: none; }
4377
- .dropdown-content.dropdown-tabbed .tabs > li a {
4378
- line-height: 48px; }
4379
-
4380
- /**** SIDENAV ****/
4381
- .sidenav {
4382
- box-shadow: none;
4383
- background-color: #FFFFFF; }
4384
- .sidenav > li {
4385
- width: 100%; }
4386
- .sidenav .logo-container {
4387
- padding: 0 16px;
4388
- height: 64px;
4389
- line-height: 64px;
4390
- font-size: 24px;
4391
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4392
- box-sizing: content-box; }
4393
- .sidenav .logo-container i.material-icons {
4394
- line-height: inherit; }
4395
- .sidenav .logo-container i.editAnnotations {
4396
- transform: rotate(-90deg);
4397
- margin-top: 12px;
4398
- font-size: 32px;
4399
- margin-right: 6px; }
4400
- .sidenav .collapsible {
4401
- border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
4402
- .sidenav .collapsible > .active .collapsible-header .chevron {
4403
- transform: rotate(-90deg); }
4404
- .sidenav .collapsible > li {
4405
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4406
- transition: background-color .2s; }
4407
- .sidenav .collapsible > li:hover {
4408
- background-color: rgba(0, 0, 0, 0.05); }
4409
- .sidenav .collapsible > li.waves-effect {
4410
- display: block; }
4411
- .sidenav .collapsible > li:last-child {
4412
- border-bottom: 0; }
4413
- .sidenav .collapsible .collapsible-header {
4414
- text-transform: uppercase;
4415
- height: 64px;
4416
- line-height: 64px; }
4417
- .sidenav .collapsible .collapsible-header:hover {
4418
- background-color: transparent; }
4419
- .sidenav .collapsible .collapsible-header .chevron {
4420
- float: right;
4421
- height: 24px;
4422
- width: 24px;
4423
- line-height: 24px;
4424
- margin: 20px 0 0 0;
4425
- transition: transform .2s; }
4426
- .sidenav .collapsible .collapsible-body {
4427
- padding-bottom: 16px;
4428
- background-color: transparent; }
4429
- .sidenav .collapsible .collapsible-body li > a {
4430
- padding: 0 16px;
4431
- transition: background-color .2s ease-out; }
4432
- .sidenav .collapsible .collapsible-body li > a:hover, .sidenav .collapsible .collapsible-body li > a.active {
4433
- background-color: rgba(0, 0, 0, 0.07); }
4434
- .sidenav .collapsible .collapsible-body li > a > i.material-icons {
4435
- margin-right: 16px; }
4436
- .sidenav li.active > a,
4437
- .sidenav li:hover > a,
4438
- .sidenav li > a:hover,
4439
- .sidenav li > a.active {
4440
- background-color: transparent; }
4441
- .sidenav li.active > a::before,
4442
- .sidenav li:hover > a::before,
4443
- .sidenav li > a:hover::before,
4444
- .sidenav li > a.active::before {
4445
- transform: scaleY(1); }
4446
- .sidenav li > a {
4447
- position: relative;
4448
- padding: 0 16px; }
4449
- .sidenav li > a::before {
4450
- left: auto;
4451
- right: 0; }
4452
-
4453
- .keyboard-focused .sidenav .collapsible-header:focus {
4454
- background-color: rgba(0, 0, 0, 0.1); }
4455
-
4456
- .keyboard-focused .sidenav .collapsible-body li > a:focus {
4457
- background-color: rgba(0, 0, 0, 0.07);
4458
- outline: none; }
4459
-
4460
- /**** NAVBAR ****/
4461
- .navbar-fixed nav.navbar {
4462
- width: 100%;
4463
- left: 0; }
4464
-
4465
- @media only screen and (min-width: 993px) {
4466
- .has-fixed-sidenav .navbar-fixed nav.navbar {
4467
- width: calc(100% - 300px);
4468
- left: 300px; }
4469
- body:not(.has-fixed-sidenav) nav a.sidenav-trigger {
4470
- display: block; }
4471
- body:not(.has-fixed-sidenav) nav.navbar .brand-logo {
4472
- position: absolute;
4473
- left: 50%;
4474
- transform: translateX(-50%); } }
4475
-
4476
- @media only screen and (max-width: 992px) {
4477
- nav.navbar a.brand-logo {
4478
- position: absolute; } }
4479
-
4480
- nav.navbar {
4481
- z-index: 10;
4482
- transition: box-shadow .3s, background-color .3s;
4483
- padding: 0 20px;
4484
- background-color: #FFFFFF;
4485
- color: rgba(0, 0, 0, 0.87); }
4486
- nav.navbar .brand-logo {
4487
- position: relative;
4488
- float: left;
4489
- font-size: 18px;
4490
- color: rgba(0, 0, 0, 0.87); }
4491
- nav.navbar .brand-logo i {
4492
- line-height: inherit;
4493
- transition: color .2s; }
4494
- nav.navbar .nav-wrapper > ul > li > a {
4495
- display: block; }
4496
- nav.navbar .sidenav-trigger {
4497
- margin: 0; }
4498
- nav.navbar ul > li.active > a::before,
4499
- nav.navbar ul > li > a.active::before,
4500
- nav.navbar ul > li > a:hover::before {
4501
- transform: scaleX(1); }
4502
- nav.navbar ul li.active {
4503
- background-color: transparent; }
4504
- nav.navbar ul a {
4505
- color: rgba(0, 0, 0, 0.87);
4506
- position: relative;
4507
- transition: color .2s; }
4508
- nav.navbar ul a:focus {
4509
- outline: none; }
4510
-
4511
- .nav-extended .nav-wrapper {
4512
- padding-left: 24px; }
4513
-
4514
- .nav-extended .nav-metrics {
4515
- border-top: 1px solid #ddd;
4516
- margin-bottom: 0; }
4517
- .nav-extended .nav-metrics .col:last-child .card {
4518
- border-right: 0; }
4519
- .nav-extended .nav-metrics .card {
4520
- border-right: 1px solid #ddd;
4521
- box-shadow: none;
4522
- background-color: transparent;
4523
- margin: 0; }
4524
-
4525
- /**** HEADER ****/
4526
- .nav-wrapper-with-search {
4527
- display: flex; }
4528
- .nav-wrapper-with-search .search-wrapper {
4529
- flex: 1;
4530
- overflow: hidden;
4531
- margin-right: 20px;
4532
- background-color: rgba(255, 255, 255, 0.25);
4533
- border-radius: 2px;
4534
- border-right: 1px solid #ddd; }
4535
- .nav-wrapper-with-search .search-wrapper i {
4536
- height: 56px;
4537
- line-height: 56px; }
4538
- .nav-wrapper-with-search .search-wrapper .label-icon i {
4539
- color: #444; }
4540
- @media only screen and (min-width: 601px) {
4541
- .nav-wrapper-with-search .search-wrapper i {
4542
- height: 64px;
4543
- line-height: 64px; } }
4544
-
4545
- /**** BADGED UPDATES ****/
4546
- .badge-updates {
4547
- margin: 16px 0 0 0; }
4548
- .badge-updates > li {
4549
- line-height: 22px;
4550
- margin-bottom: 8px; }
4551
- .badge-updates > li::after {
4552
- content: '';
4553
- display: block;
4554
- clear: both; }
4555
- .badge-updates > li:last-child {
4556
- margin-bottom: 0; }
4557
- .badge-updates .badge {
4558
- float: left;
4559
- margin: 0 16px 0 0; }
4560
- .badge-updates .time {
4561
- float: right;
4562
- font-size: 12px;
4563
- color: rgba(0, 0, 0, 0.54); }
4564
-
4565
- /**** SECTION ****/
4566
- .section {
4567
- padding: 64px 0;
4568
- position: relative; }
4569
- .section.chart-padding {
4570
- padding: 16px 0; }
4571
- .section .section-title {
4572
- margin-bottom: 30px; }
4573
- .section .caption {
4574
- font-size: 1.4rem;
4575
- font-weight: 200; }
4576
- .section .col {
4577
- min-height: 1px; }
4578
-
4579
- /**** BUTTONS ****/
4580
- .dataTables_wrapper .dataTables_paginate .paginate_button.first, .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.last {
4581
- color: rgba(0, 0, 0, 0.87) !important;
4582
- font-family: "Material Icons";
4583
- overflow: hidden;
4584
- width: 40px;
4585
- height: 40px;
4586
- padding: 0;
4587
- margin: 0 2px;
4588
- box-shadow: none;
4589
- border: 0;
4590
- border-radius: 50%;
4591
- background: transparent; }
4592
- .dataTables_wrapper .dataTables_paginate .paginate_button.first::before, .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before, .dataTables_wrapper .dataTables_paginate .paginate_button.next::before, .dataTables_wrapper .dataTables_paginate .paginate_button.last::before {
4593
- display: block;
4594
- padding: 8px;
4595
- line-height: 24px;
4596
- font-size: 24px; }
4597
- .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.first, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.previous, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.next, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.last, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.first:hover, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.last:hover {
4598
- color: rgba(0, 0, 0, 0.26) !important;
4599
- border: 0; }
4600
- .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.first:active, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active, .dataTables_wrapper .dataTables_paginate .paginate_button.next:active, .dataTables_wrapper .dataTables_paginate .paginate_button.last:active {
4601
- color: rgba(0, 0, 0, 0.87) !important;
4602
- background: rgba(0, 0, 0, 0.05);
4603
- border: 0;
4604
- box-shadow: none; }
4605
-
4606
- /**** FOOTER ****/
4607
- .page-footer {
4608
- background-color: #fff;
4609
- border-top: 1px solid #ddd;
4610
- color: #444;
4611
- padding: 40px 0;
4612
- margin: 0; }
4613
- .page-footer .row {
4614
- margin: 0; }
4615
- .page-footer .materialize-logo {
4616
- margin-top: 2px; }
4617
- .page-footer p {
4618
- margin: 5px 0; }
4619
- .page-footer ul li {
4620
- margin-bottom: 5px; }
4621
- .page-footer ul li a,
4622
- .page-footer p {
4623
- color: #999;
4624
- font-size: .8rem;
4625
- font-weight: 300;
4626
- margin: 5px 0; }
4627
-
4628
- @media only screen and (max-width: 600px), only screen and (max-device-width: 641px) and (orientation: landscape) {
4629
- .section {
4630
- height: auto; }
4631
- .google-map {
4632
- height: 100%; } }
4633
-
4634
- .nav-wrapper {
4635
- width: 100%; }
4636
-
4637
- /*# sourceMappingURL=material.css.map */