-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1102 lines (929 loc) · 715 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<!-- saved from url=(0067)https://m2.material.io/resources/color/#!/?view.left=0&view.right=0 -->
<html ng-app="colorTool" ng-strict-di="" class="ng-scope"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style md-theme-style="" class="ng-binding">md-bottom-sheet.md-default-theme.md-list md-list-item, md-bottom-sheet.md-list md-list-item{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-primary, .md-button.md-primary{color:rgb(63,81,181)}.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab,.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised{color:rgba(255,255,255,0.87);background-color:rgb(63,81,181)}.md-button.md-default-theme.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-primary.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-primary.md-raised:not([disabled]) md-icon{color:rgba(255,255,255,0.87)}.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover{background-color:rgb(57,73,171)}.md-button.md-default-theme.md-primary:not([disabled]) md-icon, .md-button.md-primary:not([disabled]) md-icon{color:rgb(63,81,181)}._md a.md-default-theme:not(.md-button).md-primary, ._md a:not(.md-button).md-primary{color:rgb(63,81,181)}._md a.md-default-theme:not(.md-button).md-primary:hover, ._md a:not(.md-button).md-primary:hover{color:rgb(48,63,159)}md-card.md-default-theme .md-card-image, md-card .md-card-image{border-radius:2px 2px 0 0}md-card.md-default-theme md-card-header md-card-header-text .md-subhead, md-card md-card-header md-card-header-text .md-subhead,md-card.md-default-theme md-card-title md-card-title-text:not(:only-child) .md-subhead, md-card md-card-title md-card-title-text:not(:only-child) .md-subhead{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme .md-ink-ripple, md-checkbox .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not([disabled]).md-primary .md-ripple, md-checkbox:not([disabled]).md-primary .md-ripple{color:rgb(57,73,171)}md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-ripple, md-checkbox:not([disabled]).md-primary.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme:not([disabled]).md-primary .md-ink-ripple, md-checkbox:not([disabled]).md-primary .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple{color:rgba(63,81,181,0.87)}md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon{background-color:rgba(63,81,181,0.87)}md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before, md-checkbox:not([disabled]).md-primary.md-checked.md-focused .md-container:before{background-color:rgba(63,81,181,0.26)}md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon:after, md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}md-checkbox.md-default-theme:not([disabled]).md-primary .md-indeterminate[disabled] .md-container, md-checkbox:not([disabled]).md-primary .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme[disabled]:not(.md-checked) .md-icon, md-checkbox[disabled]:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme[disabled] .md-icon:after, md-checkbox[disabled] .md-icon:after{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme[disabled] .md-label, md-checkbox[disabled] .md-label{color:rgba(0,0,0,0.38)}md-chips.md-default-theme .md-chips, md-chips .md-chips{box-shadow:0 1px rgba(0,0,0,0.12)}md-chips.md-default-theme .md-chips.md-focused, md-chips .md-chips.md-focused{box-shadow:0 2px rgb(63,81,181)}md-chips.md-default-theme .md-chips .md-chip-input-container input, md-chips .md-chips .md-chip-input-container input{color:rgba(0,0,0,0.87)}md-chips.md-default-theme .md-chips .md-chip-input-container input:-moz-placeholder, md-chips .md-chips .md-chip-input-container input:-moz-placeholder,md-chips.md-default-theme .md-chips .md-chip-input-container input::-moz-placeholder, md-chips .md-chips .md-chip-input-container input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme .md-chips .md-chip-input-container input:-ms-input-placeholder, md-chips .md-chips .md-chip-input-container input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme .md-chips .md-chip-input-container input::-webkit-input-placeholder, md-chips .md-chips .md-chip-input-container input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme md-chip.md-focused, md-chips md-chip.md-focused{background:rgb(63,81,181);color:rgba(255,255,255,0.87)}md-chips.md-default-theme md-chip.md-focused md-icon, md-chips md-chip.md-focused md-icon{color:rgba(255,255,255,0.87)}.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator{border:1px solid rgb(63,81,181)}.md-default-theme .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled, .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled{color:rgba(63,81,181,0.6)}.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{background:rgb(63,81,181);color:rgba(255,255,255,0.87);border-color:transparent}.md-default-theme .md-datepicker-input, .md-datepicker-input{color:rgba(0,0,0,0.87)}.md-default-theme .md-datepicker-input:-moz-placeholder, .md-datepicker-input:-moz-placeholder,.md-default-theme .md-datepicker-input::-moz-placeholder, .md-datepicker-input::-moz-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme .md-datepicker-input:-ms-input-placeholder, .md-datepicker-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme .md-datepicker-input::-webkit-input-placeholder, .md-datepicker-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme .md-datepicker-input-container, .md-datepicker-input-container{border-bottom-color:rgba(0,0,0,0.12)}.md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(63,81,181)}.md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle, .md-datepicker-triangle-button .md-datepicker-expand-triangle{border-top-color:rgba(0,0,0,0.54)}.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(63,81,181)}md-dialog.md-default-theme.md-content-overflow .md-actions, md-dialog.md-content-overflow .md-actions,md-dialog.md-default-theme.md-content-overflow md-dialog-actions, md-dialog.md-content-overflow md-dialog-actions,md-divider.md-default-theme, md-divider{border-top-color:rgba(0,0,0,0.12)}.layout-gt-lg-row>md-divider.md-default-theme, .layout-gt-lg-row>md-divider,.layout-gt-md-row>md-divider.md-default-theme, .layout-gt-md-row>md-divider,.layout-gt-sm-row>md-divider.md-default-theme, .layout-gt-sm-row>md-divider,.layout-gt-xs-row>md-divider.md-default-theme, .layout-gt-xs-row>md-divider,.layout-lg-row>md-divider.md-default-theme, .layout-lg-row>md-divider,.layout-md-row>md-divider.md-default-theme, .layout-md-row>md-divider,.layout-row>md-divider.md-default-theme, .layout-row>md-divider,.layout-sm-row>md-divider.md-default-theme, .layout-sm-row>md-divider,.layout-xl-row>md-divider.md-default-theme, .layout-xl-row>md-divider,.layout-xs-row>md-divider.md-default-theme, .layout-xs-row>md-divider{border-right-color:rgba(0,0,0,0.12)}md-icon.md-default-theme, md-icon{color:rgba(0,0,0,0.54)}md-icon.md-default-theme.md-primary, md-icon.md-primary{color:rgb(63,81,181)}md-input-container.md-default-theme .md-input, md-input-container .md-input{color:rgba(0,0,0,0.87);border-color:rgba(0,0,0,0.12)}md-input-container.md-default-theme .md-input:-moz-placeholder, md-input-container .md-input:-moz-placeholder,md-input-container.md-default-theme .md-input::-moz-placeholder, md-input-container .md-input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme .md-input:-ms-input-placeholder, md-input-container .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme .md-input::-webkit-input-placeholder, md-input-container .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme>md-icon, md-input-container>md-icon{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder,md-input-container.md-default-theme label, md-input-container label{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme .md-input-message-animation .md-char-counter, md-input-container .md-input-message-animation .md-char-counter,md-input-container.md-default-theme .md-input-messages-animation .md-char-counter, md-input-container .md-input-messages-animation .md-char-counter{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-input-focused .md-input:-moz-placeholder, md-input-container.md-input-focused .md-input:-moz-placeholder,md-input-container.md-default-theme.md-input-focused .md-input::-moz-placeholder, md-input-container.md-input-focused .md-input::-moz-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-input-focused .md-input:-ms-input-placeholder, md-input-container.md-input-focused .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-input-focused .md-input::-webkit-input-placeholder, md-input-container.md-input-focused .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input,md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input{border-color:rgb(63,81,181)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label,md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon{color:rgb(63,81,181)}md-list.md-default-theme md-list-item.md-2-line .md-list-item-text h3, md-list md-list-item.md-2-line .md-list-item-text h3,md-list.md-default-theme md-list-item.md-2-line .md-list-item-text h4, md-list md-list-item.md-2-line .md-list-item-text h4,md-list.md-default-theme md-list-item.md-3-line .md-list-item-text h3, md-list md-list-item.md-3-line .md-list-item-text h3,md-list.md-default-theme md-list-item.md-3-line .md-list-item-text h4, md-list md-list-item.md-3-line .md-list-item-text h4{color:rgba(0,0,0,0.87)}md-list.md-default-theme md-list-item.md-2-line .md-list-item-text p, md-list md-list-item.md-2-line .md-list-item-text p,md-list.md-default-theme md-list-item.md-3-line .md-list-item-text p, md-list md-list-item.md-3-line .md-list-item-text p{color:rgba(0,0,0,0.54)}md-list.md-default-theme md-list-item>md-icon, md-list md-list-item>md-icon{color:rgba(0,0,0,0.54)}md-list.md-default-theme md-list-item>md-icon.md-highlight, md-list md-list-item>md-icon.md-highlight{color:rgb(63,81,181)}md-menu-bar.md-default-theme>button.md-button, md-menu-bar>button.md-button{color:rgba(0,0,0,0.54);border-radius:2px}md-toolbar.md-default-theme.md-menu-toolbar md-toolbar-filler, md-toolbar.md-menu-toolbar md-toolbar-filler{background-color:rgb(63,81,181);color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected, md-nav-bar .md-button._md-nav-button.md-unselected{color:rgba(0,0,0,0.54)}md-progress-circular.md-default-theme path, md-progress-circular path{stroke:rgb(63,81,181)}md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container{background-color:rgb(197,202,233)}md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar{background-color:rgb(63,81,181)}md-radio-button.md-default-theme .md-off, md-radio-button .md-off{border-color:rgba(0,0,0,0.54)}md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on,md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on,md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on,md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on{background-color:rgba(63,81,181,0.87)}md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off,md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off,md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off,md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off,md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off,md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off,md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off,md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off{border-color:rgba(63,81,181,0.87)}md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-primary .md-checked .md-ink-ripple{color:rgba(63,81,181,0.87)}md-radio-button.md-default-theme:not([disabled]).md-primary .md-container .md-ripple, md-radio-button:not([disabled]).md-primary .md-container .md-ripple,md-radio-button.md-default-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button:not([disabled]) .md-primary .md-container .md-ripple,md-radio-group.md-default-theme:not([disabled]).md-primary .md-container .md-ripple, md-radio-group:not([disabled]).md-primary .md-container .md-ripple,md-radio-group.md-default-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group:not([disabled]) .md-primary .md-container .md-ripple{color:rgb(57,73,171)}md-radio-button.md-default-theme[disabled], md-radio-button[disabled],md-radio-group.md-default-theme[disabled], md-radio-group[disabled]{color:rgba(0,0,0,0.38)}md-radio-button.md-default-theme[disabled] .md-container .md-off, md-radio-button[disabled] .md-container .md-off,md-radio-button.md-default-theme[disabled] .md-container .md-on, md-radio-button[disabled] .md-container .md-on,md-radio-group.md-default-theme[disabled] .md-container .md-off, md-radio-group[disabled] .md-container .md-off,md-radio-group.md-default-theme[disabled] .md-container .md-on, md-radio-group[disabled] .md-container .md-on{border-color:rgba(0,0,0,0.38)}md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple,md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple{color:rgba(63,81,181,0.26)}md-radio-group.md-default-theme .md-checked.md-primary .md-ink-ripple, md-radio-group .md-checked.md-primary .md-ink-ripple{color:"-0.26"}md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked.md-primary .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked.md-primary .md-container:before,md-radio-group.md-default-theme.md-focused:not(:empty).md-primary .md-checked .md-container:before, md-radio-group.md-focused:not(:empty).md-primary .md-checked .md-container:before{background-color:rgba(63,81,181,0.26)}md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme .md-select-value span:first-child:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after{color:rgba(0,0,0,0.38)}md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value,md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder{color:rgb(63,81,181)}md-input-container.md-input-invalid md-select.md-default-theme.md-no-underline .md-select-value, md-input-container.md-input-invalid md-select.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme .md-select-value, md-select .md-select-value{border-bottom-color:rgba(0,0,0,0.12)}md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-no-underline .md-select-value, md-select.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.ng-invalid.ng-touched.md-no-underline .md-select-value, md-select.ng-invalid.ng-touched.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value{border-bottom-color:rgb(63,81,181);color:rgba(0,0,0,0.87)}md-select.md-default-theme:not([disabled]):focus .md-select-value.md-select-placeholder, md-select:not([disabled]):focus .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.87)}md-select.md-default-theme:not([disabled]):focus.md-no-underline .md-select-value, md-select:not([disabled]):focus.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme[disabled] .md-select-icon, md-select[disabled] .md-select-icon,md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value,md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder, md-select[disabled] .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme .md-select-icon, md-select .md-select-icon{color:rgba(0,0,0,0.54)}md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected]{color:rgb(63,81,181)}md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme .md-ripple, .md-checkbox-enabled .md-ripple{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme .md-ink-ripple, .md-checkbox-enabled .md-ink-ripple{color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme[selected] .md-ink-ripple, .md-checkbox-enabled[selected] .md-ink-ripple{color:rgba(63,81,181,0.87)}.md-checkbox-enabled.md-default-theme:not(.md-checked) .md-icon, .md-checkbox-enabled:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon{background-color:rgba(63,81,181,0.87)}.md-checkbox-enabled.md-default-theme[selected].md-focused .md-container:before, .md-checkbox-enabled[selected].md-focused .md-container:before{background-color:rgba(63,81,181,0.26)}.md-checkbox-enabled.md-default-theme[selected] .md-icon:after, .md-checkbox-enabled[selected] .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-checkbox-enabled.md-default-theme .md-indeterminate[disabled] .md-container, .md-checkbox-enabled .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-primary .md-focus-ring, md-slider.md-primary .md-focus-ring{background-color:rgba(159,168,218,0.38)}md-slider.md-default-theme.md-primary .md-track.md-track-fill, md-slider.md-primary .md-track.md-track-fill{background-color:rgb(63,81,181)}md-slider.md-default-theme.md-primary .md-thumb:after, md-slider.md-primary .md-thumb:after{border-color:rgb(63,81,181);background-color:rgb(63,81,181)}md-slider.md-default-theme.md-primary .md-sign, md-slider.md-primary .md-sign{background-color:rgb(63,81,181)}md-slider.md-default-theme.md-primary .md-sign:after, md-slider.md-primary .md-sign:after{border-top-color:rgb(63,81,181)}md-slider.md-default-theme.md-primary[md-vertical] .md-sign:after, md-slider.md-primary[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(63,81,181)}md-slider.md-default-theme.md-primary .md-thumb-text, md-slider.md-primary .md-thumb-text{color:rgba(255,255,255,0.87)}md-slider.md-default-theme[disabled] .md-thumb:after, md-slider[disabled] .md-thumb:after{border-color:transparent}md-slider-container[disabled]>:first-child:not(md-slider),md-slider-container[disabled]>:last-child:not(md-slider){color:rgba(0,0,0,0.38)}.md-subheader.md-default-theme.md-primary, .md-subheader.md-primary{color:rgb(63,81,181)}md-switch.md-default-theme.md-checked.md-primary .md-ink-ripple, md-switch.md-checked.md-primary .md-ink-ripple{color:rgb(63,81,181)}md-switch.md-default-theme.md-checked.md-primary .md-thumb, md-switch.md-checked.md-primary .md-thumb{background-color:rgb(63,81,181)}md-switch.md-default-theme.md-checked.md-primary .md-bar, md-switch.md-checked.md-primary .md-bar{background-color:rgba(63,81,181,0.5)}md-switch.md-default-theme.md-checked.md-primary.md-focused .md-thumb:before, md-switch.md-checked.md-primary.md-focused .md-thumb:before{background-color:rgba(63,81,181,0.26)}md-toast.md-default-theme .md-toast-content .md-button.md-highlight.md-primary, md-toast .md-toast-content .md-button.md-highlight.md-primary{color:rgb(63,81,181)}md-tabs.md-default-theme .md-paginator md-icon, md-tabs .md-paginator md-icon{color:rgb(63,81,181)}md-tabs.md-default-theme .md-tab, md-tabs .md-tab{color:rgba(0,0,0,0.54)}md-tabs.md-default-theme .md-tab[disabled], md-tabs .md-tab[disabled],md-tabs.md-default-theme .md-tab[disabled] md-icon, md-tabs .md-tab[disabled] md-icon{color:rgba(0,0,0,0.38)}md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active,md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon,md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused,md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon{color:rgb(63,81,181)}md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused{background:rgba(63,81,181,0.1)}md-tabs.md-default-theme.md-primary>md-tabs-wrapper, md-tabs.md-primary>md-tabs-wrapper{background-color:rgb(63,81,181)}md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(255,255,255,0.87)}md-tabs.md-default-theme.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper, md-toolbar>md-tabs>md-tabs-wrapper{background-color:rgb(63,81,181)}md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(255,255,255,0.87)}md-toolbar>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){background-color:rgb(63,81,181);color:rgba(255,255,255,0.87)}md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon{color:rgba(255,255,255,0.87);fill:rgba(255,255,255,0.87)}md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon, md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="" class="ng-binding">md-bottom-sheet.md-default-theme.md-hue-1.md-list md-list-item, md-bottom-sheet.md-hue-1.md-list md-list-item{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-primary, .md-button.md-hue-1.md-primary{color:rgb(121,134,203)}.md-button.md-default-theme.md-hue-1.md-primary.md-fab, .md-button.md-hue-1.md-primary.md-fab,.md-button.md-default-theme.md-hue-1.md-primary.md-raised, .md-button.md-hue-1.md-primary.md-raised{color:rgb(255,255,255);background-color:rgb(121,134,203)}.md-button.md-default-theme.md-hue-1.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-primary.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-1.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-primary.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-1.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-primary.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-primary.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-1.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-primary.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-primary.md-raised:not([disabled]):hover{background-color:rgb(57,73,171)}.md-button.md-default-theme.md-hue-1.md-primary:not([disabled]) md-icon, .md-button.md-hue-1.md-primary:not([disabled]) md-icon{color:rgb(121,134,203)}._md a.md-default-theme.md-hue-1:not(.md-button).md-primary, ._md a.md-hue-1:not(.md-button).md-primary{color:rgb(121,134,203)}._md a.md-default-theme.md-hue-1:not(.md-button).md-primary:hover, ._md a.md-hue-1:not(.md-button).md-primary:hover{color:rgb(48,63,159)}md-card.md-default-theme.md-hue-1 .md-card-image, md-card.md-hue-1 .md-card-image{border-radius:2px 2px 0 0}md-card.md-default-theme.md-hue-1 md-card-header md-card-header-text .md-subhead, md-card.md-hue-1 md-card-header md-card-header-text .md-subhead,md-card.md-default-theme.md-hue-1 md-card-title md-card-title-text:not(:only-child) .md-subhead, md-card.md-hue-1 md-card-title md-card-title-text:not(:only-child) .md-subhead{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1 .md-ink-ripple, md-checkbox.md-hue-1 .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not(.md-checked) .md-icon, md-checkbox.md-hue-1:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary .md-ripple, md-checkbox.md-hue-1:not([disabled]).md-primary .md-ripple{color:rgb(57,73,171)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-ripple, md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary .md-ink-ripple, md-checkbox.md-hue-1:not([disabled]).md-primary .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple{color:rgba(121,134,203,0.87)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox.md-hue-1:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-icon, md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-icon{background-color:rgba(121,134,203,0.87)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked.md-focused .md-container:before, md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked.md-focused .md-container:before{background-color:rgba(121,134,203,0.26)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-icon:after, md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-primary .md-indeterminate[disabled] .md-container, md-checkbox.md-hue-1:not([disabled]).md-primary .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-1[disabled]:not(.md-checked) .md-icon, md-checkbox.md-hue-1[disabled]:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-1[disabled] .md-icon:after, md-checkbox.md-hue-1[disabled] .md-icon:after{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-1[disabled] .md-label, md-checkbox.md-hue-1[disabled] .md-label{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-1 .md-chips, md-chips.md-hue-1 .md-chips{box-shadow:0 1px rgba(0,0,0,0.12)}md-chips.md-default-theme.md-hue-1 .md-chips.md-focused, md-chips.md-hue-1 .md-chips.md-focused{box-shadow:0 2px rgb(121,134,203)}md-chips.md-default-theme.md-hue-1 .md-chips .md-chip-input-container input, md-chips.md-hue-1 .md-chips .md-chip-input-container input{color:rgba(0,0,0,0.87)}md-chips.md-default-theme.md-hue-1 .md-chips .md-chip-input-container input:-moz-placeholder, md-chips.md-hue-1 .md-chips .md-chip-input-container input:-moz-placeholder,md-chips.md-default-theme.md-hue-1 .md-chips .md-chip-input-container input::-moz-placeholder, md-chips.md-hue-1 .md-chips .md-chip-input-container input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-1 .md-chips .md-chip-input-container input:-ms-input-placeholder, md-chips.md-hue-1 .md-chips .md-chip-input-container input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-1 .md-chips .md-chip-input-container input::-webkit-input-placeholder, md-chips.md-hue-1 .md-chips .md-chip-input-container input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-1 md-chip.md-focused, md-chips.md-hue-1 md-chip.md-focused{background:rgb(121,134,203);color:rgb(255,255,255)}md-chips.md-default-theme.md-hue-1 md-chip.md-focused md-icon, md-chips.md-hue-1 md-chip.md-focused md-icon{color:rgb(255,255,255)}.md-default-theme.md-hue-1 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-hue-1 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator{border:1px solid rgb(63,81,181)}.md-default-theme.md-hue-1 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled, .md-hue-1 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled{color:rgba(63,81,181,0.6)}.md-default-theme.md-hue-1 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-1 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,.md-default-theme.md-hue-1 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-1 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{background:rgb(63,81,181);color:rgba(255,255,255,0.87);border-color:transparent}.md-default-theme.md-hue-1 .md-datepicker-input, .md-hue-1 .md-datepicker-input{color:rgba(0,0,0,0.87)}.md-default-theme.md-hue-1 .md-datepicker-input:-moz-placeholder, .md-hue-1 .md-datepicker-input:-moz-placeholder,.md-default-theme.md-hue-1 .md-datepicker-input::-moz-placeholder, .md-hue-1 .md-datepicker-input::-moz-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-1 .md-datepicker-input:-ms-input-placeholder, .md-hue-1 .md-datepicker-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-1 .md-datepicker-input::-webkit-input-placeholder, .md-hue-1 .md-datepicker-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-1 .md-datepicker-input-container, .md-hue-1 .md-datepicker-input-container{border-bottom-color:rgba(0,0,0,0.12)}.md-default-theme.md-hue-1 .md-datepicker-input-container.md-datepicker-focused, .md-hue-1 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(121,134,203)}.md-default-theme.md-hue-1 .md-datepicker-triangle-button .md-datepicker-expand-triangle, .md-hue-1 .md-datepicker-triangle-button .md-datepicker-expand-triangle{border-top-color:rgba(0,0,0,0.54)}.md-default-theme.md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon, .md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(121,134,203)}md-dialog.md-default-theme.md-hue-1.md-content-overflow .md-actions, md-dialog.md-hue-1.md-content-overflow .md-actions,md-dialog.md-default-theme.md-hue-1.md-content-overflow md-dialog-actions, md-dialog.md-hue-1.md-content-overflow md-dialog-actions,md-divider.md-default-theme.md-hue-1, md-divider.md-hue-1{border-top-color:rgba(0,0,0,0.12)}.layout-gt-lg-row>md-divider.md-default-theme.md-hue-1, .layout-gt-lg-row>md-divider.md-hue-1,.layout-gt-md-row>md-divider.md-default-theme.md-hue-1, .layout-gt-md-row>md-divider.md-hue-1,.layout-gt-sm-row>md-divider.md-default-theme.md-hue-1, .layout-gt-sm-row>md-divider.md-hue-1,.layout-gt-xs-row>md-divider.md-default-theme.md-hue-1, .layout-gt-xs-row>md-divider.md-hue-1,.layout-lg-row>md-divider.md-default-theme.md-hue-1, .layout-lg-row>md-divider.md-hue-1,.layout-md-row>md-divider.md-default-theme.md-hue-1, .layout-md-row>md-divider.md-hue-1,.layout-row>md-divider.md-default-theme.md-hue-1, .layout-row>md-divider.md-hue-1,.layout-sm-row>md-divider.md-default-theme.md-hue-1, .layout-sm-row>md-divider.md-hue-1,.layout-xl-row>md-divider.md-default-theme.md-hue-1, .layout-xl-row>md-divider.md-hue-1,.layout-xs-row>md-divider.md-default-theme.md-hue-1, .layout-xs-row>md-divider.md-hue-1{border-right-color:rgba(0,0,0,0.12)}md-icon.md-default-theme.md-hue-1, md-icon.md-hue-1{color:rgba(0,0,0,0.54)}md-icon.md-default-theme.md-hue-1.md-primary, md-icon.md-hue-1.md-primary{color:rgb(121,134,203)}md-input-container.md-default-theme.md-hue-1 .md-input, md-input-container.md-hue-1 .md-input{color:rgba(0,0,0,0.87);border-color:rgba(0,0,0,0.12)}md-input-container.md-default-theme.md-hue-1 .md-input:-moz-placeholder, md-input-container.md-hue-1 .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-1 .md-input::-moz-placeholder, md-input-container.md-hue-1 .md-input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-1 .md-input:-ms-input-placeholder, md-input-container.md-hue-1 .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-1 .md-input::-webkit-input-placeholder, md-input-container.md-hue-1 .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-1>md-icon, md-input-container.md-hue-1>md-icon{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-1 .md-placeholder, md-input-container.md-hue-1 .md-placeholder,md-input-container.md-default-theme.md-hue-1 label, md-input-container.md-hue-1 label{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-1:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container.md-hue-1:not(.md-input-focused):not(.md-input-invalid) label.md-required:after{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-1 .md-input-message-animation .md-char-counter, md-input-container.md-hue-1 .md-input-message-animation .md-char-counter,md-input-container.md-default-theme.md-hue-1 .md-input-messages-animation .md-char-counter, md-input-container.md-hue-1 .md-input-messages-animation .md-char-counter{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-1.md-input-focused .md-input:-moz-placeholder, md-input-container.md-hue-1.md-input-focused .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-1.md-input-focused .md-input::-moz-placeholder, md-input-container.md-hue-1.md-input-focused .md-input::-moz-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-1.md-input-focused .md-input:-ms-input-placeholder, md-input-container.md-hue-1.md-input-focused .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-1.md-input-focused .md-input::-webkit-input-placeholder, md-input-container.md-hue-1.md-input-focused .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-has-value label, md-input-container.md-hue-1:not(.md-input-invalid).md-input-has-value label{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused .md-input,md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-resized .md-input, md-input-container.md-hue-1:not(.md-input-invalid).md-input-resized .md-input{border-color:rgb(121,134,203)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused label, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused label,md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused md-icon, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused md-icon{color:rgb(121,134,203)}md-list.md-default-theme.md-hue-1 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text h3,md-list.md-default-theme.md-hue-1 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text h4,md-list.md-default-theme.md-hue-1 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text h3,md-list.md-default-theme.md-hue-1 md-list-item.md-3-line .md-list-item-text h4, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text h4{color:rgba(0,0,0,0.87)}md-list.md-default-theme.md-hue-1 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text p,md-list.md-default-theme.md-hue-1 md-list-item.md-3-line .md-list-item-text p, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text p{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-1 md-list-item>md-icon, md-list.md-hue-1 md-list-item>md-icon{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-1 md-list-item>md-icon.md-highlight, md-list.md-hue-1 md-list-item>md-icon.md-highlight{color:rgb(121,134,203)}md-menu-bar.md-default-theme.md-hue-1>button.md-button, md-menu-bar.md-hue-1>button.md-button{color:rgba(0,0,0,0.54);border-radius:2px}md-toolbar.md-default-theme.md-hue-1.md-menu-toolbar md-toolbar-filler, md-toolbar.md-hue-1.md-menu-toolbar md-toolbar-filler{background-color:rgb(121,134,203);color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-1 .md-button._md-nav-button.md-unselected, md-nav-bar.md-hue-1 .md-button._md-nav-button.md-unselected{color:rgba(0,0,0,0.54)}md-progress-circular.md-default-theme.md-hue-1 path, md-progress-circular.md-hue-1 path{stroke:rgb(121,134,203)}md-progress-linear.md-default-theme.md-hue-1 .md-container, md-progress-linear.md-hue-1 .md-container{background-color:rgb(197,202,233)}md-progress-linear.md-default-theme.md-hue-1 .md-bar, md-progress-linear.md-hue-1 .md-bar{background-color:rgb(121,134,203)}md-radio-button.md-default-theme.md-hue-1 .md-off, md-radio-button.md-hue-1 .md-off{border-color:rgba(0,0,0,0.54)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary .md-on, md-radio-button.md-hue-1:not([disabled]).md-primary .md-on,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-on,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary .md-on, md-radio-group.md-hue-1:not([disabled]).md-primary .md-on,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-1:not([disabled]) .md-primary .md-on{background-color:rgba(121,134,203,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-primary .md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-primary .md-checked .md-off{border-color:rgba(121,134,203,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple{color:rgba(121,134,203,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-primary .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple{color:rgb(57,73,171)}md-radio-button.md-default-theme.md-hue-1[disabled], md-radio-button.md-hue-1[disabled],md-radio-group.md-default-theme.md-hue-1[disabled], md-radio-group.md-hue-1[disabled]{color:rgba(0,0,0,0.38)}md-radio-button.md-default-theme.md-hue-1[disabled] .md-container .md-off, md-radio-button.md-hue-1[disabled] .md-container .md-off,md-radio-button.md-default-theme.md-hue-1[disabled] .md-container .md-on, md-radio-button.md-hue-1[disabled] .md-container .md-on,md-radio-group.md-default-theme.md-hue-1[disabled] .md-container .md-off, md-radio-group.md-hue-1[disabled] .md-container .md-off,md-radio-group.md-default-theme.md-hue-1[disabled] .md-container .md-on, md-radio-group.md-hue-1[disabled] .md-container .md-on{border-color:rgba(0,0,0,0.38)}md-radio-group.md-default-theme.md-hue-1 .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-hue-1 .md-checked:not([disabled]).md-primary .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-hue-1.md-primary .md-checked:not([disabled]) .md-ink-ripple{color:rgba(121,134,203,0.26)}md-radio-group.md-default-theme.md-hue-1 .md-checked.md-primary .md-ink-ripple, md-radio-group.md-hue-1 .md-checked.md-primary .md-ink-ripple{color:"-0.26"}md-radio-group.md-default-theme.md-hue-1.md-focused:not(:empty) .md-checked.md-primary .md-container:before, md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked.md-primary .md-container:before,md-radio-group.md-default-theme.md-hue-1.md-focused:not(:empty).md-primary .md-checked .md-container:before, md-radio-group.md-hue-1.md-focused:not(:empty).md-primary .md-checked .md-container:before{background-color:rgba(121,134,203,0.26)}md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme.md-hue-1 .md-select-value span:first-child:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-hue-1 .md-select-value span:first-child:after{color:rgba(0,0,0,0.38)}md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-1 .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-1 .md-select-value,md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-1 .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-1 .md-select-value.md-select-placeholder{color:rgb(121,134,203)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-1.md-no-underline .md-select-value, md-input-container.md-input-invalid md-select.md-hue-1.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-1 .md-select-value, md-select.md-hue-1 .md-select-value{border-bottom-color:rgba(0,0,0,0.12)}md-select.md-default-theme.md-hue-1 .md-select-value.md-select-placeholder, md-select.md-hue-1 .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-1.md-no-underline .md-select-value, md-select.md-hue-1.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-1.ng-invalid.ng-touched.md-no-underline .md-select-value, md-select.md-hue-1.ng-invalid.ng-touched.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-1:not([disabled]):focus .md-select-value, md-select.md-hue-1:not([disabled]):focus .md-select-value{border-bottom-color:rgb(121,134,203);color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-1:not([disabled]):focus .md-select-value.md-select-placeholder, md-select.md-hue-1:not([disabled]):focus .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-1:not([disabled]):focus.md-no-underline .md-select-value, md-select.md-hue-1:not([disabled]):focus.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-1[disabled] .md-select-icon, md-select.md-hue-1[disabled] .md-select-icon,md-select.md-default-theme.md-hue-1[disabled] .md-select-value, md-select.md-hue-1[disabled] .md-select-value,md-select.md-default-theme.md-hue-1[disabled] .md-select-value.md-select-placeholder, md-select.md-hue-1[disabled] .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-1 .md-select-icon, md-select.md-hue-1 .md-select-icon{color:rgba(0,0,0,0.54)}md-select-menu.md-default-theme.md-hue-1 md-content md-option[selected], md-select-menu.md-hue-1 md-content md-option[selected]{color:rgb(63,81,181)}md-select-menu.md-default-theme.md-hue-1 md-content md-option[selected]:focus, md-select-menu.md-hue-1 md-content md-option[selected]:focus{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-1 .md-ripple, .md-checkbox-enabled.md-hue-1 .md-ripple{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-1 .md-ink-ripple, .md-checkbox-enabled.md-hue-1 .md-ink-ripple{color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-1[selected] .md-ink-ripple, .md-checkbox-enabled.md-hue-1[selected] .md-ink-ripple{color:rgba(121,134,203,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-1:not(.md-checked) .md-icon, .md-checkbox-enabled.md-hue-1:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-1[selected] .md-icon, .md-checkbox-enabled.md-hue-1[selected] .md-icon{background-color:rgba(121,134,203,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-1[selected].md-focused .md-container:before, .md-checkbox-enabled.md-hue-1[selected].md-focused .md-container:before{background-color:rgba(121,134,203,0.26)}.md-checkbox-enabled.md-default-theme.md-hue-1[selected] .md-icon:after, .md-checkbox-enabled.md-hue-1[selected] .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-1 .md-indeterminate[disabled] .md-container, .md-checkbox-enabled.md-hue-1 .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-1.md-primary .md-focus-ring, md-slider.md-hue-1.md-primary .md-focus-ring{background-color:rgba(159,168,218,0.38)}md-slider.md-default-theme.md-hue-1.md-primary .md-track.md-track-fill, md-slider.md-hue-1.md-primary .md-track.md-track-fill{background-color:rgb(121,134,203)}md-slider.md-default-theme.md-hue-1.md-primary .md-thumb:after, md-slider.md-hue-1.md-primary .md-thumb:after{border-color:rgb(121,134,203);background-color:rgb(121,134,203)}md-slider.md-default-theme.md-hue-1.md-primary .md-sign, md-slider.md-hue-1.md-primary .md-sign{background-color:rgb(121,134,203)}md-slider.md-default-theme.md-hue-1.md-primary .md-sign:after, md-slider.md-hue-1.md-primary .md-sign:after{border-top-color:rgb(121,134,203)}md-slider.md-default-theme.md-hue-1.md-primary[md-vertical] .md-sign:after, md-slider.md-hue-1.md-primary[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(121,134,203)}md-slider.md-default-theme.md-hue-1.md-primary .md-thumb-text, md-slider.md-hue-1.md-primary .md-thumb-text{color:rgb(255,255,255)}md-slider.md-default-theme.md-hue-1[disabled] .md-thumb:after, md-slider.md-hue-1[disabled] .md-thumb:after{border-color:transparent}md-slider-container[disabled]>:first-child:not(md-slider),md-slider-container[disabled]>:last-child:not(md-slider){color:rgba(0,0,0,0.38)}.md-subheader.md-default-theme.md-hue-1.md-primary, .md-subheader.md-hue-1.md-primary{color:rgb(121,134,203)}md-switch.md-default-theme.md-hue-1.md-checked.md-primary .md-ink-ripple, md-switch.md-hue-1.md-checked.md-primary .md-ink-ripple{color:rgb(121,134,203)}md-switch.md-default-theme.md-hue-1.md-checked.md-primary .md-thumb, md-switch.md-hue-1.md-checked.md-primary .md-thumb{background-color:rgb(121,134,203)}md-switch.md-default-theme.md-hue-1.md-checked.md-primary .md-bar, md-switch.md-hue-1.md-checked.md-primary .md-bar{background-color:rgba(121,134,203,0.5)}md-switch.md-default-theme.md-hue-1.md-checked.md-primary.md-focused .md-thumb:before, md-switch.md-hue-1.md-checked.md-primary.md-focused .md-thumb:before{background-color:rgba(121,134,203,0.26)}md-toast.md-default-theme.md-hue-1 .md-toast-content .md-button.md-highlight.md-primary, md-toast.md-hue-1 .md-toast-content .md-button.md-highlight.md-primary{color:rgb(121,134,203)}md-tabs.md-default-theme.md-hue-1 .md-paginator md-icon, md-tabs.md-hue-1 .md-paginator md-icon{color:rgb(121,134,203)}md-tabs.md-default-theme.md-hue-1 .md-tab, md-tabs.md-hue-1 .md-tab{color:rgba(0,0,0,0.54)}md-tabs.md-default-theme.md-hue-1 .md-tab[disabled], md-tabs.md-hue-1 .md-tab[disabled],md-tabs.md-default-theme.md-hue-1 .md-tab[disabled] md-icon, md-tabs.md-hue-1 .md-tab[disabled] md-icon{color:rgba(0,0,0,0.38)}md-tabs.md-default-theme.md-hue-1 .md-tab.md-active, md-tabs.md-hue-1 .md-tab.md-active,md-tabs.md-default-theme.md-hue-1 .md-tab.md-active md-icon, md-tabs.md-hue-1 .md-tab.md-active md-icon,md-tabs.md-default-theme.md-hue-1 .md-tab.md-focused, md-tabs.md-hue-1 .md-tab.md-focused,md-tabs.md-default-theme.md-hue-1 .md-tab.md-focused md-icon, md-tabs.md-hue-1 .md-tab.md-focused md-icon{color:rgb(121,134,203)}md-tabs.md-default-theme.md-hue-1 .md-tab.md-focused, md-tabs.md-hue-1 .md-tab.md-focused{background:rgba(121,134,203,0.1)}md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper, md-tabs.md-hue-1.md-primary>md-tabs-wrapper{background-color:rgb(121,134,203)}md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper{background-color:rgb(121,134,203)}md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar), md-toolbar.md-hue-1:not(.md-menu-toolbar){background-color:rgb(121,134,203);color:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar) md-icon, md-toolbar.md-hue-1:not(.md-menu-toolbar) md-icon{color:rgb(255,255,255);fill:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar) .md-button[disabled] md-icon, md-toolbar.md-hue-1:not(.md-menu-toolbar) .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="" class="ng-binding">md-bottom-sheet.md-default-theme.md-hue-2.md-list md-list-item, md-bottom-sheet.md-hue-2.md-list md-list-item{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-2.md-primary, .md-button.md-hue-2.md-primary{color:rgb(40,53,147)}.md-button.md-default-theme.md-hue-2.md-primary.md-fab, .md-button.md-hue-2.md-primary.md-fab,.md-button.md-default-theme.md-hue-2.md-primary.md-raised, .md-button.md-hue-2.md-primary.md-raised{color:rgba(255,255,255,0.87);background-color:rgb(40,53,147)}.md-button.md-default-theme.md-hue-2.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-primary.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-2.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-primary.md-raised:not([disabled]) md-icon{color:rgba(255,255,255,0.87)}.md-button.md-default-theme.md-hue-2.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-primary.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-primary.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-2.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-primary.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-primary.md-raised:not([disabled]):hover{background-color:rgb(57,73,171)}.md-button.md-default-theme.md-hue-2.md-primary:not([disabled]) md-icon, .md-button.md-hue-2.md-primary:not([disabled]) md-icon{color:rgb(40,53,147)}._md a.md-default-theme.md-hue-2:not(.md-button).md-primary, ._md a.md-hue-2:not(.md-button).md-primary{color:rgb(40,53,147)}._md a.md-default-theme.md-hue-2:not(.md-button).md-primary:hover, ._md a.md-hue-2:not(.md-button).md-primary:hover{color:rgb(48,63,159)}md-card.md-default-theme.md-hue-2 .md-card-image, md-card.md-hue-2 .md-card-image{border-radius:2px 2px 0 0}md-card.md-default-theme.md-hue-2 md-card-header md-card-header-text .md-subhead, md-card.md-hue-2 md-card-header md-card-header-text .md-subhead,md-card.md-default-theme.md-hue-2 md-card-title md-card-title-text:not(:only-child) .md-subhead, md-card.md-hue-2 md-card-title md-card-title-text:not(:only-child) .md-subhead{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2 .md-ink-ripple, md-checkbox.md-hue-2 .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not(.md-checked) .md-icon, md-checkbox.md-hue-2:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary .md-ripple, md-checkbox.md-hue-2:not([disabled]).md-primary .md-ripple{color:rgb(57,73,171)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-ripple, md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary .md-ink-ripple, md-checkbox.md-hue-2:not([disabled]).md-primary .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple{color:rgba(40,53,147,0.87)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox.md-hue-2:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-icon, md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-icon{background-color:rgba(40,53,147,0.87)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked.md-focused .md-container:before, md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked.md-focused .md-container:before{background-color:rgba(40,53,147,0.26)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-icon:after, md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-primary .md-indeterminate[disabled] .md-container, md-checkbox.md-hue-2:not([disabled]).md-primary .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-2[disabled]:not(.md-checked) .md-icon, md-checkbox.md-hue-2[disabled]:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-2[disabled] .md-icon:after, md-checkbox.md-hue-2[disabled] .md-icon:after{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-2[disabled] .md-label, md-checkbox.md-hue-2[disabled] .md-label{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-2 .md-chips, md-chips.md-hue-2 .md-chips{box-shadow:0 1px rgba(0,0,0,0.12)}md-chips.md-default-theme.md-hue-2 .md-chips.md-focused, md-chips.md-hue-2 .md-chips.md-focused{box-shadow:0 2px rgb(40,53,147)}md-chips.md-default-theme.md-hue-2 .md-chips .md-chip-input-container input, md-chips.md-hue-2 .md-chips .md-chip-input-container input{color:rgba(0,0,0,0.87)}md-chips.md-default-theme.md-hue-2 .md-chips .md-chip-input-container input:-moz-placeholder, md-chips.md-hue-2 .md-chips .md-chip-input-container input:-moz-placeholder,md-chips.md-default-theme.md-hue-2 .md-chips .md-chip-input-container input::-moz-placeholder, md-chips.md-hue-2 .md-chips .md-chip-input-container input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-2 .md-chips .md-chip-input-container input:-ms-input-placeholder, md-chips.md-hue-2 .md-chips .md-chip-input-container input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-2 .md-chips .md-chip-input-container input::-webkit-input-placeholder, md-chips.md-hue-2 .md-chips .md-chip-input-container input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-2 md-chip.md-focused, md-chips.md-hue-2 md-chip.md-focused{background:rgb(40,53,147);color:rgba(255,255,255,0.87)}md-chips.md-default-theme.md-hue-2 md-chip.md-focused md-icon, md-chips.md-hue-2 md-chip.md-focused md-icon{color:rgba(255,255,255,0.87)}.md-default-theme.md-hue-2 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-hue-2 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator{border:1px solid rgb(63,81,181)}.md-default-theme.md-hue-2 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled, .md-hue-2 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled{color:rgba(63,81,181,0.6)}.md-default-theme.md-hue-2 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-2 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,.md-default-theme.md-hue-2 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-2 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{background:rgb(63,81,181);color:rgba(255,255,255,0.87);border-color:transparent}.md-default-theme.md-hue-2 .md-datepicker-input, .md-hue-2 .md-datepicker-input{color:rgba(0,0,0,0.87)}.md-default-theme.md-hue-2 .md-datepicker-input:-moz-placeholder, .md-hue-2 .md-datepicker-input:-moz-placeholder,.md-default-theme.md-hue-2 .md-datepicker-input::-moz-placeholder, .md-hue-2 .md-datepicker-input::-moz-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-2 .md-datepicker-input:-ms-input-placeholder, .md-hue-2 .md-datepicker-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-2 .md-datepicker-input::-webkit-input-placeholder, .md-hue-2 .md-datepicker-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-2 .md-datepicker-input-container, .md-hue-2 .md-datepicker-input-container{border-bottom-color:rgba(0,0,0,0.12)}.md-default-theme.md-hue-2 .md-datepicker-input-container.md-datepicker-focused, .md-hue-2 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(40,53,147)}.md-default-theme.md-hue-2 .md-datepicker-triangle-button .md-datepicker-expand-triangle, .md-hue-2 .md-datepicker-triangle-button .md-datepicker-expand-triangle{border-top-color:rgba(0,0,0,0.54)}.md-default-theme.md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon, .md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(40,53,147)}md-dialog.md-default-theme.md-hue-2.md-content-overflow .md-actions, md-dialog.md-hue-2.md-content-overflow .md-actions,md-dialog.md-default-theme.md-hue-2.md-content-overflow md-dialog-actions, md-dialog.md-hue-2.md-content-overflow md-dialog-actions,md-divider.md-default-theme.md-hue-2, md-divider.md-hue-2{border-top-color:rgba(0,0,0,0.12)}.layout-gt-lg-row>md-divider.md-default-theme.md-hue-2, .layout-gt-lg-row>md-divider.md-hue-2,.layout-gt-md-row>md-divider.md-default-theme.md-hue-2, .layout-gt-md-row>md-divider.md-hue-2,.layout-gt-sm-row>md-divider.md-default-theme.md-hue-2, .layout-gt-sm-row>md-divider.md-hue-2,.layout-gt-xs-row>md-divider.md-default-theme.md-hue-2, .layout-gt-xs-row>md-divider.md-hue-2,.layout-lg-row>md-divider.md-default-theme.md-hue-2, .layout-lg-row>md-divider.md-hue-2,.layout-md-row>md-divider.md-default-theme.md-hue-2, .layout-md-row>md-divider.md-hue-2,.layout-row>md-divider.md-default-theme.md-hue-2, .layout-row>md-divider.md-hue-2,.layout-sm-row>md-divider.md-default-theme.md-hue-2, .layout-sm-row>md-divider.md-hue-2,.layout-xl-row>md-divider.md-default-theme.md-hue-2, .layout-xl-row>md-divider.md-hue-2,.layout-xs-row>md-divider.md-default-theme.md-hue-2, .layout-xs-row>md-divider.md-hue-2{border-right-color:rgba(0,0,0,0.12)}md-icon.md-default-theme.md-hue-2, md-icon.md-hue-2{color:rgba(0,0,0,0.54)}md-icon.md-default-theme.md-hue-2.md-primary, md-icon.md-hue-2.md-primary{color:rgb(40,53,147)}md-input-container.md-default-theme.md-hue-2 .md-input, md-input-container.md-hue-2 .md-input{color:rgba(0,0,0,0.87);border-color:rgba(0,0,0,0.12)}md-input-container.md-default-theme.md-hue-2 .md-input:-moz-placeholder, md-input-container.md-hue-2 .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-2 .md-input::-moz-placeholder, md-input-container.md-hue-2 .md-input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-2 .md-input:-ms-input-placeholder, md-input-container.md-hue-2 .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-2 .md-input::-webkit-input-placeholder, md-input-container.md-hue-2 .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-2>md-icon, md-input-container.md-hue-2>md-icon{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-2 .md-placeholder, md-input-container.md-hue-2 .md-placeholder,md-input-container.md-default-theme.md-hue-2 label, md-input-container.md-hue-2 label{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-2:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container.md-hue-2:not(.md-input-focused):not(.md-input-invalid) label.md-required:after{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-2 .md-input-message-animation .md-char-counter, md-input-container.md-hue-2 .md-input-message-animation .md-char-counter,md-input-container.md-default-theme.md-hue-2 .md-input-messages-animation .md-char-counter, md-input-container.md-hue-2 .md-input-messages-animation .md-char-counter{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-2.md-input-focused .md-input:-moz-placeholder, md-input-container.md-hue-2.md-input-focused .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-2.md-input-focused .md-input::-moz-placeholder, md-input-container.md-hue-2.md-input-focused .md-input::-moz-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-2.md-input-focused .md-input:-ms-input-placeholder, md-input-container.md-hue-2.md-input-focused .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-2.md-input-focused .md-input::-webkit-input-placeholder, md-input-container.md-hue-2.md-input-focused .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-has-value label, md-input-container.md-hue-2:not(.md-input-invalid).md-input-has-value label{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused .md-input,md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-resized .md-input, md-input-container.md-hue-2:not(.md-input-invalid).md-input-resized .md-input{border-color:rgb(40,53,147)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused label, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused label,md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused md-icon, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused md-icon{color:rgb(40,53,147)}md-list.md-default-theme.md-hue-2 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text h3,md-list.md-default-theme.md-hue-2 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text h4,md-list.md-default-theme.md-hue-2 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text h3,md-list.md-default-theme.md-hue-2 md-list-item.md-3-line .md-list-item-text h4, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text h4{color:rgba(0,0,0,0.87)}md-list.md-default-theme.md-hue-2 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text p,md-list.md-default-theme.md-hue-2 md-list-item.md-3-line .md-list-item-text p, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text p{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-2 md-list-item>md-icon, md-list.md-hue-2 md-list-item>md-icon{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-2 md-list-item>md-icon.md-highlight, md-list.md-hue-2 md-list-item>md-icon.md-highlight{color:rgb(40,53,147)}md-menu-bar.md-default-theme.md-hue-2>button.md-button, md-menu-bar.md-hue-2>button.md-button{color:rgba(0,0,0,0.54);border-radius:2px}md-toolbar.md-default-theme.md-hue-2.md-menu-toolbar md-toolbar-filler, md-toolbar.md-hue-2.md-menu-toolbar md-toolbar-filler{background-color:rgb(40,53,147);color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-2 .md-button._md-nav-button.md-unselected, md-nav-bar.md-hue-2 .md-button._md-nav-button.md-unselected{color:rgba(0,0,0,0.54)}md-progress-circular.md-default-theme.md-hue-2 path, md-progress-circular.md-hue-2 path{stroke:rgb(40,53,147)}md-progress-linear.md-default-theme.md-hue-2 .md-container, md-progress-linear.md-hue-2 .md-container{background-color:rgb(197,202,233)}md-progress-linear.md-default-theme.md-hue-2 .md-bar, md-progress-linear.md-hue-2 .md-bar{background-color:rgb(40,53,147)}md-radio-button.md-default-theme.md-hue-2 .md-off, md-radio-button.md-hue-2 .md-off{border-color:rgba(0,0,0,0.54)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary .md-on, md-radio-button.md-hue-2:not([disabled]).md-primary .md-on,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-on,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary .md-on, md-radio-group.md-hue-2:not([disabled]).md-primary .md-on,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-2:not([disabled]) .md-primary .md-on{background-color:rgba(40,53,147,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-primary .md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-primary .md-checked .md-off{border-color:rgba(40,53,147,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple{color:rgba(40,53,147,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-primary .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple{color:rgb(57,73,171)}md-radio-button.md-default-theme.md-hue-2[disabled], md-radio-button.md-hue-2[disabled],md-radio-group.md-default-theme.md-hue-2[disabled], md-radio-group.md-hue-2[disabled]{color:rgba(0,0,0,0.38)}md-radio-button.md-default-theme.md-hue-2[disabled] .md-container .md-off, md-radio-button.md-hue-2[disabled] .md-container .md-off,md-radio-button.md-default-theme.md-hue-2[disabled] .md-container .md-on, md-radio-button.md-hue-2[disabled] .md-container .md-on,md-radio-group.md-default-theme.md-hue-2[disabled] .md-container .md-off, md-radio-group.md-hue-2[disabled] .md-container .md-off,md-radio-group.md-default-theme.md-hue-2[disabled] .md-container .md-on, md-radio-group.md-hue-2[disabled] .md-container .md-on{border-color:rgba(0,0,0,0.38)}md-radio-group.md-default-theme.md-hue-2 .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-hue-2 .md-checked:not([disabled]).md-primary .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-hue-2.md-primary .md-checked:not([disabled]) .md-ink-ripple{color:rgba(40,53,147,0.26)}md-radio-group.md-default-theme.md-hue-2 .md-checked.md-primary .md-ink-ripple, md-radio-group.md-hue-2 .md-checked.md-primary .md-ink-ripple{color:"-0.26"}md-radio-group.md-default-theme.md-hue-2.md-focused:not(:empty) .md-checked.md-primary .md-container:before, md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked.md-primary .md-container:before,md-radio-group.md-default-theme.md-hue-2.md-focused:not(:empty).md-primary .md-checked .md-container:before, md-radio-group.md-hue-2.md-focused:not(:empty).md-primary .md-checked .md-container:before{background-color:rgba(40,53,147,0.26)}md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme.md-hue-2 .md-select-value span:first-child:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-hue-2 .md-select-value span:first-child:after{color:rgba(0,0,0,0.38)}md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-2 .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-2 .md-select-value,md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-2 .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-2 .md-select-value.md-select-placeholder{color:rgb(40,53,147)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-2.md-no-underline .md-select-value, md-input-container.md-input-invalid md-select.md-hue-2.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-2 .md-select-value, md-select.md-hue-2 .md-select-value{border-bottom-color:rgba(0,0,0,0.12)}md-select.md-default-theme.md-hue-2 .md-select-value.md-select-placeholder, md-select.md-hue-2 .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-2.md-no-underline .md-select-value, md-select.md-hue-2.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-2.ng-invalid.ng-touched.md-no-underline .md-select-value, md-select.md-hue-2.ng-invalid.ng-touched.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-2:not([disabled]):focus .md-select-value, md-select.md-hue-2:not([disabled]):focus .md-select-value{border-bottom-color:rgb(40,53,147);color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-2:not([disabled]):focus .md-select-value.md-select-placeholder, md-select.md-hue-2:not([disabled]):focus .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-2:not([disabled]):focus.md-no-underline .md-select-value, md-select.md-hue-2:not([disabled]):focus.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-2[disabled] .md-select-icon, md-select.md-hue-2[disabled] .md-select-icon,md-select.md-default-theme.md-hue-2[disabled] .md-select-value, md-select.md-hue-2[disabled] .md-select-value,md-select.md-default-theme.md-hue-2[disabled] .md-select-value.md-select-placeholder, md-select.md-hue-2[disabled] .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-2 .md-select-icon, md-select.md-hue-2 .md-select-icon{color:rgba(0,0,0,0.54)}md-select-menu.md-default-theme.md-hue-2 md-content md-option[selected], md-select-menu.md-hue-2 md-content md-option[selected]{color:rgb(63,81,181)}md-select-menu.md-default-theme.md-hue-2 md-content md-option[selected]:focus, md-select-menu.md-hue-2 md-content md-option[selected]:focus{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-2 .md-ripple, .md-checkbox-enabled.md-hue-2 .md-ripple{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-2 .md-ink-ripple, .md-checkbox-enabled.md-hue-2 .md-ink-ripple{color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-2[selected] .md-ink-ripple, .md-checkbox-enabled.md-hue-2[selected] .md-ink-ripple{color:rgba(40,53,147,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-2:not(.md-checked) .md-icon, .md-checkbox-enabled.md-hue-2:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-2[selected] .md-icon, .md-checkbox-enabled.md-hue-2[selected] .md-icon{background-color:rgba(40,53,147,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-2[selected].md-focused .md-container:before, .md-checkbox-enabled.md-hue-2[selected].md-focused .md-container:before{background-color:rgba(40,53,147,0.26)}.md-checkbox-enabled.md-default-theme.md-hue-2[selected] .md-icon:after, .md-checkbox-enabled.md-hue-2[selected] .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-2 .md-indeterminate[disabled] .md-container, .md-checkbox-enabled.md-hue-2 .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-2.md-primary .md-focus-ring, md-slider.md-hue-2.md-primary .md-focus-ring{background-color:rgba(159,168,218,0.38)}md-slider.md-default-theme.md-hue-2.md-primary .md-track.md-track-fill, md-slider.md-hue-2.md-primary .md-track.md-track-fill{background-color:rgb(40,53,147)}md-slider.md-default-theme.md-hue-2.md-primary .md-thumb:after, md-slider.md-hue-2.md-primary .md-thumb:after{border-color:rgb(40,53,147);background-color:rgb(40,53,147)}md-slider.md-default-theme.md-hue-2.md-primary .md-sign, md-slider.md-hue-2.md-primary .md-sign{background-color:rgb(40,53,147)}md-slider.md-default-theme.md-hue-2.md-primary .md-sign:after, md-slider.md-hue-2.md-primary .md-sign:after{border-top-color:rgb(40,53,147)}md-slider.md-default-theme.md-hue-2.md-primary[md-vertical] .md-sign:after, md-slider.md-hue-2.md-primary[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(40,53,147)}md-slider.md-default-theme.md-hue-2.md-primary .md-thumb-text, md-slider.md-hue-2.md-primary .md-thumb-text{color:rgba(255,255,255,0.87)}md-slider.md-default-theme.md-hue-2[disabled] .md-thumb:after, md-slider.md-hue-2[disabled] .md-thumb:after{border-color:transparent}md-slider-container[disabled]>:first-child:not(md-slider),md-slider-container[disabled]>:last-child:not(md-slider){color:rgba(0,0,0,0.38)}.md-subheader.md-default-theme.md-hue-2.md-primary, .md-subheader.md-hue-2.md-primary{color:rgb(40,53,147)}md-switch.md-default-theme.md-hue-2.md-checked.md-primary .md-ink-ripple, md-switch.md-hue-2.md-checked.md-primary .md-ink-ripple{color:rgb(40,53,147)}md-switch.md-default-theme.md-hue-2.md-checked.md-primary .md-thumb, md-switch.md-hue-2.md-checked.md-primary .md-thumb{background-color:rgb(40,53,147)}md-switch.md-default-theme.md-hue-2.md-checked.md-primary .md-bar, md-switch.md-hue-2.md-checked.md-primary .md-bar{background-color:rgba(40,53,147,0.5)}md-switch.md-default-theme.md-hue-2.md-checked.md-primary.md-focused .md-thumb:before, md-switch.md-hue-2.md-checked.md-primary.md-focused .md-thumb:before{background-color:rgba(40,53,147,0.26)}md-toast.md-default-theme.md-hue-2 .md-toast-content .md-button.md-highlight.md-primary, md-toast.md-hue-2 .md-toast-content .md-button.md-highlight.md-primary{color:rgb(40,53,147)}md-tabs.md-default-theme.md-hue-2 .md-paginator md-icon, md-tabs.md-hue-2 .md-paginator md-icon{color:rgb(40,53,147)}md-tabs.md-default-theme.md-hue-2 .md-tab, md-tabs.md-hue-2 .md-tab{color:rgba(0,0,0,0.54)}md-tabs.md-default-theme.md-hue-2 .md-tab[disabled], md-tabs.md-hue-2 .md-tab[disabled],md-tabs.md-default-theme.md-hue-2 .md-tab[disabled] md-icon, md-tabs.md-hue-2 .md-tab[disabled] md-icon{color:rgba(0,0,0,0.38)}md-tabs.md-default-theme.md-hue-2 .md-tab.md-active, md-tabs.md-hue-2 .md-tab.md-active,md-tabs.md-default-theme.md-hue-2 .md-tab.md-active md-icon, md-tabs.md-hue-2 .md-tab.md-active md-icon,md-tabs.md-default-theme.md-hue-2 .md-tab.md-focused, md-tabs.md-hue-2 .md-tab.md-focused,md-tabs.md-default-theme.md-hue-2 .md-tab.md-focused md-icon, md-tabs.md-hue-2 .md-tab.md-focused md-icon{color:rgb(40,53,147)}md-tabs.md-default-theme.md-hue-2 .md-tab.md-focused, md-tabs.md-hue-2 .md-tab.md-focused{background:rgba(40,53,147,0.1)}md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper, md-tabs.md-hue-2.md-primary>md-tabs-wrapper{background-color:rgb(40,53,147)}md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(255,255,255,0.87)}md-tabs.md-default-theme.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper{background-color:rgb(40,53,147)}md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(255,255,255,0.87)}md-toolbar>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar), md-toolbar.md-hue-2:not(.md-menu-toolbar){background-color:rgb(40,53,147);color:rgba(255,255,255,0.87)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar) md-icon, md-toolbar.md-hue-2:not(.md-menu-toolbar) md-icon{color:rgba(255,255,255,0.87);fill:rgba(255,255,255,0.87)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar) .md-button[disabled] md-icon, md-toolbar.md-hue-2:not(.md-menu-toolbar) .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="" class="ng-binding">md-bottom-sheet.md-default-theme.md-hue-3.md-list md-list-item, md-bottom-sheet.md-hue-3.md-list md-list-item{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-3.md-primary, .md-button.md-hue-3.md-primary{color:rgb(140,158,255)}.md-button.md-default-theme.md-hue-3.md-primary.md-fab, .md-button.md-hue-3.md-primary.md-fab,.md-button.md-default-theme.md-hue-3.md-primary.md-raised, .md-button.md-hue-3.md-primary.md-raised{color:rgba(0,0,0,0.87);background-color:rgb(140,158,255)}.md-button.md-default-theme.md-hue-3.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-primary.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-3.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-primary.md-raised:not([disabled]) md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-3.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-primary.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-3.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-primary.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-raised:not([disabled]):hover{background-color:rgb(57,73,171)}.md-button.md-default-theme.md-hue-3.md-primary:not([disabled]) md-icon, .md-button.md-hue-3.md-primary:not([disabled]) md-icon{color:rgb(140,158,255)}._md a.md-default-theme.md-hue-3:not(.md-button).md-primary, ._md a.md-hue-3:not(.md-button).md-primary{color:rgb(140,158,255)}._md a.md-default-theme.md-hue-3:not(.md-button).md-primary:hover, ._md a.md-hue-3:not(.md-button).md-primary:hover{color:rgb(48,63,159)}md-card.md-default-theme.md-hue-3 .md-card-image, md-card.md-hue-3 .md-card-image{border-radius:2px 2px 0 0}md-card.md-default-theme.md-hue-3 md-card-header md-card-header-text .md-subhead, md-card.md-hue-3 md-card-header md-card-header-text .md-subhead,md-card.md-default-theme.md-hue-3 md-card-title md-card-title-text:not(:only-child) .md-subhead, md-card.md-hue-3 md-card-title md-card-title-text:not(:only-child) .md-subhead{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3 .md-ink-ripple, md-checkbox.md-hue-3 .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not(.md-checked) .md-icon, md-checkbox.md-hue-3:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary .md-ripple, md-checkbox.md-hue-3:not([disabled]).md-primary .md-ripple{color:rgb(57,73,171)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-ripple, md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary .md-ink-ripple, md-checkbox.md-hue-3:not([disabled]).md-primary .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple{color:rgba(140,158,255,0.87)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox.md-hue-3:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-icon, md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-icon{background-color:rgba(140,158,255,0.87)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked.md-focused .md-container:before, md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked.md-focused .md-container:before{background-color:rgba(140,158,255,0.26)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-icon:after, md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-icon:after{border-color:rgba(0,0,0,0.87)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-primary .md-indeterminate[disabled] .md-container, md-checkbox.md-hue-3:not([disabled]).md-primary .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-3[disabled]:not(.md-checked) .md-icon, md-checkbox.md-hue-3[disabled]:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-3[disabled] .md-icon:after, md-checkbox.md-hue-3[disabled] .md-icon:after{border-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-3[disabled] .md-label, md-checkbox.md-hue-3[disabled] .md-label{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-3 .md-chips, md-chips.md-hue-3 .md-chips{box-shadow:0 1px rgba(0,0,0,0.12)}md-chips.md-default-theme.md-hue-3 .md-chips.md-focused, md-chips.md-hue-3 .md-chips.md-focused{box-shadow:0 2px rgb(140,158,255)}md-chips.md-default-theme.md-hue-3 .md-chips .md-chip-input-container input, md-chips.md-hue-3 .md-chips .md-chip-input-container input{color:rgba(0,0,0,0.87)}md-chips.md-default-theme.md-hue-3 .md-chips .md-chip-input-container input:-moz-placeholder, md-chips.md-hue-3 .md-chips .md-chip-input-container input:-moz-placeholder,md-chips.md-default-theme.md-hue-3 .md-chips .md-chip-input-container input::-moz-placeholder, md-chips.md-hue-3 .md-chips .md-chip-input-container input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-3 .md-chips .md-chip-input-container input:-ms-input-placeholder, md-chips.md-hue-3 .md-chips .md-chip-input-container input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-3 .md-chips .md-chip-input-container input::-webkit-input-placeholder, md-chips.md-hue-3 .md-chips .md-chip-input-container input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-chips.md-default-theme.md-hue-3 md-chip.md-focused, md-chips.md-hue-3 md-chip.md-focused{background:rgb(140,158,255);color:rgba(0,0,0,0.87)}md-chips.md-default-theme.md-hue-3 md-chip.md-focused md-icon, md-chips.md-hue-3 md-chip.md-focused md-icon{color:rgba(0,0,0,0.87)}.md-default-theme.md-hue-3 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-hue-3 .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator{border:1px solid rgb(63,81,181)}.md-default-theme.md-hue-3 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled, .md-hue-3 .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled{color:rgba(63,81,181,0.6)}.md-default-theme.md-hue-3 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-3 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,.md-default-theme.md-hue-3 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-hue-3 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{background:rgb(63,81,181);color:rgba(255,255,255,0.87);border-color:transparent}.md-default-theme.md-hue-3 .md-datepicker-input, .md-hue-3 .md-datepicker-input{color:rgba(0,0,0,0.87)}.md-default-theme.md-hue-3 .md-datepicker-input:-moz-placeholder, .md-hue-3 .md-datepicker-input:-moz-placeholder,.md-default-theme.md-hue-3 .md-datepicker-input::-moz-placeholder, .md-hue-3 .md-datepicker-input::-moz-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-3 .md-datepicker-input:-ms-input-placeholder, .md-hue-3 .md-datepicker-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-3 .md-datepicker-input::-webkit-input-placeholder, .md-hue-3 .md-datepicker-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}.md-default-theme.md-hue-3 .md-datepicker-input-container, .md-hue-3 .md-datepicker-input-container{border-bottom-color:rgba(0,0,0,0.12)}.md-default-theme.md-hue-3 .md-datepicker-input-container.md-datepicker-focused, .md-hue-3 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(140,158,255)}.md-default-theme.md-hue-3 .md-datepicker-triangle-button .md-datepicker-expand-triangle, .md-hue-3 .md-datepicker-triangle-button .md-datepicker-expand-triangle{border-top-color:rgba(0,0,0,0.54)}.md-default-theme.md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon, .md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(140,158,255)}md-dialog.md-default-theme.md-hue-3.md-content-overflow .md-actions, md-dialog.md-hue-3.md-content-overflow .md-actions,md-dialog.md-default-theme.md-hue-3.md-content-overflow md-dialog-actions, md-dialog.md-hue-3.md-content-overflow md-dialog-actions,md-divider.md-default-theme.md-hue-3, md-divider.md-hue-3{border-top-color:rgba(0,0,0,0.12)}.layout-gt-lg-row>md-divider.md-default-theme.md-hue-3, .layout-gt-lg-row>md-divider.md-hue-3,.layout-gt-md-row>md-divider.md-default-theme.md-hue-3, .layout-gt-md-row>md-divider.md-hue-3,.layout-gt-sm-row>md-divider.md-default-theme.md-hue-3, .layout-gt-sm-row>md-divider.md-hue-3,.layout-gt-xs-row>md-divider.md-default-theme.md-hue-3, .layout-gt-xs-row>md-divider.md-hue-3,.layout-lg-row>md-divider.md-default-theme.md-hue-3, .layout-lg-row>md-divider.md-hue-3,.layout-md-row>md-divider.md-default-theme.md-hue-3, .layout-md-row>md-divider.md-hue-3,.layout-row>md-divider.md-default-theme.md-hue-3, .layout-row>md-divider.md-hue-3,.layout-sm-row>md-divider.md-default-theme.md-hue-3, .layout-sm-row>md-divider.md-hue-3,.layout-xl-row>md-divider.md-default-theme.md-hue-3, .layout-xl-row>md-divider.md-hue-3,.layout-xs-row>md-divider.md-default-theme.md-hue-3, .layout-xs-row>md-divider.md-hue-3{border-right-color:rgba(0,0,0,0.12)}md-icon.md-default-theme.md-hue-3, md-icon.md-hue-3{color:rgba(0,0,0,0.54)}md-icon.md-default-theme.md-hue-3.md-primary, md-icon.md-hue-3.md-primary{color:rgb(140,158,255)}md-input-container.md-default-theme.md-hue-3 .md-input, md-input-container.md-hue-3 .md-input{color:rgba(0,0,0,0.87);border-color:rgba(0,0,0,0.12)}md-input-container.md-default-theme.md-hue-3 .md-input:-moz-placeholder, md-input-container.md-hue-3 .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-3 .md-input::-moz-placeholder, md-input-container.md-hue-3 .md-input::-moz-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-3 .md-input:-ms-input-placeholder, md-input-container.md-hue-3 .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-3 .md-input::-webkit-input-placeholder, md-input-container.md-hue-3 .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-3>md-icon, md-input-container.md-hue-3>md-icon{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-3 .md-placeholder, md-input-container.md-hue-3 .md-placeholder,md-input-container.md-default-theme.md-hue-3 label, md-input-container.md-hue-3 label{color:rgba(0,0,0,0.38)}md-input-container.md-default-theme.md-hue-3:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container.md-hue-3:not(.md-input-focused):not(.md-input-invalid) label.md-required:after{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-3 .md-input-message-animation .md-char-counter, md-input-container.md-hue-3 .md-input-message-animation .md-char-counter,md-input-container.md-default-theme.md-hue-3 .md-input-messages-animation .md-char-counter, md-input-container.md-hue-3 .md-input-messages-animation .md-char-counter{color:rgba(0,0,0,0.87)}md-input-container.md-default-theme.md-hue-3.md-input-focused .md-input:-moz-placeholder, md-input-container.md-hue-3.md-input-focused .md-input:-moz-placeholder,md-input-container.md-default-theme.md-hue-3.md-input-focused .md-input::-moz-placeholder, md-input-container.md-hue-3.md-input-focused .md-input::-moz-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-3.md-input-focused .md-input:-ms-input-placeholder, md-input-container.md-hue-3.md-input-focused .md-input:-ms-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-3.md-input-focused .md-input::-webkit-input-placeholder, md-input-container.md-hue-3.md-input-focused .md-input::-webkit-input-placeholder{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-has-value label, md-input-container.md-hue-3:not(.md-input-invalid).md-input-has-value label{color:rgba(0,0,0,0.54)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused .md-input,md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-resized .md-input, md-input-container.md-hue-3:not(.md-input-invalid).md-input-resized .md-input{border-color:rgb(140,158,255)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused label, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused label,md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused md-icon, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused md-icon{color:rgb(140,158,255)}md-list.md-default-theme.md-hue-3 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text h3,md-list.md-default-theme.md-hue-3 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text h4,md-list.md-default-theme.md-hue-3 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text h3,md-list.md-default-theme.md-hue-3 md-list-item.md-3-line .md-list-item-text h4, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text h4{color:rgba(0,0,0,0.87)}md-list.md-default-theme.md-hue-3 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text p,md-list.md-default-theme.md-hue-3 md-list-item.md-3-line .md-list-item-text p, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text p{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-3 md-list-item>md-icon, md-list.md-hue-3 md-list-item>md-icon{color:rgba(0,0,0,0.54)}md-list.md-default-theme.md-hue-3 md-list-item>md-icon.md-highlight, md-list.md-hue-3 md-list-item>md-icon.md-highlight{color:rgb(140,158,255)}md-menu-bar.md-default-theme.md-hue-3>button.md-button, md-menu-bar.md-hue-3>button.md-button{color:rgba(0,0,0,0.54);border-radius:2px}md-toolbar.md-default-theme.md-hue-3.md-menu-toolbar md-toolbar-filler, md-toolbar.md-hue-3.md-menu-toolbar md-toolbar-filler{background-color:rgb(140,158,255);color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-3 .md-button._md-nav-button.md-unselected, md-nav-bar.md-hue-3 .md-button._md-nav-button.md-unselected{color:rgba(0,0,0,0.54)}md-progress-circular.md-default-theme.md-hue-3 path, md-progress-circular.md-hue-3 path{stroke:rgb(140,158,255)}md-progress-linear.md-default-theme.md-hue-3 .md-container, md-progress-linear.md-hue-3 .md-container{background-color:rgb(197,202,233)}md-progress-linear.md-default-theme.md-hue-3 .md-bar, md-progress-linear.md-hue-3 .md-bar{background-color:rgb(140,158,255)}md-radio-button.md-default-theme.md-hue-3 .md-off, md-radio-button.md-hue-3 .md-off{border-color:rgba(0,0,0,0.54)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary .md-on, md-radio-button.md-hue-3:not([disabled]).md-primary .md-on,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-on,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary .md-on, md-radio-group.md-hue-3:not([disabled]).md-primary .md-on,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-3:not([disabled]) .md-primary .md-on{background-color:rgba(140,158,255,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-primary.md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-primary .md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-primary.md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-primary .md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-primary .md-checked .md-off{border-color:rgba(140,158,255,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple{color:rgba(140,158,255,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-primary .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple{color:rgb(57,73,171)}md-radio-button.md-default-theme.md-hue-3[disabled], md-radio-button.md-hue-3[disabled],md-radio-group.md-default-theme.md-hue-3[disabled], md-radio-group.md-hue-3[disabled]{color:rgba(0,0,0,0.38)}md-radio-button.md-default-theme.md-hue-3[disabled] .md-container .md-off, md-radio-button.md-hue-3[disabled] .md-container .md-off,md-radio-button.md-default-theme.md-hue-3[disabled] .md-container .md-on, md-radio-button.md-hue-3[disabled] .md-container .md-on,md-radio-group.md-default-theme.md-hue-3[disabled] .md-container .md-off, md-radio-group.md-hue-3[disabled] .md-container .md-off,md-radio-group.md-default-theme.md-hue-3[disabled] .md-container .md-on, md-radio-group.md-hue-3[disabled] .md-container .md-on{border-color:rgba(0,0,0,0.38)}md-radio-group.md-default-theme.md-hue-3 .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-hue-3 .md-checked:not([disabled]).md-primary .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-hue-3.md-primary .md-checked:not([disabled]) .md-ink-ripple{color:rgba(140,158,255,0.26)}md-radio-group.md-default-theme.md-hue-3 .md-checked.md-primary .md-ink-ripple, md-radio-group.md-hue-3 .md-checked.md-primary .md-ink-ripple{color:"-0.26"}md-radio-group.md-default-theme.md-hue-3.md-focused:not(:empty) .md-checked.md-primary .md-container:before, md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked.md-primary .md-container:before,md-radio-group.md-default-theme.md-hue-3.md-focused:not(:empty).md-primary .md-checked .md-container:before, md-radio-group.md-hue-3.md-focused:not(:empty).md-primary .md-checked .md-container:before{background-color:rgba(140,158,255,0.26)}md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme.md-hue-3 .md-select-value span:first-child:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-hue-3 .md-select-value span:first-child:after{color:rgba(0,0,0,0.38)}md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-3 .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-3 .md-select-value,md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme.md-hue-3 .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-hue-3 .md-select-value.md-select-placeholder{color:rgb(140,158,255)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-3.md-no-underline .md-select-value, md-input-container.md-input-invalid md-select.md-hue-3.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-3 .md-select-value, md-select.md-hue-3 .md-select-value{border-bottom-color:rgba(0,0,0,0.12)}md-select.md-default-theme.md-hue-3 .md-select-value.md-select-placeholder, md-select.md-hue-3 .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-3.md-no-underline .md-select-value, md-select.md-hue-3.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-3.ng-invalid.ng-touched.md-no-underline .md-select-value, md-select.md-hue-3.ng-invalid.ng-touched.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-3:not([disabled]):focus .md-select-value, md-select.md-hue-3:not([disabled]):focus .md-select-value{border-bottom-color:rgb(140,158,255);color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-3:not([disabled]):focus .md-select-value.md-select-placeholder, md-select.md-hue-3:not([disabled]):focus .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.87)}md-select.md-default-theme.md-hue-3:not([disabled]):focus.md-no-underline .md-select-value, md-select.md-hue-3:not([disabled]):focus.md-no-underline .md-select-value{border-bottom-color:transparent!important}md-select.md-default-theme.md-hue-3[disabled] .md-select-icon, md-select.md-hue-3[disabled] .md-select-icon,md-select.md-default-theme.md-hue-3[disabled] .md-select-value, md-select.md-hue-3[disabled] .md-select-value,md-select.md-default-theme.md-hue-3[disabled] .md-select-value.md-select-placeholder, md-select.md-hue-3[disabled] .md-select-value.md-select-placeholder{color:rgba(0,0,0,0.38)}md-select.md-default-theme.md-hue-3 .md-select-icon, md-select.md-hue-3 .md-select-icon{color:rgba(0,0,0,0.54)}md-select-menu.md-default-theme.md-hue-3 md-content md-option[selected], md-select-menu.md-hue-3 md-content md-option[selected]{color:rgb(63,81,181)}md-select-menu.md-default-theme.md-hue-3 md-content md-option[selected]:focus, md-select-menu.md-hue-3 md-content md-option[selected]:focus{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-3 .md-ripple, .md-checkbox-enabled.md-hue-3 .md-ripple{color:rgb(57,73,171)}.md-checkbox-enabled.md-default-theme.md-hue-3 .md-ink-ripple, .md-checkbox-enabled.md-hue-3 .md-ink-ripple{color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-3[selected] .md-ink-ripple, .md-checkbox-enabled.md-hue-3[selected] .md-ink-ripple{color:rgba(140,158,255,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-3:not(.md-checked) .md-icon, .md-checkbox-enabled.md-hue-3:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}.md-checkbox-enabled.md-default-theme.md-hue-3[selected] .md-icon, .md-checkbox-enabled.md-hue-3[selected] .md-icon{background-color:rgba(140,158,255,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-3[selected].md-focused .md-container:before, .md-checkbox-enabled.md-hue-3[selected].md-focused .md-container:before{background-color:rgba(140,158,255,0.26)}.md-checkbox-enabled.md-default-theme.md-hue-3[selected] .md-icon:after, .md-checkbox-enabled.md-hue-3[selected] .md-icon:after{border-color:rgba(0,0,0,0.87)}.md-checkbox-enabled.md-default-theme.md-hue-3 .md-indeterminate[disabled] .md-container, .md-checkbox-enabled.md-hue-3 .md-indeterminate[disabled] .md-container{color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-3.md-primary .md-focus-ring, md-slider.md-hue-3.md-primary .md-focus-ring{background-color:rgba(159,168,218,0.38)}md-slider.md-default-theme.md-hue-3.md-primary .md-track.md-track-fill, md-slider.md-hue-3.md-primary .md-track.md-track-fill{background-color:rgb(140,158,255)}md-slider.md-default-theme.md-hue-3.md-primary .md-thumb:after, md-slider.md-hue-3.md-primary .md-thumb:after{border-color:rgb(140,158,255);background-color:rgb(140,158,255)}md-slider.md-default-theme.md-hue-3.md-primary .md-sign, md-slider.md-hue-3.md-primary .md-sign{background-color:rgb(140,158,255)}md-slider.md-default-theme.md-hue-3.md-primary .md-sign:after, md-slider.md-hue-3.md-primary .md-sign:after{border-top-color:rgb(140,158,255)}md-slider.md-default-theme.md-hue-3.md-primary[md-vertical] .md-sign:after, md-slider.md-hue-3.md-primary[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(140,158,255)}md-slider.md-default-theme.md-hue-3.md-primary .md-thumb-text, md-slider.md-hue-3.md-primary .md-thumb-text{color:rgba(0,0,0,0.87)}md-slider.md-default-theme.md-hue-3[disabled] .md-thumb:after, md-slider.md-hue-3[disabled] .md-thumb:after{border-color:transparent}md-slider-container[disabled]>:first-child:not(md-slider),md-slider-container[disabled]>:last-child:not(md-slider){color:rgba(0,0,0,0.38)}.md-subheader.md-default-theme.md-hue-3.md-primary, .md-subheader.md-hue-3.md-primary{color:rgb(140,158,255)}md-switch.md-default-theme.md-hue-3.md-checked.md-primary .md-ink-ripple, md-switch.md-hue-3.md-checked.md-primary .md-ink-ripple{color:rgb(140,158,255)}md-switch.md-default-theme.md-hue-3.md-checked.md-primary .md-thumb, md-switch.md-hue-3.md-checked.md-primary .md-thumb{background-color:rgb(140,158,255)}md-switch.md-default-theme.md-hue-3.md-checked.md-primary .md-bar, md-switch.md-hue-3.md-checked.md-primary .md-bar{background-color:rgba(140,158,255,0.5)}md-switch.md-default-theme.md-hue-3.md-checked.md-primary.md-focused .md-thumb:before, md-switch.md-hue-3.md-checked.md-primary.md-focused .md-thumb:before{background-color:rgba(140,158,255,0.26)}md-toast.md-default-theme.md-hue-3 .md-toast-content .md-button.md-highlight.md-primary, md-toast.md-hue-3 .md-toast-content .md-button.md-highlight.md-primary{color:rgb(140,158,255)}md-tabs.md-default-theme.md-hue-3 .md-paginator md-icon, md-tabs.md-hue-3 .md-paginator md-icon{color:rgb(140,158,255)}md-tabs.md-default-theme.md-hue-3 .md-tab, md-tabs.md-hue-3 .md-tab{color:rgba(0,0,0,0.54)}md-tabs.md-default-theme.md-hue-3 .md-tab[disabled], md-tabs.md-hue-3 .md-tab[disabled],md-tabs.md-default-theme.md-hue-3 .md-tab[disabled] md-icon, md-tabs.md-hue-3 .md-tab[disabled] md-icon{color:rgba(0,0,0,0.38)}md-tabs.md-default-theme.md-hue-3 .md-tab.md-active, md-tabs.md-hue-3 .md-tab.md-active,md-tabs.md-default-theme.md-hue-3 .md-tab.md-active md-icon, md-tabs.md-hue-3 .md-tab.md-active md-icon,md-tabs.md-default-theme.md-hue-3 .md-tab.md-focused, md-tabs.md-hue-3 .md-tab.md-focused,md-tabs.md-default-theme.md-hue-3 .md-tab.md-focused md-icon, md-tabs.md-hue-3 .md-tab.md-focused md-icon{color:rgb(140,158,255)}md-tabs.md-default-theme.md-hue-3 .md-tab.md-focused, md-tabs.md-hue-3 .md-tab.md-focused{background:rgba(140,158,255,0.1)}md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper, md-tabs.md-hue-3.md-primary>md-tabs-wrapper{background-color:rgb(140,158,255)}md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-tabs.md-default-theme.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper{background-color:rgb(140,158,255)}md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(197,202,233)}md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-toolbar>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar), md-toolbar.md-hue-3:not(.md-menu-toolbar){background-color:rgb(140,158,255);color:rgba(0,0,0,0.87)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar) md-icon, md-toolbar.md-hue-3:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,0.87);fill:rgba(0,0,0,0.87)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar) .md-button[disabled] md-icon, md-toolbar.md-hue-3:not(.md-menu-toolbar) .md-button[disabled] md-icon{color:rgba(0,0,0,0.26);fill:rgba(0,0,0,0.26)}</style><style md-theme-style="">.md-button.md-default-theme.md-fab md-icon, .md-button.md-fab md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-fab, .md-button.md-fab{background-color:rgb(255,64,129);color:rgb(255,255,255)}.md-button.md-default-theme.md-fab:not([disabled]) .md-icon, .md-button.md-fab:not([disabled]) .md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-accent, .md-button.md-accent{color:rgb(255,64,129)}.md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab,.md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised{color:rgb(255,255,255);background-color:rgb(255,64,129)}.md-button.md-default-theme.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-accent.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-accent.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-accent.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-accent.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-accent.md-raised:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-accent:not([disabled]) md-icon, .md-button.md-accent:not([disabled]) md-icon{color:rgb(255,64,129)}.md-button.md-default-theme.md-accent[disabled], .md-button.md-accent[disabled],.md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled],.md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled],.md-button.md-default-theme.md-warn[disabled], .md-button.md-warn[disabled],.md-button.md-default-theme[disabled], .md-button[disabled]{color:rgba(0,0,0,0.38);cursor:default}.md-button.md-default-theme.md-accent[disabled] md-icon, .md-button.md-accent[disabled] md-icon,.md-button.md-default-theme.md-fab[disabled] md-icon, .md-button.md-fab[disabled] md-icon,.md-button.md-default-theme.md-raised[disabled] md-icon, .md-button.md-raised[disabled] md-icon,.md-button.md-default-theme.md-warn[disabled] md-icon, .md-button.md-warn[disabled] md-icon,.md-button.md-default-theme[disabled] md-icon, .md-button[disabled] md-icon{color:rgba(0,0,0,0.38)}._md a.md-default-theme:not(.md-button).md-accent:hover, ._md a:not(.md-button).md-accent:hover{color:rgb(194,24,91)}._md a.md-default-theme:not(.md-button).md-accent, ._md a:not(.md-button).md-accent{color:rgb(255,64,129)}._md a.md-default-theme:not(.md-button).md-accent:hover, ._md a:not(.md-button).md-accent:hover{color:rgb(197,17,98)}md-checkbox.md-default-theme .md-ripple, md-checkbox .md-ripple{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-checked.md-focused .md-container:before, md-checkbox.md-checked.md-focused .md-container:before{background-color:rgba(255,64,129,0.26)}md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple{color:rgba(255,64,129,0.87)}md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon{background-color:rgba(255,64,129,0.87)}md-checkbox.md-default-theme.md-checked .md-icon:after, md-checkbox.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-accent .md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-accent .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(255,64,129)}.md-accent .md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-accent .md-datepicker-open .md-datepicker-calendar-icon,.md-default-theme .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-datepicker-open.md-accent .md-datepicker-calendar-icon{color:rgb(255,64,129)}md-icon.md-default-theme.md-accent, md-icon.md-accent{color:rgb(255,64,129)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input, md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-input{border-color:rgb(255,64,129)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-accent label, md-input-container:not(.md-input-invalid).md-input-focused.md-accent label,md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-accent md-icon, md-input-container:not(.md-input-invalid).md-input-focused.md-accent md-icon{color:rgb(255,64,129)}md-list.md-default-theme md-list-item>md-icon.md-highlight.md-accent, md-list md-list-item>md-icon.md-highlight.md-accent{color:rgb(255,64,129)}md-nav-bar.md-default-theme md-nav-ink-bar, md-nav-bar md-nav-ink-bar{color:rgb(255,64,129);background:rgb(255,64,129)}md-progress-circular.md-default-theme.md-accent path, md-progress-circular.md-accent path{stroke:rgb(255,64,129)}md-progress-linear.md-default-theme.md-accent .md-container, md-progress-linear.md-accent .md-container{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-accent .md-bar, md-progress-linear.md-accent .md-bar{background-color:rgb(255,64,129)}md-progress-linear.md-default-theme[md-mode=buffer].md-accent .md-bar1, md-progress-linear[md-mode=buffer].md-accent .md-bar1{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme[md-mode=buffer].md-accent .md-dashed:before, md-progress-linear[md-mode=buffer].md-accent .md-dashed:before{background:radial-gradient(rgb(248,187,208) 0,rgb(248,187,208) 16%,transparent 42%)}md-radio-button.md-default-theme .md-on, md-radio-button .md-on{background-color:rgba(255,64,129,0.87)}md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off{border-color:rgba(255,64,129,0.87)}md-radio-button.md-default-theme.md-checked .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple{color:rgba(255,64,129,0.87)}md-radio-button.md-default-theme .md-container .md-ripple, md-radio-button .md-container .md-ripple{color:rgb(197,17,98)}md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple{color:rgba(255,64,129,0.26)}md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked .md-container:before{background-color:rgba(255,64,129,0.26)}md-select.md-default-theme:not([disabled]):focus.md-accent .md-select-value, md-select:not([disabled]):focus.md-accent .md-select-value{border-bottom-color:rgb(255,64,129)}md-select-menu.md-default-theme md-content md-option[selected].md-accent, md-select-menu md-content md-option[selected].md-accent{color:rgb(255,64,129)}md-select-menu.md-default-theme md-content md-option[selected].md-accent:focus, md-select-menu md-content md-option[selected].md-accent:focus{color:rgb(197,17,98)}md-slider.md-default-theme .md-focus-ring, md-slider .md-focus-ring{background-color:rgba(255,64,129,0.2)}md-slider.md-default-theme .md-track.md-track-fill, md-slider .md-track.md-track-fill{background-color:rgb(255,64,129)}md-slider.md-default-theme .md-thumb:after, md-slider .md-thumb:after{border-color:rgb(255,64,129);background-color:rgb(255,64,129)}md-slider.md-default-theme .md-sign, md-slider .md-sign{background-color:rgb(255,64,129)}md-slider.md-default-theme .md-sign:after, md-slider .md-sign:after{border-top-color:rgb(255,64,129)}md-slider.md-default-theme[md-vertical] .md-sign:after, md-slider[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(255,64,129)}md-slider.md-default-theme .md-thumb-text, md-slider .md-thumb-text{color:rgb(255,255,255)}.md-subheader.md-default-theme.md-accent, .md-subheader.md-accent{color:rgb(255,64,129)}md-switch.md-default-theme.md-checked .md-ink-ripple, md-switch.md-checked .md-ink-ripple{color:rgb(255,64,129)}md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb{background-color:rgb(255,64,129)}md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar{background-color:rgba(255,64,129,0.5)}md-switch.md-default-theme.md-checked.md-focused .md-thumb:before, md-switch.md-checked.md-focused .md-thumb:before{background-color:rgba(255,64,129,0.26)}md-toast.md-default-theme .md-toast-content .md-button.md-highlight, md-toast .md-toast-content .md-button.md-highlight{color:rgb(255,64,129)}md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{color:rgb(255,64,129);background:rgb(255,64,129)}md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container{color:rgb(255,128,171)}md-tabs.md-default-theme.md-accent>md-tabs-wrapper, md-tabs.md-accent>md-tabs-wrapper{background-color:rgb(255,64,129)}md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-tabs.md-default-theme.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-tabs.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper, md-toolbar.md-accent>md-tabs>md-tabs-wrapper{background-color:rgb(255,64,129)}md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-accent>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-toolbar.md-accent>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-default-theme:not(.md-menu-toolbar).md-accent, md-toolbar:not(.md-menu-toolbar).md-accent{background-color:rgb(255,64,129);color:rgb(255,255,255)}md-toolbar.md-default-theme:not(.md-menu-toolbar).md-accent .md-ink-ripple, md-toolbar:not(.md-menu-toolbar).md-accent .md-ink-ripple{color:rgb(255,255,255)}md-toolbar.md-default-theme:not(.md-menu-toolbar).md-accent md-icon, md-toolbar:not(.md-menu-toolbar).md-accent md-icon{color:rgb(255,255,255);fill:rgb(255,255,255)}md-toolbar.md-default-theme:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon, md-toolbar:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-1.md-fab md-icon, .md-button.md-hue-1.md-fab md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-fab, .md-button.md-hue-1.md-fab{background-color:rgb(255,128,171);color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-fab:not([disabled]) .md-icon, .md-button.md-hue-1.md-fab:not([disabled]) .md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-fab:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-1.md-accent, .md-button.md-hue-1.md-accent{color:rgb(255,128,171)}.md-button.md-default-theme.md-hue-1.md-accent.md-fab, .md-button.md-hue-1.md-accent.md-fab,.md-button.md-default-theme.md-hue-1.md-accent.md-raised, .md-button.md-hue-1.md-accent.md-raised{color:rgba(0,0,0,0.87);background-color:rgb(255,128,171)}.md-button.md-default-theme.md-hue-1.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-accent.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-1.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-accent.md-raised:not([disabled]) md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-accent.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-accent.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-1.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-accent.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-accent.md-raised:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-1.md-accent:not([disabled]) md-icon, .md-button.md-hue-1.md-accent:not([disabled]) md-icon{color:rgb(255,128,171)}.md-button.md-default-theme.md-hue-1.md-accent[disabled], .md-button.md-hue-1.md-accent[disabled],.md-button.md-default-theme.md-hue-1.md-fab[disabled], .md-button.md-hue-1.md-fab[disabled],.md-button.md-default-theme.md-hue-1.md-raised[disabled], .md-button.md-hue-1.md-raised[disabled],.md-button.md-default-theme.md-hue-1.md-warn[disabled], .md-button.md-hue-1.md-warn[disabled],.md-button.md-default-theme.md-hue-1[disabled], .md-button.md-hue-1[disabled]{color:rgba(0,0,0,0.38);cursor:default}.md-button.md-default-theme.md-hue-1.md-accent[disabled] md-icon, .md-button.md-hue-1.md-accent[disabled] md-icon,.md-button.md-default-theme.md-hue-1.md-fab[disabled] md-icon, .md-button.md-hue-1.md-fab[disabled] md-icon,.md-button.md-default-theme.md-hue-1.md-raised[disabled] md-icon, .md-button.md-hue-1.md-raised[disabled] md-icon,.md-button.md-default-theme.md-hue-1.md-warn[disabled] md-icon, .md-button.md-hue-1.md-warn[disabled] md-icon,.md-button.md-default-theme.md-hue-1[disabled] md-icon, .md-button.md-hue-1[disabled] md-icon{color:rgba(0,0,0,0.38)}._md a.md-default-theme.md-hue-1:not(.md-button).md-accent:hover, ._md a.md-hue-1:not(.md-button).md-accent:hover{color:rgb(194,24,91)}._md a.md-default-theme.md-hue-1:not(.md-button).md-accent, ._md a.md-hue-1:not(.md-button).md-accent{color:rgb(255,128,171)}._md a.md-default-theme.md-hue-1:not(.md-button).md-accent:hover, ._md a.md-hue-1:not(.md-button).md-accent:hover{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-1 .md-ripple, md-checkbox.md-hue-1 .md-ripple{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-1.md-checked.md-focused .md-container:before, md-checkbox.md-hue-1.md-checked.md-focused .md-container:before{background-color:rgba(255,128,171,0.26)}md-checkbox.md-default-theme.md-hue-1.md-checked .md-ink-ripple, md-checkbox.md-hue-1.md-checked .md-ink-ripple{color:rgba(255,128,171,0.87)}md-checkbox.md-default-theme.md-hue-1.md-checked .md-icon, md-checkbox.md-hue-1.md-checked .md-icon{background-color:rgba(255,128,171,0.87)}md-checkbox.md-default-theme.md-hue-1.md-checked .md-icon:after, md-checkbox.md-hue-1.md-checked .md-icon:after{border-color:rgba(0,0,0,0.87)}.md-accent .md-default-theme.md-hue-1 .md-datepicker-input-container.md-datepicker-focused, .md-accent .md-hue-1 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(255,128,171)}.md-accent .md-default-theme.md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon, .md-accent .md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon,.md-default-theme.md-hue-1 .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-hue-1 .md-datepicker-open.md-accent .md-datepicker-calendar-icon{color:rgb(255,128,171)}md-icon.md-default-theme.md-hue-1.md-accent, md-icon.md-hue-1.md-accent{color:rgb(255,128,171)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent .md-input, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent .md-input{border-color:rgb(255,128,171)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent label, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent label,md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent md-icon, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent md-icon{color:rgb(255,128,171)}md-list.md-default-theme.md-hue-1 md-list-item>md-icon.md-highlight.md-accent, md-list.md-hue-1 md-list-item>md-icon.md-highlight.md-accent{color:rgb(255,128,171)}md-nav-bar.md-default-theme.md-hue-1 md-nav-ink-bar, md-nav-bar.md-hue-1 md-nav-ink-bar{color:rgb(255,128,171);background:rgb(255,128,171)}md-progress-circular.md-default-theme.md-hue-1.md-accent path, md-progress-circular.md-hue-1.md-accent path{stroke:rgb(255,128,171)}md-progress-linear.md-default-theme.md-hue-1.md-accent .md-container, md-progress-linear.md-hue-1.md-accent .md-container{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-1.md-accent .md-bar, md-progress-linear.md-hue-1.md-accent .md-bar{background-color:rgb(255,128,171)}md-progress-linear.md-default-theme.md-hue-1[md-mode=buffer].md-accent .md-bar1, md-progress-linear.md-hue-1[md-mode=buffer].md-accent .md-bar1{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-1[md-mode=buffer].md-accent .md-dashed:before, md-progress-linear.md-hue-1[md-mode=buffer].md-accent .md-dashed:before{background:radial-gradient(rgb(248,187,208) 0,rgb(248,187,208) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-1 .md-on, md-radio-button.md-hue-1 .md-on{background-color:rgba(255,128,171,0.87)}md-radio-button.md-default-theme.md-hue-1.md-checked .md-off, md-radio-button.md-hue-1.md-checked .md-off{border-color:rgba(255,128,171,0.87)}md-radio-button.md-default-theme.md-hue-1.md-checked .md-ink-ripple, md-radio-button.md-hue-1.md-checked .md-ink-ripple{color:rgba(255,128,171,0.87)}md-radio-button.md-default-theme.md-hue-1 .md-container .md-ripple, md-radio-button.md-hue-1 .md-container .md-ripple{color:rgb(197,17,98)}md-radio-group.md-default-theme.md-hue-1 .md-checked .md-ink-ripple, md-radio-group.md-hue-1 .md-checked .md-ink-ripple{color:rgba(255,128,171,0.26)}md-radio-group.md-default-theme.md-hue-1.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked .md-container:before{background-color:rgba(255,128,171,0.26)}md-select.md-default-theme.md-hue-1:not([disabled]):focus.md-accent .md-select-value, md-select.md-hue-1:not([disabled]):focus.md-accent .md-select-value{border-bottom-color:rgb(255,128,171)}md-select-menu.md-default-theme.md-hue-1 md-content md-option[selected].md-accent, md-select-menu.md-hue-1 md-content md-option[selected].md-accent{color:rgb(255,128,171)}md-select-menu.md-default-theme.md-hue-1 md-content md-option[selected].md-accent:focus, md-select-menu.md-hue-1 md-content md-option[selected].md-accent:focus{color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-1 .md-focus-ring, md-slider.md-hue-1 .md-focus-ring{background-color:rgba(255,64,129,0.2)}md-slider.md-default-theme.md-hue-1 .md-track.md-track-fill, md-slider.md-hue-1 .md-track.md-track-fill{background-color:rgb(255,128,171)}md-slider.md-default-theme.md-hue-1 .md-thumb:after, md-slider.md-hue-1 .md-thumb:after{border-color:rgb(255,128,171);background-color:rgb(255,128,171)}md-slider.md-default-theme.md-hue-1 .md-sign, md-slider.md-hue-1 .md-sign{background-color:rgb(255,128,171)}md-slider.md-default-theme.md-hue-1 .md-sign:after, md-slider.md-hue-1 .md-sign:after{border-top-color:rgb(255,128,171)}md-slider.md-default-theme.md-hue-1[md-vertical] .md-sign:after, md-slider.md-hue-1[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(255,128,171)}md-slider.md-default-theme.md-hue-1 .md-thumb-text, md-slider.md-hue-1 .md-thumb-text{color:rgba(0,0,0,0.87)}.md-subheader.md-default-theme.md-hue-1.md-accent, .md-subheader.md-hue-1.md-accent{color:rgb(255,128,171)}md-switch.md-default-theme.md-hue-1.md-checked .md-ink-ripple, md-switch.md-hue-1.md-checked .md-ink-ripple{color:rgb(255,128,171)}md-switch.md-default-theme.md-hue-1.md-checked .md-thumb, md-switch.md-hue-1.md-checked .md-thumb{background-color:rgb(255,128,171)}md-switch.md-default-theme.md-hue-1.md-checked .md-bar, md-switch.md-hue-1.md-checked .md-bar{background-color:rgba(255,128,171,0.5)}md-switch.md-default-theme.md-hue-1.md-checked.md-focused .md-thumb:before, md-switch.md-hue-1.md-checked.md-focused .md-thumb:before{background-color:rgba(255,128,171,0.26)}md-toast.md-default-theme.md-hue-1 .md-toast-content .md-button.md-highlight, md-toast.md-hue-1 .md-toast-content .md-button.md-highlight{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-1 md-ink-bar, md-tabs.md-hue-1 md-ink-bar{color:rgb(255,128,171);background:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-1 .md-tab .md-ripple-container, md-tabs.md-hue-1 .md-tab .md-ripple-container{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper, md-tabs.md-hue-1.md-accent>md-tabs-wrapper{background-color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-tabs.md-default-theme.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-tabs.md-hue-1.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper{background-color:rgb(255,128,171)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-toolbar.md-accent>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar).md-accent, md-toolbar.md-hue-1:not(.md-menu-toolbar).md-accent{background-color:rgb(255,128,171);color:rgba(0,0,0,0.87)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar).md-accent .md-ink-ripple, md-toolbar.md-hue-1:not(.md-menu-toolbar).md-accent .md-ink-ripple{color:rgba(0,0,0,0.87)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar).md-accent md-icon, md-toolbar.md-hue-1:not(.md-menu-toolbar).md-accent md-icon{color:rgba(0,0,0,0.87);fill:rgba(0,0,0,0.87)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon, md-toolbar.md-hue-1:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon{color:rgba(0,0,0,0.26);fill:rgba(0,0,0,0.26)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-2.md-fab md-icon, .md-button.md-hue-2.md-fab md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-2.md-fab, .md-button.md-hue-2.md-fab{background-color:rgb(245,0,87);color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-2.md-fab:not([disabled]) .md-icon, .md-button.md-hue-2.md-fab:not([disabled]) .md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-2.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-fab:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-2.md-accent, .md-button.md-hue-2.md-accent{color:rgb(245,0,87)}.md-button.md-default-theme.md-hue-2.md-accent.md-fab, .md-button.md-hue-2.md-accent.md-fab,.md-button.md-default-theme.md-hue-2.md-accent.md-raised, .md-button.md-hue-2.md-accent.md-raised{color:rgb(255,255,255);background-color:rgb(245,0,87)}.md-button.md-default-theme.md-hue-2.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-accent.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-2.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-accent.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-2.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-accent.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-accent.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-2.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-accent.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-accent.md-raised:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-2.md-accent:not([disabled]) md-icon, .md-button.md-hue-2.md-accent:not([disabled]) md-icon{color:rgb(245,0,87)}.md-button.md-default-theme.md-hue-2.md-accent[disabled], .md-button.md-hue-2.md-accent[disabled],.md-button.md-default-theme.md-hue-2.md-fab[disabled], .md-button.md-hue-2.md-fab[disabled],.md-button.md-default-theme.md-hue-2.md-raised[disabled], .md-button.md-hue-2.md-raised[disabled],.md-button.md-default-theme.md-hue-2.md-warn[disabled], .md-button.md-hue-2.md-warn[disabled],.md-button.md-default-theme.md-hue-2[disabled], .md-button.md-hue-2[disabled]{color:rgba(0,0,0,0.38);cursor:default}.md-button.md-default-theme.md-hue-2.md-accent[disabled] md-icon, .md-button.md-hue-2.md-accent[disabled] md-icon,.md-button.md-default-theme.md-hue-2.md-fab[disabled] md-icon, .md-button.md-hue-2.md-fab[disabled] md-icon,.md-button.md-default-theme.md-hue-2.md-raised[disabled] md-icon, .md-button.md-hue-2.md-raised[disabled] md-icon,.md-button.md-default-theme.md-hue-2.md-warn[disabled] md-icon, .md-button.md-hue-2.md-warn[disabled] md-icon,.md-button.md-default-theme.md-hue-2[disabled] md-icon, .md-button.md-hue-2[disabled] md-icon{color:rgba(0,0,0,0.38)}._md a.md-default-theme.md-hue-2:not(.md-button).md-accent:hover, ._md a.md-hue-2:not(.md-button).md-accent:hover{color:rgb(194,24,91)}._md a.md-default-theme.md-hue-2:not(.md-button).md-accent, ._md a.md-hue-2:not(.md-button).md-accent{color:rgb(245,0,87)}._md a.md-default-theme.md-hue-2:not(.md-button).md-accent:hover, ._md a.md-hue-2:not(.md-button).md-accent:hover{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-2 .md-ripple, md-checkbox.md-hue-2 .md-ripple{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-2.md-checked.md-focused .md-container:before, md-checkbox.md-hue-2.md-checked.md-focused .md-container:before{background-color:rgba(245,0,87,0.26)}md-checkbox.md-default-theme.md-hue-2.md-checked .md-ink-ripple, md-checkbox.md-hue-2.md-checked .md-ink-ripple{color:rgba(245,0,87,0.87)}md-checkbox.md-default-theme.md-hue-2.md-checked .md-icon, md-checkbox.md-hue-2.md-checked .md-icon{background-color:rgba(245,0,87,0.87)}md-checkbox.md-default-theme.md-hue-2.md-checked .md-icon:after, md-checkbox.md-hue-2.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-accent .md-default-theme.md-hue-2 .md-datepicker-input-container.md-datepicker-focused, .md-accent .md-hue-2 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(245,0,87)}.md-accent .md-default-theme.md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon, .md-accent .md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon,.md-default-theme.md-hue-2 .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-hue-2 .md-datepicker-open.md-accent .md-datepicker-calendar-icon{color:rgb(245,0,87)}md-icon.md-default-theme.md-hue-2.md-accent, md-icon.md-hue-2.md-accent{color:rgb(245,0,87)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent .md-input, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent .md-input{border-color:rgb(245,0,87)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent label, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent label,md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent md-icon, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent md-icon{color:rgb(245,0,87)}md-list.md-default-theme.md-hue-2 md-list-item>md-icon.md-highlight.md-accent, md-list.md-hue-2 md-list-item>md-icon.md-highlight.md-accent{color:rgb(245,0,87)}md-nav-bar.md-default-theme.md-hue-2 md-nav-ink-bar, md-nav-bar.md-hue-2 md-nav-ink-bar{color:rgb(245,0,87);background:rgb(245,0,87)}md-progress-circular.md-default-theme.md-hue-2.md-accent path, md-progress-circular.md-hue-2.md-accent path{stroke:rgb(245,0,87)}md-progress-linear.md-default-theme.md-hue-2.md-accent .md-container, md-progress-linear.md-hue-2.md-accent .md-container{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-2.md-accent .md-bar, md-progress-linear.md-hue-2.md-accent .md-bar{background-color:rgb(245,0,87)}md-progress-linear.md-default-theme.md-hue-2[md-mode=buffer].md-accent .md-bar1, md-progress-linear.md-hue-2[md-mode=buffer].md-accent .md-bar1{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-2[md-mode=buffer].md-accent .md-dashed:before, md-progress-linear.md-hue-2[md-mode=buffer].md-accent .md-dashed:before{background:radial-gradient(rgb(248,187,208) 0,rgb(248,187,208) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-2 .md-on, md-radio-button.md-hue-2 .md-on{background-color:rgba(245,0,87,0.87)}md-radio-button.md-default-theme.md-hue-2.md-checked .md-off, md-radio-button.md-hue-2.md-checked .md-off{border-color:rgba(245,0,87,0.87)}md-radio-button.md-default-theme.md-hue-2.md-checked .md-ink-ripple, md-radio-button.md-hue-2.md-checked .md-ink-ripple{color:rgba(245,0,87,0.87)}md-radio-button.md-default-theme.md-hue-2 .md-container .md-ripple, md-radio-button.md-hue-2 .md-container .md-ripple{color:rgb(197,17,98)}md-radio-group.md-default-theme.md-hue-2 .md-checked .md-ink-ripple, md-radio-group.md-hue-2 .md-checked .md-ink-ripple{color:rgba(245,0,87,0.26)}md-radio-group.md-default-theme.md-hue-2.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked .md-container:before{background-color:rgba(245,0,87,0.26)}md-select.md-default-theme.md-hue-2:not([disabled]):focus.md-accent .md-select-value, md-select.md-hue-2:not([disabled]):focus.md-accent .md-select-value{border-bottom-color:rgb(245,0,87)}md-select-menu.md-default-theme.md-hue-2 md-content md-option[selected].md-accent, md-select-menu.md-hue-2 md-content md-option[selected].md-accent{color:rgb(245,0,87)}md-select-menu.md-default-theme.md-hue-2 md-content md-option[selected].md-accent:focus, md-select-menu.md-hue-2 md-content md-option[selected].md-accent:focus{color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-2 .md-focus-ring, md-slider.md-hue-2 .md-focus-ring{background-color:rgba(255,64,129,0.2)}md-slider.md-default-theme.md-hue-2 .md-track.md-track-fill, md-slider.md-hue-2 .md-track.md-track-fill{background-color:rgb(245,0,87)}md-slider.md-default-theme.md-hue-2 .md-thumb:after, md-slider.md-hue-2 .md-thumb:after{border-color:rgb(245,0,87);background-color:rgb(245,0,87)}md-slider.md-default-theme.md-hue-2 .md-sign, md-slider.md-hue-2 .md-sign{background-color:rgb(245,0,87)}md-slider.md-default-theme.md-hue-2 .md-sign:after, md-slider.md-hue-2 .md-sign:after{border-top-color:rgb(245,0,87)}md-slider.md-default-theme.md-hue-2[md-vertical] .md-sign:after, md-slider.md-hue-2[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(245,0,87)}md-slider.md-default-theme.md-hue-2 .md-thumb-text, md-slider.md-hue-2 .md-thumb-text{color:rgb(255,255,255)}.md-subheader.md-default-theme.md-hue-2.md-accent, .md-subheader.md-hue-2.md-accent{color:rgb(245,0,87)}md-switch.md-default-theme.md-hue-2.md-checked .md-ink-ripple, md-switch.md-hue-2.md-checked .md-ink-ripple{color:rgb(245,0,87)}md-switch.md-default-theme.md-hue-2.md-checked .md-thumb, md-switch.md-hue-2.md-checked .md-thumb{background-color:rgb(245,0,87)}md-switch.md-default-theme.md-hue-2.md-checked .md-bar, md-switch.md-hue-2.md-checked .md-bar{background-color:rgba(245,0,87,0.5)}md-switch.md-default-theme.md-hue-2.md-checked.md-focused .md-thumb:before, md-switch.md-hue-2.md-checked.md-focused .md-thumb:before{background-color:rgba(245,0,87,0.26)}md-toast.md-default-theme.md-hue-2 .md-toast-content .md-button.md-highlight, md-toast.md-hue-2 .md-toast-content .md-button.md-highlight{color:rgb(245,0,87)}md-tabs.md-default-theme.md-hue-2 md-ink-bar, md-tabs.md-hue-2 md-ink-bar{color:rgb(245,0,87);background:rgb(245,0,87)}md-tabs.md-default-theme.md-hue-2 .md-tab .md-ripple-container, md-tabs.md-hue-2 .md-tab .md-ripple-container{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper, md-tabs.md-hue-2.md-accent>md-tabs-wrapper{background-color:rgb(245,0,87)}md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-tabs.md-default-theme.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-tabs.md-hue-2.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper{background-color:rgb(245,0,87)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-toolbar.md-accent>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-accent, md-toolbar.md-hue-2:not(.md-menu-toolbar).md-accent{background-color:rgb(245,0,87);color:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-accent .md-ink-ripple, md-toolbar.md-hue-2:not(.md-menu-toolbar).md-accent .md-ink-ripple{color:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-accent md-icon, md-toolbar.md-hue-2:not(.md-menu-toolbar).md-accent md-icon{color:rgb(255,255,255);fill:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon, md-toolbar.md-hue-2:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-3.md-fab md-icon, .md-button.md-hue-3.md-fab md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-3.md-fab, .md-button.md-hue-3.md-fab{background-color:rgb(197,17,98);color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-3.md-fab:not([disabled]) .md-icon, .md-button.md-hue-3.md-fab:not([disabled]) .md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-3.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-fab:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-3.md-accent, .md-button.md-hue-3.md-accent{color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-3.md-accent.md-fab, .md-button.md-hue-3.md-accent.md-fab,.md-button.md-default-theme.md-hue-3.md-accent.md-raised, .md-button.md-hue-3.md-accent.md-raised{color:rgb(255,255,255);background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-3.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-accent.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-3.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-accent.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-3.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-accent.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-accent.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-3.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-accent.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-accent.md-raised:not([disabled]):hover{background-color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-3.md-accent:not([disabled]) md-icon, .md-button.md-hue-3.md-accent:not([disabled]) md-icon{color:rgb(197,17,98)}.md-button.md-default-theme.md-hue-3.md-accent[disabled], .md-button.md-hue-3.md-accent[disabled],.md-button.md-default-theme.md-hue-3.md-fab[disabled], .md-button.md-hue-3.md-fab[disabled],.md-button.md-default-theme.md-hue-3.md-raised[disabled], .md-button.md-hue-3.md-raised[disabled],.md-button.md-default-theme.md-hue-3.md-warn[disabled], .md-button.md-hue-3.md-warn[disabled],.md-button.md-default-theme.md-hue-3[disabled], .md-button.md-hue-3[disabled]{color:rgba(0,0,0,0.38);cursor:default}.md-button.md-default-theme.md-hue-3.md-accent[disabled] md-icon, .md-button.md-hue-3.md-accent[disabled] md-icon,.md-button.md-default-theme.md-hue-3.md-fab[disabled] md-icon, .md-button.md-hue-3.md-fab[disabled] md-icon,.md-button.md-default-theme.md-hue-3.md-raised[disabled] md-icon, .md-button.md-hue-3.md-raised[disabled] md-icon,.md-button.md-default-theme.md-hue-3.md-warn[disabled] md-icon, .md-button.md-hue-3.md-warn[disabled] md-icon,.md-button.md-default-theme.md-hue-3[disabled] md-icon, .md-button.md-hue-3[disabled] md-icon{color:rgba(0,0,0,0.38)}._md a.md-default-theme.md-hue-3:not(.md-button).md-accent:hover, ._md a.md-hue-3:not(.md-button).md-accent:hover{color:rgb(194,24,91)}._md a.md-default-theme.md-hue-3:not(.md-button).md-accent, ._md a.md-hue-3:not(.md-button).md-accent{color:rgb(197,17,98)}._md a.md-default-theme.md-hue-3:not(.md-button).md-accent:hover, ._md a.md-hue-3:not(.md-button).md-accent:hover{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-3 .md-ripple, md-checkbox.md-hue-3 .md-ripple{color:rgb(197,17,98)}md-checkbox.md-default-theme.md-hue-3.md-checked.md-focused .md-container:before, md-checkbox.md-hue-3.md-checked.md-focused .md-container:before{background-color:rgba(197,17,98,0.26)}md-checkbox.md-default-theme.md-hue-3.md-checked .md-ink-ripple, md-checkbox.md-hue-3.md-checked .md-ink-ripple{color:rgba(197,17,98,0.87)}md-checkbox.md-default-theme.md-hue-3.md-checked .md-icon, md-checkbox.md-hue-3.md-checked .md-icon{background-color:rgba(197,17,98,0.87)}md-checkbox.md-default-theme.md-hue-3.md-checked .md-icon:after, md-checkbox.md-hue-3.md-checked .md-icon:after{border-color:rgba(255,255,255,0.87)}.md-accent .md-default-theme.md-hue-3 .md-datepicker-input-container.md-datepicker-focused, .md-accent .md-hue-3 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(197,17,98)}.md-accent .md-default-theme.md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon, .md-accent .md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon,.md-default-theme.md-hue-3 .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-hue-3 .md-datepicker-open.md-accent .md-datepicker-calendar-icon{color:rgb(197,17,98)}md-icon.md-default-theme.md-hue-3.md-accent, md-icon.md-hue-3.md-accent{color:rgb(197,17,98)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent .md-input, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent .md-input{border-color:rgb(197,17,98)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent label, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent label,md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent md-icon, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent md-icon{color:rgb(197,17,98)}md-list.md-default-theme.md-hue-3 md-list-item>md-icon.md-highlight.md-accent, md-list.md-hue-3 md-list-item>md-icon.md-highlight.md-accent{color:rgb(197,17,98)}md-nav-bar.md-default-theme.md-hue-3 md-nav-ink-bar, md-nav-bar.md-hue-3 md-nav-ink-bar{color:rgb(197,17,98);background:rgb(197,17,98)}md-progress-circular.md-default-theme.md-hue-3.md-accent path, md-progress-circular.md-hue-3.md-accent path{stroke:rgb(197,17,98)}md-progress-linear.md-default-theme.md-hue-3.md-accent .md-container, md-progress-linear.md-hue-3.md-accent .md-container{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-3.md-accent .md-bar, md-progress-linear.md-hue-3.md-accent .md-bar{background-color:rgb(197,17,98)}md-progress-linear.md-default-theme.md-hue-3[md-mode=buffer].md-accent .md-bar1, md-progress-linear.md-hue-3[md-mode=buffer].md-accent .md-bar1{background-color:rgb(248,187,208)}md-progress-linear.md-default-theme.md-hue-3[md-mode=buffer].md-accent .md-dashed:before, md-progress-linear.md-hue-3[md-mode=buffer].md-accent .md-dashed:before{background:radial-gradient(rgb(248,187,208) 0,rgb(248,187,208) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-3 .md-on, md-radio-button.md-hue-3 .md-on{background-color:rgba(197,17,98,0.87)}md-radio-button.md-default-theme.md-hue-3.md-checked .md-off, md-radio-button.md-hue-3.md-checked .md-off{border-color:rgba(197,17,98,0.87)}md-radio-button.md-default-theme.md-hue-3.md-checked .md-ink-ripple, md-radio-button.md-hue-3.md-checked .md-ink-ripple{color:rgba(197,17,98,0.87)}md-radio-button.md-default-theme.md-hue-3 .md-container .md-ripple, md-radio-button.md-hue-3 .md-container .md-ripple{color:rgb(197,17,98)}md-radio-group.md-default-theme.md-hue-3 .md-checked .md-ink-ripple, md-radio-group.md-hue-3 .md-checked .md-ink-ripple{color:rgba(197,17,98,0.26)}md-radio-group.md-default-theme.md-hue-3.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked .md-container:before{background-color:rgba(197,17,98,0.26)}md-select.md-default-theme.md-hue-3:not([disabled]):focus.md-accent .md-select-value, md-select.md-hue-3:not([disabled]):focus.md-accent .md-select-value{border-bottom-color:rgb(197,17,98)}md-select-menu.md-default-theme.md-hue-3 md-content md-option[selected].md-accent, md-select-menu.md-hue-3 md-content md-option[selected].md-accent{color:rgb(197,17,98)}md-select-menu.md-default-theme.md-hue-3 md-content md-option[selected].md-accent:focus, md-select-menu.md-hue-3 md-content md-option[selected].md-accent:focus{color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3 .md-focus-ring, md-slider.md-hue-3 .md-focus-ring{background-color:rgba(255,64,129,0.2)}md-slider.md-default-theme.md-hue-3 .md-track.md-track-fill, md-slider.md-hue-3 .md-track.md-track-fill{background-color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3 .md-thumb:after, md-slider.md-hue-3 .md-thumb:after{border-color:rgb(197,17,98);background-color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3 .md-sign, md-slider.md-hue-3 .md-sign{background-color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3 .md-sign:after, md-slider.md-hue-3 .md-sign:after{border-top-color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3[md-vertical] .md-sign:after, md-slider.md-hue-3[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(197,17,98)}md-slider.md-default-theme.md-hue-3 .md-thumb-text, md-slider.md-hue-3 .md-thumb-text{color:rgb(255,255,255)}.md-subheader.md-default-theme.md-hue-3.md-accent, .md-subheader.md-hue-3.md-accent{color:rgb(197,17,98)}md-switch.md-default-theme.md-hue-3.md-checked .md-ink-ripple, md-switch.md-hue-3.md-checked .md-ink-ripple{color:rgb(197,17,98)}md-switch.md-default-theme.md-hue-3.md-checked .md-thumb, md-switch.md-hue-3.md-checked .md-thumb{background-color:rgb(197,17,98)}md-switch.md-default-theme.md-hue-3.md-checked .md-bar, md-switch.md-hue-3.md-checked .md-bar{background-color:rgba(197,17,98,0.5)}md-switch.md-default-theme.md-hue-3.md-checked.md-focused .md-thumb:before, md-switch.md-hue-3.md-checked.md-focused .md-thumb:before{background-color:rgba(197,17,98,0.26)}md-toast.md-default-theme.md-hue-3 .md-toast-content .md-button.md-highlight, md-toast.md-hue-3 .md-toast-content .md-button.md-highlight{color:rgb(197,17,98)}md-tabs.md-default-theme.md-hue-3 md-ink-bar, md-tabs.md-hue-3 md-ink-bar{color:rgb(197,17,98);background:rgb(197,17,98)}md-tabs.md-default-theme.md-hue-3 .md-tab .md-ripple-container, md-tabs.md-hue-3 .md-tab .md-ripple-container{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper, md-tabs.md-hue-3.md-accent>md-tabs-wrapper{background-color:rgb(197,17,98)}md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-tabs.md-default-theme.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-tabs.md-hue-3.md-accent>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper{background-color:rgb(197,17,98)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,128,171)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-accent>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar, md-toolbar.md-accent>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar{color:rgba(57,73,171,1);background:rgba(57,73,171,1)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar).md-accent, md-toolbar.md-hue-3:not(.md-menu-toolbar).md-accent{background-color:rgb(197,17,98);color:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar).md-accent .md-ink-ripple, md-toolbar.md-hue-3:not(.md-menu-toolbar).md-accent .md-ink-ripple{color:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar).md-accent md-icon, md-toolbar.md-hue-3:not(.md-menu-toolbar).md-accent md-icon{color:rgb(255,255,255);fill:rgb(255,255,255)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon, md-toolbar.md-hue-3:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon{color:rgba(255,255,255,0.26);fill:rgba(255,255,255,0.26)}</style><style md-theme-style="">.md-button.md-default-theme.md-warn, .md-button.md-warn{color:rgb(255,87,34)}.md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab,.md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised{color:rgb(255,255,255);background-color:rgb(255,87,34)}.md-button.md-default-theme.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-warn.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-warn.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-warn.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-warn.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover{background-color:rgb(244,81,30)}.md-button.md-default-theme.md-warn:not([disabled]) md-icon, .md-button.md-warn:not([disabled]) md-icon{color:rgb(255,87,34)}._md a.md-default-theme:not(.md-button).md-warn, ._md a:not(.md-button).md-warn{color:rgb(255,87,34)}._md a.md-default-theme:not(.md-button).md-warn:hover, ._md a:not(.md-button).md-warn:hover{color:rgb(230,74,25)}md-checkbox.md-default-theme:not([disabled]).md-warn .md-ripple, md-checkbox:not([disabled]).md-warn .md-ripple{color:rgb(244,81,30)}md-checkbox.md-default-theme:not([disabled]).md-warn .md-ink-ripple, md-checkbox:not([disabled]).md-warn .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not([disabled]).md-warn.md-checked .md-ink-ripple, md-checkbox:not([disabled]).md-warn.md-checked .md-ink-ripple{color:rgba(255,87,34,0.87)}md-checkbox.md-default-theme:not([disabled]).md-warn:not(.md-checked) .md-icon, md-checkbox:not([disabled]).md-warn:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme:not([disabled]).md-warn.md-checked .md-icon, md-checkbox:not([disabled]).md-warn.md-checked .md-icon{background-color:rgba(255,87,34,0.87)}md-checkbox.md-default-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before, md-checkbox:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before{background-color:rgba(255,87,34,0.26)}md-checkbox.md-default-theme:not([disabled]).md-warn.md-checked .md-icon:after, md-checkbox:not([disabled]).md-warn.md-checked .md-icon:after{border-color:rgb(238,238,238)}.md-default-theme .md-datepicker-input-container.md-datepicker-invalid, .md-datepicker-input-container.md-datepicker-invalid,.md-warn .md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-warn .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(221,44,0)}.md-default-theme .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-datepicker-open.md-warn .md-datepicker-calendar-icon,.md-warn .md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-warn .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(221,44,0)}md-icon.md-default-theme.md-warn, md-icon.md-warn{color:rgb(255,87,34)}md-input-container.md-default-theme label.md-required:after, md-input-container label.md-required:after{color:rgb(221,44,0)}md-input-container.md-default-theme .md-input-message-animation, md-input-container .md-input-message-animation,md-input-container.md-default-theme .md-input-messages-animation, md-input-container .md-input-messages-animation{color:rgb(221,44,0)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input, md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-warn label, md-input-container:not(.md-input-invalid).md-input-focused.md-warn label,md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-warn md-icon, md-input-container:not(.md-input-invalid).md-input-focused.md-warn md-icon{color:rgb(221,44,0)}md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-input-invalid .md-char-counter, md-input-container.md-input-invalid .md-char-counter,md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, md-input-container.md-input-invalid .md-input-message-animation,md-input-container.md-default-theme.md-input-invalid label, md-input-container.md-input-invalid label{color:rgb(221,44,0)}md-progress-circular.md-default-theme.md-warn path, md-progress-circular.md-warn path{stroke:rgb(255,87,34)}md-progress-linear.md-default-theme.md-warn .md-container, md-progress-linear.md-warn .md-container{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-warn .md-bar, md-progress-linear.md-warn .md-bar{background-color:rgb(255,87,34)}md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-bar1, md-progress-linear[md-mode=buffer].md-warn .md-bar1{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-dashed:before, md-progress-linear[md-mode=buffer].md-warn .md-dashed:before{background:radial-gradient(rgb(255,204,188) 0,rgb(255,204,188) 16%,transparent 42%)}md-radio-button.md-default-theme:not([disabled]).md-warn .md-on, md-radio-button:not([disabled]).md-warn .md-on,md-radio-button.md-default-theme:not([disabled]) .md-warn .md-on, md-radio-button:not([disabled]) .md-warn .md-on,md-radio-group.md-default-theme:not([disabled]).md-warn .md-on, md-radio-group:not([disabled]).md-warn .md-on,md-radio-group.md-default-theme:not([disabled]) .md-warn .md-on, md-radio-group:not([disabled]) .md-warn .md-on{background-color:rgba(255,87,34,0.87)}md-radio-button.md-default-theme:not([disabled]).md-warn.md-checked .md-off, md-radio-button:not([disabled]).md-warn.md-checked .md-off,md-radio-button.md-default-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-button:not([disabled]) .md-warn.md-checked .md-off,md-radio-button.md-default-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-button:not([disabled]).md-warn .md-checked .md-off,md-radio-button.md-default-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-button:not([disabled]) .md-warn .md-checked .md-off,md-radio-group.md-default-theme:not([disabled]).md-warn.md-checked .md-off, md-radio-group:not([disabled]).md-warn.md-checked .md-off,md-radio-group.md-default-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-group:not([disabled]) .md-warn.md-checked .md-off,md-radio-group.md-default-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-group:not([disabled]).md-warn .md-checked .md-off,md-radio-group.md-default-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-group:not([disabled]) .md-warn .md-checked .md-off{border-color:rgba(255,87,34,0.87)}md-radio-button.md-default-theme:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-button.md-default-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-warn .md-checked .md-ink-ripple{color:rgba(255,87,34,0.87)}md-radio-button.md-default-theme:not([disabled]).md-warn .md-container .md-ripple, md-radio-button:not([disabled]).md-warn .md-container .md-ripple,md-radio-button.md-default-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button:not([disabled]) .md-warn .md-container .md-ripple,md-radio-group.md-default-theme:not([disabled]).md-warn .md-container .md-ripple, md-radio-group:not([disabled]).md-warn .md-container .md-ripple,md-radio-group.md-default-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group:not([disabled]) .md-warn .md-container .md-ripple{color:rgb(244,81,30)}md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked.md-warn .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked.md-warn .md-container:before,md-radio-group.md-default-theme.md-focused:not(:empty).md-warn .md-checked .md-container:before, md-radio-group.md-focused:not(:empty).md-warn .md-checked .md-container:before{background-color:rgba(255,87,34,0.26)}md-input-container md-select.md-default-theme .md-select-value span:first-child:after, md-input-container md-select .md-select-value span:first-child:after{color:rgb(221,44,0)}md-input-container.md-input-invalid md-select.md-default-theme .md-select-value, md-input-container.md-input-invalid md-select .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme .md-select-value span:first-child:after, md-select .md-select-value span:first-child:after{color:rgb(221,44,0)}md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme:not([disabled]):focus.md-warn .md-select-value, md-select:not([disabled]):focus.md-warn .md-select-value{border-bottom-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn .md-focus-ring, md-slider.md-warn .md-focus-ring{background-color:rgba(255,171,145,0.38)}md-slider.md-default-theme.md-warn .md-track.md-track-fill, md-slider.md-warn .md-track.md-track-fill{background-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn .md-thumb:after, md-slider.md-warn .md-thumb:after{border-color:rgb(255,87,34);background-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn .md-sign, md-slider.md-warn .md-sign{background-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn .md-sign:after, md-slider.md-warn .md-sign:after{border-top-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn[md-vertical] .md-sign:after, md-slider.md-warn[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(255,87,34)}md-slider.md-default-theme.md-warn .md-thumb-text, md-slider.md-warn .md-thumb-text{color:rgb(255,255,255)}.md-subheader.md-default-theme.md-warn, .md-subheader.md-warn{color:rgb(255,87,34)}md-switch.md-default-theme.md-checked.md-warn .md-ink-ripple, md-switch.md-checked.md-warn .md-ink-ripple{color:rgb(255,87,34)}md-switch.md-default-theme.md-checked.md-warn .md-thumb, md-switch.md-checked.md-warn .md-thumb{background-color:rgb(255,87,34)}md-switch.md-default-theme.md-checked.md-warn .md-bar, md-switch.md-checked.md-warn .md-bar{background-color:rgba(255,87,34,0.5)}md-switch.md-default-theme.md-checked.md-warn.md-focused .md-thumb:before, md-switch.md-checked.md-warn.md-focused .md-thumb:before{background-color:rgba(255,87,34,0.26)}md-toast.md-default-theme .md-toast-content .md-button.md-highlight.md-warn, md-toast .md-toast-content .md-button.md-highlight.md-warn{color:rgb(255,87,34)}md-tabs.md-default-theme.md-warn>md-tabs-wrapper, md-tabs.md-warn>md-tabs-wrapper{background-color:rgb(255,87,34)}md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper, md-toolbar.md-warn>md-tabs>md-tabs-wrapper{background-color:rgb(255,87,34)}md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar.md-warn>md-tabs.md-default-theme>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-default-theme:not(.md-menu-toolbar).md-warn, md-toolbar:not(.md-menu-toolbar).md-warn{background-color:rgb(255,87,34);color:rgb(255,255,255)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-1.md-warn, .md-button.md-hue-1.md-warn{color:rgb(255,138,101)}.md-button.md-default-theme.md-hue-1.md-warn.md-fab, .md-button.md-hue-1.md-warn.md-fab,.md-button.md-default-theme.md-hue-1.md-warn.md-raised, .md-button.md-hue-1.md-warn.md-raised{color:rgba(0,0,0,0.87);background-color:rgb(255,138,101)}.md-button.md-default-theme.md-hue-1.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-warn.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-1.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-warn.md-raised:not([disabled]) md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-warn.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-warn.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-1.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-warn.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-warn.md-raised:not([disabled]):hover{background-color:rgb(244,81,30)}.md-button.md-default-theme.md-hue-1.md-warn:not([disabled]) md-icon, .md-button.md-hue-1.md-warn:not([disabled]) md-icon{color:rgb(255,138,101)}._md a.md-default-theme.md-hue-1:not(.md-button).md-warn, ._md a.md-hue-1:not(.md-button).md-warn{color:rgb(255,138,101)}._md a.md-default-theme.md-hue-1:not(.md-button).md-warn:hover, ._md a.md-hue-1:not(.md-button).md-warn:hover{color:rgb(230,74,25)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn .md-ripple, md-checkbox.md-hue-1:not([disabled]).md-warn .md-ripple{color:rgb(244,81,30)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn .md-ink-ripple, md-checkbox.md-hue-1:not([disabled]).md-warn .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple, md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple{color:rgba(255,138,101,0.87)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn:not(.md-checked) .md-icon, md-checkbox.md-hue-1:not([disabled]).md-warn:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-icon, md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked .md-icon{background-color:rgba(255,138,101,0.87)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before, md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before{background-color:rgba(255,138,101,0.26)}md-checkbox.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-icon:after, md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked .md-icon:after{border-color:rgb(238,238,238)}.md-default-theme.md-hue-1 .md-datepicker-input-container.md-datepicker-invalid, .md-hue-1 .md-datepicker-input-container.md-datepicker-invalid,.md-warn .md-default-theme.md-hue-1 .md-datepicker-input-container.md-datepicker-focused, .md-warn .md-hue-1 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(221,44,0)}.md-default-theme.md-hue-1 .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-hue-1 .md-datepicker-open.md-warn .md-datepicker-calendar-icon,.md-warn .md-default-theme.md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon, .md-warn .md-hue-1 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(221,44,0)}md-icon.md-default-theme.md-hue-1.md-warn, md-icon.md-hue-1.md-warn{color:rgb(255,138,101)}md-input-container.md-default-theme.md-hue-1 label.md-required:after, md-input-container.md-hue-1 label.md-required:after{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-1 .md-input-message-animation, md-input-container.md-hue-1 .md-input-message-animation,md-input-container.md-default-theme.md-hue-1 .md-input-messages-animation, md-input-container.md-hue-1 .md-input-messages-animation{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn .md-input, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn label, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn label,md-input-container.md-default-theme.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn md-icon, md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn md-icon{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-1.md-input-invalid .md-input, md-input-container.md-hue-1.md-input-invalid .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-1.md-input-invalid .md-char-counter, md-input-container.md-hue-1.md-input-invalid .md-char-counter,md-input-container.md-default-theme.md-hue-1.md-input-invalid .md-input-message-animation, md-input-container.md-hue-1.md-input-invalid .md-input-message-animation,md-input-container.md-default-theme.md-hue-1.md-input-invalid label, md-input-container.md-hue-1.md-input-invalid label{color:rgb(221,44,0)}md-progress-circular.md-default-theme.md-hue-1.md-warn path, md-progress-circular.md-hue-1.md-warn path{stroke:rgb(255,138,101)}md-progress-linear.md-default-theme.md-hue-1.md-warn .md-container, md-progress-linear.md-hue-1.md-warn .md-container{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-1.md-warn .md-bar, md-progress-linear.md-hue-1.md-warn .md-bar{background-color:rgb(255,138,101)}md-progress-linear.md-default-theme.md-hue-1[md-mode=buffer].md-warn .md-bar1, md-progress-linear.md-hue-1[md-mode=buffer].md-warn .md-bar1{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-1[md-mode=buffer].md-warn .md-dashed:before, md-progress-linear.md-hue-1[md-mode=buffer].md-warn .md-dashed:before{background:radial-gradient(rgb(255,204,188) 0,rgb(255,204,188) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn .md-on, md-radio-button.md-hue-1:not([disabled]).md-warn .md-on,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-on,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn .md-on, md-radio-group.md-hue-1:not([disabled]).md-warn .md-on,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-1:not([disabled]) .md-warn .md-on{background-color:rgba(255,138,101,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-warn .md-checked .md-off,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-warn .md-checked .md-off{border-color:rgba(255,138,101,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple{color:rgba(255,138,101,0.87)}md-radio-button.md-default-theme.md-hue-1:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]).md-warn .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple{color:rgb(244,81,30)}md-radio-group.md-default-theme.md-hue-1.md-focused:not(:empty) .md-checked.md-warn .md-container:before, md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked.md-warn .md-container:before,md-radio-group.md-default-theme.md-hue-1.md-focused:not(:empty).md-warn .md-checked .md-container:before, md-radio-group.md-hue-1.md-focused:not(:empty).md-warn .md-checked .md-container:before{background-color:rgba(255,138,101,0.26)}md-input-container md-select.md-default-theme.md-hue-1 .md-select-value span:first-child:after, md-input-container md-select.md-hue-1 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-1 .md-select-value, md-input-container.md-input-invalid md-select.md-hue-1 .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-1 .md-select-value span:first-child:after, md-select.md-hue-1 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-select.md-default-theme.md-hue-1.ng-invalid.ng-touched .md-select-value, md-select.md-hue-1.ng-invalid.ng-touched .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-1:not([disabled]):focus.md-warn .md-select-value, md-select.md-hue-1:not([disabled]):focus.md-warn .md-select-value{border-bottom-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn .md-focus-ring, md-slider.md-hue-1.md-warn .md-focus-ring{background-color:rgba(255,171,145,0.38)}md-slider.md-default-theme.md-hue-1.md-warn .md-track.md-track-fill, md-slider.md-hue-1.md-warn .md-track.md-track-fill{background-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn .md-thumb:after, md-slider.md-hue-1.md-warn .md-thumb:after{border-color:rgb(255,138,101);background-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn .md-sign, md-slider.md-hue-1.md-warn .md-sign{background-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn .md-sign:after, md-slider.md-hue-1.md-warn .md-sign:after{border-top-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn[md-vertical] .md-sign:after, md-slider.md-hue-1.md-warn[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(255,138,101)}md-slider.md-default-theme.md-hue-1.md-warn .md-thumb-text, md-slider.md-hue-1.md-warn .md-thumb-text{color:rgba(0,0,0,0.87)}.md-subheader.md-default-theme.md-hue-1.md-warn, .md-subheader.md-hue-1.md-warn{color:rgb(255,138,101)}md-switch.md-default-theme.md-hue-1.md-checked.md-warn .md-ink-ripple, md-switch.md-hue-1.md-checked.md-warn .md-ink-ripple{color:rgb(255,138,101)}md-switch.md-default-theme.md-hue-1.md-checked.md-warn .md-thumb, md-switch.md-hue-1.md-checked.md-warn .md-thumb{background-color:rgb(255,138,101)}md-switch.md-default-theme.md-hue-1.md-checked.md-warn .md-bar, md-switch.md-hue-1.md-checked.md-warn .md-bar{background-color:rgba(255,138,101,0.5)}md-switch.md-default-theme.md-hue-1.md-checked.md-warn.md-focused .md-thumb:before, md-switch.md-hue-1.md-checked.md-warn.md-focused .md-thumb:before{background-color:rgba(255,138,101,0.26)}md-toast.md-default-theme.md-hue-1 .md-toast-content .md-button.md-highlight.md-warn, md-toast.md-hue-1 .md-toast-content .md-button.md-highlight.md-warn{color:rgb(255,138,101)}md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper, md-tabs.md-hue-1.md-warn>md-tabs-wrapper{background-color:rgb(255,138,101)}md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-tabs.md-default-theme.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-1.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper{background-color:rgb(255,138,101)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-1>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar).md-warn, md-toolbar.md-hue-1:not(.md-menu-toolbar).md-warn{background-color:rgb(255,138,101);color:rgba(0,0,0,0.87)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-2.md-warn, .md-button.md-hue-2.md-warn{color:rgb(216,67,21)}.md-button.md-default-theme.md-hue-2.md-warn.md-fab, .md-button.md-hue-2.md-warn.md-fab,.md-button.md-default-theme.md-hue-2.md-warn.md-raised, .md-button.md-hue-2.md-warn.md-raised{color:rgb(255,255,255);background-color:rgb(216,67,21)}.md-button.md-default-theme.md-hue-2.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-warn.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-2.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-warn.md-raised:not([disabled]) md-icon{color:rgb(255,255,255)}.md-button.md-default-theme.md-hue-2.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-warn.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-warn.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-2.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-warn.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-warn.md-raised:not([disabled]):hover{background-color:rgb(244,81,30)}.md-button.md-default-theme.md-hue-2.md-warn:not([disabled]) md-icon, .md-button.md-hue-2.md-warn:not([disabled]) md-icon{color:rgb(216,67,21)}._md a.md-default-theme.md-hue-2:not(.md-button).md-warn, ._md a.md-hue-2:not(.md-button).md-warn{color:rgb(216,67,21)}._md a.md-default-theme.md-hue-2:not(.md-button).md-warn:hover, ._md a.md-hue-2:not(.md-button).md-warn:hover{color:rgb(230,74,25)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn .md-ripple, md-checkbox.md-hue-2:not([disabled]).md-warn .md-ripple{color:rgb(244,81,30)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn .md-ink-ripple, md-checkbox.md-hue-2:not([disabled]).md-warn .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple, md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple{color:rgba(216,67,21,0.87)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn:not(.md-checked) .md-icon, md-checkbox.md-hue-2:not([disabled]).md-warn:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-icon, md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked .md-icon{background-color:rgba(216,67,21,0.87)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before, md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before{background-color:rgba(216,67,21,0.26)}md-checkbox.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-icon:after, md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked .md-icon:after{border-color:rgb(238,238,238)}.md-default-theme.md-hue-2 .md-datepicker-input-container.md-datepicker-invalid, .md-hue-2 .md-datepicker-input-container.md-datepicker-invalid,.md-warn .md-default-theme.md-hue-2 .md-datepicker-input-container.md-datepicker-focused, .md-warn .md-hue-2 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(221,44,0)}.md-default-theme.md-hue-2 .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-hue-2 .md-datepicker-open.md-warn .md-datepicker-calendar-icon,.md-warn .md-default-theme.md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon, .md-warn .md-hue-2 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(221,44,0)}md-icon.md-default-theme.md-hue-2.md-warn, md-icon.md-hue-2.md-warn{color:rgb(216,67,21)}md-input-container.md-default-theme.md-hue-2 label.md-required:after, md-input-container.md-hue-2 label.md-required:after{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-2 .md-input-message-animation, md-input-container.md-hue-2 .md-input-message-animation,md-input-container.md-default-theme.md-hue-2 .md-input-messages-animation, md-input-container.md-hue-2 .md-input-messages-animation{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn .md-input, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn label, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn label,md-input-container.md-default-theme.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn md-icon, md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn md-icon{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-2.md-input-invalid .md-input, md-input-container.md-hue-2.md-input-invalid .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-2.md-input-invalid .md-char-counter, md-input-container.md-hue-2.md-input-invalid .md-char-counter,md-input-container.md-default-theme.md-hue-2.md-input-invalid .md-input-message-animation, md-input-container.md-hue-2.md-input-invalid .md-input-message-animation,md-input-container.md-default-theme.md-hue-2.md-input-invalid label, md-input-container.md-hue-2.md-input-invalid label{color:rgb(221,44,0)}md-progress-circular.md-default-theme.md-hue-2.md-warn path, md-progress-circular.md-hue-2.md-warn path{stroke:rgb(216,67,21)}md-progress-linear.md-default-theme.md-hue-2.md-warn .md-container, md-progress-linear.md-hue-2.md-warn .md-container{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-2.md-warn .md-bar, md-progress-linear.md-hue-2.md-warn .md-bar{background-color:rgb(216,67,21)}md-progress-linear.md-default-theme.md-hue-2[md-mode=buffer].md-warn .md-bar1, md-progress-linear.md-hue-2[md-mode=buffer].md-warn .md-bar1{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-2[md-mode=buffer].md-warn .md-dashed:before, md-progress-linear.md-hue-2[md-mode=buffer].md-warn .md-dashed:before{background:radial-gradient(rgb(255,204,188) 0,rgb(255,204,188) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn .md-on, md-radio-button.md-hue-2:not([disabled]).md-warn .md-on,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-on,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn .md-on, md-radio-group.md-hue-2:not([disabled]).md-warn .md-on,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-2:not([disabled]) .md-warn .md-on{background-color:rgba(216,67,21,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-warn .md-checked .md-off,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-warn .md-checked .md-off{border-color:rgba(216,67,21,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple{color:rgba(216,67,21,0.87)}md-radio-button.md-default-theme.md-hue-2:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]).md-warn .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple{color:rgb(244,81,30)}md-radio-group.md-default-theme.md-hue-2.md-focused:not(:empty) .md-checked.md-warn .md-container:before, md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked.md-warn .md-container:before,md-radio-group.md-default-theme.md-hue-2.md-focused:not(:empty).md-warn .md-checked .md-container:before, md-radio-group.md-hue-2.md-focused:not(:empty).md-warn .md-checked .md-container:before{background-color:rgba(216,67,21,0.26)}md-input-container md-select.md-default-theme.md-hue-2 .md-select-value span:first-child:after, md-input-container md-select.md-hue-2 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-2 .md-select-value, md-input-container.md-input-invalid md-select.md-hue-2 .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-2 .md-select-value span:first-child:after, md-select.md-hue-2 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-select.md-default-theme.md-hue-2.ng-invalid.ng-touched .md-select-value, md-select.md-hue-2.ng-invalid.ng-touched .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-2:not([disabled]):focus.md-warn .md-select-value, md-select.md-hue-2:not([disabled]):focus.md-warn .md-select-value{border-bottom-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn .md-focus-ring, md-slider.md-hue-2.md-warn .md-focus-ring{background-color:rgba(255,171,145,0.38)}md-slider.md-default-theme.md-hue-2.md-warn .md-track.md-track-fill, md-slider.md-hue-2.md-warn .md-track.md-track-fill{background-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn .md-thumb:after, md-slider.md-hue-2.md-warn .md-thumb:after{border-color:rgb(216,67,21);background-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn .md-sign, md-slider.md-hue-2.md-warn .md-sign{background-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn .md-sign:after, md-slider.md-hue-2.md-warn .md-sign:after{border-top-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn[md-vertical] .md-sign:after, md-slider.md-hue-2.md-warn[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(216,67,21)}md-slider.md-default-theme.md-hue-2.md-warn .md-thumb-text, md-slider.md-hue-2.md-warn .md-thumb-text{color:rgb(255,255,255)}.md-subheader.md-default-theme.md-hue-2.md-warn, .md-subheader.md-hue-2.md-warn{color:rgb(216,67,21)}md-switch.md-default-theme.md-hue-2.md-checked.md-warn .md-ink-ripple, md-switch.md-hue-2.md-checked.md-warn .md-ink-ripple{color:rgb(216,67,21)}md-switch.md-default-theme.md-hue-2.md-checked.md-warn .md-thumb, md-switch.md-hue-2.md-checked.md-warn .md-thumb{background-color:rgb(216,67,21)}md-switch.md-default-theme.md-hue-2.md-checked.md-warn .md-bar, md-switch.md-hue-2.md-checked.md-warn .md-bar{background-color:rgba(216,67,21,0.5)}md-switch.md-default-theme.md-hue-2.md-checked.md-warn.md-focused .md-thumb:before, md-switch.md-hue-2.md-checked.md-warn.md-focused .md-thumb:before{background-color:rgba(216,67,21,0.26)}md-toast.md-default-theme.md-hue-2 .md-toast-content .md-button.md-highlight.md-warn, md-toast.md-hue-2 .md-toast-content .md-button.md-highlight.md-warn{color:rgb(216,67,21)}md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper, md-tabs.md-hue-2.md-warn>md-tabs-wrapper{background-color:rgb(216,67,21)}md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-tabs.md-default-theme.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-2.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper{background-color:rgb(216,67,21)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgb(255,255,255)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-2>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(255,255,255,0.1)}md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-warn, md-toolbar.md-hue-2:not(.md-menu-toolbar).md-warn{background-color:rgb(216,67,21);color:rgb(255,255,255)}</style><style md-theme-style="">.md-button.md-default-theme.md-hue-3.md-warn, .md-button.md-hue-3.md-warn{color:rgb(255,158,128)}.md-button.md-default-theme.md-hue-3.md-warn.md-fab, .md-button.md-hue-3.md-warn.md-fab,.md-button.md-default-theme.md-hue-3.md-warn.md-raised, .md-button.md-hue-3.md-warn.md-raised{color:rgba(0,0,0,0.87);background-color:rgb(255,158,128)}.md-button.md-default-theme.md-hue-3.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-warn.md-fab:not([disabled]) md-icon,.md-button.md-default-theme.md-hue-3.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-warn.md-raised:not([disabled]) md-icon{color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-3.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-warn.md-fab:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-warn.md-fab:not([disabled]):hover,.md-button.md-default-theme.md-hue-3.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-warn.md-raised:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-warn.md-raised:not([disabled]):hover{background-color:rgb(244,81,30)}.md-button.md-default-theme.md-hue-3.md-warn:not([disabled]) md-icon, .md-button.md-hue-3.md-warn:not([disabled]) md-icon{color:rgb(255,158,128)}._md a.md-default-theme.md-hue-3:not(.md-button).md-warn, ._md a.md-hue-3:not(.md-button).md-warn{color:rgb(255,158,128)}._md a.md-default-theme.md-hue-3:not(.md-button).md-warn:hover, ._md a.md-hue-3:not(.md-button).md-warn:hover{color:rgb(230,74,25)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn .md-ripple, md-checkbox.md-hue-3:not([disabled]).md-warn .md-ripple{color:rgb(244,81,30)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn .md-ink-ripple, md-checkbox.md-hue-3:not([disabled]).md-warn .md-ink-ripple{color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple, md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple{color:rgba(255,158,128,0.87)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn:not(.md-checked) .md-icon, md-checkbox.md-hue-3:not([disabled]).md-warn:not(.md-checked) .md-icon{border-color:rgba(0,0,0,0.54)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-icon, md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked .md-icon{background-color:rgba(255,158,128,0.87)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before, md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before{background-color:rgba(255,158,128,0.26)}md-checkbox.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-icon:after, md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked .md-icon:after{border-color:rgb(238,238,238)}.md-default-theme.md-hue-3 .md-datepicker-input-container.md-datepicker-invalid, .md-hue-3 .md-datepicker-input-container.md-datepicker-invalid,.md-warn .md-default-theme.md-hue-3 .md-datepicker-input-container.md-datepicker-focused, .md-warn .md-hue-3 .md-datepicker-input-container.md-datepicker-focused{border-bottom-color:rgb(221,44,0)}.md-default-theme.md-hue-3 .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-hue-3 .md-datepicker-open.md-warn .md-datepicker-calendar-icon,.md-warn .md-default-theme.md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon, .md-warn .md-hue-3 .md-datepicker-open .md-datepicker-calendar-icon{color:rgb(221,44,0)}md-icon.md-default-theme.md-hue-3.md-warn, md-icon.md-hue-3.md-warn{color:rgb(255,158,128)}md-input-container.md-default-theme.md-hue-3 label.md-required:after, md-input-container.md-hue-3 label.md-required:after{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-3 .md-input-message-animation, md-input-container.md-hue-3 .md-input-message-animation,md-input-container.md-default-theme.md-hue-3 .md-input-messages-animation, md-input-container.md-hue-3 .md-input-messages-animation{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn .md-input, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn label, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn label,md-input-container.md-default-theme.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn md-icon, md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn md-icon{color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-3.md-input-invalid .md-input, md-input-container.md-hue-3.md-input-invalid .md-input{border-color:rgb(221,44,0)}md-input-container.md-default-theme.md-hue-3.md-input-invalid .md-char-counter, md-input-container.md-hue-3.md-input-invalid .md-char-counter,md-input-container.md-default-theme.md-hue-3.md-input-invalid .md-input-message-animation, md-input-container.md-hue-3.md-input-invalid .md-input-message-animation,md-input-container.md-default-theme.md-hue-3.md-input-invalid label, md-input-container.md-hue-3.md-input-invalid label{color:rgb(221,44,0)}md-progress-circular.md-default-theme.md-hue-3.md-warn path, md-progress-circular.md-hue-3.md-warn path{stroke:rgb(255,158,128)}md-progress-linear.md-default-theme.md-hue-3.md-warn .md-container, md-progress-linear.md-hue-3.md-warn .md-container{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-3.md-warn .md-bar, md-progress-linear.md-hue-3.md-warn .md-bar{background-color:rgb(255,158,128)}md-progress-linear.md-default-theme.md-hue-3[md-mode=buffer].md-warn .md-bar1, md-progress-linear.md-hue-3[md-mode=buffer].md-warn .md-bar1{background-color:rgb(255,204,188)}md-progress-linear.md-default-theme.md-hue-3[md-mode=buffer].md-warn .md-dashed:before, md-progress-linear.md-hue-3[md-mode=buffer].md-warn .md-dashed:before{background:radial-gradient(rgb(255,204,188) 0,rgb(255,204,188) 16%,transparent 42%)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn .md-on, md-radio-button.md-hue-3:not([disabled]).md-warn .md-on,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-on,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn .md-on, md-radio-group.md-hue-3:not([disabled]).md-warn .md-on,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-3:not([disabled]) .md-warn .md-on{background-color:rgba(255,158,128,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-warn.md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-warn .md-checked .md-off,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-warn.md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-warn .md-checked .md-off,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-warn .md-checked .md-off{border-color:rgba(255,158,128,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple{color:rgba(255,158,128,0.87)}md-radio-button.md-default-theme.md-hue-3:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn .md-container .md-ripple,md-radio-button.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]).md-warn .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn .md-container .md-ripple,md-radio-group.md-default-theme.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple{color:rgb(244,81,30)}md-radio-group.md-default-theme.md-hue-3.md-focused:not(:empty) .md-checked.md-warn .md-container:before, md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked.md-warn .md-container:before,md-radio-group.md-default-theme.md-hue-3.md-focused:not(:empty).md-warn .md-checked .md-container:before, md-radio-group.md-hue-3.md-focused:not(:empty).md-warn .md-checked .md-container:before{background-color:rgba(255,158,128,0.26)}md-input-container md-select.md-default-theme.md-hue-3 .md-select-value span:first-child:after, md-input-container md-select.md-hue-3 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-input-container.md-input-invalid md-select.md-default-theme.md-hue-3 .md-select-value, md-input-container.md-input-invalid md-select.md-hue-3 .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-3 .md-select-value span:first-child:after, md-select.md-hue-3 .md-select-value span:first-child:after{color:rgb(221,44,0)}md-select.md-default-theme.md-hue-3.ng-invalid.ng-touched .md-select-value, md-select.md-hue-3.ng-invalid.ng-touched .md-select-value{color:rgb(221,44,0)!important;border-bottom-color:rgb(221,44,0)!important}md-select.md-default-theme.md-hue-3:not([disabled]):focus.md-warn .md-select-value, md-select.md-hue-3:not([disabled]):focus.md-warn .md-select-value{border-bottom-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn .md-focus-ring, md-slider.md-hue-3.md-warn .md-focus-ring{background-color:rgba(255,171,145,0.38)}md-slider.md-default-theme.md-hue-3.md-warn .md-track.md-track-fill, md-slider.md-hue-3.md-warn .md-track.md-track-fill{background-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn .md-thumb:after, md-slider.md-hue-3.md-warn .md-thumb:after{border-color:rgb(255,158,128);background-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn .md-sign, md-slider.md-hue-3.md-warn .md-sign{background-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn .md-sign:after, md-slider.md-hue-3.md-warn .md-sign:after{border-top-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn[md-vertical] .md-sign:after, md-slider.md-hue-3.md-warn[md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(255,158,128)}md-slider.md-default-theme.md-hue-3.md-warn .md-thumb-text, md-slider.md-hue-3.md-warn .md-thumb-text{color:rgba(0,0,0,0.87)}.md-subheader.md-default-theme.md-hue-3.md-warn, .md-subheader.md-hue-3.md-warn{color:rgb(255,158,128)}md-switch.md-default-theme.md-hue-3.md-checked.md-warn .md-ink-ripple, md-switch.md-hue-3.md-checked.md-warn .md-ink-ripple{color:rgb(255,158,128)}md-switch.md-default-theme.md-hue-3.md-checked.md-warn .md-thumb, md-switch.md-hue-3.md-checked.md-warn .md-thumb{background-color:rgb(255,158,128)}md-switch.md-default-theme.md-hue-3.md-checked.md-warn .md-bar, md-switch.md-hue-3.md-checked.md-warn .md-bar{background-color:rgba(255,158,128,0.5)}md-switch.md-default-theme.md-hue-3.md-checked.md-warn.md-focused .md-thumb:before, md-switch.md-hue-3.md-checked.md-warn.md-focused .md-thumb:before{background-color:rgba(255,158,128,0.26)}md-toast.md-default-theme.md-hue-3 .md-toast-content .md-button.md-highlight.md-warn, md-toast.md-hue-3 .md-toast-content .md-button.md-highlight.md-warn{color:rgb(255,158,128)}md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper, md-tabs.md-hue-3.md-warn>md-tabs-wrapper{background-color:rgb(255,158,128)}md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-tabs.md-default-theme.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-tabs.md-hue-3.md-warn>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper{background-color:rgb(255,158,128)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]), md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) md-icon{color:rgb(255,204,188)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active md-icon,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused,md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused md-icon{color:rgba(0,0,0,0.87)}md-toolbar.md-warn>md-tabs.md-default-theme.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn>md-tabs.md-hue-3>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-focused{background:rgba(0,0,0,0.1)}md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar).md-warn, md-toolbar.md-hue-3:not(.md-menu-toolbar).md-warn{background-color:rgb(255,158,128);color:rgba(0,0,0,0.87)}</style><style md-theme-style="">md-autocomplete.md-default-theme, md-autocomplete{background:rgb(255,255,255)}md-autocomplete.md-default-theme[disabled]:not([md-floating-label]), md-autocomplete[disabled]:not([md-floating-label]){background:rgb(245,245,245)}md-autocomplete.md-default-theme button md-icon path, md-autocomplete button md-icon path{fill:rgb(117,117,117)}md-autocomplete.md-default-theme button:after, md-autocomplete button:after{background:rgba(117,117,117,0.3)}.md-autocomplete-suggestions-container.md-default-theme, .md-autocomplete-suggestions-container{background:rgb(255,255,255)}.md-autocomplete-suggestions-container.md-default-theme li, .md-autocomplete-suggestions-container li{color:rgb(33,33,33)}.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight{color:rgb(117,117,117)}.md-autocomplete-suggestions-container.md-default-theme li.selected, .md-autocomplete-suggestions-container li.selected,.md-autocomplete-suggestions-container.md-default-theme li:hover, .md-autocomplete-suggestions-container li:hover{background:rgb(238,238,238)}md-backdrop{background-color:rgba(33,33,33,0.0)}md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque{background-color:rgba(33,33,33,1.0)}md-bottom-sheet.md-default-theme, md-bottom-sheet{background-color:rgb(250,250,250);border-top-color:rgb(224,224,224)}md-bottom-sheet.md-default-theme .md-subheader, md-bottom-sheet .md-subheader{background-color:rgb(250,250,250);color:rgba(0,0,0,0.87)}.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused,.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover{background-color:rgba(158,158,158,0.2)}.md-button.md-default-theme:not([disabled]).md-icon-button:hover, .md-button:not([disabled]).md-icon-button:hover{background-color:transparent}.md-button.md-default-theme.md-raised, .md-button.md-raised{color:rgb(33,33,33);background-color:rgb(250,250,250)}.md-button.md-default-theme.md-raised:not([disabled]) md-icon, .md-button.md-raised:not([disabled]) md-icon{color:rgb(33,33,33)}.md-button.md-default-theme.md-raised:not([disabled]):hover, .md-button.md-raised:not([disabled]):hover{background-color:rgb(250,250,250)}.md-button.md-default-theme.md-raised:not([disabled]).md-focused, .md-button.md-raised:not([disabled]).md-focused{background-color:rgb(238,238,238)}.md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled],.md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled]{background-color:rgba(0,0,0,0.12)}.md-button.md-default-theme[disabled], .md-button[disabled]{background-color:transparent}md-card.md-default-theme, md-card{color:rgba(0,0,0,0.87);background-color:rgb(255,255,255);border-radius:2px}md-card.md-default-theme md-card-header md-card-avatar md-icon, md-card md-card-header md-card-avatar md-icon{color:rgb(250,250,250);background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-checked .md-ripple, md-checkbox.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme[disabled].md-checked .md-icon, md-checkbox[disabled].md-checked .md-icon{background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme[disabled].md-checked .md-icon:after, md-checkbox[disabled].md-checked .md-icon:after{border-color:rgb(238,238,238)}md-chips.md-default-theme md-chip, md-chips md-chip{background:rgb(224,224,224);color:rgb(66,66,66)}md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon{color:rgb(97,97,97)}md-chips.md-default-theme md-chip._md-chip-editing, md-chips md-chip._md-chip-editing{background:transparent;color:rgb(66,66,66)}md-chips.md-default-theme md-chip-remove .md-button md-icon path, md-chips md-chip-remove .md-button md-icon path{fill:rgb(158,158,158)}.md-contact-suggestion span.md-contact-email{color:rgb(189,189,189)}md-content.md-default-theme, md-content{color:rgba(0,0,0,0.87);background-color:rgb(250,250,250)}.md-calendar.md-default-theme, .md-calendar{background:rgb(255,255,255);color:rgba(0,0,0,0.87)}.md-calendar.md-default-theme tr:last-child td, .md-calendar tr:last-child td{border-bottom-color:rgb(238,238,238)}.md-default-theme .md-calendar-day-header, .md-calendar-day-header{background:rgb(224,224,224);color:rgba(0,0,0,0.87)}.md-calendar-date.md-focus .md-default-theme .md-calendar-date-selection-indicator, .md-calendar-date.md-focus .md-calendar-date-selection-indicator,.md-default-theme .md-calendar-date-selection-indicator:hover, .md-calendar-date-selection-indicator:hover{background:rgb(224,224,224)}.md-default-theme .md-calendar-date-disabled, .md-calendar-date-disabled,.md-default-theme .md-calendar-month-label-disabled, .md-calendar-month-label-disabled{color:rgba(0,0,0,0.435)}.md-default-theme .md-datepicker-calendar-pane, .md-datepicker-calendar-pane{border-color:rgb(255,255,255)}.md-default-theme .md-datepicker-calendar, .md-datepicker-calendar{background:rgb(255,255,255)}.md-default-theme .md-datepicker-input-mask-opaque, .md-datepicker-input-mask-opaque{box-shadow:0 0 0 9999px rgb(255,255,255)}.md-default-theme .md-datepicker-open .md-datepicker-input-container, .md-datepicker-open .md-datepicker-input-container{background:rgb(255,255,255)}md-dialog.md-default-theme, md-dialog{border-radius:4px;background-color:rgb(255,255,255);color:rgba(0,0,0,0.87)}[disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input,md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled]{border-bottom-color:transparent;color:rgba(0,0,0,0.38);background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-list.md-default-theme .md-proxy-focus.md-focused div.md-no-style, md-list .md-proxy-focus.md-focused div.md-no-style{background-color:rgb(245,245,245)}md-list.md-default-theme md-list-item .md-avatar-icon, md-list md-list-item .md-avatar-icon{background-color:rgba(0,0,0,0.38);color:rgb(250,250,250)}md-menu-content.md-default-theme, md-menu-content{background-color:rgb(255,255,255)}md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item{color:rgba(0,0,0,0.87)}md-menu-content.md-default-theme md-menu-item md-icon, md-menu-content md-menu-item md-icon{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme md-menu-item .md-button[disabled], md-menu-content md-menu-item .md-button[disabled],md-menu-content.md-default-theme md-menu-item .md-button[disabled] md-icon, md-menu-content md-menu-item .md-button[disabled] md-icon{color:rgba(0,0,0,0.25)}md-menu-content.md-default-theme md-menu-divider, md-menu-content md-menu-divider{background-color:rgba(0,0,0,0.11)}md-menu-bar.md-default-theme md-menu.md-open>button, md-menu-bar md-menu.md-open>button,md-menu-bar.md-default-theme md-menu>button:focus, md-menu-bar md-menu>button:focus{outline:none;background:rgb(238,238,238)}md-menu-bar.md-default-theme.md-open:not(.md-keyboard-mode) md-menu:hover>button, md-menu-bar.md-open:not(.md-keyboard-mode) md-menu:hover>button{background-color:rgba(158,158,158,0.2)}md-menu-bar.md-default-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:focus, md-menu-bar:not(.md-keyboard-mode):not(.md-open) md-menu button:focus,md-menu-bar.md-default-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:hover, md-menu-bar:not(.md-keyboard-mode):not(.md-open) md-menu button:hover{background:transparent}md-menu-content.md-default-theme .md-menu>.md-button:after, md-menu-content .md-menu>.md-button:after{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme .md-menu.md-open>.md-button, md-menu-content .md-menu.md-open>.md-button{background-color:rgba(158,158,158,0.2)}md-toolbar.md-default-theme.md-menu-toolbar, md-toolbar.md-menu-toolbar{background-color:rgb(255,255,255);color:rgb(0,0,0)}md-toolbar.md-default-theme.md-menu-toolbar md-toolbar-filler md-icon, md-toolbar.md-menu-toolbar md-toolbar-filler md-icon{color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme .md-nav-bar, md-nav-bar .md-nav-bar{background-color:transparent;border-color:rgba(0,0,0,0.12)}._md-panel-backdrop.md-default-theme, ._md-panel-backdrop{background-color:rgba(33,33,33,1.0)}md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value{border-bottom-color:transparent;background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-select-menu.md-default-theme md-content, md-select-menu md-content{background:rgb(255,255,255)}md-select-menu.md-default-theme md-content md-optgroup, md-select-menu md-content md-optgroup{color:rgba(117,117,117,0.87)}md-select-menu.md-default-theme md-content md-option, md-select-menu md-content md-option{color:rgba(33,33,33,0.87)}md-select-menu.md-default-theme md-content md-option[disabled] .md-text, md-select-menu md-content md-option[disabled] .md-text{color:rgba(189,189,189,0.87)}md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus,md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover{background:rgb(238,238,238)}.md-checkbox-enabled.md-default-theme[selected] .md-ripple, .md-checkbox-enabled[selected] .md-ripple{color:rgb(117,117,117)}.md-checkbox-enabled.md-default-theme md-option .md-text, .md-checkbox-enabled md-option .md-text{color:rgba(33,33,33,0.87)}md-sidenav.md-default-theme, md-sidenav,md-sidenav.md-default-theme md-content, md-sidenav md-content{background-color:rgb(255,255,255)}md-slider.md-default-theme .md-track, md-slider .md-track{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme .md-track-ticks, md-slider .md-track-ticks{color:rgba(0,0,0,0.87)}md-slider.md-default-theme .md-disabled-thumb, md-slider .md-disabled-thumb{border-color:rgb(250,250,250);background-color:rgb(250,250,250)}md-slider.md-default-theme.md-min .md-thumb:after, md-slider.md-min .md-thumb:after{background-color:rgb(250,250,250);border-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-min .md-focus-ring, md-slider.md-min .md-focus-ring{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-min[md-discrete] .md-thumb:after, md-slider.md-min[md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.87);border-color:transparent}md-slider.md-default-theme.md-min[md-discrete] .md-sign, md-slider.md-min[md-discrete] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-min[md-discrete] .md-sign:after, md-slider.md-min[md-discrete] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-min[md-discrete][md-vertical] .md-sign:after, md-slider.md-min[md-discrete][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme[disabled]:not(.md-min) .md-thumb:after, md-slider[disabled]:not(.md-min) .md-thumb:after,md-slider.md-default-theme[disabled][md-discrete] .md-thumb:after, md-slider[disabled][md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.38);border-color:transparent}md-slider.md-default-theme[disabled][readonly] .md-sign, md-slider[disabled][readonly] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme[disabled][readonly] .md-sign:after, md-slider[disabled][readonly] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme[disabled][readonly][md-vertical] .md-sign:after, md-slider[disabled][readonly][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme[disabled][readonly] .md-disabled-thumb, md-slider[disabled][readonly] .md-disabled-thumb{border-color:transparent;background-color:transparent}.md-subheader.md-default-theme, .md-subheader{color:rgba(0,0,0,0.54);background-color:rgb(250,250,250)}md-switch.md-default-theme .md-ink-ripple, md-switch .md-ink-ripple{color:rgb(158,158,158)}md-switch.md-default-theme .md-thumb, md-switch .md-thumb{background-color:rgb(250,250,250)}md-switch.md-default-theme .md-bar, md-switch .md-bar{background-color:rgb(158,158,158)}md-switch.md-default-theme[disabled] .md-thumb, md-switch[disabled] .md-thumb{background-color:rgb(189,189,189)}md-switch.md-default-theme[disabled] .md-bar, md-switch[disabled] .md-bar{background-color:rgba(0,0,0,0.12)}md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content{background-color:#323232;color:rgb(250,250,250)}md-toast.md-default-theme .md-toast-content .md-button, md-toast .md-toast-content .md-button{color:rgb(250,250,250)}md-tabs.md-default-theme md-tabs-wrapper, md-tabs md-tabs-wrapper{background-color:transparent;border-color:rgba(0,0,0,0.12)}.md-panel.md-tooltip.md-default-theme, .md-panel.md-tooltip{color:rgba(255,255,255,0.87);background-color:rgb(97,97,97)}body.md-default-theme, body,html.md-default-theme, html{color:rgba(0,0,0,0.87);background-color:rgb(250,250,250)}</style><style md-theme-style="">md-autocomplete.md-default-theme.md-hue-1, md-autocomplete.md-hue-1{background:rgb(255,255,255)}md-autocomplete.md-default-theme.md-hue-1[disabled]:not([md-floating-label]), md-autocomplete.md-hue-1[disabled]:not([md-floating-label]){background:rgb(245,245,245)}md-autocomplete.md-default-theme.md-hue-1 button md-icon path, md-autocomplete.md-hue-1 button md-icon path{fill:rgb(117,117,117)}md-autocomplete.md-default-theme.md-hue-1 button:after, md-autocomplete.md-hue-1 button:after{background:rgba(117,117,117,0.3)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-1, .md-autocomplete-suggestions-container.md-hue-1{background:rgb(255,255,255)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-1 li, .md-autocomplete-suggestions-container.md-hue-1 li{color:rgb(33,33,33)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-1 li .highlight, .md-autocomplete-suggestions-container.md-hue-1 li .highlight{color:rgb(117,117,117)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-1 li.selected, .md-autocomplete-suggestions-container.md-hue-1 li.selected,.md-autocomplete-suggestions-container.md-default-theme.md-hue-1 li:hover, .md-autocomplete-suggestions-container.md-hue-1 li:hover{background:rgb(238,238,238)}md-backdrop{background-color:rgba(33,33,33,0.0)}md-backdrop.md-opaque.md-default-theme.md-hue-1, md-backdrop.md-opaque.md-hue-1{background-color:rgba(33,33,33,1.0)}md-bottom-sheet.md-default-theme.md-hue-1, md-bottom-sheet.md-hue-1{background-color:rgb(250,250,250);border-top-color:rgb(224,224,224)}md-bottom-sheet.md-default-theme.md-hue-1 .md-subheader, md-bottom-sheet.md-hue-1 .md-subheader{background-color:rgb(250,250,250);color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-1:not([disabled]).md-focused, .md-button.md-hue-1:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-1:not([disabled]):hover, .md-button.md-hue-1:not([disabled]):hover{background-color:rgba(158,158,158,0.2)}.md-button.md-default-theme.md-hue-1:not([disabled]).md-icon-button:hover, .md-button.md-hue-1:not([disabled]).md-icon-button:hover{background-color:transparent}.md-button.md-default-theme.md-hue-1.md-raised, .md-button.md-hue-1.md-raised{color:rgb(33,33,33);background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-1.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-raised:not([disabled]) md-icon{color:rgb(33,33,33)}.md-button.md-default-theme.md-hue-1.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-raised:not([disabled]):hover{background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-1.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-raised:not([disabled]).md-focused{background-color:rgb(238,238,238)}.md-button.md-default-theme.md-hue-1.md-fab[disabled], .md-button.md-hue-1.md-fab[disabled],.md-button.md-default-theme.md-hue-1.md-raised[disabled], .md-button.md-hue-1.md-raised[disabled]{background-color:rgba(0,0,0,0.12)}.md-button.md-default-theme.md-hue-1[disabled], .md-button.md-hue-1[disabled]{background-color:transparent}md-card.md-default-theme.md-hue-1, md-card.md-hue-1{color:rgba(0,0,0,0.87);background-color:rgb(255,255,255);border-radius:2px}md-card.md-default-theme.md-hue-1 md-card-header md-card-avatar md-icon, md-card.md-hue-1 md-card-header md-card-avatar md-icon{color:rgb(255,255,255);background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-1.md-checked .md-ripple, md-checkbox.md-hue-1.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-1[disabled].md-checked .md-icon, md-checkbox.md-hue-1[disabled].md-checked .md-icon{background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-1[disabled].md-checked .md-icon:after, md-checkbox.md-hue-1[disabled].md-checked .md-icon:after{border-color:rgb(238,238,238)}md-chips.md-default-theme.md-hue-1 md-chip, md-chips.md-hue-1 md-chip{background:rgb(224,224,224);color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-1 md-chip md-icon, md-chips.md-hue-1 md-chip md-icon{color:rgb(97,97,97)}md-chips.md-default-theme.md-hue-1 md-chip._md-chip-editing, md-chips.md-hue-1 md-chip._md-chip-editing{background:transparent;color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-1 md-chip-remove .md-button md-icon path, md-chips.md-hue-1 md-chip-remove .md-button md-icon path{fill:rgb(158,158,158)}.md-contact-suggestion span.md-contact-email{color:rgb(189,189,189)}md-content.md-default-theme.md-hue-1, md-content.md-hue-1{color:rgba(0,0,0,0.87);background-color:rgb(250,250,250)}.md-calendar.md-default-theme.md-hue-1, .md-calendar.md-hue-1{background:rgb(255,255,255);color:rgba(0,0,0,0.87)}.md-calendar.md-default-theme.md-hue-1 tr:last-child td, .md-calendar.md-hue-1 tr:last-child td{border-bottom-color:rgb(238,238,238)}.md-default-theme.md-hue-1 .md-calendar-day-header, .md-hue-1 .md-calendar-day-header{background:rgb(224,224,224);color:rgba(0,0,0,0.87)}.md-calendar-date.md-focus .md-default-theme.md-hue-1 .md-calendar-date-selection-indicator, .md-calendar-date.md-focus .md-hue-1 .md-calendar-date-selection-indicator,.md-default-theme.md-hue-1 .md-calendar-date-selection-indicator:hover, .md-hue-1 .md-calendar-date-selection-indicator:hover{background:rgb(224,224,224)}.md-default-theme.md-hue-1 .md-calendar-date-disabled, .md-hue-1 .md-calendar-date-disabled,.md-default-theme.md-hue-1 .md-calendar-month-label-disabled, .md-hue-1 .md-calendar-month-label-disabled{color:rgba(0,0,0,0.435)}.md-default-theme.md-hue-1 .md-datepicker-calendar-pane, .md-hue-1 .md-datepicker-calendar-pane{border-color:rgb(255,255,255)}.md-default-theme.md-hue-1 .md-datepicker-calendar, .md-hue-1 .md-datepicker-calendar{background:rgb(255,255,255)}.md-default-theme.md-hue-1 .md-datepicker-input-mask-opaque, .md-hue-1 .md-datepicker-input-mask-opaque{box-shadow:0 0 0 9999px rgb(255,255,255)}.md-default-theme.md-hue-1 .md-datepicker-open .md-datepicker-input-container, .md-hue-1 .md-datepicker-open .md-datepicker-input-container{background:rgb(255,255,255)}md-dialog.md-default-theme.md-hue-1, md-dialog.md-hue-1{border-radius:4px;background-color:rgb(255,255,255);color:rgba(0,0,0,0.87)}[disabled] md-input-container.md-default-theme.md-hue-1 .md-input, [disabled] md-input-container.md-hue-1 .md-input,md-input-container.md-default-theme.md-hue-1 .md-input[disabled], md-input-container.md-hue-1 .md-input[disabled]{border-bottom-color:transparent;color:rgba(0,0,0,0.38);background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-list.md-default-theme.md-hue-1 .md-proxy-focus.md-focused div.md-no-style, md-list.md-hue-1 .md-proxy-focus.md-focused div.md-no-style{background-color:rgb(245,245,245)}md-list.md-default-theme.md-hue-1 md-list-item .md-avatar-icon, md-list.md-hue-1 md-list-item .md-avatar-icon{background-color:rgba(0,0,0,0.38);color:rgb(255,255,255)}md-menu-content.md-default-theme.md-hue-1, md-menu-content.md-hue-1{background-color:rgb(255,255,255)}md-menu-content.md-default-theme.md-hue-1 md-menu-item, md-menu-content.md-hue-1 md-menu-item{color:rgba(0,0,0,0.87)}md-menu-content.md-default-theme.md-hue-1 md-menu-item md-icon, md-menu-content.md-hue-1 md-menu-item md-icon{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-1 md-menu-item .md-button[disabled], md-menu-content.md-hue-1 md-menu-item .md-button[disabled],md-menu-content.md-default-theme.md-hue-1 md-menu-item .md-button[disabled] md-icon, md-menu-content.md-hue-1 md-menu-item .md-button[disabled] md-icon{color:rgba(0,0,0,0.25)}md-menu-content.md-default-theme.md-hue-1 md-menu-divider, md-menu-content.md-hue-1 md-menu-divider{background-color:rgba(0,0,0,0.11)}md-menu-bar.md-default-theme.md-hue-1 md-menu.md-open>button, md-menu-bar.md-hue-1 md-menu.md-open>button,md-menu-bar.md-default-theme.md-hue-1 md-menu>button:focus, md-menu-bar.md-hue-1 md-menu>button:focus{outline:none;background:rgb(238,238,238)}md-menu-bar.md-default-theme.md-hue-1.md-open:not(.md-keyboard-mode) md-menu:hover>button, md-menu-bar.md-hue-1.md-open:not(.md-keyboard-mode) md-menu:hover>button{background-color:rgba(158,158,158,0.2)}md-menu-bar.md-default-theme.md-hue-1:not(.md-keyboard-mode):not(.md-open) md-menu button:focus, md-menu-bar.md-hue-1:not(.md-keyboard-mode):not(.md-open) md-menu button:focus,md-menu-bar.md-default-theme.md-hue-1:not(.md-keyboard-mode):not(.md-open) md-menu button:hover, md-menu-bar.md-hue-1:not(.md-keyboard-mode):not(.md-open) md-menu button:hover{background:transparent}md-menu-content.md-default-theme.md-hue-1 .md-menu>.md-button:after, md-menu-content.md-hue-1 .md-menu>.md-button:after{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-1 .md-menu.md-open>.md-button, md-menu-content.md-hue-1 .md-menu.md-open>.md-button{background-color:rgba(158,158,158,0.2)}md-toolbar.md-default-theme.md-hue-1.md-menu-toolbar, md-toolbar.md-hue-1.md-menu-toolbar{background-color:rgb(255,255,255);color:rgb(0,0,0)}md-toolbar.md-default-theme.md-hue-1.md-menu-toolbar md-toolbar-filler md-icon, md-toolbar.md-hue-1.md-menu-toolbar md-toolbar-filler md-icon{color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-1 .md-nav-bar, md-nav-bar.md-hue-1 .md-nav-bar{background-color:transparent;border-color:rgba(0,0,0,0.12)}._md-panel-backdrop.md-default-theme.md-hue-1, ._md-panel-backdrop.md-hue-1{background-color:rgba(33,33,33,1.0)}md-select.md-default-theme.md-hue-1[disabled] .md-select-value, md-select.md-hue-1[disabled] .md-select-value{border-bottom-color:transparent;background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-select-menu.md-default-theme.md-hue-1 md-content, md-select-menu.md-hue-1 md-content{background:rgb(255,255,255)}md-select-menu.md-default-theme.md-hue-1 md-content md-optgroup, md-select-menu.md-hue-1 md-content md-optgroup{color:rgba(117,117,117,0.87)}md-select-menu.md-default-theme.md-hue-1 md-content md-option, md-select-menu.md-hue-1 md-content md-option{color:rgba(33,33,33,0.87)}md-select-menu.md-default-theme.md-hue-1 md-content md-option[disabled] .md-text, md-select-menu.md-hue-1 md-content md-option[disabled] .md-text{color:rgba(189,189,189,0.87)}md-select-menu.md-default-theme.md-hue-1 md-content md-option:not([disabled]):focus, md-select-menu.md-hue-1 md-content md-option:not([disabled]):focus,md-select-menu.md-default-theme.md-hue-1 md-content md-option:not([disabled]):hover, md-select-menu.md-hue-1 md-content md-option:not([disabled]):hover{background:rgb(238,238,238)}.md-checkbox-enabled.md-default-theme.md-hue-1[selected] .md-ripple, .md-checkbox-enabled.md-hue-1[selected] .md-ripple{color:rgb(117,117,117)}.md-checkbox-enabled.md-default-theme.md-hue-1 md-option .md-text, .md-checkbox-enabled.md-hue-1 md-option .md-text{color:rgba(33,33,33,0.87)}md-sidenav.md-default-theme.md-hue-1, md-sidenav.md-hue-1,md-sidenav.md-default-theme.md-hue-1 md-content, md-sidenav.md-hue-1 md-content{background-color:rgb(255,255,255)}md-slider.md-default-theme.md-hue-1 .md-track, md-slider.md-hue-1 .md-track{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-1 .md-track-ticks, md-slider.md-hue-1 .md-track-ticks{color:rgba(0,0,0,0.87)}md-slider.md-default-theme.md-hue-1 .md-disabled-thumb, md-slider.md-hue-1 .md-disabled-thumb{border-color:rgb(255,255,255);background-color:rgb(255,255,255)}md-slider.md-default-theme.md-hue-1.md-min .md-thumb:after, md-slider.md-hue-1.md-min .md-thumb:after{background-color:rgb(255,255,255);border-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-1.md-min .md-focus-ring, md-slider.md-hue-1.md-min .md-focus-ring{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-1.md-min[md-discrete] .md-thumb:after, md-slider.md-hue-1.md-min[md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.87);border-color:transparent}md-slider.md-default-theme.md-hue-1.md-min[md-discrete] .md-sign, md-slider.md-hue-1.md-min[md-discrete] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1.md-min[md-discrete] .md-sign:after, md-slider.md-hue-1.md-min[md-discrete] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1.md-min[md-discrete][md-vertical] .md-sign:after, md-slider.md-hue-1.md-min[md-discrete][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1[disabled]:not(.md-min) .md-thumb:after, md-slider.md-hue-1[disabled]:not(.md-min) .md-thumb:after,md-slider.md-default-theme.md-hue-1[disabled][md-discrete] .md-thumb:after, md-slider.md-hue-1[disabled][md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.38);border-color:transparent}md-slider.md-default-theme.md-hue-1[disabled][readonly] .md-sign, md-slider.md-hue-1[disabled][readonly] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1[disabled][readonly] .md-sign:after, md-slider.md-hue-1[disabled][readonly] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1[disabled][readonly][md-vertical] .md-sign:after, md-slider.md-hue-1[disabled][readonly][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-1[disabled][readonly] .md-disabled-thumb, md-slider.md-hue-1[disabled][readonly] .md-disabled-thumb{border-color:transparent;background-color:transparent}.md-subheader.md-default-theme.md-hue-1, .md-subheader.md-hue-1{color:rgba(0,0,0,0.54);background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-1 .md-ink-ripple, md-switch.md-hue-1 .md-ink-ripple{color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-1 .md-thumb, md-switch.md-hue-1 .md-thumb{background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-1 .md-bar, md-switch.md-hue-1 .md-bar{background-color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-1[disabled] .md-thumb, md-switch.md-hue-1[disabled] .md-thumb{background-color:rgb(189,189,189)}md-switch.md-default-theme.md-hue-1[disabled] .md-bar, md-switch.md-hue-1[disabled] .md-bar{background-color:rgba(0,0,0,0.12)}md-toast.md-default-theme.md-hue-1 .md-toast-content, md-toast.md-hue-1 .md-toast-content{background-color:#323232;color:rgb(250,250,250)}md-toast.md-default-theme.md-hue-1 .md-toast-content .md-button, md-toast.md-hue-1 .md-toast-content .md-button{color:rgb(250,250,250)}md-tabs.md-default-theme.md-hue-1 md-tabs-wrapper, md-tabs.md-hue-1 md-tabs-wrapper{background-color:transparent;border-color:rgba(0,0,0,0.12)}.md-panel.md-tooltip.md-default-theme.md-hue-1, .md-panel.md-tooltip.md-hue-1{color:rgba(255,255,255,0.87);background-color:rgb(97,97,97)}body.md-default-theme.md-hue-1, body.md-hue-1,html.md-default-theme.md-hue-1, html.md-hue-1{color:rgba(0,0,0,0.87);background-color:rgb(255,255,255)}</style><style md-theme-style="">md-autocomplete.md-default-theme.md-hue-2, md-autocomplete.md-hue-2{background:rgb(255,255,255)}md-autocomplete.md-default-theme.md-hue-2[disabled]:not([md-floating-label]), md-autocomplete.md-hue-2[disabled]:not([md-floating-label]){background:rgb(245,245,245)}md-autocomplete.md-default-theme.md-hue-2 button md-icon path, md-autocomplete.md-hue-2 button md-icon path{fill:rgb(117,117,117)}md-autocomplete.md-default-theme.md-hue-2 button:after, md-autocomplete.md-hue-2 button:after{background:rgba(117,117,117,0.3)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-2, .md-autocomplete-suggestions-container.md-hue-2{background:rgb(255,255,255)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-2 li, .md-autocomplete-suggestions-container.md-hue-2 li{color:rgb(33,33,33)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-2 li .highlight, .md-autocomplete-suggestions-container.md-hue-2 li .highlight{color:rgb(117,117,117)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-2 li.selected, .md-autocomplete-suggestions-container.md-hue-2 li.selected,.md-autocomplete-suggestions-container.md-default-theme.md-hue-2 li:hover, .md-autocomplete-suggestions-container.md-hue-2 li:hover{background:rgb(238,238,238)}md-backdrop{background-color:rgba(33,33,33,0.0)}md-backdrop.md-opaque.md-default-theme.md-hue-2, md-backdrop.md-opaque.md-hue-2{background-color:rgba(33,33,33,1.0)}md-bottom-sheet.md-default-theme.md-hue-2, md-bottom-sheet.md-hue-2{background-color:rgb(250,250,250);border-top-color:rgb(224,224,224)}md-bottom-sheet.md-default-theme.md-hue-2 .md-subheader, md-bottom-sheet.md-hue-2 .md-subheader{background-color:rgb(250,250,250);color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-2:not([disabled]).md-focused, .md-button.md-hue-2:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-2:not([disabled]):hover, .md-button.md-hue-2:not([disabled]):hover{background-color:rgba(158,158,158,0.2)}.md-button.md-default-theme.md-hue-2:not([disabled]).md-icon-button:hover, .md-button.md-hue-2:not([disabled]).md-icon-button:hover{background-color:transparent}.md-button.md-default-theme.md-hue-2.md-raised, .md-button.md-hue-2.md-raised{color:rgb(33,33,33);background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-2.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-raised:not([disabled]) md-icon{color:rgb(33,33,33)}.md-button.md-default-theme.md-hue-2.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-raised:not([disabled]):hover{background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-2.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-raised:not([disabled]).md-focused{background-color:rgb(238,238,238)}.md-button.md-default-theme.md-hue-2.md-fab[disabled], .md-button.md-hue-2.md-fab[disabled],.md-button.md-default-theme.md-hue-2.md-raised[disabled], .md-button.md-hue-2.md-raised[disabled]{background-color:rgba(0,0,0,0.12)}.md-button.md-default-theme.md-hue-2[disabled], .md-button.md-hue-2[disabled]{background-color:transparent}md-card.md-default-theme.md-hue-2, md-card.md-hue-2{color:rgba(0,0,0,0.87);background-color:rgb(255,255,255);border-radius:2px}md-card.md-default-theme.md-hue-2 md-card-header md-card-avatar md-icon, md-card.md-hue-2 md-card-header md-card-avatar md-icon{color:rgb(245,245,245);background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-2.md-checked .md-ripple, md-checkbox.md-hue-2.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-2[disabled].md-checked .md-icon, md-checkbox.md-hue-2[disabled].md-checked .md-icon{background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-2[disabled].md-checked .md-icon:after, md-checkbox.md-hue-2[disabled].md-checked .md-icon:after{border-color:rgb(238,238,238)}md-chips.md-default-theme.md-hue-2 md-chip, md-chips.md-hue-2 md-chip{background:rgb(224,224,224);color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-2 md-chip md-icon, md-chips.md-hue-2 md-chip md-icon{color:rgb(97,97,97)}md-chips.md-default-theme.md-hue-2 md-chip._md-chip-editing, md-chips.md-hue-2 md-chip._md-chip-editing{background:transparent;color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-2 md-chip-remove .md-button md-icon path, md-chips.md-hue-2 md-chip-remove .md-button md-icon path{fill:rgb(158,158,158)}.md-contact-suggestion span.md-contact-email{color:rgb(189,189,189)}md-content.md-default-theme.md-hue-2, md-content.md-hue-2{color:rgba(0,0,0,0.87);background-color:rgb(250,250,250)}.md-calendar.md-default-theme.md-hue-2, .md-calendar.md-hue-2{background:rgb(255,255,255);color:rgba(0,0,0,0.87)}.md-calendar.md-default-theme.md-hue-2 tr:last-child td, .md-calendar.md-hue-2 tr:last-child td{border-bottom-color:rgb(238,238,238)}.md-default-theme.md-hue-2 .md-calendar-day-header, .md-hue-2 .md-calendar-day-header{background:rgb(224,224,224);color:rgba(0,0,0,0.87)}.md-calendar-date.md-focus .md-default-theme.md-hue-2 .md-calendar-date-selection-indicator, .md-calendar-date.md-focus .md-hue-2 .md-calendar-date-selection-indicator,.md-default-theme.md-hue-2 .md-calendar-date-selection-indicator:hover, .md-hue-2 .md-calendar-date-selection-indicator:hover{background:rgb(224,224,224)}.md-default-theme.md-hue-2 .md-calendar-date-disabled, .md-hue-2 .md-calendar-date-disabled,.md-default-theme.md-hue-2 .md-calendar-month-label-disabled, .md-hue-2 .md-calendar-month-label-disabled{color:rgba(0,0,0,0.435)}.md-default-theme.md-hue-2 .md-datepicker-calendar-pane, .md-hue-2 .md-datepicker-calendar-pane{border-color:rgb(255,255,255)}.md-default-theme.md-hue-2 .md-datepicker-calendar, .md-hue-2 .md-datepicker-calendar{background:rgb(255,255,255)}.md-default-theme.md-hue-2 .md-datepicker-input-mask-opaque, .md-hue-2 .md-datepicker-input-mask-opaque{box-shadow:0 0 0 9999px rgb(255,255,255)}.md-default-theme.md-hue-2 .md-datepicker-open .md-datepicker-input-container, .md-hue-2 .md-datepicker-open .md-datepicker-input-container{background:rgb(255,255,255)}md-dialog.md-default-theme.md-hue-2, md-dialog.md-hue-2{border-radius:4px;background-color:rgb(255,255,255);color:rgba(0,0,0,0.87)}[disabled] md-input-container.md-default-theme.md-hue-2 .md-input, [disabled] md-input-container.md-hue-2 .md-input,md-input-container.md-default-theme.md-hue-2 .md-input[disabled], md-input-container.md-hue-2 .md-input[disabled]{border-bottom-color:transparent;color:rgba(0,0,0,0.38);background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-list.md-default-theme.md-hue-2 .md-proxy-focus.md-focused div.md-no-style, md-list.md-hue-2 .md-proxy-focus.md-focused div.md-no-style{background-color:rgb(245,245,245)}md-list.md-default-theme.md-hue-2 md-list-item .md-avatar-icon, md-list.md-hue-2 md-list-item .md-avatar-icon{background-color:rgba(0,0,0,0.38);color:rgb(245,245,245)}md-menu-content.md-default-theme.md-hue-2, md-menu-content.md-hue-2{background-color:rgb(255,255,255)}md-menu-content.md-default-theme.md-hue-2 md-menu-item, md-menu-content.md-hue-2 md-menu-item{color:rgba(0,0,0,0.87)}md-menu-content.md-default-theme.md-hue-2 md-menu-item md-icon, md-menu-content.md-hue-2 md-menu-item md-icon{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-2 md-menu-item .md-button[disabled], md-menu-content.md-hue-2 md-menu-item .md-button[disabled],md-menu-content.md-default-theme.md-hue-2 md-menu-item .md-button[disabled] md-icon, md-menu-content.md-hue-2 md-menu-item .md-button[disabled] md-icon{color:rgba(0,0,0,0.25)}md-menu-content.md-default-theme.md-hue-2 md-menu-divider, md-menu-content.md-hue-2 md-menu-divider{background-color:rgba(0,0,0,0.11)}md-menu-bar.md-default-theme.md-hue-2 md-menu.md-open>button, md-menu-bar.md-hue-2 md-menu.md-open>button,md-menu-bar.md-default-theme.md-hue-2 md-menu>button:focus, md-menu-bar.md-hue-2 md-menu>button:focus{outline:none;background:rgb(238,238,238)}md-menu-bar.md-default-theme.md-hue-2.md-open:not(.md-keyboard-mode) md-menu:hover>button, md-menu-bar.md-hue-2.md-open:not(.md-keyboard-mode) md-menu:hover>button{background-color:rgba(158,158,158,0.2)}md-menu-bar.md-default-theme.md-hue-2:not(.md-keyboard-mode):not(.md-open) md-menu button:focus, md-menu-bar.md-hue-2:not(.md-keyboard-mode):not(.md-open) md-menu button:focus,md-menu-bar.md-default-theme.md-hue-2:not(.md-keyboard-mode):not(.md-open) md-menu button:hover, md-menu-bar.md-hue-2:not(.md-keyboard-mode):not(.md-open) md-menu button:hover{background:transparent}md-menu-content.md-default-theme.md-hue-2 .md-menu>.md-button:after, md-menu-content.md-hue-2 .md-menu>.md-button:after{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-2 .md-menu.md-open>.md-button, md-menu-content.md-hue-2 .md-menu.md-open>.md-button{background-color:rgba(158,158,158,0.2)}md-toolbar.md-default-theme.md-hue-2.md-menu-toolbar, md-toolbar.md-hue-2.md-menu-toolbar{background-color:rgb(255,255,255);color:rgb(0,0,0)}md-toolbar.md-default-theme.md-hue-2.md-menu-toolbar md-toolbar-filler md-icon, md-toolbar.md-hue-2.md-menu-toolbar md-toolbar-filler md-icon{color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-2 .md-nav-bar, md-nav-bar.md-hue-2 .md-nav-bar{background-color:transparent;border-color:rgba(0,0,0,0.12)}._md-panel-backdrop.md-default-theme.md-hue-2, ._md-panel-backdrop.md-hue-2{background-color:rgba(33,33,33,1.0)}md-select.md-default-theme.md-hue-2[disabled] .md-select-value, md-select.md-hue-2[disabled] .md-select-value{border-bottom-color:transparent;background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-select-menu.md-default-theme.md-hue-2 md-content, md-select-menu.md-hue-2 md-content{background:rgb(255,255,255)}md-select-menu.md-default-theme.md-hue-2 md-content md-optgroup, md-select-menu.md-hue-2 md-content md-optgroup{color:rgba(117,117,117,0.87)}md-select-menu.md-default-theme.md-hue-2 md-content md-option, md-select-menu.md-hue-2 md-content md-option{color:rgba(33,33,33,0.87)}md-select-menu.md-default-theme.md-hue-2 md-content md-option[disabled] .md-text, md-select-menu.md-hue-2 md-content md-option[disabled] .md-text{color:rgba(189,189,189,0.87)}md-select-menu.md-default-theme.md-hue-2 md-content md-option:not([disabled]):focus, md-select-menu.md-hue-2 md-content md-option:not([disabled]):focus,md-select-menu.md-default-theme.md-hue-2 md-content md-option:not([disabled]):hover, md-select-menu.md-hue-2 md-content md-option:not([disabled]):hover{background:rgb(238,238,238)}.md-checkbox-enabled.md-default-theme.md-hue-2[selected] .md-ripple, .md-checkbox-enabled.md-hue-2[selected] .md-ripple{color:rgb(117,117,117)}.md-checkbox-enabled.md-default-theme.md-hue-2 md-option .md-text, .md-checkbox-enabled.md-hue-2 md-option .md-text{color:rgba(33,33,33,0.87)}md-sidenav.md-default-theme.md-hue-2, md-sidenav.md-hue-2,md-sidenav.md-default-theme.md-hue-2 md-content, md-sidenav.md-hue-2 md-content{background-color:rgb(255,255,255)}md-slider.md-default-theme.md-hue-2 .md-track, md-slider.md-hue-2 .md-track{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-2 .md-track-ticks, md-slider.md-hue-2 .md-track-ticks{color:rgba(0,0,0,0.87)}md-slider.md-default-theme.md-hue-2 .md-disabled-thumb, md-slider.md-hue-2 .md-disabled-thumb{border-color:rgb(245,245,245);background-color:rgb(245,245,245)}md-slider.md-default-theme.md-hue-2.md-min .md-thumb:after, md-slider.md-hue-2.md-min .md-thumb:after{background-color:rgb(245,245,245);border-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-2.md-min .md-focus-ring, md-slider.md-hue-2.md-min .md-focus-ring{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-2.md-min[md-discrete] .md-thumb:after, md-slider.md-hue-2.md-min[md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.87);border-color:transparent}md-slider.md-default-theme.md-hue-2.md-min[md-discrete] .md-sign, md-slider.md-hue-2.md-min[md-discrete] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2.md-min[md-discrete] .md-sign:after, md-slider.md-hue-2.md-min[md-discrete] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2.md-min[md-discrete][md-vertical] .md-sign:after, md-slider.md-hue-2.md-min[md-discrete][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2[disabled]:not(.md-min) .md-thumb:after, md-slider.md-hue-2[disabled]:not(.md-min) .md-thumb:after,md-slider.md-default-theme.md-hue-2[disabled][md-discrete] .md-thumb:after, md-slider.md-hue-2[disabled][md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.38);border-color:transparent}md-slider.md-default-theme.md-hue-2[disabled][readonly] .md-sign, md-slider.md-hue-2[disabled][readonly] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2[disabled][readonly] .md-sign:after, md-slider.md-hue-2[disabled][readonly] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2[disabled][readonly][md-vertical] .md-sign:after, md-slider.md-hue-2[disabled][readonly][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-2[disabled][readonly] .md-disabled-thumb, md-slider.md-hue-2[disabled][readonly] .md-disabled-thumb{border-color:transparent;background-color:transparent}.md-subheader.md-default-theme.md-hue-2, .md-subheader.md-hue-2{color:rgba(0,0,0,0.54);background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-2 .md-ink-ripple, md-switch.md-hue-2 .md-ink-ripple{color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-2 .md-thumb, md-switch.md-hue-2 .md-thumb{background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-2 .md-bar, md-switch.md-hue-2 .md-bar{background-color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-2[disabled] .md-thumb, md-switch.md-hue-2[disabled] .md-thumb{background-color:rgb(189,189,189)}md-switch.md-default-theme.md-hue-2[disabled] .md-bar, md-switch.md-hue-2[disabled] .md-bar{background-color:rgba(0,0,0,0.12)}md-toast.md-default-theme.md-hue-2 .md-toast-content, md-toast.md-hue-2 .md-toast-content{background-color:#323232;color:rgb(250,250,250)}md-toast.md-default-theme.md-hue-2 .md-toast-content .md-button, md-toast.md-hue-2 .md-toast-content .md-button{color:rgb(250,250,250)}md-tabs.md-default-theme.md-hue-2 md-tabs-wrapper, md-tabs.md-hue-2 md-tabs-wrapper{background-color:transparent;border-color:rgba(0,0,0,0.12)}.md-panel.md-tooltip.md-default-theme.md-hue-2, .md-panel.md-tooltip.md-hue-2{color:rgba(255,255,255,0.87);background-color:rgb(97,97,97)}body.md-default-theme.md-hue-2, body.md-hue-2,html.md-default-theme.md-hue-2, html.md-hue-2{color:rgba(0,0,0,0.87);background-color:rgb(245,245,245)}</style><style md-theme-style="">md-autocomplete.md-default-theme.md-hue-3, md-autocomplete.md-hue-3{background:rgb(255,255,255)}md-autocomplete.md-default-theme.md-hue-3[disabled]:not([md-floating-label]), md-autocomplete.md-hue-3[disabled]:not([md-floating-label]){background:rgb(245,245,245)}md-autocomplete.md-default-theme.md-hue-3 button md-icon path, md-autocomplete.md-hue-3 button md-icon path{fill:rgb(117,117,117)}md-autocomplete.md-default-theme.md-hue-3 button:after, md-autocomplete.md-hue-3 button:after{background:rgba(117,117,117,0.3)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-3, .md-autocomplete-suggestions-container.md-hue-3{background:rgb(255,255,255)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-3 li, .md-autocomplete-suggestions-container.md-hue-3 li{color:rgb(33,33,33)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-3 li .highlight, .md-autocomplete-suggestions-container.md-hue-3 li .highlight{color:rgb(117,117,117)}.md-autocomplete-suggestions-container.md-default-theme.md-hue-3 li.selected, .md-autocomplete-suggestions-container.md-hue-3 li.selected,.md-autocomplete-suggestions-container.md-default-theme.md-hue-3 li:hover, .md-autocomplete-suggestions-container.md-hue-3 li:hover{background:rgb(238,238,238)}md-backdrop{background-color:rgba(33,33,33,0.0)}md-backdrop.md-opaque.md-default-theme.md-hue-3, md-backdrop.md-opaque.md-hue-3{background-color:rgba(33,33,33,1.0)}md-bottom-sheet.md-default-theme.md-hue-3, md-bottom-sheet.md-hue-3{background-color:rgb(250,250,250);border-top-color:rgb(224,224,224)}md-bottom-sheet.md-default-theme.md-hue-3 .md-subheader, md-bottom-sheet.md-hue-3 .md-subheader{background-color:rgb(250,250,250);color:rgba(0,0,0,0.87)}.md-button.md-default-theme.md-hue-3:not([disabled]).md-focused, .md-button.md-hue-3:not([disabled]).md-focused,.md-button.md-default-theme.md-hue-3:not([disabled]):hover, .md-button.md-hue-3:not([disabled]):hover{background-color:rgba(158,158,158,0.2)}.md-button.md-default-theme.md-hue-3:not([disabled]).md-icon-button:hover, .md-button.md-hue-3:not([disabled]).md-icon-button:hover{background-color:transparent}.md-button.md-default-theme.md-hue-3.md-raised, .md-button.md-hue-3.md-raised{color:rgb(33,33,33);background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-3.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-raised:not([disabled]) md-icon{color:rgb(33,33,33)}.md-button.md-default-theme.md-hue-3.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-raised:not([disabled]):hover{background-color:rgb(250,250,250)}.md-button.md-default-theme.md-hue-3.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-raised:not([disabled]).md-focused{background-color:rgb(238,238,238)}.md-button.md-default-theme.md-hue-3.md-fab[disabled], .md-button.md-hue-3.md-fab[disabled],.md-button.md-default-theme.md-hue-3.md-raised[disabled], .md-button.md-hue-3.md-raised[disabled]{background-color:rgba(0,0,0,0.12)}.md-button.md-default-theme.md-hue-3[disabled], .md-button.md-hue-3[disabled]{background-color:transparent}md-card.md-default-theme.md-hue-3, md-card.md-hue-3{color:rgba(0,0,0,0.87);background-color:rgb(255,255,255);border-radius:2px}md-card.md-default-theme.md-hue-3 md-card-header md-card-avatar md-icon, md-card.md-hue-3 md-card-header md-card-avatar md-icon{color:rgb(224,224,224);background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-3.md-checked .md-ripple, md-checkbox.md-hue-3.md-checked .md-ripple{color:rgb(117,117,117)}md-checkbox.md-default-theme.md-hue-3[disabled].md-checked .md-icon, md-checkbox.md-hue-3[disabled].md-checked .md-icon{background-color:rgba(0,0,0,0.38)}md-checkbox.md-default-theme.md-hue-3[disabled].md-checked .md-icon:after, md-checkbox.md-hue-3[disabled].md-checked .md-icon:after{border-color:rgb(238,238,238)}md-chips.md-default-theme.md-hue-3 md-chip, md-chips.md-hue-3 md-chip{background:rgb(224,224,224);color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-3 md-chip md-icon, md-chips.md-hue-3 md-chip md-icon{color:rgb(97,97,97)}md-chips.md-default-theme.md-hue-3 md-chip._md-chip-editing, md-chips.md-hue-3 md-chip._md-chip-editing{background:transparent;color:rgb(66,66,66)}md-chips.md-default-theme.md-hue-3 md-chip-remove .md-button md-icon path, md-chips.md-hue-3 md-chip-remove .md-button md-icon path{fill:rgb(158,158,158)}.md-contact-suggestion span.md-contact-email{color:rgb(189,189,189)}md-content.md-default-theme.md-hue-3, md-content.md-hue-3{color:rgba(0,0,0,0.87);background-color:rgb(250,250,250)}.md-calendar.md-default-theme.md-hue-3, .md-calendar.md-hue-3{background:rgb(255,255,255);color:rgba(0,0,0,0.87)}.md-calendar.md-default-theme.md-hue-3 tr:last-child td, .md-calendar.md-hue-3 tr:last-child td{border-bottom-color:rgb(238,238,238)}.md-default-theme.md-hue-3 .md-calendar-day-header, .md-hue-3 .md-calendar-day-header{background:rgb(224,224,224);color:rgba(0,0,0,0.87)}.md-calendar-date.md-focus .md-default-theme.md-hue-3 .md-calendar-date-selection-indicator, .md-calendar-date.md-focus .md-hue-3 .md-calendar-date-selection-indicator,.md-default-theme.md-hue-3 .md-calendar-date-selection-indicator:hover, .md-hue-3 .md-calendar-date-selection-indicator:hover{background:rgb(224,224,224)}.md-default-theme.md-hue-3 .md-calendar-date-disabled, .md-hue-3 .md-calendar-date-disabled,.md-default-theme.md-hue-3 .md-calendar-month-label-disabled, .md-hue-3 .md-calendar-month-label-disabled{color:rgba(0,0,0,0.435)}.md-default-theme.md-hue-3 .md-datepicker-calendar-pane, .md-hue-3 .md-datepicker-calendar-pane{border-color:rgb(255,255,255)}.md-default-theme.md-hue-3 .md-datepicker-calendar, .md-hue-3 .md-datepicker-calendar{background:rgb(255,255,255)}.md-default-theme.md-hue-3 .md-datepicker-input-mask-opaque, .md-hue-3 .md-datepicker-input-mask-opaque{box-shadow:0 0 0 9999px rgb(255,255,255)}.md-default-theme.md-hue-3 .md-datepicker-open .md-datepicker-input-container, .md-hue-3 .md-datepicker-open .md-datepicker-input-container{background:rgb(255,255,255)}md-dialog.md-default-theme.md-hue-3, md-dialog.md-hue-3{border-radius:4px;background-color:rgb(255,255,255);color:rgba(0,0,0,0.87)}[disabled] md-input-container.md-default-theme.md-hue-3 .md-input, [disabled] md-input-container.md-hue-3 .md-input,md-input-container.md-default-theme.md-hue-3 .md-input[disabled], md-input-container.md-hue-3 .md-input[disabled]{border-bottom-color:transparent;color:rgba(0,0,0,0.38);background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-list.md-default-theme.md-hue-3 .md-proxy-focus.md-focused div.md-no-style, md-list.md-hue-3 .md-proxy-focus.md-focused div.md-no-style{background-color:rgb(245,245,245)}md-list.md-default-theme.md-hue-3 md-list-item .md-avatar-icon, md-list.md-hue-3 md-list-item .md-avatar-icon{background-color:rgba(0,0,0,0.38);color:rgb(224,224,224)}md-menu-content.md-default-theme.md-hue-3, md-menu-content.md-hue-3{background-color:rgb(255,255,255)}md-menu-content.md-default-theme.md-hue-3 md-menu-item, md-menu-content.md-hue-3 md-menu-item{color:rgba(0,0,0,0.87)}md-menu-content.md-default-theme.md-hue-3 md-menu-item md-icon, md-menu-content.md-hue-3 md-menu-item md-icon{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-3 md-menu-item .md-button[disabled], md-menu-content.md-hue-3 md-menu-item .md-button[disabled],md-menu-content.md-default-theme.md-hue-3 md-menu-item .md-button[disabled] md-icon, md-menu-content.md-hue-3 md-menu-item .md-button[disabled] md-icon{color:rgba(0,0,0,0.25)}md-menu-content.md-default-theme.md-hue-3 md-menu-divider, md-menu-content.md-hue-3 md-menu-divider{background-color:rgba(0,0,0,0.11)}md-menu-bar.md-default-theme.md-hue-3 md-menu.md-open>button, md-menu-bar.md-hue-3 md-menu.md-open>button,md-menu-bar.md-default-theme.md-hue-3 md-menu>button:focus, md-menu-bar.md-hue-3 md-menu>button:focus{outline:none;background:rgb(238,238,238)}md-menu-bar.md-default-theme.md-hue-3.md-open:not(.md-keyboard-mode) md-menu:hover>button, md-menu-bar.md-hue-3.md-open:not(.md-keyboard-mode) md-menu:hover>button{background-color:rgba(158,158,158,0.2)}md-menu-bar.md-default-theme.md-hue-3:not(.md-keyboard-mode):not(.md-open) md-menu button:focus, md-menu-bar.md-hue-3:not(.md-keyboard-mode):not(.md-open) md-menu button:focus,md-menu-bar.md-default-theme.md-hue-3:not(.md-keyboard-mode):not(.md-open) md-menu button:hover, md-menu-bar.md-hue-3:not(.md-keyboard-mode):not(.md-open) md-menu button:hover{background:transparent}md-menu-content.md-default-theme.md-hue-3 .md-menu>.md-button:after, md-menu-content.md-hue-3 .md-menu>.md-button:after{color:rgba(0,0,0,0.54)}md-menu-content.md-default-theme.md-hue-3 .md-menu.md-open>.md-button, md-menu-content.md-hue-3 .md-menu.md-open>.md-button{background-color:rgba(158,158,158,0.2)}md-toolbar.md-default-theme.md-hue-3.md-menu-toolbar, md-toolbar.md-hue-3.md-menu-toolbar{background-color:rgb(255,255,255);color:rgb(0,0,0)}md-toolbar.md-default-theme.md-hue-3.md-menu-toolbar md-toolbar-filler md-icon, md-toolbar.md-hue-3.md-menu-toolbar md-toolbar-filler md-icon{color:rgba(255,255,255,0.87)}md-nav-bar.md-default-theme.md-hue-3 .md-nav-bar, md-nav-bar.md-hue-3 .md-nav-bar{background-color:transparent;border-color:rgba(0,0,0,0.12)}._md-panel-backdrop.md-default-theme.md-hue-3, ._md-panel-backdrop.md-hue-3{background-color:rgba(33,33,33,1.0)}md-select.md-default-theme.md-hue-3[disabled] .md-select-value, md-select.md-hue-3[disabled] .md-select-value{border-bottom-color:transparent;background-image:linear-gradient(90deg,rgba(0,0,0,0.38) 0,rgba(0,0,0,0.38) 33%,transparent 0);background-image:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.38) 100%)}md-select-menu.md-default-theme.md-hue-3 md-content, md-select-menu.md-hue-3 md-content{background:rgb(255,255,255)}md-select-menu.md-default-theme.md-hue-3 md-content md-optgroup, md-select-menu.md-hue-3 md-content md-optgroup{color:rgba(117,117,117,0.87)}md-select-menu.md-default-theme.md-hue-3 md-content md-option, md-select-menu.md-hue-3 md-content md-option{color:rgba(33,33,33,0.87)}md-select-menu.md-default-theme.md-hue-3 md-content md-option[disabled] .md-text, md-select-menu.md-hue-3 md-content md-option[disabled] .md-text{color:rgba(189,189,189,0.87)}md-select-menu.md-default-theme.md-hue-3 md-content md-option:not([disabled]):focus, md-select-menu.md-hue-3 md-content md-option:not([disabled]):focus,md-select-menu.md-default-theme.md-hue-3 md-content md-option:not([disabled]):hover, md-select-menu.md-hue-3 md-content md-option:not([disabled]):hover{background:rgb(238,238,238)}.md-checkbox-enabled.md-default-theme.md-hue-3[selected] .md-ripple, .md-checkbox-enabled.md-hue-3[selected] .md-ripple{color:rgb(117,117,117)}.md-checkbox-enabled.md-default-theme.md-hue-3 md-option .md-text, .md-checkbox-enabled.md-hue-3 md-option .md-text{color:rgba(33,33,33,0.87)}md-sidenav.md-default-theme.md-hue-3, md-sidenav.md-hue-3,md-sidenav.md-default-theme.md-hue-3 md-content, md-sidenav.md-hue-3 md-content{background-color:rgb(255,255,255)}md-slider.md-default-theme.md-hue-3 .md-track, md-slider.md-hue-3 .md-track{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-3 .md-track-ticks, md-slider.md-hue-3 .md-track-ticks{color:rgba(0,0,0,0.87)}md-slider.md-default-theme.md-hue-3 .md-disabled-thumb, md-slider.md-hue-3 .md-disabled-thumb{border-color:rgb(224,224,224);background-color:rgb(224,224,224)}md-slider.md-default-theme.md-hue-3.md-min .md-thumb:after, md-slider.md-hue-3.md-min .md-thumb:after{background-color:rgb(224,224,224);border-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-3.md-min .md-focus-ring, md-slider.md-hue-3.md-min .md-focus-ring{background-color:rgba(0,0,0,0.38)}md-slider.md-default-theme.md-hue-3.md-min[md-discrete] .md-thumb:after, md-slider.md-hue-3.md-min[md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.87);border-color:transparent}md-slider.md-default-theme.md-hue-3.md-min[md-discrete] .md-sign, md-slider.md-hue-3.md-min[md-discrete] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3.md-min[md-discrete] .md-sign:after, md-slider.md-hue-3.md-min[md-discrete] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3.md-min[md-discrete][md-vertical] .md-sign:after, md-slider.md-hue-3.md-min[md-discrete][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3[disabled]:not(.md-min) .md-thumb:after, md-slider.md-hue-3[disabled]:not(.md-min) .md-thumb:after,md-slider.md-default-theme.md-hue-3[disabled][md-discrete] .md-thumb:after, md-slider.md-hue-3[disabled][md-discrete] .md-thumb:after{background-color:rgba(0,0,0,0.38);border-color:transparent}md-slider.md-default-theme.md-hue-3[disabled][readonly] .md-sign, md-slider.md-hue-3[disabled][readonly] .md-sign{background-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3[disabled][readonly] .md-sign:after, md-slider.md-hue-3[disabled][readonly] .md-sign:after{border-top-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3[disabled][readonly][md-vertical] .md-sign:after, md-slider.md-hue-3[disabled][readonly][md-vertical] .md-sign:after{border-top-color:transparent;border-left-color:rgb(189,189,189)}md-slider.md-default-theme.md-hue-3[disabled][readonly] .md-disabled-thumb, md-slider.md-hue-3[disabled][readonly] .md-disabled-thumb{border-color:transparent;background-color:transparent}.md-subheader.md-default-theme.md-hue-3, .md-subheader.md-hue-3{color:rgba(0,0,0,0.54);background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-3 .md-ink-ripple, md-switch.md-hue-3 .md-ink-ripple{color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-3 .md-thumb, md-switch.md-hue-3 .md-thumb{background-color:rgb(250,250,250)}md-switch.md-default-theme.md-hue-3 .md-bar, md-switch.md-hue-3 .md-bar{background-color:rgb(158,158,158)}md-switch.md-default-theme.md-hue-3[disabled] .md-thumb, md-switch.md-hue-3[disabled] .md-thumb{background-color:rgb(189,189,189)}md-switch.md-default-theme.md-hue-3[disabled] .md-bar, md-switch.md-hue-3[disabled] .md-bar{background-color:rgba(0,0,0,0.12)}md-toast.md-default-theme.md-hue-3 .md-toast-content, md-toast.md-hue-3 .md-toast-content{background-color:#323232;color:rgb(250,250,250)}md-toast.md-default-theme.md-hue-3 .md-toast-content .md-button, md-toast.md-hue-3 .md-toast-content .md-button{color:rgb(250,250,250)}md-tabs.md-default-theme.md-hue-3 md-tabs-wrapper, md-tabs.md-hue-3 md-tabs-wrapper{background-color:transparent;border-color:rgba(0,0,0,0.12)}.md-panel.md-tooltip.md-default-theme.md-hue-3, .md-panel.md-tooltip.md-hue-3{color:rgba(255,255,255,0.87);background-color:rgb(97,97,97)}body.md-default-theme.md-hue-3, body.md-hue-3,html.md-default-theme.md-hue-3, html.md-hue-3{color:rgba(0,0,0,0.87);background-color:rgb(224,224,224)}</style><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<title>Color Tool - Material Design</title>
<meta name="description" content="Create and share color palettes for your UI, and measure the accessibility of any color combination.">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Schema.org markup -->
<meta itemprop="name" content="Color Tool - Material Design">
<meta itemprop="description" content="Create and share color palettes for your UI, and measure the accessibility of any color combination.">
<meta itemprop="image" content="https://material.io/tools/color/assets/images/colortool-share.png">
<!-- Open Graph markup -->
<meta property="og:type" content="website">
<meta property="og:title" content="Color Tool - Material Design">
<meta property="og:image" content="https://material.io/tools/color/assets/images/colortool-share.png">
<meta property="og:description" content="Create and share color palettes for your UI, and measure the accessibility of any color combination.">
<meta property="og:site_name" content="Color Tool - Material Design">
<meta property="og:url" content="http://material.io/tools/color/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@googledesign">
<meta name="twitter:description" content="Create and share color palettes for your UI, and measure the accessibility of any color combination.">
<meta name="twitter:image" content="https://material.io/tools/color/assets/images/colortool-share.png">
<link rel="icon" sizes="192x192" href="https://m2.material.io/resources/color/assets/images/ic_colortool_192px.png">
<link rel="shortcut icon" href="https://m2.material.io/resources/color/assets/images/ic_colortool_72px.png">
<link rel="apple-touch-icon" href="https://m2.material.io/resources/color/assets/images/ic_colortool_72px.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://m2.material.io/resources/color/assets/images/ic_colortool_72px.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://m2.material.io/resources/color/assets/images/ic_colortool_144px.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://m2.material.io/resources/color/assets/images/ic_colortool_180px.png">
<link rel="dns-prefetch" href="https://www.googletagmanager.com/">
<script async="" src="./Color Tool - Material Design_files/analytics.js"></script><script async="" src="./Color Tool - Material Design_files/gtm.js"></script><script type="text/javascript" async="" src="./Color Tool - Material Design_files/gtm.js"></script>
<link href="./Color Tool - Material Design_files/css" rel="stylesheet">
<link rel="stylesheet" href="./Color Tool - Material Design_files/vendor-bab328c105.css">
<link rel="stylesheet" href="./Color Tool - Material Design_files/app-2bc402abea.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NHRPF8');</script>
</head>
<body><!--[if lt IE 10]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="https://whatbrowser.org">upgrade your browser</a> to improve your experience.</p>
<![endif]--><!-- ngView: --><div ng-view="" class="ng-scope"><div class="material-io-nav" ng-class="{ 'material-io-nav--state-collapse': $materialIoNav.collapse }" ng-click="$materialIoNav.hide($event, true)" aria-expanded="!$materialIoNav.collapse" model="main" role="button" tabindex="0"><div class="material-io-nav__header"><div class="material-io-nav__wrapper"><div class="material-io-nav__carousel"><a class="material-io-nav__link" aria-label="Page heading" href="https://m2.material.io/" ng-click="$materialIoNav.clickedOnMaterialIoLink($event)"><h2>Material Design</h2></a><div class="material-io-nav__brand" aria-label="Brand name" ng-click="$materialIoNav.hide($event, false)" role="button" tabindex="0"><div class="material-io-nav__brand__icon"></div><h2>Color Tool</h2></div></div></div><div class="material-io-nav__container"><div class="material-io-nav__content"><div class="material-io-nav__content__style"><h3>Color Tool</h3><p>Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.</p></div></div><div class="material-io-nav__graphic"><div class="material-io-nav__graphic__image"></div></div></div></div><span class="md-visually-hidden ng-binding">Toggle collapsed</span><div class="material-io-nav__backdrop"></div></div><div class="nav__header ng-scope"><span flex="" class="flex"></span><div class="nav__header__main"><md-menu md-position-mode="target-right target" ng-disabled="!main.primaryColor.hex" class="export__menu md-menu ng-scope _md" aria-disabled="true" disabled="disabled"><button class="md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Open export options" ng-click="main.openExportsMenu($mdMenu, $event)" ng-disabled="!main.primaryColor.hex" aria-haspopup="true" aria-expanded="false" aria-owns="menu_container_0" disabled="disabled">Export</button><div class="_md md-open-menu-container md-whiteframe-z2" id="menu_container_0" aria-hidden="true" style="display: none;"><md-menu-content width="2" role="menu"><md-menu-item><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="main.exportTo('android')" aria-label="Export to Android"><md-icon class="material-icons ng-scope">android</md-icon>Android</button></md-menu-item><md-menu-item><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="main.exportTo('ios')" aria-label="Export to iOS"><md-icon class="material-icons ng-scope">ios</md-icon>iOS</button></md-menu-item><md-menu-item><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="main.editOnCodepen()" aria-label="Open in Codepen"><md-icon class="material-icons ng-scope" md-svg-src="assets/images/codepen-logo.svg"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<path d="M250.001,0C111.927,0,0,111.927,0,250.001C0,388.077,111.927,500,250.001,500C388.073,500,500,388.077,500,250.001
C500,111.927,388.073,0,250.001,0z M250.001,458.943c-115.212,0-208.941-93.733-208.941-208.942
c0-115.208,93.729-208.941,208.941-208.941c115.208,0,208.938,93.733,208.938,208.941
C458.939,365.21,365.21,458.943,250.001,458.943z"></path>
<path d="M404.462,201.172c-0.028-0.195-0.076-0.382-0.109-0.577c-0.065-0.374-0.135-0.748-0.232-1.114
c-0.057-0.22-0.138-0.431-0.206-0.642c-0.106-0.326-0.212-0.651-0.342-0.968c-0.091-0.22-0.196-0.439-0.297-0.651
c-0.14-0.3-0.285-0.593-0.452-0.877c-0.122-0.212-0.251-0.416-0.377-0.618c-0.18-0.277-0.362-0.546-0.562-0.806
c-0.146-0.194-0.3-0.39-0.454-0.577c-0.212-0.243-0.432-0.487-0.664-0.716c-0.174-0.178-0.346-0.357-0.528-0.521
c-0.244-0.219-0.496-0.431-0.752-0.633c-0.198-0.155-0.395-0.31-0.602-0.456c-0.078-0.049-0.146-0.114-0.22-0.163L257.369,97.656
c-4.464-2.976-10.274-2.976-14.738,0l-141.295,94.196c-0.073,0.049-0.142,0.114-0.219,0.163c-0.208,0.146-0.403,0.301-0.598,0.456
c-0.26,0.203-0.512,0.415-0.752,0.633c-0.187,0.164-0.357,0.342-0.533,0.521c-0.231,0.229-0.451,0.473-0.658,0.716
c-0.159,0.188-0.313,0.383-0.459,0.577c-0.195,0.26-0.383,0.529-0.557,0.806c-0.134,0.203-0.26,0.406-0.382,0.618
c-0.163,0.284-0.309,0.577-0.451,0.877c-0.102,0.211-0.208,0.431-0.297,0.651c-0.13,0.317-0.236,0.642-0.341,0.968
c-0.07,0.211-0.146,0.422-0.208,0.642c-0.097,0.366-0.162,0.74-0.231,1.114c-0.032,0.195-0.081,0.382-0.106,0.577
c-0.077,0.569-0.122,1.146-0.122,1.732v94.197c0,0.585,0.044,1.162,0.122,1.74c0.025,0.188,0.074,0.382,0.106,0.568
c0.069,0.374,0.134,0.748,0.231,1.114c0.062,0.22,0.138,0.432,0.208,0.643c0.105,0.324,0.211,0.65,0.341,0.975
c0.089,0.222,0.195,0.433,0.297,0.645c0.143,0.3,0.289,0.592,0.451,0.885c0.122,0.204,0.248,0.406,0.382,0.61
c0.174,0.276,0.362,0.545,0.557,0.806c0.146,0.203,0.301,0.391,0.459,0.577c0.208,0.243,0.427,0.488,0.658,0.716
c0.175,0.178,0.346,0.357,0.533,0.52c0.24,0.221,0.492,0.432,0.752,0.635c0.195,0.155,0.391,0.31,0.598,0.454
c0.077,0.05,0.146,0.115,0.219,0.163l141.295,94.197c2.231,1.487,4.802,2.236,7.371,2.236c2.566,0,5.135-0.749,7.368-2.236
l141.295-94.197c0.074-0.048,0.142-0.113,0.22-0.163c0.207-0.145,0.403-0.299,0.602-0.454c0.256-0.203,0.508-0.414,0.752-0.635
c0.183-0.162,0.354-0.342,0.528-0.52c0.232-0.228,0.452-0.473,0.664-0.716c0.154-0.187,0.308-0.374,0.454-0.577
c0.2-0.261,0.383-0.529,0.562-0.806c0.126-0.204,0.255-0.406,0.377-0.61c0.167-0.293,0.312-0.585,0.452-0.885
c0.101-0.212,0.206-0.423,0.297-0.645c0.13-0.324,0.235-0.65,0.342-0.975c0.068-0.211,0.149-0.423,0.206-0.643
c0.098-0.366,0.167-0.74,0.232-1.114c0.033-0.187,0.081-0.381,0.109-0.568c0.073-0.578,0.119-1.155,0.119-1.74v-94.197
C404.581,202.318,404.535,201.741,404.462,201.172z M263.286,133.533l104.088,69.387l-46.493,31.103l-57.595-38.527V133.533z
M236.715,133.533v61.963l-57.592,38.527l-46.497-31.103L236.715,133.533z M121.99,227.771l33.238,22.231l-33.238,22.233V227.771z
M236.715,366.471l-104.088-69.388l46.497-31.094l57.592,38.52V366.471z M250.001,281.431l-46.988-31.429l46.988-31.428
l46.985,31.428L250.001,281.431z M263.286,366.471v-61.962l57.595-38.52l46.493,31.094L263.286,366.471z M378.01,272.234
l-33.233-22.233l33.233-22.231V272.234z"></path>
</g>
</svg></md-icon>CodePen</button></md-menu-item></md-menu-content></div></md-menu><button class="md-icon-button copy-to-clipboard md-button md-ink-ripple" type="button" ng-transclude="" data-clipboard-text="https://m2.material.io/resources/color/#!/?view.left=0&view.right=0" ng-click="main.linkUrlToYourClipboard()" ng-disabled="!main.primaryColor.hex" aria-label="Copy link to your clipboard" disabled="disabled"><md-icon class="material-icons ng-scope">link</md-icon></button><button class="md-icon-button md-icon__material md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Help link" ng-click="main.goToHelp()"><md-icon class="material-icons ng-scope" md-svg-src="assets/images/ic_material_24px.svg"><svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><title>ic_material_24px</title><path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM5,17.65A9,9,0,0,1,5,6.35ZM12,21a9,9,0,0,1-5.65-2h11.3A9,9,0,0,1,12,21Zm0-6.47L8.24,7h7.53ZM17,9v8H13Zm-6,8H7V9ZM6.35,5a9,9,0,0,1,11.3,0ZM19,17.65V6.35a9,9,0,0,1,0,11.3Z"></path><rect width="24" height="24" fill="none"></rect></svg></md-icon></button></div></div><div class="main-view ng-scope"><div class="tabs__container tabs__container__main"><md-tabs md-selected="main.viewLeft" md-dynamic-height="false" md-stretch-tabs="false" class="ng-isolate-scope"><md-tabs-wrapper class=""> <md-tab-data><md-tab label="User Interfaces" md-on-select="main.changeView('viewLeft', 0)" class="ng-scope ng-isolate-scope"></md-tab><md-tab label="Accessibility" md-on-select="main.changeView('viewLeft', 1)" class="ng-scope ng-isolate-scope"></md-tab></md-tab-data> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <md-tabs-canvas tabindex="0" aria-activedescendant="tab-item-1" ng-focus="$mdTabsCtrl.redirectFocus()" ng-class="{ 'md-paginated': $mdTabsCtrl.shouldPaginate, 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" ng-keydown="$mdTabsCtrl.keydown($event)" role="tablist"> <md-pagination-wrapper ng-class="{ 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" md-tab-scroll="$mdTabsCtrl.scroll($event)" style="transform: translate3d(0px, 0px, 0px);"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple md-active" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="1" aria-selected="true" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-1">User Interfaces</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="2" aria-selected="false" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-2">Accessibility</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> <md-ink-bar style="left: 0px; right: 128px;" class=""></md-ink-bar> </md-pagination-wrapper> <md-tabs-dummy-wrapper class="md-visually-hidden md-dummy-wrapper"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-1" md-tab-id="1" aria-selected="true" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-1">User Interfaces</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-2" md-tab-id="2" aria-selected="false" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-2">Accessibility</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> </md-tabs-dummy-wrapper> </md-tabs-canvas> </md-tabs-wrapper> <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent && $mdTabsCtrl.selectedIndex >= 0" class="_md" aria-hidden="false"> <!-- ngRepeat: (index, tab) in $mdTabsCtrl.tabs --><!-- ngIf: tab.hasContent --><md-tab-content id="tab-content-1" class="_md ng-scope md-active" role="tabpanel" aria-labelledby="tab-item-1" md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!-- ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()" class="ng-scope ng-isolate-scope"><md-content class="ui-content-view md-padding ng-scope"><div ng-show="false" aria-hidden="true" class="ng-hide" style="">
<div class="mdc-components">
<div class="mdc-components__section">
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__buttons .mdc-component__containers__primary .mdc-button,
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab {
background-color: ;
color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain,
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab--plain {
background-color: transparent;
color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab {
background-color: ;
color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab--plain {
background-color: transparent;
color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--raised.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--raised.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--raised.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--raised.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab--plain.mdc-ripple-upgraded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__buttons"><p>Buttons</p><div class="mdc-component__section"><div class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><button class="mdc-fab material-icons" aria-label="Add"><span class="mdc-fab__icon">add</span></button> <button class="mdc-fab material-icons mdc-fab--plain" aria-label="Add"><span class="mdc-fab__icon">add</span></button> <button type="button" class="mdc-button mdc-button--plain">Normal</button> <button type="button" class="mdc-button mdc-button--raised">Normal</button></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css">
.mdc-component__selection .mdc-component__containers__primary__only .mdc-snackbar {
transform: translate(-50%,-100%);
}
.mdc-component__selection .mdc-snackbar {
left: auto !important;
transform: translate(-28%,-164%);
position: absolute;
min-width: 240px;
margin-left: -16px;
width: 240px;
}
.mdc-component__selection .mdc-snackbar__secondary {
transform: translate(-28%,-40%);
}
.mdc-component__selection .mdc-snackbar__text,
.mdc-component__selection .mdc-snackbar__action-button {
opacity: 1;
font-size: 12px;
}
</style><div class="mdc-component mdc-component__selection"><p>Selection</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p style="position: absolute; left: 16px; padding-bottom: 40px;">Primary</p><div class="mdc-snackbar" aria-live="assertive" aria-atomic="true" aria-hidden="true"><div class="mdc-snackbar__text">Single-line snackbar</div><div class="mdc-snackbar__action-wrapper"><button type="button" class="mdc-button mdc-snackbar__action-button" ng-style="{ 'color': main.primaryColor.hex, }">Action</button></div></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
</div>
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__native-control:checked:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__native-control:indeterminate:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
background-color: ;
border-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle {
border-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__background::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__background::before {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__native-control:checked:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__native-control:indeterminate:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
background-color: ;
border-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle {
border-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__background::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__background::before {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox.mdc-ripple-upgraded--unbounded::after,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio.mdc-ripple-upgraded--unbounded::after {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox.mdc-ripple-upgraded--unbounded::after,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio.mdc-ripple-upgraded--unbounded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__switches"><p>Switches and sliders</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><div class="mdc-checkbox mdc-ripple-upgraded--unbounded"><input type="checkbox" checked="" class="mdc-checkbox__native-control"><div class="mdc-checkbox__background"><svg version="1.1" class="mdc-checkbox__checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><path class="mdc-checkbox__checkmark__path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div></div></div><div class="mdc-radio"><input class="mdc-radio__native-control" type="radio" checked=""><div class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div></div><div class="mdc-switch"><input type="checkbox" class="mdc-switch__native-control" checked=""><div class="mdc-switch__background"><div class="mdc-switch__knob"></div></div></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css" class="ng-binding">
.mdc-component__cards .mdc-card {
background-color: #ffffff;
height: 316px;
width: 262px;
}
.mdc-component__cards .mdc-card__title,
.mdc-component__cards .mdc-card__subtitle {
font-size: 11px;
line-height: 17px;
}
.mdc-component__cards .mdc-card__subtitle {
color: #707070;
}
.mdc-component__cards .mdc-card__header {
align-items: center;
display: flex;
height: 40px;
padding: 0 16px 20px;
}
.mdc-component__cards .demo-card__avatar {
background: #bdbdbd;
height: 40px;
width: 40px;
margin-right: 12px;
border-radius: 50%;
}
.mdc-component__cards .mdc-card__supporting-text {
font-size: 10px;
}
.mdc-component__cards .demo-card--with-avatar .mdc-card__title,
.mdc-component__cards .demo-card--with-avatar .mdc-card__subtitle {
margin-left: 56px;
}
.mdc-component__cards .mdc-card__actions {
display: flex;
justify-content: flex-end;
padding: 0 16px 16px 16px;
}
.mdc-component__cards .mdc-card__media {
height: 140px;
overflow: hidden;
padding: 0
}
.mdc-component__cards .mdc-card__media .material-image {
top: 64px;
position: relative;
}
.mdc-component__cards .mdc--theme-primary {
background-color: ;
color: ;
}
.mdc-component__cards .mdc--theme-secondary {
background-color: ;
color: ;
}
.mdc-component__cards .material-image .material-image__background {
fill: ;
}
.mdc-component__cards .material-image .material-image--shape-circle,
.mdc-component__cards .material-image .material-image--shape-triangle {
fill: ;
}
.mdc-component__cards .material-image .material-image--shape-intersection {
fill: ;
}
.mdc-component__cards .mdc-button--raised.mdc--theme-primary.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__cards .mdc-button--raised.mdc--theme-secondary.mdc-ripple-upgraded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__cards"><p>Cards</p><div class="mdc-component__section"><div class="mdc-component__containers__primary"><div class="mdc-card"><section class="mdc-card__header"><div class="demo-card__avatar"></div><div><p class="mdc-card__title">Title</p><p class="mdc-card__subtitle">Subhead</p></div></section><section class="mdc-card__media"><div class="material-image ng-isolate-scope" width="262" height="262"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" ng-width="262px" ng-height="262px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><g><rect x="0.3" y="0.5" width="300" height="300" class="material-image__background"></rect><g><path class="material-image--shape-circle" d="M124.5,171l26.3-45.5c-7.7-4.6-16.7-7.2-26.3-7.2c-28.6,0-51.7,23.2-51.7,51.7c0,28.6,23.2,51.7,51.7,51.7 c28.3,0,51.2-22.6,51.7-50.8H124.5z"></path><path class="material-image--shape-triangle" d="M176.2,170.1c0,0.3,0,0.6,0,1H228l-51.7-89.6l-25.5,44.1C166,134.5,176.2,151.1,176.2,170.1z"></path><path class="material-image--shape-intersection" d="M176.2,171c0-0.3,0-0.6,0-1c0-19-10.2-35.6-25.5-44.6L124.5,171H176.2z"></path></g></g></svg></div></section><section class="mdc-card__supporting-text">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</section><section class="mdc-card__actions"><button type="button" class="mdc-button mdc-button--raised mdc--theme-primary" ng-class="{ 'mdc--theme-primary': !main.secondaryColor, 'mdc--theme-secondary': main.secondaryColor }" style="">Button</button></section></div></div></div></div></div>
</div>
</div>
<div class="mdc-components__section">
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__menu .mdc-toolbar {
background-color: ;
z-index: 1;
}
.mdc-component__menu .mdc-toolbar {
height: 56px;
padding: 16px;
}
.mdc-component__menu .mdc-permanent-drawer {
border-right: none;
left: 0;
position: absolute;
top: 0;
z-index: 3;
}
.mdc-component__menu .mdc-backdrop {
background-color: rgba(0, 0, 0, .50);
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.mdc-component__menu .nav-header {
height: 140px;
position: relative;
overflow: hidden;
}
.mdc-component__menu .nav-header .material-image {
position: relative;
top: -50px;
}
.mdc-component__menu .mdc-permanent-drawer {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-component__menu .mdc-list-item {
font-weight: 400;
}
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded {
left: 0;
}
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded::before,
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__menu .mdc-permanent-drawer .mdc-permanent-drawer--selected::before,
.mdc-component__menu .mdc-permanent-drawer .mdc-list-item:active::before {
background-color: ;
opacity: .16;
}
.mdc-component__menu .mdc-permanent-drawer--selected.mdc-list-item .mdc-list-item__start-detail,
.mdc-component__menu .mdc-permanent-drawer .mdc-permanent-drawer--selected {
color: inherit;
}
.mdc-component__menu .material-image__background {
fill: ;
}
.mdc-component__menu .material-image--shape-circle,
.mdc-component__menu .material-image--shape-triangle {
fill: ;
}
.mdc-component__menu .material-image--shape-intersection {
fill: ;
}
</style><div class="mdc-component mdc-component__menu"><p>Menu</p><div class="mdc-component__section"><div class="mdc-component__section__content"><div class="mdc-component__section__content__frame"><header class="mdc-toolbar"><section class="mdc-toolbar__section mdc-toolbar__section--align-start"><a class="material-icons">menu</a> <span class="mdc-toolbar__title">Title</span></section></header><nav class="mdc-permanent-drawer"><div class="mdc-list-group"><nav class="nav-header"><div class="material-image ng-isolate-scope" width="240" height="240"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" ng-width="240px" ng-height="240px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><g><rect x="0.3" y="0.5" width="300" height="300" class="material-image__background"></rect><g><path class="material-image--shape-circle" d="M124.5,171l26.3-45.5c-7.7-4.6-16.7-7.2-26.3-7.2c-28.6,0-51.7,23.2-51.7,51.7c0,28.6,23.2,51.7,51.7,51.7 c28.3,0,51.2-22.6,51.7-50.8H124.5z"></path><path class="material-image--shape-triangle" d="M176.2,170.1c0,0.3,0,0.6,0,1H228l-51.7-89.6l-25.5,44.1C166,134.5,176.2,151.1,176.2,170.1z"></path><path class="material-image--shape-intersection" d="M176.2,171c0-0.3,0-0.6,0-1c0-19-10.2-35.6-25.5-44.6L124.5,171H176.2z"></path></g></g></svg></div></nav><nav class="mdc-list"><a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">share</i>Share</a><div class="mdc-list-item mdc-permanent-drawer--selected" href="#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">cloud_upload</i>Upload</div><a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">content_copy</i>Copy</a> <a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">print</i>Print this page</a></nav></div></nav><div class="mdc-backdrop"></div></div></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css" class="ng-binding">
.mdc-component__textfield .mdc-component__containers {
margin-top: 0;
}
.mdc-component__textfield .mdc-component__containers__secondary {
padding: 0;
}
.mdc-component__textfield .mdc-component__containers p {
padding-bottom: 20px;
}
.mdc-component__textfield .mdc-textfield {
margin-right: 14px !important;
}
.mdc-component__textfield .mdc-textfield__input {
width: 264px;
}
.mdc-component__textfield .mdc-textfield__label {
bottom: 12px;
}
.mdc-component__textfield .mdc-textfield--theme-primary .mdc-textfield__label {
color: ;
}
.mdc-component__textfield .mdc-textfield--theme-primary .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
border-color: ;
}
.mdc-component__textfield .mdc-textfield--theme-secondary .mdc-textfield__label {
color: ;
}
.mdc-component__textfield .mdc-textfield--theme-secondary .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
border-color: ;
}
</style><div class="mdc-component mdc-component__textfield"><p>Text Field</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-textfield--theme-primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><div class="mdc-textfield"><input type="text" id="textfield-primary" class="mdc-textfield__input" placeholder="Single-line input label" value="Input text for a single line"> <label for="textfield-primary" class="mdc-textfield__label mdc-textfield__label--float-above">Single-line input label</label></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
</div>
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__toolbar .app-bar {
background-color: ;
display: block;
height: 20px;
width: 100%;
}
.mdc-component__toolbar .mdc-toolbar {
height: 56px;
padding: 16px;
flex-direction: row;
align-items: center;
}
.mdc-component__toolbar .mdc-toolbar__section {
align-items: center;
}
.mdc-component__toolbar .mdc-toolbar__title {
padding-left: 8px;
}
.mdc-component__toolbar .material-icons {
color: ;
}
.mdc-component__toolbar .material-image {
position: relative;
top: -64px;
}
.mdc-component__toolbar main {
background-color: white;
height: calc(100% - 48px);
}
.mdc-component__toolbar .cover-image__frame {
display: block;
height: 220px;
position: relative;
width: 100%;
}
.mdc-component__toolbar .cover-image {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}
.mdc-component__toolbar .mdc-fab {
position: absolute;
bottom: -25px;
right: 28px;
}
.mdc-component__toolbar .content {
font-size: 13px;
line-height: 20px;
padding: 50px 35px;
}
.mdc-component__toolbar .mdc-component__section__content__frame::before {
bottom: 0;
content: "";
background-image: url(//storage.googleapis.com/demos-in-spec/images/android-bottom.png);
background-repeat: no-repeat;
height: 48px;
position: absolute;
width: 100%;
z-index: 9999999;
}
.mdc-component__toolbar .mdc--theme-primary {
background-color: ;
color: ;
}
.mdc-component__toolbar .mdc--theme-secondary {
background-color: ;
color: ;
}
.mdc-component__toolbar .material-image .material-image__background {
fill: #d8d8d8;
}
.mdc-component__toolbar .material-image .material-image--shape-circle,
.mdc-component__toolbar .material-image .material-image--shape-triangle {
fill: #9b9b9b;
}
.mdc-component__toolbar .material-image .material-image--shape-intersection {
fill: #ffffff;
}
.mdc-component__toolbar .mdc-icon-toggle::before,
.mdc-component__toolbar .mdc-icon-toggle::after {
background-color: ;
}
.mdc-component__toolbar .mdc-fab.mdc--theme-primary.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__toolbar .mdc-fab.mdc--theme-secondary.mdc-ripple-upgraded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__toolbar"><p>Tool Bar</p><div class="mdc-component__section mdc-component__section--size-full"><div class="mdc-component__section__content"><div class="mdc-component__section__content__frame"><section class="app-bar"></section><header class="mdc-toolbar mdc--theme-primary"><section class="mdc-toolbar__section mdc-toolbar__section--align-start"><i class="mdc-icon-toggle material-icons" role="button" aria-label="Search">menu</i> <span class="mdc-toolbar__title">Title</span></section><section class="mdc-toolbar__section mdc-toolbar__section--align-end" role="toolbar"><i class="mdc-icon-toggle material-icons" role="button" aria-label="Search">search</i> <i class="mdc-icon-toggle material-icons" role="button" aria-label="Menu">more_vert</i></section></header><main><div class="cover-image__frame"><section class="cover-image"><div class="material-image ng-isolate-scope" width="340" height="340"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" ng-width="340px" ng-height="340px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><g><rect x="0.3" y="0.5" width="300" height="300" class="material-image__background"></rect><g><path class="material-image--shape-circle" d="M124.5,171l26.3-45.5c-7.7-4.6-16.7-7.2-26.3-7.2c-28.6,0-51.7,23.2-51.7,51.7c0,28.6,23.2,51.7,51.7,51.7 c28.3,0,51.2-22.6,51.7-50.8H124.5z"></path><path class="material-image--shape-triangle" d="M176.2,170.1c0,0.3,0,0.6,0,1H228l-51.7-89.6l-25.5,44.1C166,134.5,176.2,151.1,176.2,170.1z"></path><path class="material-image--shape-intersection" d="M176.2,171c0-0.3,0-0.6,0-1c0-19-10.2-35.6-25.5-44.6L124.5,171H176.2z"></path></g></g></svg></div></section><button class="mdc-fab material-icons mdc--theme-primary" aria-label="Add" ng-class="{ 'mdc--theme-primary': !main.secondaryColor, 'mdc--theme-secondary': main.secondaryColor }" style=""><span class="mdc-fab__icon">add</span></button></div><section class="content">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante</section></main></div></div></div></div></div>
</div>
</div>
</div>
</div><div class="ui-container"><div class="ui-container__nav"><button class="md-icon-button md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Navigate left" ng-disabled="$uiContainer.currentPage == 1" ng-click="$uiContainer.setCurrentPage($uiContainer.currentPage - 1)" disabled="disabled"><md-icon class="material-icons ng-scope">keyboard_arrow_left</md-icon></button><span class="ng-binding">1/6</span><button class="md-icon-button md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Navigate right" ng-disabled="$uiContainer.currentPage == $uiContainer.currentTotalPages" ng-click="$uiContainer.setCurrentPage($uiContainer.currentPage + 1)"><md-icon class="material-icons ng-scope">keyboard_arrow_right</md-icon></button></div><div class="ui-container__section"><div class="ui-mobile-1 ui-mobile" ui-id="1"><!-- ngIf: !main.primaryColor.hex --><div class="ui-mobile-section ng-scope" ng-if="!main.primaryColor.hex"><!--?xml version="1.0" encoding="utf-8"?--><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="365px" height="650px" viewBox="0 0 365 650" style="enable-background:new 0 0 365 650;" xml:space="preserve"><rect id="XMLID_91_" x="230.15" y="419.75" opacity="0.26" fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" width="118.62" height="2.03"></rect><rect id="XMLID_92_" x="230.15" y="419.75" fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" width="70.97" height="2.03"></rect><path id="XMLID_93_" fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" d="M301.21,416.05c-2.72,0-4.93,2.21-4.93,4.93 c0,2.72,2.2,4.93,4.93,4.93c2.72,0,4.93-2.2,4.93-4.93C306.14,418.26,303.93,416.05,301.21,416.05"></path><g><rect x="0.5" y="0.5" fill="#FFFFFF" width="364" height="649"></rect><path fill="#6D6E70" d="M364,1v648H1V1H364 M365,0H0v650h365V0L365,0z"></path></g><g><path fill="#6D6E70" d="M364,1v648H1V1H364 M365,0H0v650h365V0L365,0z"></path></g><rect id="XMLID_94_" x="230.15" y="419.75" opacity="0.26" width="118.62" height="2.03"></rect><rect id="XMLID_95_" x="230.15" y="419.75" fill="#767676" width="70.97" height="2.03"></rect><path id="XMLID_96_" fill="#767676" d="M301.21,416.05c-2.72,0-4.93,2.21-4.93,4.93c0,2.72,2.2,4.93,4.93,4.93 c2.72,0,4.93-2.2,4.93-4.93C306.14,418.26,303.93,416.05,301.21,416.05"></path><path fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" d="M365,332.56"></path><line fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" x1="0" y1="89.22" x2="365" y2="89.22"></line><path fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" d="M0,332.56"></path><g id="XMLID_97_"><circle id="XMLID_98_" fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" cx="323.33" cy="332.18" r="28.39"></circle><line id="XMLID_99_" fill="none" stroke="#6D6E70" stroke-width="3" stroke-miterlimit="10" x1="323.33" y1="317.54" x2="323.33" y2="345.93"></line><line fill="none" stroke="#6D6E70" stroke-width="3" stroke-miterlimit="10" x1="337.52" y1="331.74" x2="309.13" y2="331.74"></line></g><line fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" x1="365" y1="24.33" x2="0" y2="24.33"></line><line fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" x1="0" y1="24.33" x2="365" y2="24.33"></line><line fill="#FFFFFF" stroke="#6D6E70" stroke-miterlimit="10" x1="365" y1="89.22" x2="0" y2="89.22"></line><text transform="matrix(1 0 0 1 32.217 65.1794)" class="void-1 title">Text</text><line fill="none" stroke="#6D6E70" stroke-miterlimit="10" x1="0" y1="332.56" x2="294.94" y2="332.56"></line><line fill="none" stroke="#6D6E70" stroke-miterlimit="10" x1="351.68" y1="332.56" x2="365" y2="332.56"></line></svg></div><!-- end ngIf: !main.primaryColor.hex --><!-- ngIf: main.primaryColor.hex --></div></div></div></md-content></div><!-- end ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --> </md-tab-content><!-- end ngIf: tab.hasContent --><!-- end ngRepeat: (index, tab) in $mdTabsCtrl.tabs --><!-- ngIf: tab.hasContent --><md-tab-content id="tab-content-2" class="_md ng-scope md-right" role="tabpanel" aria-labelledby="tab-item-2" md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!-- ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()" class="ng-scope ng-isolate-scope"><md-content class="md-padding ng-scope"><div class="accessibility"><div class="accessibility__header"><button class="md-icon-button md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Accessibility information" ng-click="$acc.toggleAccessibilityInfo()"><md-icon class="material-icons ng-scope">info</md-icon></button></div><div class="accessibility__items colors--state-disabled" ng-class="{ 'colors--state-disabled': !main.primaryColor, 'colors--state-active': main.secondaryColor }"><div class="accessibility__items__section"><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" color="main.primaryColor" text-color="main.primaryTextColor" color-name="'Primary'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">Primary</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for Primary" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" original-color="main.primaryColor" color="main.primaryColor.range.light" text-color="main.primaryTextColor" color-name="'P — Light'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">P — Light</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for P — Light" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" original-color="main.primaryColor" color="main.primaryColor.range.dark" text-color="main.primaryTextColor" color-name="'P — Dark'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">P — Dark</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for P — Dark" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div></div><div class="accessibility__items__section"><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" color="main.secondaryColor" text-color="main.secondaryTextColor" color-name="'Secondary'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">Secondary</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for Secondary" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" original-color="main.secondaryColor" color="main.secondaryColor.range.light" text-color="main.secondaryTextColor" color-name="'S — Light'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">S — Light</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for S — Light" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div><div class="accessibility-item ng-isolate-scope" ng-style="{ 'background-color': $accItem.color.hex, 'color': $accItem.color.accessibility.preferredTitleRgba }" original-color="main.secondaryColor" color="main.secondaryColor.range.dark" text-color="main.secondaryTextColor" color-name="'S — Dark'" main="main"><div class="accessibility-item__header" aria-label="Color values"><p class="ng-binding">S — Dark</p><p class="ng-binding"> </p><p class="ng-binding"></p></div><ul class="accessibility-item__table" aria-label="Accessibility table for S — Dark" role="table"><li role="row" class="accessibility-item__table__row accessibility-item__table__row__header" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.preferredTitleRgba }"><div class="accessibility-item__table__column"></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--large">Aa</span> <span>Large Text</span></div><div class="accessibility-item__table__column"><span class="accessibility-item__table__row__header__text-size--small">Aa</span> <span>Normal Text</span></div><div class="accessibility-item__table__column accessibility-item__table__column__illegible"></div></li><li role="row" class="accessibility-item__table__row" ng-aria="White text row" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.white.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-white"><span>White Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.large --><!-- ngIf: $accItem.color.accessibility.criterias.white.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.white.normal --></li><li class="accessibility-item__table__row" row="role" ng-style="{ 'border-color': $accItem.color.accessibility.preferredTitleRgba, 'color': $accItem.color.accessibility.criterias.black.normal.preferredTitleRgba }"><div class="accessibility-item__table__column accessibility-item--color-black"><span>Black Text</span></div><!-- ngIf: $accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.large --><!-- ngIf: $accItem.color.accessibility.criterias.black.normal --><!-- ngIf: $accItem.color.hex && !$accItem.color.accessibility.criterias.black.normal --></li><!-- ngIf: $accItem.textColor && $accItem.textColor.hex !== $accItem.color.accessibility.preferredTitleColor && $accItem.textColor.hex !== $accItem.originalColor.accessibility.preferredTitleColor --></ul></div></div></div><div class="accessibility__toast" ng-class="{ 'active': $acc.isAccessibilityInfoActive }"><div class="text">Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger. Normal text is below 18 point or below 14 point and bold.</div><div class="actions"><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="$acc.isAccessibilityInfoActive = false">Got it</button><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="$acc.openAccessibilityMoreInfo()">Learn more</button></div></div></div></md-content></div><!-- end ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --> </md-tab-content><!-- end ngIf: tab.hasContent --><!-- end ngRepeat: (index, tab) in $mdTabsCtrl.tabs --> </md-tabs-content-wrapper></md-tabs></div><div class="tabs__container tabs__container__right"><md-tabs md-selected="main.viewRight" md-dynamic-height="false" md-stretch-tabs="false" class="ng-isolate-scope"><md-tabs-wrapper class=""> <md-tab-data><md-tab label="Material Palette" md-on-select="main.changeView('viewRight', 0)" class="ng-scope ng-isolate-scope"></md-tab><md-tab label="Custom" md-on-select="main.changeView('viewRight', 1)" class="ng-scope ng-isolate-scope"></md-tab></md-tab-data> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <md-tabs-canvas tabindex="0" aria-activedescendant="tab-item-3" ng-focus="$mdTabsCtrl.redirectFocus()" ng-class="{ 'md-paginated': $mdTabsCtrl.shouldPaginate, 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" ng-keydown="$mdTabsCtrl.keydown($event)" role="tablist"> <md-pagination-wrapper ng-class="{ 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" md-tab-scroll="$mdTabsCtrl.scroll($event)" style="transform: translate3d(0px, 0px, 0px);"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple md-active" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="3" aria-selected="true" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-3">Material Palette</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="4" aria-selected="false" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-4">Custom</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> <md-ink-bar style="left: 0px; right: 89px;" class=""></md-ink-bar> </md-pagination-wrapper> <md-tabs-dummy-wrapper class="md-visually-hidden md-dummy-wrapper"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-3" md-tab-id="3" aria-selected="true" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-3">Material Palette</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-4" md-tab-id="4" aria-selected="false" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-4">Custom</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> </md-tabs-dummy-wrapper> </md-tabs-canvas> </md-tabs-wrapper> <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent && $mdTabsCtrl.selectedIndex >= 0" class="_md" aria-hidden="false"> <!-- ngRepeat: (index, tab) in $mdTabsCtrl.tabs --><!-- ngIf: tab.hasContent --><md-tab-content id="tab-content-3" class="_md ng-scope md-active" role="tabpanel" aria-labelledby="tab-item-3" md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!-- ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()" class="ng-scope ng-isolate-scope"><md-content class="ui-content-view md-padding ng-scope"><div class="material-palette"><ul class="shades-container"><!-- ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">50</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">100</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">200</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">300</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">400</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">500</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">600</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">700</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">800</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="ng-scope"></span><!-- end ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --><span ng-if="shade.indexOf('A') === -1" class="align-bottom ng-binding ng-scope">900</span><!-- end ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-scope">A</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-binding ng-scope">100</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-scope">A</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-binding ng-scope">200</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-scope">A</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-binding ng-scope">400</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --><li class="shade ng-scope" ng-repeat="shade in $materialPalette.shades"><!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-scope">A</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') !== -1 --><span ng-if="shade.indexOf('A') !== -1" class="ng-binding ng-scope">700</span><!-- end ngIf: shade.indexOf('A') !== -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <!-- ngIf: shade.indexOf('A') === -1 --> <span></span></li><!-- end ngRepeat: shade in $materialPalette.shades --></ul><div class="labels-and-palettes"><ul class="color-labels"><!-- ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Red<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Pink<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Purple<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Deep Purple<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Indigo<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Blue<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Light Blue<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Cyan<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Teal<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Green<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Light Green<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Lime<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Yellow<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Amber<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Orange<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Deep Orange<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Brown<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Grey<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><li class="color-label ng-binding ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes">Blue Grey<div class="color-label-divider"></div></li><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --></ul><div class="palettes"><!-- ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFEBEE" aria-label="Red 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 235, 238);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFCDD2" aria-label="Red 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 205, 210);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EF9A9A" aria-label="Red 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(239, 154, 154);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E57373" aria-label="Red 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(229, 115, 115);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EF5350" aria-label="Red 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(239, 83, 80);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F44336" aria-label="Red 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(244, 67, 54);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E53935" aria-label="Red 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(229, 57, 53);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D32F2F" aria-label="Red 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(211, 47, 47);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C62828" aria-label="Red 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(198, 40, 40);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B71C1C" aria-label="Red 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(183, 28, 28);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF8A80" aria-label="Red A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 138, 128);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF5252" aria-label="Red A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 82, 82);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF1744" aria-label="Red A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 23, 68);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D50000" aria-label="Red A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(213, 0, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FCE4EC" aria-label="Pink 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(252, 228, 236);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F8BBD0" aria-label="Pink 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(248, 187, 208);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F48FB1" aria-label="Pink 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(244, 143, 177);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F06292" aria-label="Pink 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(240, 98, 146);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EC407A" aria-label="Pink 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(236, 64, 122);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E91E63" aria-label="Pink 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(233, 30, 99);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D81B60" aria-label="Pink 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(216, 27, 96);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C2185B" aria-label="Pink 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(194, 24, 91);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AD1457" aria-label="Pink 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(173, 20, 87);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#880E4F" aria-label="Pink 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(136, 14, 79);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF80AB" aria-label="Pink A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 128, 171);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF4081" aria-label="Pink A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 64, 129);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F50057" aria-label="Pink A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(245, 0, 87);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C51162" aria-label="Pink A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(197, 17, 98);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F3E5F5" aria-label="Purple 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(243, 229, 245);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E1BEE7" aria-label="Purple 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(225, 190, 231);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#CE93D8" aria-label="Purple 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(206, 147, 216);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#BA68C8" aria-label="Purple 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(186, 104, 200);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AB47BC" aria-label="Purple 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(171, 71, 188);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9C27B0" aria-label="Purple 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(156, 39, 176);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#8E24AA" aria-label="Purple 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(142, 36, 170);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#7B1FA2" aria-label="Purple 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(123, 31, 162);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#6A1B9A" aria-label="Purple 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(106, 27, 154);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4A148C" aria-label="Purple 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(74, 20, 140);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EA80FC" aria-label="Purple A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(234, 128, 252);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E040FB" aria-label="Purple A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(224, 64, 251);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D500F9" aria-label="Purple A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(213, 0, 249);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AA00FF" aria-label="Purple A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(170, 0, 255);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EDE7F6" aria-label="Deep Purple 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(237, 231, 246);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D1C4E9" aria-label="Deep Purple 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(209, 196, 233);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B39DDB" aria-label="Deep Purple 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(179, 157, 219);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9575CD" aria-label="Deep Purple 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(149, 117, 205);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#7E57C2" aria-label="Deep Purple 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(126, 87, 194);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#673AB7" aria-label="Deep Purple 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(103, 58, 183);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#5E35B1" aria-label="Deep Purple 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(94, 53, 177);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#512DA8" aria-label="Deep Purple 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(81, 45, 168);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4527A0" aria-label="Deep Purple 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(69, 39, 160);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#311B92" aria-label="Deep Purple 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(49, 27, 146);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B388FF" aria-label="Deep Purple A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(179, 136, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#7C4DFF" aria-label="Deep Purple A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(124, 77, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#651FFF" aria-label="Deep Purple A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(101, 31, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#6200EA" aria-label="Deep Purple A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(98, 0, 234);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E8EAF6" aria-label="Indigo 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(232, 234, 246);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C5CAE9" aria-label="Indigo 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(197, 202, 233);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9FA8DA" aria-label="Indigo 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(159, 168, 218);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#7986CB" aria-label="Indigo 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(121, 134, 203);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#5C6BC0" aria-label="Indigo 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(92, 107, 192);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#3F51B5" aria-label="Indigo 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(63, 81, 181);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#3949AB" aria-label="Indigo 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(57, 73, 171);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#303F9F" aria-label="Indigo 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(48, 63, 159);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#283593" aria-label="Indigo 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(40, 53, 147);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1A237E" aria-label="Indigo 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(26, 35, 126);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#8C9EFF" aria-label="Indigo A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(140, 158, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#536DFE" aria-label="Indigo A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(83, 109, 254);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#3D5AFE" aria-label="Indigo A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(61, 90, 254);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#304FFE" aria-label="Indigo A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(48, 79, 254);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E3F2FD" aria-label="Blue 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(227, 242, 253);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#BBDEFB" aria-label="Blue 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(187, 222, 251);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#90CAF9" aria-label="Blue 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(144, 202, 249);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#64B5F6" aria-label="Blue 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(100, 181, 246);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#42A5F5" aria-label="Blue 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(66, 165, 245);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#2196F3" aria-label="Blue 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(33, 150, 243);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1E88E5" aria-label="Blue 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(30, 136, 229);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1976D2" aria-label="Blue 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(25, 118, 210);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1565C0" aria-label="Blue 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(21, 101, 192);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#0D47A1" aria-label="Blue 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(13, 71, 161);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#82B1FF" aria-label="Blue A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(130, 177, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#448AFF" aria-label="Blue A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(68, 138, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#2979FF" aria-label="Blue A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(41, 121, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#2962FF" aria-label="Blue A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(41, 98, 255);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E1F5FE" aria-label="Light Blue 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(225, 245, 254);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B3E5FC" aria-label="Light Blue 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(179, 229, 252);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#81D4FA" aria-label="Light Blue 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(129, 212, 250);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4FC3F7" aria-label="Light Blue 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(79, 195, 247);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#29B6F6" aria-label="Light Blue 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(41, 182, 246);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#03A9F4" aria-label="Light Blue 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(3, 169, 244);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#039BE5" aria-label="Light Blue 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(3, 155, 229);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#0288D1" aria-label="Light Blue 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(2, 136, 209);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#0277BD" aria-label="Light Blue 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(2, 119, 189);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#01579B" aria-label="Light Blue 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(1, 87, 155);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#80D8FF" aria-label="Light Blue A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(128, 216, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#40C4FF" aria-label="Light Blue A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(64, 196, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00B0FF" aria-label="Light Blue A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 176, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#0091EA" aria-label="Light Blue A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 145, 234);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E0F7FA" aria-label="Cyan 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(224, 247, 250);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B2EBF2" aria-label="Cyan 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(178, 235, 242);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#80DEEA" aria-label="Cyan 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(128, 222, 234);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4DD0E1" aria-label="Cyan 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(77, 208, 225);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#26C6DA" aria-label="Cyan 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(38, 198, 218);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00BCD4" aria-label="Cyan 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 188, 212);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00ACC1" aria-label="Cyan 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 172, 193);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#0097A7" aria-label="Cyan 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 151, 167);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00838F" aria-label="Cyan 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 131, 143);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#006064" aria-label="Cyan 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 96, 100);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#84FFFF" aria-label="Cyan A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(132, 255, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#18FFFF" aria-label="Cyan A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(24, 255, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00E5FF" aria-label="Cyan A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 229, 255);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00B8D4" aria-label="Cyan A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 184, 212);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E0F2F1" aria-label="Teal 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(224, 242, 241);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B2DFDB" aria-label="Teal 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(178, 223, 219);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#80CBC4" aria-label="Teal 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(128, 203, 196);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4DB6AC" aria-label="Teal 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(77, 182, 172);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#26A69A" aria-label="Teal 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(38, 166, 154);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#009688" aria-label="Teal 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 150, 136);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00897B" aria-label="Teal 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 137, 123);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00796B" aria-label="Teal 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 121, 107);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00695C" aria-label="Teal 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 105, 92);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#004D40" aria-label="Teal 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 77, 64);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#A7FFEB" aria-label="Teal A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(167, 255, 235);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#64FFDA" aria-label="Teal A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(100, 255, 218);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1DE9B6" aria-label="Teal A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(29, 233, 182);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00BFA5" aria-label="Teal A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 191, 165);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E8F5E9" aria-label="Green 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(232, 245, 233);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C8E6C9" aria-label="Green 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(200, 230, 201);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#A5D6A7" aria-label="Green 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(165, 214, 167);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#81C784" aria-label="Green 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(129, 199, 132);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#66BB6A" aria-label="Green 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(102, 187, 106);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4CAF50" aria-label="Green 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(76, 175, 80);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#43A047" aria-label="Green 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(67, 160, 71);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#388E3C" aria-label="Green 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(56, 142, 60);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#2E7D32" aria-label="Green 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(46, 125, 50);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#1B5E20" aria-label="Green 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(27, 94, 32);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B9F6CA" aria-label="Green A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(185, 246, 202);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#69F0AE" aria-label="Green A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(105, 240, 174);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00E676" aria-label="Green A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 230, 118);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#00C853" aria-label="Green A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(0, 200, 83);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F1F8E9" aria-label="Light Green 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(241, 248, 233);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#DCEDC8" aria-label="Light Green 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(220, 237, 200);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C5E1A5" aria-label="Light Green 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(197, 225, 165);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AED581" aria-label="Light Green 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(174, 213, 129);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9CCC65" aria-label="Light Green 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(156, 204, 101);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#8BC34A" aria-label="Light Green 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(139, 195, 74);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#7CB342" aria-label="Light Green 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(124, 179, 66);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#689F38" aria-label="Light Green 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(104, 159, 56);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#558B2F" aria-label="Light Green 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(85, 139, 47);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#33691E" aria-label="Light Green 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(51, 105, 30);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#CCFF90" aria-label="Light Green A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(204, 255, 144);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B2FF59" aria-label="Light Green A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(178, 255, 89);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#76FF03" aria-label="Light Green A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(118, 255, 3);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#64DD17" aria-label="Light Green A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(100, 221, 23);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F9FBE7" aria-label="Lime 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(249, 251, 231);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F0F4C3" aria-label="Lime 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(240, 244, 195);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E6EE9C" aria-label="Lime 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(230, 238, 156);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#DCE775" aria-label="Lime 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(220, 231, 117);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D4E157" aria-label="Lime 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(212, 225, 87);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#CDDC39" aria-label="Lime 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(205, 220, 57);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C0CA33" aria-label="Lime 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(192, 202, 51);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AFB42B" aria-label="Lime 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(175, 180, 43);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9E9D24" aria-label="Lime 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(158, 157, 36);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#827717" aria-label="Lime 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(130, 119, 23);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F4FF81" aria-label="Lime A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(244, 255, 129);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EEFF41" aria-label="Lime A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(238, 255, 65);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#C6FF00" aria-label="Lime A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(198, 255, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#AEEA00" aria-label="Lime A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(174, 234, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFFDE7" aria-label="Yellow 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 253, 231);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFF9C4" aria-label="Yellow 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 249, 196);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFF59D" aria-label="Yellow 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 245, 157);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFF176" aria-label="Yellow 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 241, 118);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFEE58" aria-label="Yellow 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 238, 88);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFEB3B" aria-label="Yellow 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 235, 59);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FDD835" aria-label="Yellow 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(253, 216, 53);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FBC02D" aria-label="Yellow 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(251, 192, 45);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F9A825" aria-label="Yellow 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(249, 168, 37);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F57F17" aria-label="Yellow 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(245, 127, 23);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFFF8D" aria-label="Yellow A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 255, 141);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFFF00" aria-label="Yellow A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 255, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFEA00" aria-label="Yellow A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 234, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFD600" aria-label="Yellow A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 214, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFF8E1" aria-label="Amber 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 248, 225);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFECB3" aria-label="Amber 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 236, 179);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFE082" aria-label="Amber 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 224, 130);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFD54F" aria-label="Amber 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 213, 79);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFCA28" aria-label="Amber 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 202, 40);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFC107" aria-label="Amber 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 193, 7);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFB300" aria-label="Amber 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 179, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFA000" aria-label="Amber 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 160, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF8F00" aria-label="Amber 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 143, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF6F00" aria-label="Amber 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 111, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFE57F" aria-label="Amber A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 229, 127);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFD740" aria-label="Amber A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 215, 64);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFC400" aria-label="Amber A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 196, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFAB00" aria-label="Amber A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 171, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFF3E0" aria-label="Orange 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 243, 224);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFE0B2" aria-label="Orange 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 224, 178);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFCC80" aria-label="Orange 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 204, 128);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFB74D" aria-label="Orange 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 183, 77);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFA726" aria-label="Orange 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 167, 38);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF9800" aria-label="Orange 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 152, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FB8C00" aria-label="Orange 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(251, 140, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F57C00" aria-label="Orange 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(245, 124, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EF6C00" aria-label="Orange 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(239, 108, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E65100" aria-label="Orange 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(230, 81, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFD180" aria-label="Orange A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 209, 128);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFAB40" aria-label="Orange A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 171, 64);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF9100" aria-label="Orange A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 145, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF6D00" aria-label="Orange A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 109, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FBE9E7" aria-label="Deep Orange 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(251, 233, 231);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFCCBC" aria-label="Deep Orange 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 204, 188);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FFAB91" aria-label="Deep Orange 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 171, 145);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF8A65" aria-label="Deep Orange 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 138, 101);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF7043" aria-label="Deep Orange 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 112, 67);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF5722" aria-label="Deep Orange 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 87, 34);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F4511E" aria-label="Deep Orange 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(244, 81, 30);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E64A19" aria-label="Deep Orange 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(230, 74, 25);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D84315" aria-label="Deep Orange 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(216, 67, 21);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#BF360C" aria-label="Deep Orange 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(191, 54, 12);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF9E80" aria-label="Deep Orange A100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 158, 128);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF6E40" aria-label="Deep Orange A200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 110, 64);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FF3D00" aria-label="Deep Orange A400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(255, 61, 0);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#DD2C00" aria-label="Deep Orange A700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(221, 44, 0);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EFEBE9" aria-label="Brown 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(239, 235, 233);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#D7CCC8" aria-label="Brown 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(215, 204, 200);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#BCAAA4" aria-label="Brown 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(188, 170, 164);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#A1887F" aria-label="Brown 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(161, 136, 127);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#8D6E63" aria-label="Brown 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(141, 110, 99);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#795548" aria-label="Brown 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(121, 85, 72);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#6D4C41" aria-label="Brown 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(109, 76, 65);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#5D4037" aria-label="Brown 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(93, 64, 55);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#4E342E" aria-label="Brown 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(78, 52, 46);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#3E2723" aria-label="Brown 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(62, 39, 35);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#FAFAFA" aria-label="Grey 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(250, 250, 250);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#F5F5F5" aria-label="Grey 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(245, 245, 245);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#EEEEEE" aria-label="Grey 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(238, 238, 238);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#E0E0E0" aria-label="Grey 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(224, 224, 224);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#BDBDBD" aria-label="Grey 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(189, 189, 189);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#9E9E9E" aria-label="Grey 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(158, 158, 158);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#757575" aria-label="Grey 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(117, 117, 117);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#616161" aria-label="Grey 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(97, 97, 97);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#424242" aria-label="Grey 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(66, 66, 66);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#212121" aria-label="Grey 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(33, 33, 33);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --><ul class="palette-container ng-scope" ng-repeat="(index, palette) in $materialPalette.palettes"><!-- ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#ECEFF1" aria-label="Blue Grey 50" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(236, 239, 241);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#CFD8DC" aria-label="Blue Grey 100" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(207, 216, 220);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#B0BEC5" aria-label="Blue Grey 200" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(176, 190, 197);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#90A4AE" aria-label="Blue Grey 300" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(144, 164, 174);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#78909C" aria-label="Blue Grey 400" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(120, 144, 156);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#607D8B" aria-label="Blue Grey 500" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(96, 125, 139);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#546E7A" aria-label="Blue Grey 600" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(84, 110, 122);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#455A64" aria-label="Blue Grey 700" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(69, 90, 100);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#37474F" aria-label="Blue Grey 800" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(55, 71, 79);"></li><!-- end ngRepeat: value in palette.values --><li class="color ng-scope" ng-repeat="value in palette.values" value="#263238" aria-label="Blue Grey 900" aria-pressed="false" ng-class="{ 'color--state-selected': value.hex === $materialPalette.activeColor.hex }" ng-click="$materialPalette.setColor($event, value);" ng-style="{ 'background-color': value.hex, 'color': value.hexText }" role="button" tabindex="0" style="background-color: rgb(38, 50, 56);"></li><!-- end ngRepeat: value in palette.values --></ul><!-- end ngRepeat: (index, palette) in $materialPalette.palettes --></div></div></div></md-content></div><!-- end ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --> </md-tab-content><!-- end ngIf: tab.hasContent --><!-- end ngRepeat: (index, tab) in $mdTabsCtrl.tabs --><!-- ngIf: tab.hasContent --><md-tab-content id="tab-content-4" class="_md ng-scope md-right" role="tabpanel" aria-labelledby="tab-item-4" md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!-- ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()" class="ng-scope ng-isolate-scope"><md-content class="md-padding ng-scope"><ng-form name="colorWheelForm" hex="main.activeColor.hex" class="ng-pristine ng-valid ng-isolate-scope ng-valid-maxlength"><div class="color-wheel"><div class="color-wheel__container"><canvas draggable="false" class="color-wheel__canvas" height="250" width="250"></canvas><div class="color-wheel__luminance color-luminance-slider ng-isolate-scope" model="$colorWheel.luminanceModel" ng-disabled="!$colorWheel.selector.active" aria-disabled="true" disabled="disabled"><div class="color-luminance-slider__bar"></div><div class="color-luminance-slider__thumb" style="transform: translate3d(0px, 241px, 0px);"></div></div></div><md-input-container class="color-wheel__input md-icon-float color-wheel__input--state-hide" ,="" ng-class="{ 'color-wheel__input--state-hide': !$colorWheel.selector.active }"><label ng-click="delegateClick()" tabindex="-1" class="ng-scope" role="button" for="input_7">Hex color</label><input ng-model="$colorWheel.inputColor.hex" type="text" ng-change="$colorWheel.setColorFromInput()" ng-blur="$colorWheel.setColorFromInputBlur()" name="hexInput" maxlength="7" aria-label="Hex input for color wheel" class="ng-pristine ng-untouched ng-valid md-input ng-empty ng-valid-maxlength" id="input_7" aria-invalid="false"><div class="md-errors-spacer"></div></md-input-container><ct-color-wheel-selector class="color-wheel__selector ng-scope color-wheel__selector--state-hide" ng-class="{ 'color-wheel__selector--state-hide': !$colorWheel.selector.active }"><div class="color-wheel-selector"><div class="color-wheel-selector__color" ng-style="{ 'background-color': $colorWheel.inputColor.hex }"></div></div></ct-color-wheel-selector></div></ng-form></md-content></div><!-- end ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --> </md-tab-content><!-- end ngIf: tab.hasContent --><!-- end ngRepeat: (index, tab) in $mdTabsCtrl.tabs --> </md-tabs-content-wrapper></md-tabs><div class="tabs__container__color-schemes"><div class="tabs__container__color-schemes__header"><h3>Current Scheme</h3><span flex="" class="flex"></span><!-- ngIf: main.primaryColor.hex --></div><div class="color-schemes"><div class="scheme-container scheme-container--state-empty scheme-container--state-active" ng-class="{ 'scheme-container--state-empty': !main.primaryColor.hex, 'scheme-container--state-active': main.activeColorSystem === 'primary', }" ng-click="$cSchemes.setActiveColorSystem('primary')" aria-label="Primary scheme" aria-pressed="true" ng-style="{ 'color': main.primaryColor.range.dark.hex }" role="button" tabindex="0"><p class="scheme-container__title">Primary</p><div class="scheme-container__content"><div class="scheme-container__content__large" ng-style="{ 'background-color': main.primaryColor.hex, 'color': main.primaryColor.accessibility.preferredNormalColor }"><p class="strong ng-binding"></p><span class="strong" ng-style="main.activeColorSystem === 'primary' && { 'background-color': !!main.primaryTextColor.hex ? main.primaryTextColor.hex : main.primaryColor.accessibility.preferredNormalColor, 'color': main.primaryColor.hex }">P</span><!-- ngIf: main.activeColorSystem === 'primary' && main.primaryColor.hex --></div><ul><li class="scheme-container__content__small" ng-style="{ 'background-color': main.primaryColor.range.light.hex, 'color': main.primaryColor.range.light.accessibility.preferredNormalColor }"><p>P — Light</p><p class="strong ng-binding"></p></li><li class="scheme-container__content__small" ng-style="{ 'background-color': main.primaryColor.range.dark.hex, 'color': main.primaryColor.range.dark.accessibility.preferredNormalColor }"><p>P — Dark</p><p class="strong ng-binding"></p></li></ul></div><div class="color-ripple"><div class="color-ripple__component"></div></div></div><div class="scheme-container scheme-container--state-empty" ng-class="{ 'scheme-container--state-empty': !main.secondaryColor.hex, 'scheme-container--state-active': main.activeColorSystem === 'secondary' }" ng-click="main.primaryColor.hex && $cSchemes.setActiveColorSystem('secondary')" ng-disabled="!main.primaryColor.hex" aria-label="Secondary scheme" aria-pressed="false" ng-style="{ 'color': main.secondaryColor.range.dark.hex }" role="button" tabindex="0" aria-disabled="true" disabled="disabled"><p class="scheme-container__title">Secondary</p><div class="scheme-container__content"><div class="scheme-container__content__large" ng-style="{ 'background-color': main.secondaryColor.hex, 'color': main.secondaryColor.accessibility.preferredNormalColor }"><p class="strong ng-binding"></p><span class="strong" ng-style="main.activeColorSystem === 'secondary' && { 'background-color': !!main.secondaryTextColor.hex ? main.secondaryTextColor.hex : main.secondaryColor.accessibility.preferredNormalColor, 'color': main.secondaryColor.hex }">S</span><!-- ngIf: main.activeColorSystem === 'secondary' && main.secondaryColor.hex --></div><ul><li class="scheme-container__content__small" ng-style="{ 'background-color': main.secondaryColor.range.light.hex, 'color': main.secondaryColor.range.light.accessibility.preferredNormalColor }"><p>S — Light</p><p class="strong ng-binding"></p></li><li class="scheme-container__content__small" ng-style="{ 'background-color': main.secondaryColor.range.dark.hex, 'color': main.secondaryColor.range.dark.accessibility.preferredNormalColor }"><p>S — Dark</p><p class="strong ng-binding"></p></li></ul></div><div class="color-ripple"><div class="color-ripple__component"></div></div></div><div class="scheme-container__narrow"><div class="scheme-container scheme-container__narrow__text scheme-container--state-empty" ng-class="{ 'scheme-container--state-empty': !main.primaryColor.hex, 'scheme-container--state-active': main.activeColorSystem === 'primaryText' }" ng-click="main.primaryColor.hex && $cSchemes.setActiveColorSystem('primaryText')" ng-disabled="!main.primaryColor.hex" ng-style="{ 'color': main.primaryTextColor.hex }" aria-label="Primary text scheme" aria-pressed="false" role="button" tabindex="0" aria-disabled="true" disabled="disabled"><p class="scheme-container__title">Text on P</p><div class="scheme-container__content__text" ng-style="{ 'background-color': main.primaryColor.hex, 'color': !!main.primaryTextColor.hex ? main.primaryTextColor.hex : main.primaryColor.accessibility.preferredNormalColor }"><p class="strong ng-binding"></p><span class="strong" ng-style="main.activeColorSystem === 'primaryText' && { 'background-color': !!main.primaryTextColor.hex ? main.primaryTextColor.hex : main.primaryColor.accessibility.preferredNormalColor, 'color': main.primaryColor.hex }">T</span><!-- ngIf: main.activeColorSystem === 'primaryText' --></div><div class="color-ripple"><div class="color-ripple__component"></div></div></div><div class="scheme-container scheme-container__narrow__text scheme-container--state-empty" ng-class="{ 'scheme-container--state-empty': !main.secondaryColor.hex, 'scheme-container--state-active': main.activeColorSystem === 'secondaryText' }" ng-click="main.secondaryColor.hex && $cSchemes.setActiveColorSystem('secondaryText')" ng-disabled="!main.primaryColor.hex || !main.secondaryColor.hex" ng-style="{ 'color': main.secondaryTextColor.hex }" aria-label="Secondary text scheme" aria-pressed="false" role="button" tabindex="0" aria-disabled="true" disabled="disabled"><p class="scheme-container__title">Text on S</p><div class="scheme-container__content__text" ng-style="{ 'background-color': main.secondaryColor.hex, 'color': !!main.secondaryTextColor.hex ? main.secondaryTextColor.hex : main.secondaryColor.accessibility.preferredNormalColor }"><p class="strong ng-binding"></p><span class="strong" ng-style="main.activeColorSystem === 'secondaryText' && { 'background-color': !!main.secondaryTextColor.hex ? main.secondaryTextColor.hex : main.secondaryColor.accessibility.preferredNormalColor, 'color': main.secondaryColor.hex }">T</span><!-- ngIf: main.activeColorSystem === 'secondaryText' --></div><div class="color-ripple"><div class="color-ripple__component"></div></div></div></div></div></div><div class="user_education__toast" ng-class="{ 'active': main.isEducationToastActive }"><div class="text">Pick a color from the palette (or a custom color) to see how it looks in a UI.</div><div class="actions"><button class="md-button md-ink-ripple" type="button" ng-transclude="" ng-click="main.disableEducationToast()">Got it</button></div></div></div><div class="main-view__feedback"><button class="md-icon-button md-button md-ink-ripple" type="button" ng-transclude="" ng-click="main.startFeedbackWidget()"><md-icon class="material-icons ng-scope">feedback</md-icon></button></div></div><div class="mobile-view ng-scope"><div class="tabs__container tabs__container__main"><md-tabs md-selected="main.viewLeft" md-dynamic-height="false" md-stretch-tabs="false" class="ng-isolate-scope"><md-tabs-wrapper class=""> <md-tab-data><md-tab label="User Interfaces" md-on-select="main.changeView('viewLeft', 0)" class="ng-scope ng-isolate-scope"></md-tab><md-tab label="Accessibility" md-on-select="main.changeView('viewLeft', 1)" class="ng-scope ng-isolate-scope"></md-tab></md-tab-data> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <!-- ngIf: $mdTabsCtrl.shouldPaginate --> <md-tabs-canvas tabindex="0" aria-activedescendant="tab-item-5" ng-focus="$mdTabsCtrl.redirectFocus()" ng-class="{ 'md-paginated': $mdTabsCtrl.shouldPaginate, 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" ng-keydown="$mdTabsCtrl.keydown($event)" role="tablist"> <md-pagination-wrapper ng-class="{ 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" md-tab-scroll="$mdTabsCtrl.scroll($event)" style="transform: translate3d(0px, 0px, 0px);"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple md-active" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="5" aria-selected="true" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-5">User Interfaces</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" md-tab-id="6" aria-selected="false" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-6">Accessibility</md-tab-item><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> <md-ink-bar style="left: auto; right: auto;"></md-ink-bar> </md-pagination-wrapper> <md-tabs-dummy-wrapper class="md-visually-hidden md-dummy-wrapper"> <!-- ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-5" md-tab-id="5" aria-selected="true" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-5">User Interfaces</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --><md-dummy-tab class="md-tab ng-scope ng-isolate-scope" tabindex="-1" id="tab-item-6" md-tab-id="6" aria-selected="false" aria-disabled="false" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-6">Accessibility</md-dummy-tab><!-- end ngRepeat: tab in $mdTabsCtrl.tabs --> </md-tabs-dummy-wrapper> </md-tabs-canvas> </md-tabs-wrapper> <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent && $mdTabsCtrl.selectedIndex >= 0" class="_md" aria-hidden="false"> <!-- ngRepeat: (index, tab) in $mdTabsCtrl.tabs --><!-- ngIf: tab.hasContent --><md-tab-content id="tab-content-5" class="_md ng-scope md-active" role="tabpanel" aria-labelledby="tab-item-5" md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!-- ngIf: $mdTabsCtrl.enableDisconnect || tab.shouldRender() --><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()" class="ng-scope ng-isolate-scope"><md-content class="ui-content-view md-padding ng-scope"><div ng-show="false" aria-hidden="true" class="ng-hide" style="">
<div class="mdc-components">
<div class="mdc-components__section">
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__buttons .mdc-component__containers__primary .mdc-button,
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab {
background-color: ;
color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain,
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab--plain {
background-color: transparent;
color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab {
background-color: ;
color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab--plain {
background-color: transparent;
color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--raised.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--raised.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__primary .mdc-button--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__primary .mdc-fab--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--raised.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--raised.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain.mdc-ripple-upgraded::before,
.mdc-component__buttons .mdc-component__containers__secondary .mdc-button--plain.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__buttons .mdc-component__containers__secondary .mdc-fab--plain.mdc-ripple-upgraded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__buttons"><p>Buttons</p><div class="mdc-component__section"><div class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><button class="mdc-fab material-icons" aria-label="Add"><span class="mdc-fab__icon">add</span></button> <button class="mdc-fab material-icons mdc-fab--plain" aria-label="Add"><span class="mdc-fab__icon">add</span></button> <button type="button" class="mdc-button mdc-button--plain">Normal</button> <button type="button" class="mdc-button mdc-button--raised">Normal</button></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css">
.mdc-component__selection .mdc-component__containers__primary__only .mdc-snackbar {
transform: translate(-50%,-100%);
}
.mdc-component__selection .mdc-snackbar {
left: auto !important;
transform: translate(-28%,-164%);
position: absolute;
min-width: 240px;
margin-left: -16px;
width: 240px;
}
.mdc-component__selection .mdc-snackbar__secondary {
transform: translate(-28%,-40%);
}
.mdc-component__selection .mdc-snackbar__text,
.mdc-component__selection .mdc-snackbar__action-button {
opacity: 1;
font-size: 12px;
}
</style><div class="mdc-component mdc-component__selection"><p>Selection</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p style="position: absolute; left: 16px; padding-bottom: 40px;">Primary</p><div class="mdc-snackbar" aria-live="assertive" aria-atomic="true" aria-hidden="true"><div class="mdc-snackbar__text">Single-line snackbar</div><div class="mdc-snackbar__action-wrapper"><button type="button" class="mdc-button mdc-snackbar__action-button" ng-style="{ 'color': main.primaryColor.hex, }">Action</button></div></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
</div>
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__native-control:checked:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__native-control:indeterminate:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
background-color: ;
border-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle {
border-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox__background::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio__background::before {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__native-control:checked:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__native-control:indeterminate:not(:disabled) ~ .mdc-checkbox__background,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
background-color: ;
border-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle {
border-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox__background::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio__background::before {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-checkbox.mdc-ripple-upgraded--unbounded::after,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__primary .mdc-radio.mdc-ripple-upgraded--unbounded::after {
background-color: ;
}
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-checkbox.mdc-ripple-upgraded--unbounded::after,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio.mdc-ripple-upgraded--unbounded::before,
.mdc-component__switches .mdc-component__containers__secondary .mdc-radio.mdc-ripple-upgraded--unbounded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__switches"><p>Switches and sliders</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><div class="mdc-checkbox mdc-ripple-upgraded--unbounded"><input type="checkbox" checked="" class="mdc-checkbox__native-control"><div class="mdc-checkbox__background"><svg version="1.1" class="mdc-checkbox__checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><path class="mdc-checkbox__checkmark__path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div></div></div><div class="mdc-radio"><input class="mdc-radio__native-control" type="radio" checked=""><div class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div></div><div class="mdc-switch"><input type="checkbox" class="mdc-switch__native-control" checked=""><div class="mdc-switch__background"><div class="mdc-switch__knob"></div></div></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css" class="ng-binding">
.mdc-component__cards .mdc-card {
background-color: #ffffff;
height: 316px;
width: 262px;
}
.mdc-component__cards .mdc-card__title,
.mdc-component__cards .mdc-card__subtitle {
font-size: 11px;
line-height: 17px;
}
.mdc-component__cards .mdc-card__subtitle {
color: #707070;
}
.mdc-component__cards .mdc-card__header {
align-items: center;
display: flex;
height: 40px;
padding: 0 16px 20px;
}
.mdc-component__cards .demo-card__avatar {
background: #bdbdbd;
height: 40px;
width: 40px;
margin-right: 12px;
border-radius: 50%;
}
.mdc-component__cards .mdc-card__supporting-text {
font-size: 10px;
}
.mdc-component__cards .demo-card--with-avatar .mdc-card__title,
.mdc-component__cards .demo-card--with-avatar .mdc-card__subtitle {
margin-left: 56px;
}
.mdc-component__cards .mdc-card__actions {
display: flex;
justify-content: flex-end;
padding: 0 16px 16px 16px;
}
.mdc-component__cards .mdc-card__media {
height: 140px;
overflow: hidden;
padding: 0
}
.mdc-component__cards .mdc-card__media .material-image {
top: 64px;
position: relative;
}
.mdc-component__cards .mdc--theme-primary {
background-color: ;
color: ;
}
.mdc-component__cards .mdc--theme-secondary {
background-color: ;
color: ;
}
.mdc-component__cards .material-image .material-image__background {
fill: ;
}
.mdc-component__cards .material-image .material-image--shape-circle,
.mdc-component__cards .material-image .material-image--shape-triangle {
fill: ;
}
.mdc-component__cards .material-image .material-image--shape-intersection {
fill: ;
}
.mdc-component__cards .mdc-button--raised.mdc--theme-primary.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__cards .mdc-button--raised.mdc--theme-secondary.mdc-ripple-upgraded::after {
background-color: ;
}
</style><div class="mdc-component mdc-component__cards"><p>Cards</p><div class="mdc-component__section"><div class="mdc-component__containers__primary"><div class="mdc-card"><section class="mdc-card__header"><div class="demo-card__avatar"></div><div><p class="mdc-card__title">Title</p><p class="mdc-card__subtitle">Subhead</p></div></section><section class="mdc-card__media"><div class="material-image ng-isolate-scope" width="262" height="262"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" ng-width="262px" ng-height="262px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><g><rect x="0.3" y="0.5" width="300" height="300" class="material-image__background"></rect><g><path class="material-image--shape-circle" d="M124.5,171l26.3-45.5c-7.7-4.6-16.7-7.2-26.3-7.2c-28.6,0-51.7,23.2-51.7,51.7c0,28.6,23.2,51.7,51.7,51.7 c28.3,0,51.2-22.6,51.7-50.8H124.5z"></path><path class="material-image--shape-triangle" d="M176.2,170.1c0,0.3,0,0.6,0,1H228l-51.7-89.6l-25.5,44.1C166,134.5,176.2,151.1,176.2,170.1z"></path><path class="material-image--shape-intersection" d="M176.2,171c0-0.3,0-0.6,0-1c0-19-10.2-35.6-25.5-44.6L124.5,171H176.2z"></path></g></g></svg></div></section><section class="mdc-card__supporting-text">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</section><section class="mdc-card__actions"><button type="button" class="mdc-button mdc-button--raised mdc--theme-primary" ng-class="{ 'mdc--theme-primary': !main.secondaryColor, 'mdc--theme-secondary': main.secondaryColor }" style="">Button</button></section></div></div></div></div></div>
</div>
</div>
<div class="mdc-components__section">
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__menu .mdc-toolbar {
background-color: ;
z-index: 1;
}
.mdc-component__menu .mdc-toolbar {
height: 56px;
padding: 16px;
}
.mdc-component__menu .mdc-permanent-drawer {
border-right: none;
left: 0;
position: absolute;
top: 0;
z-index: 3;
}
.mdc-component__menu .mdc-backdrop {
background-color: rgba(0, 0, 0, .50);
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.mdc-component__menu .nav-header {
height: 140px;
position: relative;
overflow: hidden;
}
.mdc-component__menu .nav-header .material-image {
position: relative;
top: -50px;
}
.mdc-component__menu .mdc-permanent-drawer {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-component__menu .mdc-list-item {
font-weight: 400;
}
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded {
left: 0;
}
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded::before,
.mdc-component__menu .mdc-list-item.mdc-ripple-upgraded::after {
background-color: ;
}
.mdc-component__menu .mdc-permanent-drawer .mdc-permanent-drawer--selected::before,
.mdc-component__menu .mdc-permanent-drawer .mdc-list-item:active::before {
background-color: ;
opacity: .16;
}
.mdc-component__menu .mdc-permanent-drawer--selected.mdc-list-item .mdc-list-item__start-detail,
.mdc-component__menu .mdc-permanent-drawer .mdc-permanent-drawer--selected {
color: inherit;
}
.mdc-component__menu .material-image__background {
fill: ;
}
.mdc-component__menu .material-image--shape-circle,
.mdc-component__menu .material-image--shape-triangle {
fill: ;
}
.mdc-component__menu .material-image--shape-intersection {
fill: ;
}
</style><div class="mdc-component mdc-component__menu"><p>Menu</p><div class="mdc-component__section"><div class="mdc-component__section__content"><div class="mdc-component__section__content__frame"><header class="mdc-toolbar"><section class="mdc-toolbar__section mdc-toolbar__section--align-start"><a class="material-icons">menu</a> <span class="mdc-toolbar__title">Title</span></section></header><nav class="mdc-permanent-drawer"><div class="mdc-list-group"><nav class="nav-header"><div class="material-image ng-isolate-scope" width="240" height="240"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" ng-width="240px" ng-height="240px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><g><rect x="0.3" y="0.5" width="300" height="300" class="material-image__background"></rect><g><path class="material-image--shape-circle" d="M124.5,171l26.3-45.5c-7.7-4.6-16.7-7.2-26.3-7.2c-28.6,0-51.7,23.2-51.7,51.7c0,28.6,23.2,51.7,51.7,51.7 c28.3,0,51.2-22.6,51.7-50.8H124.5z"></path><path class="material-image--shape-triangle" d="M176.2,170.1c0,0.3,0,0.6,0,1H228l-51.7-89.6l-25.5,44.1C166,134.5,176.2,151.1,176.2,170.1z"></path><path class="material-image--shape-intersection" d="M176.2,171c0-0.3,0-0.6,0-1c0-19-10.2-35.6-25.5-44.6L124.5,171H176.2z"></path></g></g></svg></div></nav><nav class="mdc-list"><a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">share</i>Share</a><div class="mdc-list-item mdc-permanent-drawer--selected" href="#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">cloud_upload</i>Upload</div><a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">content_copy</i>Copy</a> <a class="mdc-list-item" href="https://m2.material.io/resources/color/#"><i class="material-icons mdc-list-item__start-detail" aria-hidden="true">print</i>Print this page</a></nav></div></nav><div class="mdc-backdrop"></div></div></div></div></div></div>
<span class="flex"></span>
<div><style type="text/css" class="ng-binding">
.mdc-component__textfield .mdc-component__containers {
margin-top: 0;
}
.mdc-component__textfield .mdc-component__containers__secondary {
padding: 0;
}
.mdc-component__textfield .mdc-component__containers p {
padding-bottom: 20px;
}
.mdc-component__textfield .mdc-textfield {
margin-right: 14px !important;
}
.mdc-component__textfield .mdc-textfield__input {
width: 264px;
}
.mdc-component__textfield .mdc-textfield__label {
bottom: 12px;
}
.mdc-component__textfield .mdc-textfield--theme-primary .mdc-textfield__label {
color: ;
}
.mdc-component__textfield .mdc-textfield--theme-primary .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
border-color: ;
}
.mdc-component__textfield .mdc-textfield--theme-secondary .mdc-textfield__label {
color: ;
}
.mdc-component__textfield .mdc-textfield--theme-secondary .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
border-color: ;
}
</style><div class="mdc-component mdc-component__textfield"><p>Text Field</p><div class="mdc-component__section mdc-component__section--size-narrow"><div dir-horizontal="" class="mdc-component__containers"><div class="mdc-component__containers__primary mdc-textfield--theme-primary mdc-component__containers__primary__only" ng-class="{ 'mdc-component__containers__primary__only': !main.secondaryColor }" style=""><p>Primary</p><div class="mdc-textfield"><input type="text" id="textfield-primary" class="mdc-textfield__input" placeholder="Single-line input label" value="Input text for a single line"> <label for="textfield-primary" class="mdc-textfield__label mdc-textfield__label--float-above">Single-line input label</label></div></div><!-- ngIf: main.secondaryColor --></div></div></div></div>
</div>
<div class="mdc-components__column">
<div><style type="text/css" class="ng-binding">
.mdc-component__toolbar .app-bar {
background-color: ;
display: block;
height: 20px;
width: 100%;
}
.mdc-component__toolbar .mdc-toolbar {
height: 56px;
padding: 16px;
flex-direction: row;
align-items: center;
}
.mdc-component__toolbar .mdc-toolbar__section {
align-items: center;
}
.mdc-component__toolbar .mdc-toolbar__title {
padding-left: 8px;
}
.mdc-component__toolbar .material-icons {
color: ;
}
.mdc-component__toolbar .material-image {
position: relative;
top: -64px;
}
.mdc-component__toolbar main {
background-color: white;
height: calc(100% - 48px);
}
.mdc-component__toolbar .cover-image__frame {
display: block;
height: 220px;
position: relative;
width: 100%;
}
.mdc-component__toolbar .cover-image {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}
.mdc-component__toolbar .mdc-fab {
position: absolute;
bottom: -25px;
right: 28px;
}
.mdc-component__toolbar .content {
font-size: 13px;
line-height: 20px;
padding: 50px 35px;
}
.mdc-component__toolbar .mdc-component__section__content__frame::before {
bottom: 0;
content: "";