rails-angular-material 0.8.3.2 → 0.9.0.pre.rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,9 +2,9 @@
2
2
  * Angular Material Design
3
3
  * https://github.com/angular/material
4
4
  * @license MIT
5
- * v0.8.3
5
+ * v0.9.0-rc1
6
6
  */
7
- @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic);
7
+ /* mixin definition ; sets LTR and RTL within the same style call */
8
8
  html, body {
9
9
  height: 100%;
10
10
  color: rgba(0, 0, 0, 0.87);
@@ -26,8 +26,8 @@ button.md-no-style {
26
26
  background-color: inherit;
27
27
  text-align: left;
28
28
  border: none;
29
- padding: 0px;
30
- margin: 0px; }
29
+ padding: 0;
30
+ margin: 0; }
31
31
 
32
32
  select, button, textarea, input {
33
33
  vertical-align: baseline; }
@@ -49,18 +49,7 @@ input[type="search"] {
49
49
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
50
50
  -webkit-appearance: none; }
51
51
 
52
- ul {
53
- margin: 0;
54
- padding: 0; }
55
- ul li {
56
- margin-left: 16px;
57
- padding: 0;
58
- margin-top: 3px;
59
- list-style-position: inside; }
60
- ul li:first-child {
61
- margin-top: 0; }
62
-
63
- .visually-hidden {
52
+ .md-visually-hidden {
64
53
  border: 0;
65
54
  clip: rect(0 0 0 0);
66
55
  height: 1px;
@@ -80,7 +69,7 @@ ul {
80
69
  border-radius: inherit;
81
70
  pointer-events: none; }
82
71
 
83
- .md-shadow-bottom-z-1, .md-button.md-raised:not([disabled]), .md-button.md-fab, .md-button.md-raised:not([disabled]):focus, .md-button.md-fab:not([disabled]):focus {
72
+ .md-shadow-bottom-z-1, .md-button.md-raised:not([disabled]), .md-button.md-fab, .md-button.md-raised.md-focused:not([disabled]), .md-button.md-fab.md-focused:not([disabled]) {
84
73
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
85
74
 
86
75
  .md-shadow-bottom-z-2, .md-button.md-raised:not([disabled]):active, .md-button.md-fab:not([disabled]):active {
@@ -182,7 +171,7 @@ md-select, md-card, md-list, md-toolbar, ul, ol, p, h1, h2, h3, h4, h5, h6 {
182
171
  font-weight: 500;
183
172
  letter-spacing: 0.005em; }
184
173
 
185
- .md-subhead {
174
+ .md-subhead, md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
186
175
  font-size: 1.6rem;
187
176
  font-weight: 400;
188
177
  letter-spacing: 0.01em;
@@ -197,7 +186,7 @@ md-select, md-card, md-list, md-toolbar, ul, ol, p, h1, h2, h3, h4, h5, h6 {
197
186
  letter-spacing: 0.01em;
198
187
  line-height: 2rem; }
199
188
 
200
- .md-body-2 {
189
+ .md-body-2, md-list .md-subheader, md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4, md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
201
190
  font-size: 1.4rem;
202
191
  font-weight: 500;
203
192
  letter-spacing: 0.01em;
@@ -242,12 +231,24 @@ select, button, textarea, input {
242
231
  -ms-flex-direction: row;
243
232
  flex-direction: row; }
244
233
 
245
- [layout-padding], [layout-padding] > [flex] {
234
+ [layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
235
+ padding: 4px; }
236
+
237
+ [layout-padding], [layout-padding] > [flex], [layout-padding] > [flex-gt-sm], [layout-padding] > [flex-md], [layout-padding] > [flex-lt-lg] {
246
238
  padding: 8px; }
247
239
 
248
- [layout-margin], [layout-margin] > [flex] {
240
+ [layout-padding] > [flex-gt-md], [layout-padding] > [flex-lg] {
241
+ padding: 16px; }
242
+
243
+ [layout-margin] > [flex-sm], [layout-margin] > [flex-lt-md] {
244
+ margin: 4px; }
245
+
246
+ [layout-margin], [layout-margin] > [flex], [layout-margin] > [flex-gt-sm], [layout-margin] > [flex-md], [layout-margin] > [flex-lt-lg] {
249
247
  margin: 8px; }
250
248
 
249
+ [layout-margin] > [flex-gt-md], [layout-margin] > [flex-lg] {
250
+ margin: 16px; }
251
+
251
252
  [layout-wrap] {
252
253
  -webkit-flex-wrap: wrap;
253
254
  -ms-flex-wrap: wrap;
@@ -607,6 +608,69 @@ select, button, textarea, input {
607
608
  -ms-flex-order: 9;
608
609
  order: 9; }
609
610
 
611
+ [offset="5"] {
612
+ margin-left: 5%; }
613
+
614
+ [offset="10"] {
615
+ margin-left: 10%; }
616
+
617
+ [offset="15"] {
618
+ margin-left: 15%; }
619
+
620
+ [offset="20"] {
621
+ margin-left: 20%; }
622
+
623
+ [offset="25"] {
624
+ margin-left: 25%; }
625
+
626
+ [offset="30"] {
627
+ margin-left: 30%; }
628
+
629
+ [offset="35"] {
630
+ margin-left: 35%; }
631
+
632
+ [offset="40"] {
633
+ margin-left: 40%; }
634
+
635
+ [offset="45"] {
636
+ margin-left: 45%; }
637
+
638
+ [offset="50"] {
639
+ margin-left: 50%; }
640
+
641
+ [offset="55"] {
642
+ margin-left: 55%; }
643
+
644
+ [offset="60"] {
645
+ margin-left: 60%; }
646
+
647
+ [offset="65"] {
648
+ margin-left: 65%; }
649
+
650
+ [offset="70"] {
651
+ margin-left: 70%; }
652
+
653
+ [offset="75"] {
654
+ margin-left: 75%; }
655
+
656
+ [offset="80"] {
657
+ margin-left: 80%; }
658
+
659
+ [offset="85"] {
660
+ margin-left: 85%; }
661
+
662
+ [offset="90"] {
663
+ margin-left: 90%; }
664
+
665
+ [offset="95"] {
666
+ margin-left: 95%; }
667
+
668
+ [offset="33"], [offset="34"] {
669
+ margin-left: 33.33%; }
670
+
671
+ [offset="66"], [offset="67"] {
672
+ margin-left: 66.66%; }
673
+
610
674
  /**
611
675
  * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
612
676
  * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
@@ -718,6 +782,69 @@ select, button, textarea, input {
718
782
  -ms-flex-direction: row;
719
783
  flex-direction: row; }
720
784
 
785
+ [offset-sm="5"] {
786
+ margin-left: 5%; }
787
+
788
+ [offset-sm="10"] {
789
+ margin-left: 10%; }
790
+
791
+ [offset-sm="15"] {
792
+ margin-left: 15%; }
793
+
794
+ [offset-sm="20"] {
795
+ margin-left: 20%; }
796
+
797
+ [offset-sm="25"] {
798
+ margin-left: 25%; }
799
+
800
+ [offset-sm="30"] {
801
+ margin-left: 30%; }
802
+
803
+ [offset-sm="35"] {
804
+ margin-left: 35%; }
805
+
806
+ [offset-sm="40"] {
807
+ margin-left: 40%; }
808
+
809
+ [offset-sm="45"] {
810
+ margin-left: 45%; }
811
+
812
+ [offset-sm="50"] {
813
+ margin-left: 50%; }
814
+
815
+ [offset-sm="55"] {
816
+ margin-left: 55%; }
817
+
818
+ [offset-sm="60"] {
819
+ margin-left: 60%; }
820
+
821
+ [offset-sm="65"] {
822
+ margin-left: 65%; }
823
+
824
+ [offset-sm="70"] {
825
+ margin-left: 70%; }
826
+
827
+ [offset-sm="75"] {
828
+ margin-left: 75%; }
829
+
830
+ [offset-sm="80"] {
831
+ margin-left: 80%; }
832
+
833
+ [offset-sm="85"] {
834
+ margin-left: 85%; }
835
+
836
+ [offset-sm="90"] {
837
+ margin-left: 90%; }
838
+
839
+ [offset-sm="95"] {
840
+ margin-left: 95%; }
841
+
842
+ [offset-sm="33"], [offset-sm="34"] {
843
+ margin-left: 33.33%; }
844
+
845
+ [offset-sm="66"], [offset-sm="67"] {
846
+ margin-left: 66.66%; }
847
+
721
848
  [flex-sm] {
722
849
  box-sizing: border-box;
723
850
  -webkit-flex: 1;
@@ -1079,6 +1206,69 @@ select, button, textarea, input {
1079
1206
  -ms-flex-direction: row;
1080
1207
  flex-direction: row; }
1081
1208
 
1209
+ [offset-gt-sm="5"] {
1210
+ margin-left: 5%; }
1211
+
1212
+ [offset-gt-sm="10"] {
1213
+ margin-left: 10%; }
1214
+
1215
+ [offset-gt-sm="15"] {
1216
+ margin-left: 15%; }
1217
+
1218
+ [offset-gt-sm="20"] {
1219
+ margin-left: 20%; }
1220
+
1221
+ [offset-gt-sm="25"] {
1222
+ margin-left: 25%; }
1223
+
1224
+ [offset-gt-sm="30"] {
1225
+ margin-left: 30%; }
1226
+
1227
+ [offset-gt-sm="35"] {
1228
+ margin-left: 35%; }
1229
+
1230
+ [offset-gt-sm="40"] {
1231
+ margin-left: 40%; }
1232
+
1233
+ [offset-gt-sm="45"] {
1234
+ margin-left: 45%; }
1235
+
1236
+ [offset-gt-sm="50"] {
1237
+ margin-left: 50%; }
1238
+
1239
+ [offset-gt-sm="55"] {
1240
+ margin-left: 55%; }
1241
+
1242
+ [offset-gt-sm="60"] {
1243
+ margin-left: 60%; }
1244
+
1245
+ [offset-gt-sm="65"] {
1246
+ margin-left: 65%; }
1247
+
1248
+ [offset-gt-sm="70"] {
1249
+ margin-left: 70%; }
1250
+
1251
+ [offset-gt-sm="75"] {
1252
+ margin-left: 75%; }
1253
+
1254
+ [offset-gt-sm="80"] {
1255
+ margin-left: 80%; }
1256
+
1257
+ [offset-gt-sm="85"] {
1258
+ margin-left: 85%; }
1259
+
1260
+ [offset-gt-sm="90"] {
1261
+ margin-left: 90%; }
1262
+
1263
+ [offset-gt-sm="95"] {
1264
+ margin-left: 95%; }
1265
+
1266
+ [offset-gt-sm="33"], [offset-gt-sm="34"] {
1267
+ margin-left: 33.33%; }
1268
+
1269
+ [offset-gt-sm="66"], [offset-gt-sm="67"] {
1270
+ margin-left: 66.66%; }
1271
+
1082
1272
  [flex-gt-sm] {
1083
1273
  box-sizing: border-box;
1084
1274
  -webkit-flex: 1;
@@ -1446,6 +1636,69 @@ select, button, textarea, input {
1446
1636
  -ms-flex-direction: row;
1447
1637
  flex-direction: row; }
1448
1638
 
1639
+ [offset-md="5"] {
1640
+ margin-left: 5%; }
1641
+
1642
+ [offset-md="10"] {
1643
+ margin-left: 10%; }
1644
+
1645
+ [offset-md="15"] {
1646
+ margin-left: 15%; }
1647
+
1648
+ [offset-md="20"] {
1649
+ margin-left: 20%; }
1650
+
1651
+ [offset-md="25"] {
1652
+ margin-left: 25%; }
1653
+
1654
+ [offset-md="30"] {
1655
+ margin-left: 30%; }
1656
+
1657
+ [offset-md="35"] {
1658
+ margin-left: 35%; }
1659
+
1660
+ [offset-md="40"] {
1661
+ margin-left: 40%; }
1662
+
1663
+ [offset-md="45"] {
1664
+ margin-left: 45%; }
1665
+
1666
+ [offset-md="50"] {
1667
+ margin-left: 50%; }
1668
+
1669
+ [offset-md="55"] {
1670
+ margin-left: 55%; }
1671
+
1672
+ [offset-md="60"] {
1673
+ margin-left: 60%; }
1674
+
1675
+ [offset-md="65"] {
1676
+ margin-left: 65%; }
1677
+
1678
+ [offset-md="70"] {
1679
+ margin-left: 70%; }
1680
+
1681
+ [offset-md="75"] {
1682
+ margin-left: 75%; }
1683
+
1684
+ [offset-md="80"] {
1685
+ margin-left: 80%; }
1686
+
1687
+ [offset-md="85"] {
1688
+ margin-left: 85%; }
1689
+
1690
+ [offset-md="90"] {
1691
+ margin-left: 90%; }
1692
+
1693
+ [offset-md="95"] {
1694
+ margin-left: 95%; }
1695
+
1696
+ [offset-md="33"], [offset-md="34"] {
1697
+ margin-left: 33.33%; }
1698
+
1699
+ [offset-md="66"], [offset-md="67"] {
1700
+ margin-left: 66.66%; }
1701
+
1449
1702
  [flex-md] {
1450
1703
  box-sizing: border-box;
1451
1704
  -webkit-flex: 1;
@@ -1807,6 +2060,69 @@ select, button, textarea, input {
1807
2060
  -ms-flex-direction: row;
1808
2061
  flex-direction: row; }
1809
2062
 
2063
+ [offset-gt-md="5"] {
2064
+ margin-left: 5%; }
2065
+
2066
+ [offset-gt-md="10"] {
2067
+ margin-left: 10%; }
2068
+
2069
+ [offset-gt-md="15"] {
2070
+ margin-left: 15%; }
2071
+
2072
+ [offset-gt-md="20"] {
2073
+ margin-left: 20%; }
2074
+
2075
+ [offset-gt-md="25"] {
2076
+ margin-left: 25%; }
2077
+
2078
+ [offset-gt-md="30"] {
2079
+ margin-left: 30%; }
2080
+
2081
+ [offset-gt-md="35"] {
2082
+ margin-left: 35%; }
2083
+
2084
+ [offset-gt-md="40"] {
2085
+ margin-left: 40%; }
2086
+
2087
+ [offset-gt-md="45"] {
2088
+ margin-left: 45%; }
2089
+
2090
+ [offset-gt-md="50"] {
2091
+ margin-left: 50%; }
2092
+
2093
+ [offset-gt-md="55"] {
2094
+ margin-left: 55%; }
2095
+
2096
+ [offset-gt-md="60"] {
2097
+ margin-left: 60%; }
2098
+
2099
+ [offset-gt-md="65"] {
2100
+ margin-left: 65%; }
2101
+
2102
+ [offset-gt-md="70"] {
2103
+ margin-left: 70%; }
2104
+
2105
+ [offset-gt-md="75"] {
2106
+ margin-left: 75%; }
2107
+
2108
+ [offset-gt-md="80"] {
2109
+ margin-left: 80%; }
2110
+
2111
+ [offset-gt-md="85"] {
2112
+ margin-left: 85%; }
2113
+
2114
+ [offset-gt-md="90"] {
2115
+ margin-left: 90%; }
2116
+
2117
+ [offset-gt-md="95"] {
2118
+ margin-left: 95%; }
2119
+
2120
+ [offset-gt-md="33"], [offset-gt-md="34"] {
2121
+ margin-left: 33.33%; }
2122
+
2123
+ [offset-gt-md="66"], [offset-gt-md="67"] {
2124
+ margin-left: 66.66%; }
2125
+
1810
2126
  [flex-gt-md] {
1811
2127
  box-sizing: border-box;
1812
2128
  -webkit-flex: 1;
@@ -2174,6 +2490,69 @@ select, button, textarea, input {
2174
2490
  -ms-flex-direction: row;
2175
2491
  flex-direction: row; }
2176
2492
 
2493
+ [offset-lg="5"] {
2494
+ margin-left: 5%; }
2495
+
2496
+ [offset-lg="10"] {
2497
+ margin-left: 10%; }
2498
+
2499
+ [offset-lg="15"] {
2500
+ margin-left: 15%; }
2501
+
2502
+ [offset-lg="20"] {
2503
+ margin-left: 20%; }
2504
+
2505
+ [offset-lg="25"] {
2506
+ margin-left: 25%; }
2507
+
2508
+ [offset-lg="30"] {
2509
+ margin-left: 30%; }
2510
+
2511
+ [offset-lg="35"] {
2512
+ margin-left: 35%; }
2513
+
2514
+ [offset-lg="40"] {
2515
+ margin-left: 40%; }
2516
+
2517
+ [offset-lg="45"] {
2518
+ margin-left: 45%; }
2519
+
2520
+ [offset-lg="50"] {
2521
+ margin-left: 50%; }
2522
+
2523
+ [offset-lg="55"] {
2524
+ margin-left: 55%; }
2525
+
2526
+ [offset-lg="60"] {
2527
+ margin-left: 60%; }
2528
+
2529
+ [offset-lg="65"] {
2530
+ margin-left: 65%; }
2531
+
2532
+ [offset-lg="70"] {
2533
+ margin-left: 70%; }
2534
+
2535
+ [offset-lg="75"] {
2536
+ margin-left: 75%; }
2537
+
2538
+ [offset-lg="80"] {
2539
+ margin-left: 80%; }
2540
+
2541
+ [offset-lg="85"] {
2542
+ margin-left: 85%; }
2543
+
2544
+ [offset-lg="90"] {
2545
+ margin-left: 90%; }
2546
+
2547
+ [offset-lg="95"] {
2548
+ margin-left: 95%; }
2549
+
2550
+ [offset-lg="33"], [offset-lg="34"] {
2551
+ margin-left: 33.33%; }
2552
+
2553
+ [offset-lg="66"], [offset-lg="67"] {
2554
+ margin-left: 66.66%; }
2555
+
2177
2556
  [flex-lg] {
2178
2557
  box-sizing: border-box;
2179
2558
  -webkit-flex: 1;
@@ -2538,6 +2917,69 @@ select, button, textarea, input {
2538
2917
  -ms-flex-direction: row;
2539
2918
  flex-direction: row; }
2540
2919
 
2920
+ [offset-gt-lg="5"] {
2921
+ margin-left: 5%; }
2922
+
2923
+ [offset-gt-lg="10"] {
2924
+ margin-left: 10%; }
2925
+
2926
+ [offset-gt-lg="15"] {
2927
+ margin-left: 15%; }
2928
+
2929
+ [offset-gt-lg="20"] {
2930
+ margin-left: 20%; }
2931
+
2932
+ [offset-gt-lg="25"] {
2933
+ margin-left: 25%; }
2934
+
2935
+ [offset-gt-lg="30"] {
2936
+ margin-left: 30%; }
2937
+
2938
+ [offset-gt-lg="35"] {
2939
+ margin-left: 35%; }
2940
+
2941
+ [offset-gt-lg="40"] {
2942
+ margin-left: 40%; }
2943
+
2944
+ [offset-gt-lg="45"] {
2945
+ margin-left: 45%; }
2946
+
2947
+ [offset-gt-lg="50"] {
2948
+ margin-left: 50%; }
2949
+
2950
+ [offset-gt-lg="55"] {
2951
+ margin-left: 55%; }
2952
+
2953
+ [offset-gt-lg="60"] {
2954
+ margin-left: 60%; }
2955
+
2956
+ [offset-gt-lg="65"] {
2957
+ margin-left: 65%; }
2958
+
2959
+ [offset-gt-lg="70"] {
2960
+ margin-left: 70%; }
2961
+
2962
+ [offset-gt-lg="75"] {
2963
+ margin-left: 75%; }
2964
+
2965
+ [offset-gt-lg="80"] {
2966
+ margin-left: 80%; }
2967
+
2968
+ [offset-gt-lg="85"] {
2969
+ margin-left: 85%; }
2970
+
2971
+ [offset-gt-lg="90"] {
2972
+ margin-left: 90%; }
2973
+
2974
+ [offset-gt-lg="95"] {
2975
+ margin-left: 95%; }
2976
+
2977
+ [offset-gt-lg="33"], [offset-gt-lg="34"] {
2978
+ margin-left: 33.33%; }
2979
+
2980
+ [offset-gt-lg="66"], [offset-gt-lg="67"] {
2981
+ margin-left: 66.66%; }
2982
+
2541
2983
  [flex-gt-lg] {
2542
2984
  box-sizing: border-box;
2543
2985
  -webkit-flex: 1;
@@ -2856,9 +3298,6 @@ select, button, textarea, input {
2856
3298
  opacity: 1;
2857
3299
  height: 40px; } }
2858
3300
 
2859
- md-content {
2860
- overflow: visible; }
2861
-
2862
3301
  md-autocomplete {
2863
3302
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
2864
3303
  border-radius: 2px;
@@ -2916,7 +3355,6 @@ md-autocomplete {
2916
3355
  line-height: 40px;
2917
3356
  height: 40px;
2918
3357
  outline: none;
2919
- z-index: 2;
2920
3358
  background: transparent; }
2921
3359
  md-autocomplete input:not(.md-input)::-ms-clear {
2922
3360
  display: none; }
@@ -2925,7 +3363,6 @@ md-autocomplete {
2925
3363
  top: 10px;
2926
3364
  right: 10px;
2927
3365
  line-height: 20px;
2928
- z-index: 2;
2929
3366
  text-align: center;
2930
3367
  width: 20px;
2931
3368
  height: 20px;
@@ -2946,8 +3383,7 @@ md-autocomplete {
2946
3383
  -webkit-transform: scale(0);
2947
3384
  transform: scale(0);
2948
3385
  opacity: 0;
2949
- transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
2950
- z-index: -1; }
3386
+ transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
2951
3387
  md-autocomplete button:focus {
2952
3388
  outline: none; }
2953
3389
  md-autocomplete button:focus:after {
@@ -2976,36 +3412,6 @@ md-autocomplete {
2976
3412
  md-autocomplete button.ng-leave.ng-leave-active {
2977
3413
  -webkit-transform: scale(0);
2978
3414
  transform: scale(0); }
2979
- md-autocomplete ul {
2980
- position: absolute;
2981
- top: 100%;
2982
- left: 0;
2983
- right: 0;
2984
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
2985
- margin: 0;
2986
- list-style: none;
2987
- padding: 0;
2988
- overflow: auto;
2989
- max-height: 225.5px;
2990
- z-index: 49; }
2991
- md-autocomplete ul li {
2992
- border-top: 1px solid #ddd;
2993
- padding: 0 15px;
2994
- line-height: 40px;
2995
- font-size: 14px;
2996
- overflow: hidden;
2997
- height: 40px;
2998
- transition: background 0.15s linear;
2999
- cursor: pointer;
3000
- margin: 0; }
3001
- md-autocomplete ul li.ng-enter, md-autocomplete ul li.ng-hide-remove {
3002
- transition: none;
3003
- -webkit-animation: md-autocomplete-list-in 0.2s;
3004
- animation: md-autocomplete-list-in 0.2s; }
3005
- md-autocomplete ul li.ng-leave, md-autocomplete ul li.ng-hide-add {
3006
- transition: none;
3007
- -webkit-animation: md-autocomplete-list-out 0.2s;
3008
- animation: md-autocomplete-list-out 0.2s; }
3009
3415
  @media screen and (-ms-high-contrast: active) {
3010
3416
  md-autocomplete input {
3011
3417
  border: 1px solid #fff; }
@@ -3014,6 +3420,36 @@ md-autocomplete {
3014
3420
  color: #fff; }
3015
3421
  }
3016
3422
 
3423
+ .md-autocomplete-suggestions {
3424
+ position: absolute;
3425
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
3426
+ margin: 0;
3427
+ list-style: none;
3428
+ padding: 0;
3429
+ overflow: auto;
3430
+ max-height: 225.5px;
3431
+ z-index: 100; }
3432
+ .md-autocomplete-suggestions li {
3433
+ border-top: 1px solid #ddd;
3434
+ padding: 0 15px;
3435
+ line-height: 40px;
3436
+ font-size: 14px;
3437
+ overflow: hidden;
3438
+ height: 40px;
3439
+ transition: background 0.15s linear;
3440
+ cursor: pointer;
3441
+ margin: 0;
3442
+ white-space: nowrap;
3443
+ text-overflow: ellipsis; }
3444
+ .md-autocomplete-suggestions li.ng-enter, .md-autocomplete-suggestions li.ng-hide-remove {
3445
+ transition: none;
3446
+ -webkit-animation: md-autocomplete-list-in 0.2s;
3447
+ animation: md-autocomplete-list-in 0.2s; }
3448
+ .md-autocomplete-suggestions li.ng-leave, .md-autocomplete-suggestions li.ng-hide-add {
3449
+ transition: none;
3450
+ -webkit-animation: md-autocomplete-list-out 0.2s;
3451
+ animation: md-autocomplete-list-out 0.2s; }
3452
+
3017
3453
  md-backdrop {
3018
3454
  z-index: 50;
3019
3455
  background-color: rgba(0, 0, 0, 0);
@@ -3030,6 +3466,7 @@ md-backdrop {
3030
3466
  md-backdrop.md-sidenav-backdrop {
3031
3467
  z-index: 59; }
3032
3468
  md-backdrop.md-click-catcher {
3469
+ top: 0;
3033
3470
  position: fixed; }
3034
3471
  md-backdrop.ng-enter {
3035
3472
  -webkit-animation: cubic-bezier(0.25, 0.8, 0.25, 1) mdBackdropFadeIn 0.5s both;
@@ -3242,6 +3679,7 @@ md-bottom-sheet {
3242
3679
  padding: 0 0.6rem;
3243
3680
  margin: 0.6rem 0.8rem;
3244
3681
  line-height: 3.6rem;
3682
+ height: 3.6rem;
3245
3683
  background: transparent;
3246
3684
  white-space: nowrap;
3247
3685
  min-width: 8.8rem;
@@ -3273,6 +3711,9 @@ md-bottom-sheet {
3273
3711
  margin: 0 0.6rem;
3274
3712
  height: 4.8rem;
3275
3713
  min-width: 0;
3714
+ line-height: 4.8rem;
3715
+ padding-left: 0;
3716
+ padding-right: 0;
3276
3717
  width: 4.8rem; }
3277
3718
  .md-button.md-fab {
3278
3719
  z-index: 20;
@@ -3314,7 +3755,7 @@ md-bottom-sheet {
3314
3755
  border-radius: 50%;
3315
3756
  background-clip: padding-box;
3316
3757
  overflow: hidden;
3317
- -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
3758
+ -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
3318
3759
  .md-button.md-fab md-icon {
3319
3760
  margin-top: 0; }
3320
3761
  .md-button.md-fab.md-mini {
@@ -3325,14 +3766,14 @@ md-bottom-sheet {
3325
3766
  .md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right {
3326
3767
  -webkit-transform: translate3d(0, 4.2rem, 0);
3327
3768
  transform: translate3d(0, 4.2rem, 0); }
3328
- .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
3769
+ .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
3329
3770
  -webkit-transform: translate3d(0, 3.2rem, 0);
3330
3771
  transform: translate3d(0, 3.2rem, 0); }
3331
3772
 
3332
3773
  .md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right {
3333
3774
  -webkit-transform: translate3d(0, -4.2rem, 0);
3334
3775
  transform: translate3d(0, -4.2rem, 0); }
3335
- .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
3776
+ .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
3336
3777
  -webkit-transform: translate3d(0, -5.2rem, 0);
3337
3778
  transform: translate3d(0, -5.2rem, 0); }
3338
3779
 
@@ -3388,6 +3829,11 @@ md-card {
3388
3829
  -ms-flex-order: 1;
3389
3830
  order: 1;
3390
3831
  padding: 16px; }
3832
+ md-card md-card-footer {
3833
+ -webkit-order: 2;
3834
+ -ms-flex-order: 2;
3835
+ order: 2;
3836
+ padding: 16px; }
3391
3837
 
3392
3838
  @media screen and (-ms-high-contrast: active) {
3393
3839
  md-card {
@@ -3397,7 +3843,7 @@ md-card {
3397
3843
  md-checkbox {
3398
3844
  box-sizing: border-box;
3399
3845
  display: block;
3400
- margin: 15px;
3846
+ margin: 8px;
3401
3847
  white-space: nowrap;
3402
3848
  cursor: pointer;
3403
3849
  outline: none;
@@ -3407,12 +3853,32 @@ md-checkbox {
3407
3853
  user-select: none; }
3408
3854
  md-checkbox *, md-checkbox *:before, md-checkbox *:after {
3409
3855
  box-sizing: border-box; }
3856
+ md-checkbox.md-focused:not([disabled]) .md-container:before {
3857
+ left: -8px;
3858
+ top: -8px;
3859
+ right: -8px;
3860
+ bottom: -8px; }
3861
+ md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
3862
+ background-color: rgba(0, 0, 0, 0.12); }
3410
3863
  md-checkbox .md-container {
3411
3864
  position: relative;
3412
3865
  top: 4px;
3413
3866
  display: inline-block;
3414
3867
  width: 18px;
3415
3868
  height: 18px; }
3869
+ md-checkbox .md-container:before {
3870
+ background-color: transparent;
3871
+ border-radius: 50%;
3872
+ content: '';
3873
+ position: absolute;
3874
+ display: block;
3875
+ height: auto;
3876
+ left: 0;
3877
+ top: 0;
3878
+ right: 0;
3879
+ bottom: 0;
3880
+ transition: all 0.5s;
3881
+ width: auto; }
3416
3882
  md-checkbox .md-container:after {
3417
3883
  content: '';
3418
3884
  position: absolute;
@@ -3442,8 +3908,6 @@ md-checkbox {
3442
3908
  border: none; }
3443
3909
  md-checkbox[disabled] {
3444
3910
  cursor: no-drop; }
3445
- md-checkbox:focus .md-label:not(:empty) {
3446
- border-color: black; }
3447
3911
  md-checkbox.md-checked .md-icon:after {
3448
3912
  -webkit-transform: rotate(45deg);
3449
3913
  transform: rotate(45deg);
@@ -3458,10 +3922,8 @@ md-checkbox {
3458
3922
  border-left: 0;
3459
3923
  content: ' '; }
3460
3924
  md-checkbox .md-label {
3461
- border: 1px dotted transparent;
3462
3925
  position: relative;
3463
3926
  display: inline-block;
3464
- margin-left: 10px;
3465
3927
  vertical-align: middle;
3466
3928
  white-space: normal;
3467
3929
  pointer-events: none;
@@ -3469,44 +3931,127 @@ md-checkbox {
3469
3931
  -moz-user-select: text;
3470
3932
  -ms-user-select: text;
3471
3933
  user-select: text; }
3934
+ md-checkbox .md-label span {
3935
+ margin-left: 10px; }
3936
+
3937
+ .md-contact-chips .md-chips .md-chip {
3938
+ padding: 0 0.8rem 0 0; }
3939
+ .md-contact-chips .md-chips .md-chip .md-contact-avatar {
3940
+ float: left; }
3941
+ .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
3942
+ height: 3.2rem;
3943
+ border-radius: 1.6rem; }
3944
+ .md-contact-chips .md-chips .md-chip .md-contact-name {
3945
+ display: inline-block;
3946
+ height: 3.2rem;
3947
+ margin-left: 0.8rem; }
3948
+
3949
+ .md-contact-suggestion {
3950
+ height: 5.6rem; }
3951
+ .md-contact-suggestion img {
3952
+ height: 4rem;
3953
+ border-radius: 2rem;
3954
+ margin-top: 0.8rem; }
3955
+ .md-contact-suggestion .md-contact-name {
3956
+ margin-left: 0.8rem;
3957
+ width: 12rem; }
3958
+ .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
3959
+ display: inline-block;
3960
+ overflow: hidden;
3961
+ text-overflow: ellipsis; }
3962
+
3963
+ .md-contact-chips-suggestions li {
3964
+ height: 100%; }
3472
3965
 
3473
3966
  .md-chips {
3474
- box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
3475
3967
  display: block;
3476
3968
  font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
3477
3969
  font-size: 1.3rem;
3478
- padding: 0.8rem;
3479
- vertical-align: middle; }
3970
+ padding: 0 0.8rem 0.8rem 0.8rem;
3971
+ vertical-align: middle;
3972
+ cursor: text; }
3973
+ .md-chips:after {
3974
+ content: '';
3975
+ display: table;
3976
+ clear: both; }
3480
3977
  .md-chips .md-chip {
3481
- border-radius: 1.1rem;
3482
- display: inline-block;
3483
- height: 2.2rem;
3484
- margin: 0 0 0 0.8rem;
3485
- line-height: 2.2rem;
3486
- padding: 0 0.8rem 0 0.8rem; }
3487
- .md-chips .md-chip:first-child {
3488
- margin: 0; }
3489
- .md-chips .md-chip.selected, .md-chips .md-chip:focus {
3490
- outline: none;
3491
- -webkit-transform: translate3d(0, -1px, 0);
3492
- transform: translate3d(0, -1px, 0);
3493
- box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }
3494
- .md-chips .md-chip .md-button {
3495
- padding: 0.2rem;
3496
- line-height: 1.8rem;
3978
+ cursor: default;
3979
+ border-radius: 1.6rem;
3980
+ display: block;
3981
+ height: 3.2rem;
3982
+ line-height: 3.2rem;
3983
+ margin: 0.8rem 0.8rem 0 0;
3984
+ padding: 0 0.8rem 0 1.2rem;
3985
+ float: left; }
3986
+ .md-chips .md-chip .md-chip-content {
3987
+ display: block;
3988
+ padding-right: 0.4rem;
3989
+ float: left;
3990
+ white-space: nowrap; }
3991
+ .md-chips .md-chip .md-chip-content:focus {
3992
+ outline: none; }
3993
+ .md-chips .md-chip .md-chip-remove-container {
3994
+ display: inline-block;
3995
+ margin-right: -0.5rem; }
3996
+ .md-chips .md-chip .md-chip-remove {
3997
+ text-align: center;
3998
+ width: 3.2rem;
3999
+ height: 3.2rem;
3497
4000
  min-width: 0;
3498
- margin: 0 0 0 0.5em; }
3499
- .md-chips .md-chip .md-button md-icon {
3500
- height: 1.6rem;
3501
- width: 1.6rem; }
3502
- .md-chips .md-chip-worker {
3503
- display: inline-block;
3504
- line-height: 2.2rem; }
3505
- .md-chips .md-chip-worker:not(:first-child) {
3506
- margin: 0 0 0 0.8rem; }
3507
- .md-chips .md-chip-input {
3508
- background-color: transparent;
3509
- border-width: 0; }
4001
+ padding: 0;
4002
+ background: transparent;
4003
+ border: none;
4004
+ box-shadow: none;
4005
+ margin: 0;
4006
+ position: relative; }
4007
+ .md-chips .md-chip .md-chip-remove md-icon {
4008
+ height: 1.8rem;
4009
+ width: 1.8rem;
4010
+ position: absolute;
4011
+ top: 50%;
4012
+ left: 50%;
4013
+ -webkit-transform: translate3d(-50%, -50%, 0);
4014
+ transform: translate3d(-50%, -50%, 0); }
4015
+ .md-chips .md-chip-input-container {
4016
+ display: block;
4017
+ line-height: 3.2rem;
4018
+ margin: 0.8rem 0.8rem 0 0;
4019
+ padding: 0 0.8rem 0 1.2rem;
4020
+ float: left; }
4021
+ .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
4022
+ border: 0;
4023
+ height: 3.2rem;
4024
+ line-height: 3.2rem;
4025
+ padding: 0; }
4026
+ .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
4027
+ outline: none; }
4028
+ .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
4029
+ background: transparent;
4030
+ height: 3.2rem; }
4031
+ .md-chips .md-chip-input-container md-autocomplete {
4032
+ box-shadow: none; }
4033
+ .md-chips .md-chip-input-container md-autocomplete input {
4034
+ position: relative; }
4035
+ .md-chips .md-chip-input-container input {
4036
+ border: 0;
4037
+ height: 3.2rem;
4038
+ line-height: 3.2rem;
4039
+ padding: 0; }
4040
+ .md-chips .md-chip-input-container input:focus {
4041
+ outline: none; }
4042
+ .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
4043
+ height: 3.2rem; }
4044
+ .md-chips .md-chip-input-container md-autocomplete {
4045
+ box-shadow: none; }
4046
+ .md-chips .md-chip-input-container md-autocomplete input {
4047
+ position: relative; }
4048
+ .md-chips .md-chip-input-container:not(:first-child) {
4049
+ margin: 0.8rem 0.8rem 0 0; }
4050
+ .md-chips .md-chip-input-container input {
4051
+ background: transparent;
4052
+ border-width: 0; }
4053
+ .md-chips md-autocomplete button {
4054
+ display: none; }
3510
4055
 
3511
4056
  md-content {
3512
4057
  display: block;
@@ -3519,13 +4064,6 @@ md-content {
3519
4064
  md-content[md-scroll-x] {
3520
4065
  overflow-x: auto;
3521
4066
  overflow-y: hidden; }
3522
- md-content.md-padding {
3523
- padding: 8px; }
3524
-
3525
- @media (min-width: 600px) {
3526
- md-content.md-padding {
3527
- padding: 16px; }
3528
- }
3529
4067
 
3530
4068
  .md-dialog-container {
3531
4069
  display: -webkit-flex;
@@ -3575,7 +4113,7 @@ md-dialog {
3575
4113
  overflow: auto;
3576
4114
  -webkit-overflow-scrolling: touch; }
3577
4115
  md-dialog md-content:not([layout=row]) > *:first-child:not(.md-subheader) {
3578
- margin-top: 0px; }
4116
+ margin-top: 0; }
3579
4117
  md-dialog md-content:focus {
3580
4118
  outline: none; }
3581
4119
  md-dialog .md-actions {
@@ -3592,10 +4130,11 @@ md-dialog {
3592
4130
  -webkit-justify-content: flex-end;
3593
4131
  -ms-flex-pack: end;
3594
4132
  justify-content: flex-end;
3595
- padding: 16px 16px;
4133
+ padding: 8px;
4134
+ padding-left: 24px;
3596
4135
  min-height: 40px; }
3597
4136
  md-dialog .md-actions > * {
3598
- margin-left: 8px;
4137
+ margin-left: 4px;
3599
4138
  margin-right: 0; }
3600
4139
  md-dialog.md-content-overflow .md-actions {
3601
4140
  border-top: 1px solid; }
@@ -3676,266 +4215,6 @@ md-grid-list {
3676
4215
  border-top: 1px solid #fff; }
3677
4216
  }
3678
4217
 
3679
- md-icon {
3680
- margin: auto;
3681
- background-repeat: no-repeat no-repeat;
3682
- display: inline-block;
3683
- vertical-align: middle;
3684
- fill: currentcolor;
3685
- height: 24px;
3686
- width: 24px; }
3687
-
3688
- md-input-container {
3689
- display: -webkit-flex;
3690
- display: -ms-flexbox;
3691
- display: flex;
3692
- position: relative;
3693
- -webkit-flex-direction: column;
3694
- -ms-flex-direction: column;
3695
- flex-direction: column;
3696
- overflow-x: hidden;
3697
- padding: 2px;
3698
- padding-bottom: 26px;
3699
- /*
3700
- * The .md-input class is added to the input/textarea
3701
- */ }
3702
- md-input-container > md-icon {
3703
- position: absolute;
3704
- top: 5px;
3705
- left: 2px; }
3706
- md-input-container > md-icon + input {
3707
- margin-left: 56px; }
3708
- md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] {
3709
- /* remove default appearance from all input/textarea */
3710
- -moz-appearance: none;
3711
- -webkit-appearance: none; }
3712
- md-input-container textarea {
3713
- resize: none;
3714
- overflow: hidden; }
3715
- md-input-container textarea.md-input {
3716
- min-height: 56px;
3717
- -ms-flex-preferred-size: auto; }
3718
- md-input-container label:not(.md-no-float), md-input-container .md-placeholder:not(.md-select-label) {
3719
- -webkit-order: 1;
3720
- -ms-flex-order: 1;
3721
- order: 1;
3722
- pointer-events: none;
3723
- -webkit-font-smoothing: antialiased;
3724
- padding-left: 2px;
3725
- z-index: 1;
3726
- -webkit-transform: translate3d(0, 24px, 0) scale(1);
3727
- transform: translate3d(0, 24px, 0) scale(1);
3728
- -webkit-transform-origin: left top;
3729
- transform-origin: left top;
3730
- transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
3731
- transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s; }
3732
- md-input-container .md-placeholder:not(.md-select-label) {
3733
- position: absolute;
3734
- top: 0;
3735
- opacity: 0;
3736
- transition-property: opacity, -webkit-transform;
3737
- transition-property: opacity, transform;
3738
- -webkit-transform: translate3d(0, 30px, 0);
3739
- transform: translate3d(0, 30px, 0); }
3740
- md-input-container.md-input-focused .md-placeholder {
3741
- opacity: 1;
3742
- -webkit-transform: translate3d(0, 24px, 0);
3743
- transform: translate3d(0, 24px, 0); }
3744
- md-input-container.md-input-has-value .md-placeholder {
3745
- transition: none;
3746
- opacity: 0; }
3747
- md-input-container:not(.md-input-has-value) input:not(:focus) {
3748
- color: transparent; }
3749
- md-input-container .md-input {
3750
- -webkit-flex: 1 1 auto;
3751
- -ms-flex: 1 1 auto;
3752
- flex: 1 1 auto;
3753
- -webkit-order: 2;
3754
- -ms-flex-order: 2;
3755
- order: 2;
3756
- display: block;
3757
- background: none;
3758
- padding-top: 2px;
3759
- padding-bottom: 1px;
3760
- padding-left: 2px;
3761
- padding-right: 2px;
3762
- border-width: 0 0 1px 0;
3763
- line-height: 26px;
3764
- -ms-flex-preferred-size: 26px;
3765
- border-radius: 0; }
3766
- md-input-container .md-input:focus {
3767
- outline: none; }
3768
- md-input-container .md-input:invalid {
3769
- outline: none;
3770
- box-shadow: none; }
3771
- md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages, md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
3772
- -webkit-order: 3;
3773
- -ms-flex-order: 3;
3774
- order: 3;
3775
- position: relative; }
3776
- md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container .md-char-counter {
3777
- -webkit-font-smoothing: antialiased;
3778
- position: absolute;
3779
- font-size: 12px;
3780
- line-height: 24px; }
3781
- md-input-container ng-message.ng-enter, md-input-container data-ng-message.ng-enter, md-input-container x-ng-message.ng-enter, md-input-container [ng-message].ng-enter, md-input-container [data-ng-message].ng-enter, md-input-container [x-ng-message].ng-enter, md-input-container .md-char-counter.ng-enter {
3782
- transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3783
- transition-delay: 0.2s; }
3784
- md-input-container ng-message.ng-leave, md-input-container data-ng-message.ng-leave, md-input-container x-ng-message.ng-leave, md-input-container [ng-message].ng-leave, md-input-container [data-ng-message].ng-leave, md-input-container [x-ng-message].ng-leave, md-input-container .md-char-counter.ng-leave {
3785
- transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
3786
- md-input-container ng-message.ng-enter, md-input-container ng-message.ng-leave.ng-leave-active, md-input-container data-ng-message.ng-enter, md-input-container data-ng-message.ng-leave.ng-leave-active, md-input-container x-ng-message.ng-enter, md-input-container x-ng-message.ng-leave.ng-leave-active, md-input-container [ng-message].ng-enter, md-input-container [ng-message].ng-leave.ng-leave-active, md-input-container [data-ng-message].ng-enter, md-input-container [data-ng-message].ng-leave.ng-leave-active, md-input-container [x-ng-message].ng-enter, md-input-container [x-ng-message].ng-leave.ng-leave-active, md-input-container .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
3787
- opacity: 0;
3788
- -webkit-transform: translate3d(0, -20%, 0);
3789
- transform: translate3d(0, -20%, 0); }
3790
- md-input-container ng-message.ng-leave, md-input-container ng-message.ng-enter.ng-enter-active, md-input-container data-ng-message.ng-leave, md-input-container data-ng-message.ng-enter.ng-enter-active, md-input-container x-ng-message.ng-leave, md-input-container x-ng-message.ng-enter.ng-enter-active, md-input-container [ng-message].ng-leave, md-input-container [ng-message].ng-enter.ng-enter-active, md-input-container [data-ng-message].ng-leave, md-input-container [data-ng-message].ng-enter.ng-enter-active, md-input-container [x-ng-message].ng-leave, md-input-container [x-ng-message].ng-enter.ng-enter-active, md-input-container .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
3791
- opacity: 1;
3792
- -webkit-transform: translate3d(0, 0, 0);
3793
- transform: translate3d(0, 0, 0); }
3794
- md-input-container .md-char-counter {
3795
- bottom: 2px;
3796
- right: 2px; }
3797
- md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
3798
- -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
3799
- transform: translate3d(0, 4px, 0) scale(0.75); }
3800
- md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
3801
- padding-bottom: 0px;
3802
- border-width: 0 0 2px 0; }
3803
- md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
3804
- background-position: 0 bottom;
3805
- background-size: 3px 1px;
3806
- background-repeat: repeat-x; }
3807
-
3808
- @media screen and (-ms-high-contrast: active) {
3809
- md-input-container.md-default-theme > md-icon {
3810
- fill: #fff; }
3811
- }
3812
-
3813
- md-list {
3814
- display: block;
3815
- padding: 8px 0px 8px 0px; }
3816
- md-list .md-subheader {
3817
- font-weight: 500;
3818
- font-size: 0.875em; }
3819
-
3820
- md-item.md-no-proxy, md-item .md-no-style {
3821
- position: relative;
3822
- padding: 0px 16px;
3823
- -webkit-flex: 1;
3824
- -ms-flex: 1;
3825
- flex: 1; }
3826
- md-item.md-no-proxy:focus, md-item .md-no-style:focus {
3827
- outline: none; }
3828
- md-item.md-with-secondary {
3829
- padding-right: 16px; }
3830
- md-item.md-clickable:hover {
3831
- cursor: pointer; }
3832
- md-item md-divider {
3833
- position: absolute;
3834
- bottom: 0px;
3835
- left: 0px;
3836
- width: 100%; }
3837
- md-item md-divider[md-inset] {
3838
- left: 96px;
3839
- width: calc(100% - 96px);
3840
- margin: 0; }
3841
-
3842
- md-item, md-item .md-item-inner {
3843
- display: -webkit-flex;
3844
- display: -ms-flexbox;
3845
- display: flex;
3846
- -webkit-justify-content: flex-start;
3847
- -ms-flex-pack: start;
3848
- justify-content: flex-start;
3849
- -webkit-align-items: center;
3850
- -ms-flex-align: center;
3851
- align-items: center; }
3852
- md-item > div.md-primary > md-icon, md-item > div.md-secondary > md-icon, md-item > md-icon:first-child, md-item > md-icon.md-secondary, md-item .md-item-inner > div.md-primary > md-icon, md-item .md-item-inner > div.md-secondary > md-icon, md-item .md-item-inner > md-icon:first-child, md-item .md-item-inner > md-icon.md-secondary {
3853
- width: 24px;
3854
- margin-top: 12px;
3855
- margin-bottom: 12px;
3856
- box-sizing: content-box; }
3857
- md-item > div.md-primary > md-icon:focus, md-item > div.md-secondary > md-icon:focus, md-item > md-icon:first-child:focus, md-item > md-icon.md-secondary:focus, md-item .md-item-inner > div.md-primary > md-icon:focus, md-item .md-item-inner > div.md-secondary > md-icon:focus, md-item .md-item-inner > md-icon:first-child:focus, md-item .md-item-inner > md-icon.md-secondary:focus {
3858
- border-radius: 2px;
3859
- outline: none;
3860
- padding: 6px;
3861
- margin-top: 6px;
3862
- margin-bottom: 6px; }
3863
- md-item > div.md-primary > md-checkbox, md-item > div.md-secondary > md-checkbox, md-item > md-checkbox:first-child, md-item md-checkbox.md-secondary, md-item .md-item-inner > div.md-primary > md-checkbox, md-item .md-item-inner > div.md-secondary > md-checkbox, md-item .md-item-inner > md-checkbox:first-child, md-item .md-item-inner md-checkbox.md-secondary {
3864
- position: relative;
3865
- top: -2px;
3866
- margin-top: 14px;
3867
- margin-bottom: 12px; }
3868
- md-item > div.md-primary > md-checkbox .md-label, md-item > div.md-secondary > md-checkbox .md-label, md-item > md-checkbox:first-child .md-label, md-item md-checkbox.md-secondary .md-label, md-item .md-item-inner > div.md-primary > md-checkbox .md-label, md-item .md-item-inner > div.md-secondary > md-checkbox .md-label, md-item .md-item-inner > md-checkbox:first-child .md-label, md-item .md-item-inner md-checkbox.md-secondary .md-label {
3869
- display: none; }
3870
- md-item > div.md-primary > md-checkbox:not(md-checkbox:first-child):focus, md-item > div.md-secondary > md-checkbox:not(md-checkbox:first-child):focus, md-item > md-checkbox:first-child:not(md-checkbox:first-child):focus, md-item md-checkbox.md-secondary:not(md-checkbox:first-child):focus, md-item .md-item-inner > div.md-primary > md-checkbox:not(md-checkbox:first-child):focus, md-item .md-item-inner > div.md-secondary > md-checkbox:not(md-checkbox:first-child):focus, md-item .md-item-inner > md-checkbox:first-child:not(md-checkbox:first-child):focus, md-item .md-item-inner md-checkbox.md-secondary:not(md-checkbox:first-child):focus {
3871
- padding: 6px;
3872
- margin-right: -6px;
3873
- margin-top: 8px;
3874
- margin-bottom: 6px; }
3875
- md-item > md-icon:first-child, md-item .md-item-inner > md-icon:first-child {
3876
- margin-right: 32px; }
3877
- md-item > md-checkbox:first-child, md-item .md-item-inner > md-checkbox:first-child {
3878
- width: 24px;
3879
- margin-left: 3px;
3880
- margin-right: 29px; }
3881
- md-item > .md-avatar:first-child, md-item .md-item-inner > .md-avatar:first-child {
3882
- width: 40px;
3883
- height: 40px;
3884
- margin-top: 8px;
3885
- margin-bottom: 8px;
3886
- margin-right: 16px;
3887
- border-radius: 50%;
3888
- box-sizing: content-box; }
3889
- md-item md-checkbox.md-secondary, md-item .md-item-inner md-checkbox.md-secondary {
3890
- margin-right: 0px; }
3891
- md-item md-switch.md-secondary, md-item .md-item-inner md-switch.md-secondary {
3892
- margin: 0;
3893
- position: relative;
3894
- right: -9px; }
3895
- md-item .md-secondary, md-item .md-item-inner .md-secondary {
3896
- margin-left: 16px; }
3897
- md-item > p, md-item > .md-item-inner > p, md-item .md-item-inner > p, md-item .md-item-inner > .md-item-inner > p {
3898
- -webkit-flex: 1;
3899
- -ms-flex: 1;
3900
- flex: 1;
3901
- margin: 0; }
3902
-
3903
- md-item.md-2-line, md-item.md-2-line > .md-no-style, md-item.md-3-line, md-item.md-3-line > .md-no-style {
3904
- -webkit-align-items: flex-start;
3905
- -ms-flex-align: start;
3906
- align-items: flex-start; }
3907
- md-item.md-2-line .md-item-text, md-item.md-2-line > .md-no-style .md-item-text, md-item.md-3-line .md-item-text, md-item.md-3-line > .md-no-style .md-item-text {
3908
- -webkit-flex: 1;
3909
- -ms-flex: 1;
3910
- flex: 1;
3911
- padding: 16px 0;
3912
- text-overflow: ellipsis; }
3913
- md-item.md-2-line .md-item-text h3, md-item.md-2-line > .md-no-style .md-item-text h3, md-item.md-3-line .md-item-text h3, md-item.md-3-line > .md-no-style .md-item-text h3 {
3914
- margin: 0 0 6px 0;
3915
- font-weight: 400;
3916
- font-size: 1em;
3917
- line-height: 0.75em; }
3918
- md-item.md-2-line .md-item-text h4, md-item.md-2-line > .md-no-style .md-item-text h4, md-item.md-3-line .md-item-text h4, md-item.md-3-line > .md-no-style .md-item-text h4 {
3919
- margin: 10px 0 5px 0;
3920
- font-weight: 400;
3921
- font-size: 0.875em;
3922
- line-height: 0.75em; }
3923
- md-item.md-2-line .md-item-text p, md-item.md-2-line > .md-no-style .md-item-text p, md-item.md-3-line .md-item-text p, md-item.md-3-line > .md-no-style .md-item-text p {
3924
- margin: 0 0 0px 0;
3925
- font-size: 0.75em;
3926
- line-height: 1.6em; }
3927
-
3928
- md-item.md-2-line > md-icon:first-child, md-item.md-2-line > .md-avatar:first-child, md-item.md-2-line > .md-no-style > md-icon:first-child, md-item.md-2-line > .md-no-style > .md-avatar:first-child {
3929
- margin-top: 12px; }
3930
- md-item.md-2-line .md-item-text, md-item.md-2-line > .md-no-style .md-item-text {
3931
- -webkit-flex: 1;
3932
- -ms-flex: 1;
3933
- flex: 1;
3934
- padding-top: 19px; }
3935
-
3936
- md-item.md-3-line > md-icon:first-child, md-item.md-3-line > .md-avatar:first-child, md-item.md-3-line > .md-no-style > md-icon:first-child, md-item.md-3-line > .md-no-style > .md-avatar:first-child {
3937
- margin-top: 16px; }
3938
-
3939
4218
  @-webkit-keyframes outer-rotate {
3940
4219
  100% {
3941
4220
  -webkit-transform: rotate(360deg);
@@ -5224,52 +5503,195 @@ md-progress-circular {
5224
5503
  -webkit-animation-name: right-wobble;
5225
5504
  animation-name: right-wobble; }
5226
5505
 
5227
- md-progress-linear {
5228
- display: block;
5229
- width: 100%;
5230
- height: 5px; }
5231
- md-progress-linear .md-container {
5232
- overflow: hidden;
5233
- position: relative;
5234
- height: 5px;
5235
- top: 5px;
5236
- -webkit-transform: translate(0, 5px) scale(1, 0);
5237
- transform: translate(0, 5px) scale(1, 0);
5238
- transition: all 0.3s linear; }
5239
- md-progress-linear .md-container.md-ready {
5240
- -webkit-transform: translate(0, 0) scale(1, 1);
5241
- transform: translate(0, 0) scale(1, 1); }
5242
- md-progress-linear .md-bar {
5243
- height: 5px;
5244
- position: absolute;
5245
- width: 100%; }
5246
- md-progress-linear .md-bar1, md-progress-linear .md-bar2 {
5247
- transition: all 0.2s linear; }
5248
- md-progress-linear[md-mode=determinate] .md-bar1 {
5249
- display: none; }
5250
- md-progress-linear[md-mode=indeterminate] .md-bar1 {
5251
- -webkit-animation: indeterminate1 4s infinite linear;
5252
- animation: indeterminate1 4s infinite linear; }
5253
- md-progress-linear[md-mode=indeterminate] .md-bar2 {
5254
- -webkit-animation: indeterminate2 4s infinite linear;
5255
- animation: indeterminate2 4s infinite linear; }
5256
- md-progress-linear[md-mode=buffer] .md-container {
5257
- background-color: transparent !important; }
5258
- md-progress-linear[md-mode=buffer] .md-dashed:before {
5259
- content: "";
5260
- display: block;
5261
- height: 5px;
5262
- width: 100%;
5263
- margin-top: 0px;
5264
- position: absolute;
5265
- background-color: transparent;
5266
- background-size: 10px 10px !important;
5267
- background-position: 0px -23px;
5268
- -webkit-animation: buffer 3s infinite linear;
5269
- animation: buffer 3s infinite linear; }
5270
- md-progress-linear[md-mode=query] .md-bar2 {
5271
- -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
5272
- animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
5506
+ .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper {
5507
+ -webkit-animation: none;
5508
+ animation: none; }
5509
+ .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner {
5510
+ -webkit-animation: none;
5511
+ animation: none; }
5512
+ .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle {
5513
+ -webkit-animation-name: none;
5514
+ animation-name: none; }
5515
+ .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
5516
+ -webkit-animation-name: none;
5517
+ animation-name: none; }
5518
+
5519
+ md-input-container {
5520
+ display: -webkit-flex;
5521
+ display: -ms-flexbox;
5522
+ display: flex;
5523
+ position: relative;
5524
+ -webkit-flex-direction: column;
5525
+ -ms-flex-direction: column;
5526
+ flex-direction: column;
5527
+ overflow-x: hidden;
5528
+ padding: 2px;
5529
+ padding-bottom: 26px;
5530
+ /*
5531
+ * The .md-input class is added to the input/textarea
5532
+ */ }
5533
+ md-input-container > md-icon {
5534
+ position: absolute;
5535
+ top: 5px;
5536
+ left: 2px; }
5537
+ md-input-container > md-icon + input {
5538
+ margin-left: 56px; }
5539
+ md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] {
5540
+ /* remove default appearance from all input/textarea */
5541
+ -moz-appearance: none;
5542
+ -webkit-appearance: none; }
5543
+ md-input-container textarea {
5544
+ resize: none;
5545
+ overflow: hidden; }
5546
+ md-input-container textarea.md-input {
5547
+ min-height: 56px;
5548
+ -ms-flex-preferred-size: auto; }
5549
+ md-input-container label:not(.md-no-float), md-input-container .md-placeholder:not(.md-select-label) {
5550
+ -webkit-order: 1;
5551
+ -ms-flex-order: 1;
5552
+ order: 1;
5553
+ pointer-events: none;
5554
+ -webkit-font-smoothing: antialiased;
5555
+ padding-left: 2px;
5556
+ z-index: 1;
5557
+ -webkit-transform: translate3d(0, 24px, 0) scale(1);
5558
+ transform: translate3d(0, 24px, 0) scale(1);
5559
+ transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
5560
+ transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
5561
+ -webkit-transform-origin: left top;
5562
+ transform-origin: left top; }
5563
+ html[dir=rtl] md-input-container label:not(.md-no-float), html[dir=rtl] md-input-container .md-placeholder:not(.md-select-label) {
5564
+ -webkit-transform-origin: left top;
5565
+ transform-origin: left top;
5566
+ -webkit-transform-origin: right top;
5567
+ transform-origin: right top; }
5568
+ md-input-container .md-placeholder:not(.md-select-label) {
5569
+ position: absolute;
5570
+ top: 0;
5571
+ opacity: 0;
5572
+ transition-property: opacity, -webkit-transform;
5573
+ transition-property: opacity, transform;
5574
+ -webkit-transform: translate3d(0, 30px, 0);
5575
+ transform: translate3d(0, 30px, 0); }
5576
+ md-input-container.md-input-focused .md-placeholder {
5577
+ opacity: 1;
5578
+ -webkit-transform: translate3d(0, 24px, 0);
5579
+ transform: translate3d(0, 24px, 0); }
5580
+ md-input-container.md-input-has-value .md-placeholder {
5581
+ transition: none;
5582
+ opacity: 0; }
5583
+ md-input-container:not(.md-input-has-value) input:not(:focus) {
5584
+ color: transparent; }
5585
+ md-input-container .md-input {
5586
+ -webkit-flex: 1 1 auto;
5587
+ -ms-flex: 1 1 auto;
5588
+ flex: 1 1 auto;
5589
+ -webkit-order: 2;
5590
+ -ms-flex-order: 2;
5591
+ order: 2;
5592
+ display: block;
5593
+ background: none;
5594
+ padding-top: 2px;
5595
+ padding-bottom: 1px;
5596
+ padding-left: 2px;
5597
+ padding-right: 2px;
5598
+ border-width: 0 0 1px 0;
5599
+ line-height: 26px;
5600
+ -ms-flex-preferred-size: 26px;
5601
+ border-radius: 0; }
5602
+ md-input-container .md-input:focus {
5603
+ outline: none; }
5604
+ md-input-container .md-input:invalid {
5605
+ outline: none;
5606
+ box-shadow: none; }
5607
+ md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages, md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
5608
+ -webkit-order: 3;
5609
+ -ms-flex-order: 3;
5610
+ order: 3;
5611
+ position: relative; }
5612
+ md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container .md-char-counter {
5613
+ -webkit-font-smoothing: antialiased;
5614
+ position: absolute;
5615
+ font-size: 12px;
5616
+ line-height: 24px; }
5617
+ md-input-container ng-message.ng-enter, md-input-container data-ng-message.ng-enter, md-input-container x-ng-message.ng-enter, md-input-container [ng-message].ng-enter, md-input-container [data-ng-message].ng-enter, md-input-container [x-ng-message].ng-enter, md-input-container .md-char-counter.ng-enter {
5618
+ transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
5619
+ transition-delay: 0.2s; }
5620
+ md-input-container ng-message.ng-leave, md-input-container data-ng-message.ng-leave, md-input-container x-ng-message.ng-leave, md-input-container [ng-message].ng-leave, md-input-container [data-ng-message].ng-leave, md-input-container [x-ng-message].ng-leave, md-input-container .md-char-counter.ng-leave {
5621
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
5622
+ md-input-container ng-message.ng-enter, md-input-container ng-message.ng-leave.ng-leave-active, md-input-container data-ng-message.ng-enter, md-input-container data-ng-message.ng-leave.ng-leave-active, md-input-container x-ng-message.ng-enter, md-input-container x-ng-message.ng-leave.ng-leave-active, md-input-container [ng-message].ng-enter, md-input-container [ng-message].ng-leave.ng-leave-active, md-input-container [data-ng-message].ng-enter, md-input-container [data-ng-message].ng-leave.ng-leave-active, md-input-container [x-ng-message].ng-enter, md-input-container [x-ng-message].ng-leave.ng-leave-active, md-input-container .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
5623
+ opacity: 0;
5624
+ -webkit-transform: translate3d(0, -20%, 0);
5625
+ transform: translate3d(0, -20%, 0); }
5626
+ md-input-container ng-message.ng-leave, md-input-container ng-message.ng-enter.ng-enter-active, md-input-container data-ng-message.ng-leave, md-input-container data-ng-message.ng-enter.ng-enter-active, md-input-container x-ng-message.ng-leave, md-input-container x-ng-message.ng-enter.ng-enter-active, md-input-container [ng-message].ng-leave, md-input-container [ng-message].ng-enter.ng-enter-active, md-input-container [data-ng-message].ng-leave, md-input-container [data-ng-message].ng-enter.ng-enter-active, md-input-container [x-ng-message].ng-leave, md-input-container [x-ng-message].ng-enter.ng-enter-active, md-input-container .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
5627
+ opacity: 1;
5628
+ -webkit-transform: translate3d(0, 0, 0);
5629
+ transform: translate3d(0, 0, 0); }
5630
+ md-input-container .md-char-counter {
5631
+ bottom: 2px;
5632
+ right: 2px; }
5633
+ md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
5634
+ -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
5635
+ transform: translate3d(0, 4px, 0) scale(0.75); }
5636
+ md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
5637
+ padding-bottom: 0;
5638
+ border-width: 0 0 2px 0; }
5639
+ md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
5640
+ background-position: 0 bottom;
5641
+ background-size: 3px 1px;
5642
+ background-repeat: repeat-x; }
5643
+
5644
+ @media screen and (-ms-high-contrast: active) {
5645
+ md-input-container.md-default-theme > md-icon {
5646
+ fill: #fff; }
5647
+ }
5648
+
5649
+ md-progress-linear {
5650
+ display: block;
5651
+ width: 100%;
5652
+ height: 5px; }
5653
+ md-progress-linear .md-container {
5654
+ overflow: hidden;
5655
+ position: relative;
5656
+ height: 5px;
5657
+ top: 5px;
5658
+ -webkit-transform: translate(0, 5px) scale(1, 0);
5659
+ transform: translate(0, 5px) scale(1, 0);
5660
+ transition: all 0.3s linear; }
5661
+ md-progress-linear .md-container.md-ready {
5662
+ -webkit-transform: translate(0, 0) scale(1, 1);
5663
+ transform: translate(0, 0) scale(1, 1); }
5664
+ md-progress-linear .md-bar {
5665
+ height: 5px;
5666
+ position: absolute;
5667
+ width: 100%; }
5668
+ md-progress-linear .md-bar1, md-progress-linear .md-bar2 {
5669
+ transition: all 0.2s linear; }
5670
+ md-progress-linear[md-mode=determinate] .md-bar1 {
5671
+ display: none; }
5672
+ md-progress-linear[md-mode=indeterminate] .md-bar1 {
5673
+ -webkit-animation: indeterminate1 4s infinite linear;
5674
+ animation: indeterminate1 4s infinite linear; }
5675
+ md-progress-linear[md-mode=indeterminate] .md-bar2 {
5676
+ -webkit-animation: indeterminate2 4s infinite linear;
5677
+ animation: indeterminate2 4s infinite linear; }
5678
+ md-progress-linear[md-mode=buffer] .md-container {
5679
+ background-color: transparent !important; }
5680
+ md-progress-linear[md-mode=buffer] .md-dashed:before {
5681
+ content: "";
5682
+ display: block;
5683
+ height: 5px;
5684
+ width: 100%;
5685
+ margin-top: 0;
5686
+ position: absolute;
5687
+ background-color: transparent;
5688
+ background-size: 10px 10px !important;
5689
+ background-position: 0px -23px;
5690
+ -webkit-animation: buffer 3s infinite linear;
5691
+ animation: buffer 3s infinite linear; }
5692
+ md-progress-linear[md-mode=query] .md-bar2 {
5693
+ -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
5694
+ animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
5273
5695
 
5274
5696
  @-webkit-keyframes indeterminate1 {
5275
5697
  0% {
@@ -5585,42 +6007,204 @@ md-progress-linear {
5585
6007
  opacity: 1;
5586
6008
  background-position: -200px -23px; } }
5587
6009
 
5588
- md-radio-button, .md-switch-thumb {
5589
- box-sizing: border-box;
6010
+ md-list {
5590
6011
  display: block;
5591
- margin: 15px;
5592
- white-space: nowrap;
6012
+ padding: 8px 0px 8px 0px; }
6013
+ md-list .md-subheader {
6014
+ line-height: 0.75em; }
6015
+
6016
+ md-list-item.md-no-proxy, md-list-item .md-no-style {
6017
+ position: relative;
6018
+ padding: 0px 16px;
6019
+ -webkit-flex: 1;
6020
+ -ms-flex: 1;
6021
+ flex: 1;
6022
+ transition: background-color 0.15s linear; }
6023
+ md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
6024
+ height: inherit;
6025
+ text-align: left;
6026
+ text-transform: none;
6027
+ width: 100%; }
6028
+ md-list-item.md-no-proxy:focus, md-list-item .md-no-style:focus {
6029
+ outline: none; }
6030
+ md-list-item.md-with-secondary {
6031
+ position: relative; }
6032
+ md-list-item.md-clickable:hover {
5593
6033
  cursor: pointer; }
5594
- md-radio-button *, md-radio-button *:before, md-radio-button *:after, .md-switch-thumb *, .md-switch-thumb *:before, .md-switch-thumb *:after {
5595
- box-sizing: border-box; }
5596
- md-radio-button input, .md-switch-thumb input {
5597
- display: none; }
5598
- md-radio-button .md-container, .md-switch-thumb .md-container {
6034
+ md-list-item md-divider {
6035
+ position: absolute;
6036
+ bottom: 0;
6037
+ left: 0;
6038
+ width: 100%; }
6039
+ md-list-item md-divider[md-inset] {
6040
+ left: 96px;
6041
+ width: calc(100% - 96px);
6042
+ margin: 0; }
6043
+
6044
+ md-list-item, md-list-item .md-list-item-inner {
6045
+ display: -webkit-flex;
6046
+ display: -ms-flexbox;
6047
+ display: flex;
6048
+ -webkit-justify-content: flex-start;
6049
+ -ms-flex-pack: start;
6050
+ justify-content: flex-start;
6051
+ -webkit-align-items: center;
6052
+ -ms-flex-align: center;
6053
+ align-items: center; }
6054
+ md-list-item > div.md-primary > md-icon, md-list-item > div.md-secondary > md-icon, md-list-item > md-icon:first-child, md-list-item > md-icon.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-icon, md-list-item .md-list-item-inner > div.md-secondary > md-icon, md-list-item .md-list-item-inner > md-icon:first-child, md-list-item .md-list-item-inner > md-icon.md-secondary {
6055
+ width: 24px;
6056
+ margin-top: 12px;
6057
+ margin-bottom: 12px;
6058
+ box-sizing: content-box; }
6059
+ md-list-item > div.md-primary > md-icon:focus, md-list-item > div.md-secondary > md-icon:focus, md-list-item > md-icon:first-child:focus, md-list-item > md-icon.md-secondary:focus, md-list-item .md-list-item-inner > div.md-primary > md-icon:focus, md-list-item .md-list-item-inner > div.md-secondary > md-icon:focus, md-list-item .md-list-item-inner > md-icon:first-child:focus, md-list-item .md-list-item-inner > md-icon.md-secondary:focus {
6060
+ border-radius: 2px;
6061
+ outline: none;
6062
+ padding: 6px;
6063
+ margin-top: 6px;
6064
+ margin-bottom: 6px;
6065
+ margin-right: -6px; }
6066
+ md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox:first-child, md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox, md-list-item .md-list-item-inner > md-checkbox:first-child, md-list-item .md-list-item-inner md-checkbox.md-secondary {
5599
6067
  position: relative;
5600
- top: 4px;
5601
- display: inline-block;
5602
- width: 16px;
5603
- height: 16px;
5604
- cursor: pointer; }
5605
- md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
5606
- position: absolute;
5607
- display: block;
5608
- width: 48px;
5609
- height: 48px;
5610
- left: -16px;
5611
- top: -16px; }
5612
- md-radio-button .md-off, .md-switch-thumb .md-off {
5613
- position: absolute;
5614
- top: 0px;
5615
- left: 0px;
5616
- width: 16px;
5617
- height: 16px;
5618
- border: solid 2px;
6068
+ top: -2px;
6069
+ margin-top: 14px;
6070
+ margin-bottom: 12px;
6071
+ -webkit-align-self: center;
6072
+ -ms-flex-item-align: center;
6073
+ align-self: center; }
6074
+ md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox:first-child .md-label, md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label, md-list-item .md-list-item-inner > md-checkbox:first-child .md-label, md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
6075
+ display: none; }
6076
+ md-list-item > div.md-primary > md-checkbox:not(:first-child):focus, md-list-item > div.md-secondary > md-checkbox:not(:first-child):focus, md-list-item > md-checkbox:first-child:not(:first-child):focus, md-list-item md-checkbox.md-secondary:not(:first-child):focus, md-list-item .md-list-item-inner > div.md-primary > md-checkbox:not(:first-child):focus, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox:not(:first-child):focus, md-list-item .md-list-item-inner > md-checkbox:first-child:not(:first-child):focus, md-list-item .md-list-item-inner md-checkbox.md-secondary:not(:first-child):focus {
6077
+ padding: 6px;
6078
+ margin-right: -6px;
6079
+ margin-top: 8px;
6080
+ margin-bottom: 6px; }
6081
+ md-list-item > md-icon:first-child, md-list-item .md-list-item-inner > md-icon:first-child {
6082
+ margin-right: 32px; }
6083
+ md-list-item > md-checkbox:first-child, md-list-item .md-list-item-inner > md-checkbox:first-child {
6084
+ width: 24px;
6085
+ margin-left: 3px;
6086
+ margin-right: 29px; }
6087
+ md-list-item > .md-avatar:first-child, md-list-item .md-list-item-inner > .md-avatar:first-child {
6088
+ width: 40px;
6089
+ height: 40px;
6090
+ margin-top: 8px;
6091
+ margin-bottom: 8px;
6092
+ margin-right: 16px;
5619
6093
  border-radius: 50%;
5620
- transition: border-color ease 0.28s; }
5621
- md-radio-button .md-on, .md-switch-thumb .md-on {
6094
+ box-sizing: content-box; }
6095
+ md-list-item md-checkbox.md-secondary, md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
6096
+ margin-right: 0; }
6097
+ md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
6098
+ background-color: transparent;
6099
+ -webkit-align-self: center;
6100
+ -ms-flex-item-align: center;
6101
+ align-self: center;
6102
+ border-radius: 50%;
6103
+ margin: 0px;
6104
+ min-width: 0px; }
6105
+ md-list-item button.md-button.md-secondary-container .md-ripple, md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
6106
+ border-radius: 50%; }
6107
+ md-list-item .md-secondary-container, md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container, md-list-item .md-list-item-inner .md-secondary {
6108
+ margin-left: 16px;
5622
6109
  position: absolute;
5623
- top: 0;
6110
+ right: 16px;
6111
+ top: 0; }
6112
+ md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
6113
+ margin-left: 0px;
6114
+ position: static; }
6115
+ md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
6116
+ -webkit-flex: 1;
6117
+ -ms-flex: 1;
6118
+ flex: 1;
6119
+ margin: 0; }
6120
+
6121
+ md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
6122
+ -webkit-align-items: flex-start;
6123
+ -ms-flex-align: start;
6124
+ align-items: flex-start; }
6125
+ md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
6126
+ -webkit-flex: 1;
6127
+ -ms-flex: 1;
6128
+ flex: 1;
6129
+ padding: 16px 0;
6130
+ text-overflow: ellipsis; }
6131
+ md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
6132
+ margin-left: 56px; }
6133
+ md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
6134
+ margin: 0 0 6px 0;
6135
+ line-height: 0.75em; }
6136
+ md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
6137
+ font-weight: 400;
6138
+ margin: 10px 0 5px 0;
6139
+ line-height: 0.75em; }
6140
+ md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
6141
+ margin: 0 0 0px 0;
6142
+ line-height: 1.6em; }
6143
+
6144
+ md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child {
6145
+ margin-top: 12px; }
6146
+ md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
6147
+ -webkit-align-self: center;
6148
+ -ms-flex-item-align: center;
6149
+ align-self: center; }
6150
+ md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
6151
+ -webkit-flex: 1;
6152
+ -ms-flex: 1;
6153
+ flex: 1;
6154
+ padding-top: 19px; }
6155
+
6156
+ md-list-item.md-3-line > md-icon:first-child, md-list-item.md-3-line > .md-avatar:first-child, md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list-item.md-3-line > .md-no-style > .md-avatar:first-child {
6157
+ margin-top: 16px; }
6158
+
6159
+ md-radio-button, .md-switch-thumb {
6160
+ box-sizing: border-box;
6161
+ display: block;
6162
+ margin: 15px;
6163
+ white-space: nowrap;
6164
+ cursor: pointer; }
6165
+ md-radio-button *, md-radio-button *:before, md-radio-button *:after, .md-switch-thumb *, .md-switch-thumb *:before, .md-switch-thumb *:after {
6166
+ box-sizing: border-box; }
6167
+ md-radio-button input, .md-switch-thumb input {
6168
+ display: none; }
6169
+ md-radio-button .md-container, .md-switch-thumb .md-container {
6170
+ position: relative;
6171
+ top: 4px;
6172
+ display: inline-block;
6173
+ width: 16px;
6174
+ height: 16px;
6175
+ cursor: pointer; }
6176
+ md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
6177
+ position: absolute;
6178
+ display: block;
6179
+ width: 48px;
6180
+ height: 48px;
6181
+ left: -16px;
6182
+ top: -16px; }
6183
+ md-radio-button .md-container:before, .md-switch-thumb .md-container:before {
6184
+ background-color: transparent;
6185
+ border-radius: 50%;
6186
+ content: '';
6187
+ position: absolute;
6188
+ display: block;
6189
+ height: auto;
6190
+ left: 0;
6191
+ top: 0;
6192
+ right: 0;
6193
+ bottom: 0;
6194
+ transition: all 0.5s;
6195
+ width: auto; }
6196
+ md-radio-button .md-off, .md-switch-thumb .md-off {
6197
+ position: absolute;
6198
+ top: 0;
6199
+ left: 0;
6200
+ width: 16px;
6201
+ height: 16px;
6202
+ border: solid 2px;
6203
+ border-radius: 50%;
6204
+ transition: border-color ease 0.28s; }
6205
+ md-radio-button .md-on, .md-switch-thumb .md-on {
6206
+ position: absolute;
6207
+ top: 0;
5624
6208
  left: 0;
5625
6209
  width: 16px;
5626
6210
  height: 16px;
@@ -5630,8 +6214,8 @@ md-radio-button, .md-switch-thumb {
5630
6214
  -webkit-transform: scale(0);
5631
6215
  transform: scale(0); }
5632
6216
  md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on {
5633
- -webkit-transform: scale(0.55);
5634
- transform: scale(0.55); }
6217
+ -webkit-transform: scale(0.5);
6218
+ transform: scale(0.5); }
5635
6219
  md-radio-button .md-label, .md-switch-thumb .md-label {
5636
6220
  position: relative;
5637
6221
  display: inline-block;
@@ -5644,13 +6228,13 @@ md-radio-button, .md-switch-thumb {
5644
6228
  md-radio-button .circle, .md-switch-thumb .circle {
5645
6229
  border-radius: 50%; }
5646
6230
 
5647
- md-radio-group {
5648
- border: 1px dotted transparent;
5649
- display: block;
6231
+ md-radio-group:focus {
5650
6232
  outline: none; }
5651
-
5652
- .radioButtondemoBasicUsage md-radio-group {
5653
- border: none; }
6233
+ md-radio-group.md-focused .md-checked .md-container:before {
6234
+ left: -8px;
6235
+ top: -8px;
6236
+ right: -8px;
6237
+ bottom: -8px; }
5654
6238
 
5655
6239
  @media screen and (-ms-high-contrast: active) {
5656
6240
  md-radio-button.md-default-theme .md-on {
@@ -5750,12 +6334,12 @@ md-select-menu {
5750
6334
  -ms-flex-direction: column;
5751
6335
  flex-direction: column;
5752
6336
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
5753
- -webkit-transform-origin: 0 0;
5754
- transform-origin: 0 0;
5755
- -webkit-transform: scale(1);
5756
- transform: scale(1);
5757
6337
  max-height: 256px;
5758
- overflow-y: hidden; }
6338
+ overflow-y: hidden;
6339
+ -webkit-transform-origin: left top;
6340
+ transform-origin: left top;
6341
+ -webkit-transform: scale(1);
6342
+ transform: scale(1); }
5759
6343
  md-select-menu.md-reverse {
5760
6344
  -webkit-flex-direction: column-reverse;
5761
6345
  -ms-flex-direction: column-reverse;
@@ -5763,6 +6347,11 @@ md-select-menu {
5763
6347
  md-select-menu:not(.md-overflow) md-content {
5764
6348
  padding-top: 8px;
5765
6349
  padding-bottom: 8px; }
6350
+ html[dir=rtl] md-select-menu {
6351
+ -webkit-transform-origin: left top;
6352
+ transform-origin: left top;
6353
+ -webkit-transform-origin: right top;
6354
+ transform-origin: right top; }
5766
6355
  md-select-menu md-content {
5767
6356
  min-width: 136px;
5768
6357
  max-height: 256px;
@@ -6124,7 +6713,7 @@ md-slider {
6124
6713
  .md-sticky-clone[sticky-state="active"] {
6125
6714
  -webkit-transform: translate3d(0, 0, 0);
6126
6715
  transform: translate3d(0, 0, 0); }
6127
- .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect):after {
6716
+ .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
6128
6717
  -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
6129
6718
  animation: subheaderStickyHoverIn 0.3s ease-out both; }
6130
6719
 
@@ -6161,10 +6750,11 @@ md-slider {
6161
6750
  font-size: 1.4rem;
6162
6751
  font-weight: 500;
6163
6752
  line-height: 1em;
6164
- padding: 16px 0px 16px 16px;
6165
6753
  margin: 0 0 0 0;
6166
6754
  margin-right: 16px;
6167
6755
  position: relative; }
6756
+ .md-subheader .md-subheader-inner {
6757
+ padding: 16px 0px 16px 16px; }
6168
6758
  .md-subheader:not(.md-sticky-no-effect) {
6169
6759
  transition: 0.2s ease-out margin; }
6170
6760
  .md-subheader:not(.md-sticky-no-effect):after {
@@ -6178,7 +6768,7 @@ md-slider {
6178
6768
  z-index: 2; }
6179
6769
  .md-subheader:not(.md-sticky-no-effect)[sticky-state="active"] {
6180
6770
  margin-top: -2px; }
6181
- .md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"]:after {
6771
+ .md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
6182
6772
  -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
6183
6773
  animation: subheaderStickyHoverOut 0.3s ease-out both; }
6184
6774
  .md-subheader .md-subheader-content {
@@ -6214,9 +6804,16 @@ md-switch {
6214
6804
  md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
6215
6805
  cursor: -webkit-grabbing;
6216
6806
  cursor: grabbing; }
6807
+ md-switch.md-focused:not([disabled]) .md-thumb:before {
6808
+ left: -8px;
6809
+ top: -8px;
6810
+ right: -8px;
6811
+ bottom: -8px; }
6812
+ md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
6813
+ background-color: rgba(0, 0, 0, 0.12); }
6217
6814
  md-switch .md-label {
6218
6815
  border-color: transparent;
6219
- border-width: 0px; }
6816
+ border-width: 0; }
6220
6817
  md-switch .md-bar {
6221
6818
  left: 1px;
6222
6819
  width: 34px;
@@ -6245,6 +6842,19 @@ md-switch {
6245
6842
  width: 20px;
6246
6843
  border-radius: 50%;
6247
6844
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }
6845
+ md-switch .md-thumb:before {
6846
+ background-color: transparent;
6847
+ border-radius: 50%;
6848
+ content: '';
6849
+ position: absolute;
6850
+ display: block;
6851
+ height: auto;
6852
+ left: 0;
6853
+ top: 0;
6854
+ right: 0;
6855
+ bottom: 0;
6856
+ transition: all 0.5s;
6857
+ width: auto; }
6248
6858
  md-switch .md-thumb .md-ripple-container {
6249
6859
  position: absolute;
6250
6860
  display: block;
@@ -6272,6 +6882,26 @@ md-switch {
6272
6882
  background-color: #fff; }
6273
6883
  }
6274
6884
 
6885
+ @-webkit-keyframes md-tab-content-hide {
6886
+ 0% {
6887
+ opacity: 1; }
6888
+
6889
+ 50% {
6890
+ opacity: 1; }
6891
+
6892
+ 100% {
6893
+ opacity: 0; } }
6894
+
6895
+ @keyframes md-tab-content-hide {
6896
+ 0% {
6897
+ opacity: 1; }
6898
+
6899
+ 50% {
6900
+ opacity: 1; }
6901
+
6902
+ 100% {
6903
+ opacity: 0; } }
6904
+
6275
6905
  md-tab-data {
6276
6906
  position: relative;
6277
6907
  top: 0;
@@ -6286,285 +6916,291 @@ md-tabs {
6286
6916
  margin: 0;
6287
6917
  border-radius: 2px;
6288
6918
  overflow: hidden;
6289
- position: relative;
6290
- transition: height 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
6291
- md-tabs:not(.md-no-tab-content) {
6919
+ position: relative; }
6920
+ md-tabs.ng-animate {
6921
+ transition: height 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
6922
+ md-tabs:not(.md-no-tab-content):not([md-dynamic-height]) {
6292
6923
  min-height: 248px; }
6293
- md-tabs[md-align-tabs="bottom"] {
6294
- padding-bottom: 48px;
6924
+ md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
6925
+ position: absolute;
6926
+ bottom: 0;
6927
+ left: 0;
6928
+ right: 0;
6929
+ height: 48px; }
6930
+ md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
6931
+ top: 0;
6932
+ bottom: 48px; }
6933
+ md-tabs[md-dynamic-height] md-tabs-content-wrapper {
6934
+ min-height: 0;
6935
+ position: relative;
6936
+ top: auto;
6937
+ left: auto;
6938
+ right: auto;
6939
+ bottom: auto;
6940
+ overflow: visible; }
6941
+ md-tabs[md-dynamic-height] md-tab-content.md-active {
6295
6942
  position: relative; }
6296
- md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
6297
- position: absolute;
6298
- bottom: 0;
6299
- left: 0;
6300
- right: 0;
6301
- height: 48px; }
6302
6943
  md-tabs[md-border-bottom] md-tabs-wrapper {
6303
6944
  border-width: 0 0 1px;
6304
6945
  border-style: solid; }
6305
- md-tabs md-tabs-wrapper {
6306
- display: block;
6307
- position: relative; }
6308
- md-tabs md-tabs-wrapper md-ink-bar {
6309
- position: absolute;
6310
- left: auto;
6311
- right: auto;
6312
- bottom: 0;
6313
- height: 2px; }
6314
- md-tabs md-tabs-wrapper md-ink-bar.md-left {
6315
- transition: left 0.225s cubic-bezier(0.35, 0, 0.25, 1), right 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
6316
- md-tabs md-tabs-wrapper md-ink-bar.md-right {
6317
- transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1), right 0.225s cubic-bezier(0.35, 0, 0.25, 1); }
6318
- md-tabs md-tabs-wrapper md-tab {
6319
- padding: 12px 24px 14px;
6320
- position: absolute;
6321
- z-index: -1;
6322
- white-space: nowrap;
6323
- box-shadow: none;
6324
- border: none;
6325
- left: -9999px;
6326
- text-transform: uppercase;
6327
- font-size: 14px; }
6328
- md-tabs md-tabs-wrapper md-tab:after {
6329
- content: attr(label); }
6330
- md-tabs md-tabs-wrapper .md-tab {
6331
- font-size: 14px;
6332
- text-align: center;
6333
- line-height: 24px;
6334
- padding: 12px 24px;
6335
- transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
6336
- cursor: pointer;
6337
- white-space: nowrap;
6338
- position: relative;
6339
- text-transform: uppercase;
6340
- float: left;
6341
- font-weight: 500; }
6342
- md-tabs md-tabs-wrapper .md-tab.md-focus {
6343
- box-shadow: none;
6344
- outline: none; }
6345
- md-tabs md-tabs-wrapper .md-tab.md-active {
6346
- cursor: default; }
6347
- md-tabs md-tabs-wrapper .md-tab.md-disabled {
6348
- pointer-events: none;
6349
- -ms-touch-action: pan-y;
6350
- touch-action: pan-y;
6351
- -webkit-user-select: none;
6352
- -moz-user-select: none;
6353
- -ms-user-select: none;
6354
- user-select: none;
6355
- -webkit-user-drag: none;
6356
- opacity: 0.5;
6357
- cursor: default; }
6358
- md-tabs md-tabs-wrapper .md-tab.ng-leave {
6359
- transition: none; }
6360
- md-tabs md-tabs-wrapper md-prev-button, md-tabs md-tabs-wrapper md-next-button {
6361
- height: 100%;
6362
- width: 32px;
6946
+ md-tabs[md-border-bottom] md-tabs-wrapper .md-tab {
6947
+ padding-bottom: 11px; }
6948
+
6949
+ md-tabs-wrapper {
6950
+ display: block;
6951
+ position: relative; }
6952
+ md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
6953
+ height: 100%;
6954
+ width: 32px;
6955
+ position: absolute;
6956
+ top: 50%;
6957
+ -webkit-transform: translateY(-50%);
6958
+ transform: translateY(-50%);
6959
+ line-height: 1em;
6960
+ z-index: 2;
6961
+ cursor: pointer;
6962
+ font-size: 16px;
6963
+ background: transparent no-repeat center center;
6964
+ transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
6965
+ md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
6966
+ outline: none; }
6967
+ md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
6968
+ opacity: 0.25;
6969
+ cursor: default; }
6970
+ md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
6971
+ transition: none; }
6972
+ md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
6363
6973
  position: absolute;
6364
6974
  top: 50%;
6365
- -webkit-transform: translateY(-50%);
6366
- transform: translateY(-50%);
6367
- line-height: 1em;
6368
- z-index: 2;
6369
- cursor: pointer;
6370
- font-size: 16px;
6371
- background: transparent no-repeat center center;
6372
- transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
6373
- md-tabs md-tabs-wrapper md-prev-button:focus, md-tabs md-tabs-wrapper md-next-button:focus {
6374
- outline: none; }
6375
- md-tabs md-tabs-wrapper md-prev-button md-icon, md-tabs md-tabs-wrapper md-next-button md-icon {
6376
- position: absolute;
6377
- top: 50%;
6378
- left: 50%;
6379
- -webkit-transform: translate3d(-50%, -50%, 0);
6380
- transform: translate3d(-50%, -50%, 0); }
6381
- md-tabs md-tabs-wrapper md-prev-button.md-disabled, md-tabs md-tabs-wrapper md-next-button.md-disabled {
6382
- opacity: 0.25;
6383
- cursor: default; }
6384
- md-tabs md-tabs-wrapper md-prev-button.ng-leave, md-tabs md-tabs-wrapper md-next-button.ng-leave {
6385
- transition: none; }
6386
- md-tabs md-tabs-wrapper md-prev-button {
6387
- left: 0;
6388
- background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); }
6389
- md-tabs md-tabs-wrapper md-next-button {
6390
- right: 0;
6391
- background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); }
6392
- md-tabs md-tabs-wrapper md-next-button md-icon {
6393
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
6394
- transform: translate3d(-50%, -50%, 0) rotate(180deg); }
6395
- md-tabs md-tabs-wrapper md-tabs-canvas {
6396
- position: relative;
6397
- overflow: hidden;
6398
- display: block; }
6399
- md-tabs md-tabs-wrapper md-tabs-canvas:after {
6400
- content: '';
6401
- display: table;
6402
- clear: both; }
6403
- md-tabs md-tabs-wrapper md-tabs-canvas.md-paginated {
6404
- margin: 0 32px; }
6405
- md-tabs md-tabs-wrapper md-pagination-wrapper {
6406
- display: block;
6407
- transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1);
6408
- position: relative;
6409
- width: 999999px;
6410
- left: 0;
6411
- -webkit-transform: translate3d(0, 0, 0);
6412
- transform: translate3d(0, 0, 0); }
6413
- md-tabs md-tabs-wrapper md-pagination-wrapper:after {
6414
- content: '';
6415
- display: table;
6416
- clear: both; }
6417
- md-tabs md-tabs-wrapper md-pagination-wrapper.md-center-tabs {
6418
- width: initial;
6419
- float: left;
6420
- left: 50%;
6421
- -webkit-transform: translate3d(-50%, 0, 0);
6422
- transform: translate3d(-50%, 0, 0); }
6423
- md-tabs md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
6424
- width: 100%;
6425
- display: -webkit-flex;
6426
- display: -ms-flexbox;
6427
- display: flex;
6428
- -webkit-flex-direction: row;
6429
- -ms-flex-direction: row;
6430
- flex-direction: row; }
6431
- md-tabs md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
6432
- -webkit-flex: 1;
6433
- -ms-flex: 1;
6434
- flex: 1; }
6435
- md-tabs md-tabs-content-wrapper {
6436
- display: block;
6437
- min-height: 200px;
6438
- position: absolute;
6439
- top: 48px;
6975
+ left: 50%;
6976
+ -webkit-transform: translate3d(-50%, -50%, 0);
6977
+ transform: translate3d(-50%, -50%, 0); }
6978
+ md-tabs-wrapper md-prev-button {
6440
6979
  left: 0;
6980
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); }
6981
+ md-tabs-wrapper md-next-button {
6441
6982
  right: 0;
6442
- bottom: 0;
6443
- overflow: hidden; }
6444
- md-tabs md-tabs-content-wrapper md-tab-content {
6445
- display: block;
6446
- position: absolute;
6447
- top: 0;
6448
- left: 0;
6449
- right: 0;
6450
- bottom: 0;
6451
- -webkit-transform: translateX(0);
6452
- transform: translateX(0);
6453
- transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
6454
- transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
6455
- overflow: auto; }
6456
- md-tabs md-tabs-content-wrapper md-tab-content.md-no-scroll {
6457
- bottom: auto;
6458
- overflow: hidden; }
6459
- md-tabs md-tabs-content-wrapper md-tab-content.ng-leave, md-tabs md-tabs-content-wrapper md-tab-content.md-no-transition {
6460
- transition: none; }
6461
- md-tabs md-tabs-content-wrapper md-tab-content.md-left {
6462
- -webkit-transform: translateX(-100%);
6463
- transform: translateX(-100%);
6464
- -webkit-animation: 1s md-tab-content-hide;
6465
- animation: 1s md-tab-content-hide;
6466
- opacity: 0; }
6467
- md-tabs md-tabs-content-wrapper md-tab-content.md-left * {
6468
- transition: visibility 0s linear;
6469
- transition-delay: 0.5s;
6470
- visibility: hidden; }
6471
- md-tabs md-tabs-content-wrapper md-tab-content.md-right {
6472
- -webkit-transform: translateX(100%);
6473
- transform: translateX(100%);
6474
- -webkit-animation: 1s md-tab-content-hide;
6475
- animation: 1s md-tab-content-hide;
6476
- opacity: 0; }
6477
- md-tabs md-tabs-content-wrapper md-tab-content.md-right * {
6478
- transition: visibility 0s linear;
6479
- transition-delay: 0.5s;
6480
- visibility: hidden; }
6481
-
6482
- @-webkit-keyframes md-tab-content-hide {
6483
- 0% {
6484
- opacity: 1; }
6485
-
6486
- 50% {
6487
- opacity: 1; }
6983
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); }
6984
+ md-tabs-wrapper md-next-button md-icon {
6985
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
6986
+ transform: translate3d(-50%, -50%, 0) rotate(180deg); }
6987
+ md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
6988
+ width: 100%;
6989
+ display: -webkit-flex;
6990
+ display: -ms-flexbox;
6991
+ display: flex;
6992
+ -webkit-flex-direction: row;
6993
+ -ms-flex-direction: row;
6994
+ flex-direction: row; }
6995
+ md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
6996
+ -webkit-flex: 1;
6997
+ -ms-flex: 1;
6998
+ flex: 1; }
6488
6999
 
6489
- 100% {
6490
- opacity: 0; } }
7000
+ md-tabs-canvas {
7001
+ position: relative;
7002
+ overflow: hidden;
7003
+ display: block; }
7004
+ md-tabs-canvas:after {
7005
+ content: '';
7006
+ display: table;
7007
+ clear: both; }
7008
+ md-tabs-canvas .md-dummy-wrapper {
7009
+ position: absolute;
7010
+ top: 0;
7011
+ left: 0; }
7012
+ md-tabs-canvas.md-paginated {
7013
+ margin: 0 32px; }
6491
7014
 
6492
- @keyframes md-tab-content-hide {
6493
- 0% {
6494
- opacity: 1; }
7015
+ md-pagination-wrapper {
7016
+ display: block;
7017
+ transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1);
7018
+ position: relative;
7019
+ width: 999999px;
7020
+ left: 0;
7021
+ -webkit-transform: translate3d(0, 0, 0);
7022
+ transform: translate3d(0, 0, 0); }
7023
+ md-pagination-wrapper:after {
7024
+ content: '';
7025
+ display: table;
7026
+ clear: both; }
7027
+ md-pagination-wrapper.md-center-tabs {
7028
+ width: initial;
7029
+ float: left;
7030
+ left: 50%;
7031
+ -webkit-transform: translate3d(-50%, 0, 0);
7032
+ transform: translate3d(-50%, 0, 0); }
7033
+
7034
+ md-tabs-content-wrapper {
7035
+ display: block;
7036
+ position: absolute;
7037
+ top: 48px;
7038
+ left: 0;
7039
+ right: 0;
7040
+ bottom: 0;
7041
+ overflow: hidden; }
6495
7042
 
6496
- 50% {
6497
- opacity: 1; }
7043
+ md-tab-content {
7044
+ display: block;
7045
+ position: absolute;
7046
+ top: 0;
7047
+ left: 0;
7048
+ right: 0;
7049
+ bottom: 0;
7050
+ -webkit-transform: translateX(0);
7051
+ transform: translateX(0);
7052
+ transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
7053
+ transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
7054
+ overflow: auto; }
7055
+ md-tab-content.md-no-scroll {
7056
+ bottom: auto;
7057
+ overflow: hidden; }
7058
+ md-tab-content.ng-leave, md-tab-content.md-no-transition {
7059
+ transition: none; }
7060
+ md-tab-content.md-left {
7061
+ -webkit-transform: translateX(-100%);
7062
+ transform: translateX(-100%);
7063
+ -webkit-animation: 1s md-tab-content-hide;
7064
+ animation: 1s md-tab-content-hide;
7065
+ opacity: 0; }
7066
+ md-tab-content.md-left * {
7067
+ transition: visibility 0s linear;
7068
+ transition-delay: 0.5s;
7069
+ visibility: hidden; }
7070
+ md-tab-content.md-right {
7071
+ -webkit-transform: translateX(100%);
7072
+ transform: translateX(100%);
7073
+ -webkit-animation: 1s md-tab-content-hide;
7074
+ animation: 1s md-tab-content-hide;
7075
+ opacity: 0; }
7076
+ md-tab-content.md-right * {
7077
+ transition: visibility 0s linear;
7078
+ transition-delay: 0.5s;
7079
+ visibility: hidden; }
6498
7080
 
6499
- 100% {
6500
- opacity: 0; } }
7081
+ md-ink-bar {
7082
+ position: absolute;
7083
+ left: auto;
7084
+ right: auto;
7085
+ bottom: 0;
7086
+ height: 2px; }
7087
+ md-ink-bar.md-left {
7088
+ transition: left 0.225s cubic-bezier(0.35, 0, 0.25, 1), right 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
7089
+ md-ink-bar.md-right {
7090
+ transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1), right 0.225s cubic-bezier(0.35, 0, 0.25, 1); }
7091
+
7092
+ md-tab {
7093
+ padding: 12px 24px 14px;
7094
+ position: absolute;
7095
+ z-index: -1;
7096
+ white-space: nowrap;
7097
+ box-shadow: none;
7098
+ border: none;
7099
+ left: -9999px;
7100
+ text-transform: uppercase;
7101
+ font-size: 14px; }
7102
+ md-tab:after {
7103
+ content: attr(label); }
6501
7104
 
6502
- md-input-group label, .md-input-group label {
6503
- display: block;
6504
- font-size: 1.2rem; }
6505
- md-input-group textarea, md-input-group input[type="text"], md-input-group input[type="password"], md-input-group input[type="datetime"], md-input-group input[type="datetime-local"], md-input-group input[type="date"], md-input-group input[type="month"], md-input-group input[type="time"], md-input-group input[type="week"], md-input-group input[type="number"], md-input-group input[type="email"], md-input-group input[type="url"], md-input-group input[type="search"], md-input-group input[type="tel"], md-input-group input[type="color"], .md-input-group textarea, .md-input-group input[type="text"], .md-input-group input[type="password"], .md-input-group input[type="datetime"], .md-input-group input[type="datetime-local"], .md-input-group input[type="date"], .md-input-group input[type="month"], .md-input-group input[type="time"], .md-input-group input[type="week"], .md-input-group input[type="number"], .md-input-group input[type="email"], .md-input-group input[type="url"], .md-input-group input[type="search"], .md-input-group input[type="tel"], .md-input-group input[type="color"] {
6506
- display: block;
6507
- border-width: 0 0 1px 0;
6508
- padding-top: 2px;
6509
- line-height: 26px;
6510
- padding-bottom: 1px; }
6511
- md-input-group textarea:focus, md-input-group input[type="text"]:focus, md-input-group input[type="password"]:focus, md-input-group input[type="datetime"]:focus, md-input-group input[type="datetime-local"]:focus, md-input-group input[type="date"]:focus, md-input-group input[type="month"]:focus, md-input-group input[type="time"]:focus, md-input-group input[type="week"]:focus, md-input-group input[type="number"]:focus, md-input-group input[type="email"]:focus, md-input-group input[type="url"]:focus, md-input-group input[type="search"]:focus, md-input-group input[type="tel"]:focus, md-input-group input[type="color"]:focus, .md-input-group textarea:focus, .md-input-group input[type="text"]:focus, .md-input-group input[type="password"]:focus, .md-input-group input[type="datetime"]:focus, .md-input-group input[type="datetime-local"]:focus, .md-input-group input[type="date"]:focus, .md-input-group input[type="month"]:focus, .md-input-group input[type="time"]:focus, .md-input-group input[type="week"]:focus, .md-input-group input[type="number"]:focus, .md-input-group input[type="email"]:focus, .md-input-group input[type="url"]:focus, .md-input-group input[type="search"]:focus, .md-input-group input[type="tel"]:focus, .md-input-group input[type="color"]:focus {
6512
- outline: 0; }
6513
- md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
6514
- background: none; }
6515
-
6516
- md-input-group, .md-input-group {
6517
- padding-bottom: 2px;
6518
- margin: 10px 0 8px 0;
7105
+ .md-tab {
7106
+ font-size: 14px;
7107
+ text-align: center;
7108
+ line-height: 24px;
7109
+ padding: 12px 24px;
7110
+ transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
7111
+ cursor: pointer;
7112
+ white-space: nowrap;
6519
7113
  position: relative;
6520
- display: block; }
6521
- md-input-group label, .md-input-group label {
6522
- font-size: 1.6rem;
6523
- z-index: 1;
7114
+ text-transform: uppercase;
7115
+ float: left;
7116
+ font-weight: 500; }
7117
+ .md-tab.md-focused {
7118
+ box-shadow: none;
7119
+ outline: none; }
7120
+ .md-tab.md-active {
7121
+ cursor: default; }
7122
+ .md-tab.md-disabled {
6524
7123
  pointer-events: none;
6525
- -webkit-font-smoothing: antialiased; }
6526
- md-input-group label:hover, .md-input-group label:hover {
6527
- cursor: text; }
6528
- md-input-group label, .md-input-group label {
6529
- -webkit-transform: translate3d(0, 22px, 0);
6530
- transform: translate3d(0, 22px, 0);
6531
- -webkit-transform-origin: left center;
6532
- transform-origin: left center;
6533
- transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
6534
- transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
6535
- md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
6536
- border-bottom-width: 1px;
6537
- transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
6538
- md-input-group.md-input-focused label, .md-input-group.md-input-focused label {
6539
- -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
6540
- transform: translate3d(0, 4px, 0) scale(0.75); }
6541
- md-input-group.md-input-focused input, md-input-group.md-input-focused textarea, .md-input-group.md-input-focused input, .md-input-group.md-input-focused textarea {
6542
- border-bottom-width: 2px; }
6543
- md-input-group.md-input-focused input, .md-input-group.md-input-focused input {
6544
- padding-bottom: 0px; }
6545
- md-input-group.md-input-has-value label, .md-input-group.md-input-has-value label {
6546
- -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
6547
- transform: translate3d(0, 4px, 0) scale(0.75); }
6548
- md-input-group.md-input-has-value:not(.md-input-focused) label, .md-input-group.md-input-has-value:not(.md-input-focused) label {
6549
- -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
6550
- transform: translate3d(0, 4px, 0) scale(0.75); }
6551
- md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
6552
- border-bottom-width: 0px; }
6553
- md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
6554
- background-size: 3px 1px;
6555
- background-position: 0 bottom;
6556
- background-size: 2px 1px;
6557
- background-repeat: repeat-x;
6558
- pointer-events: none; }
6559
- md-input-group[disabled] label, .md-input-group[disabled] label {
6560
- -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
6561
- transform: translate3d(0, 4px, 0) scale(0.75); }
6562
- md-input-group[disabled] *:not(.md-input-has-value) label, .md-input-group[disabled] *:not(.md-input-has-value) label {
6563
- -webkit-transform: translate3d(0, 22px, 0);
6564
- transform: translate3d(0, 22px, 0);
6565
- -webkit-transform-origin: left center;
6566
- transform-origin: left center;
6567
- transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
7124
+ -ms-touch-action: pan-y;
7125
+ touch-action: pan-y;
7126
+ -webkit-user-select: none;
7127
+ -moz-user-select: none;
7128
+ -ms-user-select: none;
7129
+ user-select: none;
7130
+ -webkit-user-drag: none;
7131
+ opacity: 0.5;
7132
+ cursor: default; }
7133
+ .md-tab.ng-leave {
7134
+ transition: none; }
7135
+
7136
+ md-toolbar {
7137
+ box-sizing: border-box;
7138
+ display: -webkit-flex;
7139
+ display: -ms-flexbox;
7140
+ display: flex;
7141
+ -webkit-flex-direction: column;
7142
+ -ms-flex-direction: column;
7143
+ flex-direction: column;
7144
+ position: relative;
7145
+ z-index: 2;
7146
+ font-size: 2rem;
7147
+ min-height: 64px;
7148
+ width: 100%; }
7149
+ md-toolbar *, md-toolbar *:before, md-toolbar *:after {
7150
+ box-sizing: border-box; }
7151
+ md-toolbar.md-tall {
7152
+ height: 128px;
7153
+ min-height: 128px;
7154
+ max-height: 128px; }
7155
+ md-toolbar.md-medium-tall {
7156
+ height: 88px;
7157
+ min-height: 88px;
7158
+ max-height: 88px; }
7159
+ md-toolbar.md-medium-tall .md-toolbar-tools {
7160
+ height: 48px;
7161
+ min-height: 48px;
7162
+ max-height: 48px; }
7163
+ md-toolbar .md-indent {
7164
+ margin-left: 64px; }
7165
+
7166
+ .md-toolbar-tools {
7167
+ font-weight: 400;
7168
+ display: -webkit-flex;
7169
+ display: -ms-flexbox;
7170
+ display: flex;
7171
+ -webkit-align-items: center;
7172
+ -ms-flex-align: center;
7173
+ align-items: center;
7174
+ -webkit-flex-direction: row;
7175
+ -ms-flex-direction: row;
7176
+ flex-direction: row;
7177
+ width: 100%;
7178
+ height: 64px;
7179
+ max-height: 64px;
7180
+ padding: 0 16px;
7181
+ margin: 0; }
7182
+ .md-toolbar-tools h2, .md-toolbar-tools h3 {
7183
+ font-size: inherit;
7184
+ font-weight: inherit;
7185
+ margin: inherit; }
7186
+ .md-toolbar-tools a {
7187
+ color: inherit;
7188
+ text-decoration: none; }
7189
+ .md-toolbar-tools .fill-height {
7190
+ display: -webkit-flex;
7191
+ display: -ms-flexbox;
7192
+ display: flex;
7193
+ -webkit-align-items: center;
7194
+ -ms-flex-align: center;
7195
+ align-items: center; }
7196
+ .md-toolbar-tools .md-button {
7197
+ margin-top: 0;
7198
+ margin-bottom: 0; }
7199
+ .md-toolbar-tools > .md-button:first-child {
7200
+ margin-left: -0.8rem; }
7201
+ @media screen and (-ms-high-contrast: active) {
7202
+ .md-toolbar-tools {
7203
+ border-bottom: 1px solid #fff; } }
6568
7204
 
6569
7205
  md-toast {
6570
7206
  display: -webkit-flex;
@@ -6683,76 +7319,6 @@ md-toast {
6683
7319
  border: 1px solid #fff; }
6684
7320
  }
6685
7321
 
6686
- md-toolbar {
6687
- box-sizing: border-box;
6688
- display: -webkit-flex;
6689
- display: -ms-flexbox;
6690
- display: flex;
6691
- -webkit-flex-direction: column;
6692
- -ms-flex-direction: column;
6693
- flex-direction: column;
6694
- position: relative;
6695
- z-index: 2;
6696
- font-size: 2rem;
6697
- min-height: 64px;
6698
- width: 100%; }
6699
- md-toolbar *, md-toolbar *:before, md-toolbar *:after {
6700
- box-sizing: border-box; }
6701
- md-toolbar.md-tall {
6702
- height: 128px;
6703
- min-height: 128px;
6704
- max-height: 128px; }
6705
- md-toolbar.md-medium-tall {
6706
- height: 88px;
6707
- min-height: 88px;
6708
- max-height: 88px; }
6709
- md-toolbar.md-medium-tall .md-toolbar-tools {
6710
- height: 48px;
6711
- min-height: 48px;
6712
- max-height: 48px; }
6713
- md-toolbar .md-indent {
6714
- margin-left: 64px; }
6715
-
6716
- .md-toolbar-tools {
6717
- font-weight: 400;
6718
- display: -webkit-flex;
6719
- display: -ms-flexbox;
6720
- display: flex;
6721
- -webkit-align-items: center;
6722
- -ms-flex-align: center;
6723
- align-items: center;
6724
- -webkit-flex-direction: row;
6725
- -ms-flex-direction: row;
6726
- flex-direction: row;
6727
- width: 100%;
6728
- height: 64px;
6729
- max-height: 64px;
6730
- padding: 0 16px;
6731
- margin: 0; }
6732
- .md-toolbar-tools h2, .md-toolbar-tools h3 {
6733
- font-size: inherit;
6734
- font-weight: inherit;
6735
- margin: inherit; }
6736
- .md-toolbar-tools a {
6737
- color: inherit;
6738
- text-decoration: none; }
6739
- .md-toolbar-tools .fill-height {
6740
- display: -webkit-flex;
6741
- display: -ms-flexbox;
6742
- display: flex;
6743
- -webkit-align-items: center;
6744
- -ms-flex-align: center;
6745
- align-items: center; }
6746
- .md-toolbar-tools .md-tools {
6747
- margin-left: auto; }
6748
- .md-toolbar-tools .md-button:first-of-type {
6749
- margin-left: -0.8rem; }
6750
- .md-toolbar-tools .md-button:last-of-type:not(:first-of-type) {
6751
- margin-right: -0.8rem; }
6752
- @media screen and (-ms-high-contrast: active) {
6753
- .md-toolbar-tools {
6754
- border-bottom: 1px solid #fff; } }
6755
-
6756
7322
  md-tooltip {
6757
7323
  position: absolute;
6758
7324
  font-size: 14px;
@@ -6826,3 +7392,14 @@ md-tooltip {
6826
7392
  md-whiteframe {
6827
7393
  border: 1px solid #fff; }
6828
7394
  }
7395
+
7396
+ md-icon {
7397
+ margin: auto;
7398
+ background-repeat: no-repeat no-repeat;
7399
+ display: inline-block;
7400
+ vertical-align: middle;
7401
+ fill: currentcolor;
7402
+ height: 24px;
7403
+ width: 24px; }
7404
+ md-icon svg {
7405
+ pointer-events: none; }