@igo2/core 19.0.0-next.9 → 19.0.0

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.
Files changed (77) hide show
  1. package/environment/environment.interface.d.ts +2 -0
  2. package/fesm2022/igo2-core-activity.mjs +10 -10
  3. package/fesm2022/igo2-core-activity.mjs.map +1 -1
  4. package/fesm2022/igo2-core-analytics.mjs +3 -3
  5. package/fesm2022/igo2-core-analytics.mjs.map +1 -1
  6. package/fesm2022/igo2-core-config.mjs +9 -9
  7. package/fesm2022/igo2-core-config.mjs.map +1 -1
  8. package/fesm2022/igo2-core-language.mjs +66 -24
  9. package/fesm2022/igo2-core-language.mjs.map +1 -1
  10. package/fesm2022/igo2-core-media.mjs +3 -3
  11. package/fesm2022/igo2-core-media.mjs.map +1 -1
  12. package/fesm2022/igo2-core-message.mjs +8 -8
  13. package/fesm2022/igo2-core-message.mjs.map +1 -1
  14. package/fesm2022/igo2-core-monitoring.mjs +52 -53
  15. package/fesm2022/igo2-core-monitoring.mjs.map +1 -1
  16. package/fesm2022/igo2-core-network.mjs +3 -3
  17. package/fesm2022/igo2-core-network.mjs.map +1 -1
  18. package/fesm2022/igo2-core-regex.mjs +3 -3
  19. package/fesm2022/igo2-core-regex.mjs.map +1 -1
  20. package/fesm2022/igo2-core-request.mjs +14 -14
  21. package/fesm2022/igo2-core-request.mjs.map +1 -1
  22. package/fesm2022/igo2-core-route.mjs +45 -29
  23. package/fesm2022/igo2-core-route.mjs.map +1 -1
  24. package/fesm2022/igo2-core-storage.mjs +3 -3
  25. package/fesm2022/igo2-core-storage.mjs.map +1 -1
  26. package/fesm2022/igo2-core.mjs +4 -4
  27. package/fesm2022/igo2-core.mjs.map +1 -1
  28. package/language/shared/language.loader.d.ts +2 -0
  29. package/language/shared/language.provider.d.ts +8 -2
  30. package/locale/en.json +1 -1
  31. package/locale/fr.json +1 -1
  32. package/message/src/message.theme.scss +21 -0
  33. package/monitoring/public_api.d.ts +0 -1
  34. package/monitoring/sentry/sentry.interface.d.ts +3 -1
  35. package/monitoring/sentry/sentry.provider.d.ts +14 -2
  36. package/monitoring/sentry/sentry.utils.d.ts +0 -3
  37. package/monitoring/shared/index.d.ts +1 -0
  38. package/monitoring/shared/monitoring.d.ts +3 -0
  39. package/package.json +11 -6
  40. package/route/route.interface.d.ts +34 -21
  41. package/route/route.service.d.ts +5 -1
  42. package/src/core.theme.scss +5 -0
  43. package/src/packages.import.scss +4 -5
  44. package/src/theming/all-theme.scss +1 -6
  45. package/src/theming/prebuilt-themes/blue-theme.scss +5 -27
  46. package/src/theming/prebuilt-themes/bluedark-theme.scss +10 -61
  47. package/src/theming/prebuilt-themes/bluedq-theme.scss +10 -61
  48. package/src/theming/prebuilt-themes/teal-theme.scss +5 -26
  49. package/src/theming/themes/_blue-theme.scss +139 -0
  50. package/src/theming/themes/_bluedark-theme.scss +139 -0
  51. package/src/theming/themes/_bluedq-theme.scss +139 -0
  52. package/src/theming/themes/_index.scss +5 -0
  53. package/src/theming/themes/_teal-theme.scss +157 -0
  54. package/src/theming/themes/_theme.scss +49 -0
  55. package/src/theming/themes/overrides/_button.scss +79 -0
  56. package/src/theming/themes/overrides/_index.scss +7 -0
  57. package/src/theming/themes/overrides/_sidenav.scss +9 -0
  58. package/style/all-style.css +4 -0
  59. package/theming/prebuilt-themes/blue-theme.css +1000 -2741
  60. package/theming/prebuilt-themes/bluedark-theme.css +1000 -2741
  61. package/theming/prebuilt-themes/bluedq-theme.css +1000 -2741
  62. package/theming/prebuilt-themes/teal-theme.css +1000 -2741
  63. package/message/src/message.theming.scss +0 -26
  64. package/monitoring/monitoring.provider.d.ts +0 -4
  65. package/src/core-theme.scss +0 -5
  66. package/src/theming/material-theme-override.scss +0 -39
  67. package/src/theming/prebuilt-themes/bluegrey-theme.scss +0 -27
  68. package/src/theming/prebuilt-themes/dark-theme.scss +0 -27
  69. package/src/theming/prebuilt-themes/deeppurple-theme.scss +0 -27
  70. package/src/theming/prebuilt-themes/indigo-theme.scss +0 -27
  71. package/src/theming/prebuilt-themes/orange-theme.scss +0 -27
  72. package/src/theming/typography.scss +0 -28
  73. package/theming/prebuilt-themes/bluegrey-theme.css +0 -2964
  74. package/theming/prebuilt-themes/dark-theme.css +0 -2964
  75. package/theming/prebuilt-themes/deeppurple-theme.css +0 -2964
  76. package/theming/prebuilt-themes/indigo-theme.css +0 -2964
  77. package/theming/prebuilt-themes/orange-theme.css +0 -2964
@@ -1,2964 +0,0 @@
1
- h4 {
2
- font-size: 14px !important;
3
- line-height: 22px !important;
4
- font-weight: 500 !important;
5
- }
6
-
7
- .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
8
- box-shadow: var(--mat-app-elevation-shadow-level-0, none);
9
- }
10
-
11
- .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
12
- box-shadow: var(--mat-app-elevation-shadow-level-1, none);
13
- }
14
-
15
- .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
16
- box-shadow: var(--mat-app-elevation-shadow-level-2, none);
17
- }
18
-
19
- .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
20
- box-shadow: var(--mat-app-elevation-shadow-level-3, none);
21
- }
22
-
23
- .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
24
- box-shadow: var(--mat-app-elevation-shadow-level-4, none);
25
- }
26
-
27
- .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
28
- box-shadow: var(--mat-app-elevation-shadow-level-5, none);
29
- }
30
-
31
- .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
32
- box-shadow: var(--mat-app-elevation-shadow-level-6, none);
33
- }
34
-
35
- .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
36
- box-shadow: var(--mat-app-elevation-shadow-level-7, none);
37
- }
38
-
39
- .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
40
- box-shadow: var(--mat-app-elevation-shadow-level-8, none);
41
- }
42
-
43
- .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
44
- box-shadow: var(--mat-app-elevation-shadow-level-9, none);
45
- }
46
-
47
- .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
48
- box-shadow: var(--mat-app-elevation-shadow-level-10, none);
49
- }
50
-
51
- .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
52
- box-shadow: var(--mat-app-elevation-shadow-level-11, none);
53
- }
54
-
55
- .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
56
- box-shadow: var(--mat-app-elevation-shadow-level-12, none);
57
- }
58
-
59
- .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
60
- box-shadow: var(--mat-app-elevation-shadow-level-13, none);
61
- }
62
-
63
- .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
64
- box-shadow: var(--mat-app-elevation-shadow-level-14, none);
65
- }
66
-
67
- .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
68
- box-shadow: var(--mat-app-elevation-shadow-level-15, none);
69
- }
70
-
71
- .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
72
- box-shadow: var(--mat-app-elevation-shadow-level-16, none);
73
- }
74
-
75
- .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
76
- box-shadow: var(--mat-app-elevation-shadow-level-17, none);
77
- }
78
-
79
- .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
80
- box-shadow: var(--mat-app-elevation-shadow-level-18, none);
81
- }
82
-
83
- .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
84
- box-shadow: var(--mat-app-elevation-shadow-level-19, none);
85
- }
86
-
87
- .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
88
- box-shadow: var(--mat-app-elevation-shadow-level-20, none);
89
- }
90
-
91
- .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
92
- box-shadow: var(--mat-app-elevation-shadow-level-21, none);
93
- }
94
-
95
- .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
96
- box-shadow: var(--mat-app-elevation-shadow-level-22, none);
97
- }
98
-
99
- .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
100
- box-shadow: var(--mat-app-elevation-shadow-level-23, none);
101
- }
102
-
103
- .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
104
- box-shadow: var(--mat-app-elevation-shadow-level-24, none);
105
- }
106
-
107
- html {
108
- --mat-sys-on-surface: initial;
109
- }
110
-
111
- .mat-app-background {
112
- background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
113
- color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
114
- }
115
-
116
- .mat-h1,
117
- .mat-headline-5,
118
- .mat-typography .mat-h1,
119
- .mat-typography .mat-headline-5,
120
- .mat-typography h1 {
121
- font: 400 24px / 32px Roboto, sans-serif;
122
- letter-spacing: normal;
123
- margin: 0 0 16px;
124
- }
125
-
126
- .mat-h2,
127
- .mat-headline-6,
128
- .mat-typography .mat-h2,
129
- .mat-typography .mat-headline-6,
130
- .mat-typography h2 {
131
- font: 400 20px / 30px Roboto, sans-serif;
132
- letter-spacing: normal;
133
- margin: 0 0 16px;
134
- }
135
-
136
- .mat-h3,
137
- .mat-subtitle-1,
138
- .mat-typography .mat-h3,
139
- .mat-typography .mat-subtitle-1,
140
- .mat-typography h3 {
141
- font: 500 16px / 26px Roboto, sans-serif;
142
- letter-spacing: normal;
143
- margin: 0 0 16px;
144
- }
145
-
146
- .mat-h4,
147
- .mat-body-1,
148
- .mat-typography .mat-h4,
149
- .mat-typography .mat-body-1,
150
- .mat-typography h4 {
151
- font: 400 14px / 22px Roboto, sans-serif;
152
- letter-spacing: normal;
153
- margin: 0 0 16px;
154
- }
155
-
156
- .mat-h5,
157
- .mat-typography .mat-h5,
158
- .mat-typography h5 {
159
- font: 400 calc(12px * 0.83) / 18px Roboto, sans-serif;
160
- margin: 0 0 12px;
161
- }
162
-
163
- .mat-h6,
164
- .mat-typography .mat-h6,
165
- .mat-typography h6 {
166
- font: 400 calc(12px * 0.67) / 18px Roboto, sans-serif;
167
- margin: 0 0 12px;
168
- }
169
-
170
- .mat-body-strong,
171
- .mat-subtitle-2,
172
- .mat-typography .mat-body-strong,
173
- .mat-typography .mat-subtitle-2 {
174
- font: 500 12px / 22px Roboto, sans-serif;
175
- letter-spacing: normal;
176
- }
177
-
178
- .mat-body,
179
- .mat-body-2,
180
- .mat-typography .mat-body,
181
- .mat-typography .mat-body-2,
182
- .mat-typography {
183
- font: 400 12px / 18px Roboto, sans-serif;
184
- letter-spacing: normal;
185
- }
186
- .mat-body p,
187
- .mat-body-2 p,
188
- .mat-typography .mat-body p,
189
- .mat-typography .mat-body-2 p,
190
- .mat-typography p {
191
- margin: 0 0 12px;
192
- }
193
-
194
- .mat-small,
195
- .mat-caption,
196
- .mat-typography .mat-small,
197
- .mat-typography .mat-caption {
198
- font: 400 12px / 18px Roboto, sans-serif;
199
- letter-spacing: normal;
200
- }
201
-
202
- .mat-headline-1,
203
- .mat-typography .mat-headline-1 {
204
- font: 500 110px / 110px Roboto, sans-serif;
205
- letter-spacing: normal;
206
- margin: 0 0 56px;
207
- }
208
-
209
- .mat-headline-2,
210
- .mat-typography .mat-headline-2 {
211
- font: 500 54px / 54px Roboto, sans-serif;
212
- letter-spacing: normal;
213
- margin: 0 0 64px;
214
- }
215
-
216
- .mat-headline-3,
217
- .mat-typography .mat-headline-3 {
218
- font: 500 43px / 46px Roboto, sans-serif;
219
- letter-spacing: normal;
220
- margin: 0 0 64px;
221
- }
222
-
223
- .mat-headline-4,
224
- .mat-typography .mat-headline-4 {
225
- font: 500 32px / 38px Roboto, sans-serif;
226
- letter-spacing: normal;
227
- margin: 0 0 64px;
228
- }
229
-
230
- html {
231
- --mat-ripple-color: rgba(0, 0, 0, 0.1);
232
- }
233
-
234
- html {
235
- --mat-option-selected-state-label-text-color: #607d8b;
236
- --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
237
- --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
238
- --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
239
- --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
240
- }
241
-
242
- .mat-accent {
243
- --mat-option-selected-state-label-text-color: #ff4081;
244
- --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
245
- --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
246
- --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
247
- --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
248
- }
249
-
250
- .mat-warn {
251
- --mat-option-selected-state-label-text-color: #ff5722;
252
- --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
253
- --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
254
- --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
255
- --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
256
- }
257
-
258
- html {
259
- --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
260
- }
261
-
262
- html {
263
- --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
264
- --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
265
- --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
266
- --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
267
- --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
268
- --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
269
- }
270
- html {
271
- --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
272
- --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
273
- }
274
-
275
- .mat-primary {
276
- --mat-full-pseudo-checkbox-selected-icon-color: #607d8b;
277
- --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
278
- --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
279
- --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
280
- --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
281
- --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
282
- }
283
- .mat-primary {
284
- --mat-minimal-pseudo-checkbox-selected-checkmark-color: #607d8b;
285
- --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
286
- }
287
-
288
- .mat-accent {
289
- --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
290
- --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
291
- --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
292
- --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
293
- --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
294
- --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
295
- }
296
- .mat-accent {
297
- --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
298
- --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
299
- }
300
-
301
- .mat-warn {
302
- --mat-full-pseudo-checkbox-selected-icon-color: #ff5722;
303
- --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
304
- --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
305
- --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
306
- --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
307
- --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
308
- }
309
- .mat-warn {
310
- --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff5722;
311
- --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
312
- }
313
-
314
- html {
315
- --mat-app-background-color: #fafafa;
316
- --mat-app-text-color: rgba(0, 0, 0, 0.87);
317
- --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
318
- --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
319
- --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
320
- --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
321
- --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
322
- --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
323
- --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
324
- --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
325
- --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
326
- --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
327
- --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
328
- --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
329
- --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
330
- --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
331
- --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
332
- --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
333
- --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
334
- --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
335
- --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
336
- --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
337
- --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
338
- --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
339
- --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
340
- --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
341
- --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
342
- }
343
-
344
- html {
345
- --mat-option-label-text-font: Roboto, sans-serif;
346
- --mat-option-label-text-line-height: 22px;
347
- --mat-option-label-text-size: 14px;
348
- --mat-option-label-text-tracking: normal;
349
- --mat-option-label-text-weight: 400;
350
- }
351
-
352
- html {
353
- --mat-optgroup-label-text-font: Roboto, sans-serif;
354
- --mat-optgroup-label-text-line-height: 22px;
355
- --mat-optgroup-label-text-size: 14px;
356
- --mat-optgroup-label-text-tracking: normal;
357
- --mat-optgroup-label-text-weight: 400;
358
- }
359
-
360
- html {
361
- --mdc-elevated-card-container-shape: 4px;
362
- }
363
- html {
364
- --mdc-outlined-card-container-shape: 4px;
365
- --mdc-outlined-card-outline-width: 1px;
366
- }
367
- html {
368
- --mdc-elevated-card-container-color: white;
369
- --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
370
- }
371
- html {
372
- --mdc-outlined-card-container-color: white;
373
- --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
374
- --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
375
- }
376
- html {
377
- --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
378
- }
379
-
380
- html {
381
- --mat-card-title-text-font: Roboto, sans-serif;
382
- --mat-card-title-text-line-height: 30px;
383
- --mat-card-title-text-size: 20px;
384
- --mat-card-title-text-tracking: normal;
385
- --mat-card-title-text-weight: 400;
386
- --mat-card-subtitle-text-font: Roboto, sans-serif;
387
- --mat-card-subtitle-text-line-height: 22px;
388
- --mat-card-subtitle-text-size: 12px;
389
- --mat-card-subtitle-text-tracking: normal;
390
- --mat-card-subtitle-text-weight: 500;
391
- }
392
-
393
- html {
394
- --mdc-linear-progress-active-indicator-height: 4px;
395
- --mdc-linear-progress-track-height: 4px;
396
- --mdc-linear-progress-track-shape: 0;
397
- }
398
-
399
- .mat-mdc-progress-bar {
400
- --mdc-linear-progress-active-indicator-color: #607d8b;
401
- --mdc-linear-progress-track-color: rgba(96, 125, 139, 0.25);
402
- }
403
- .mat-mdc-progress-bar.mat-accent {
404
- --mdc-linear-progress-active-indicator-color: #ff4081;
405
- --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
406
- }
407
- .mat-mdc-progress-bar.mat-warn {
408
- --mdc-linear-progress-active-indicator-color: #ff5722;
409
- --mdc-linear-progress-track-color: rgba(255, 87, 34, 0.25);
410
- }
411
-
412
- html {
413
- --mdc-plain-tooltip-container-shape: 4px;
414
- --mdc-plain-tooltip-supporting-text-line-height: 16px;
415
- }
416
-
417
- html {
418
- --mdc-plain-tooltip-container-color: #616161;
419
- --mdc-plain-tooltip-supporting-text-color: #fff;
420
- }
421
-
422
- html {
423
- --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
424
- --mdc-plain-tooltip-supporting-text-size: 12px;
425
- --mdc-plain-tooltip-supporting-text-weight: 400;
426
- --mdc-plain-tooltip-supporting-text-tracking: normal;
427
- }
428
-
429
- html {
430
- --mdc-filled-text-field-active-indicator-height: 1px;
431
- --mdc-filled-text-field-focus-active-indicator-height: 2px;
432
- --mdc-filled-text-field-container-shape: 4px;
433
- }
434
- html {
435
- --mdc-outlined-text-field-outline-width: 1px;
436
- --mdc-outlined-text-field-focus-outline-width: 2px;
437
- --mdc-outlined-text-field-container-shape: 4px;
438
- }
439
- html {
440
- --mdc-filled-text-field-caret-color: #607d8b;
441
- --mdc-filled-text-field-focus-active-indicator-color: #607d8b;
442
- --mdc-filled-text-field-focus-label-text-color: rgba(96, 125, 139, 0.87);
443
- --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
444
- --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
445
- --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
446
- --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
447
- --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
448
- --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
449
- --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
450
- --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
451
- --mdc-filled-text-field-error-hover-label-text-color: #ff5722;
452
- --mdc-filled-text-field-error-focus-label-text-color: #ff5722;
453
- --mdc-filled-text-field-error-label-text-color: #ff5722;
454
- --mdc-filled-text-field-error-caret-color: #ff5722;
455
- --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
456
- --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
457
- --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
458
- --mdc-filled-text-field-error-active-indicator-color: #ff5722;
459
- --mdc-filled-text-field-error-focus-active-indicator-color: #ff5722;
460
- --mdc-filled-text-field-error-hover-active-indicator-color: #ff5722;
461
- }
462
- html {
463
- --mdc-outlined-text-field-caret-color: #607d8b;
464
- --mdc-outlined-text-field-focus-outline-color: #607d8b;
465
- --mdc-outlined-text-field-focus-label-text-color: rgba(96, 125, 139, 0.87);
466
- --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
467
- --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
468
- --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
469
- --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
470
- --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
471
- --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
472
- --mdc-outlined-text-field-error-caret-color: #ff5722;
473
- --mdc-outlined-text-field-error-focus-label-text-color: #ff5722;
474
- --mdc-outlined-text-field-error-label-text-color: #ff5722;
475
- --mdc-outlined-text-field-error-hover-label-text-color: #ff5722;
476
- --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
477
- --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
478
- --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
479
- --mdc-outlined-text-field-error-focus-outline-color: #ff5722;
480
- --mdc-outlined-text-field-error-hover-outline-color: #ff5722;
481
- --mdc-outlined-text-field-error-outline-color: #ff5722;
482
- }
483
- html {
484
- --mat-form-field-focus-select-arrow-color: rgba(96, 125, 139, 0.87);
485
- --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
486
- --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
487
- --mat-form-field-error-text-color: #ff5722;
488
- --mat-form-field-select-option-text-color: inherit;
489
- --mat-form-field-select-disabled-option-text-color: GrayText;
490
- --mat-form-field-leading-icon-color: unset;
491
- --mat-form-field-disabled-leading-icon-color: unset;
492
- --mat-form-field-trailing-icon-color: unset;
493
- --mat-form-field-disabled-trailing-icon-color: unset;
494
- --mat-form-field-error-focus-trailing-icon-color: unset;
495
- --mat-form-field-error-hover-trailing-icon-color: unset;
496
- --mat-form-field-error-trailing-icon-color: unset;
497
- --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
498
- --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
499
- --mat-form-field-hover-state-layer-opacity: 0.04;
500
- --mat-form-field-focus-state-layer-opacity: 0.08;
501
- }
502
-
503
- .mat-mdc-form-field.mat-accent {
504
- --mdc-filled-text-field-caret-color: #ff4081;
505
- --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
506
- --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
507
- }
508
- .mat-mdc-form-field.mat-accent {
509
- --mdc-outlined-text-field-caret-color: #ff4081;
510
- --mdc-outlined-text-field-focus-outline-color: #ff4081;
511
- --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
512
- }
513
- .mat-mdc-form-field.mat-accent {
514
- --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
515
- }
516
-
517
- .mat-mdc-form-field.mat-warn {
518
- --mdc-filled-text-field-caret-color: #ff5722;
519
- --mdc-filled-text-field-focus-active-indicator-color: #ff5722;
520
- --mdc-filled-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87);
521
- }
522
- .mat-mdc-form-field.mat-warn {
523
- --mdc-outlined-text-field-caret-color: #ff5722;
524
- --mdc-outlined-text-field-focus-outline-color: #ff5722;
525
- --mdc-outlined-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87);
526
- }
527
- .mat-mdc-form-field.mat-warn {
528
- --mat-form-field-focus-select-arrow-color: rgba(255, 87, 34, 0.87);
529
- }
530
-
531
- html {
532
- --mat-form-field-container-height: 56px;
533
- --mat-form-field-filled-label-display: block;
534
- --mat-form-field-container-vertical-padding: 16px;
535
- --mat-form-field-filled-with-label-container-padding-top: 24px;
536
- --mat-form-field-filled-with-label-container-padding-bottom: 8px;
537
- }
538
-
539
- html {
540
- --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
541
- --mdc-filled-text-field-label-text-size: 14px;
542
- --mdc-filled-text-field-label-text-tracking: normal;
543
- --mdc-filled-text-field-label-text-weight: 400;
544
- }
545
- html {
546
- --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
547
- --mdc-outlined-text-field-label-text-size: 14px;
548
- --mdc-outlined-text-field-label-text-tracking: normal;
549
- --mdc-outlined-text-field-label-text-weight: 400;
550
- }
551
- html {
552
- --mat-form-field-container-text-font: Roboto, sans-serif;
553
- --mat-form-field-container-text-line-height: 22px;
554
- --mat-form-field-container-text-size: 14px;
555
- --mat-form-field-container-text-tracking: normal;
556
- --mat-form-field-container-text-weight: 400;
557
- --mat-form-field-outlined-label-text-populated-size: 14px;
558
- --mat-form-field-subscript-text-font: Roboto, sans-serif;
559
- --mat-form-field-subscript-text-line-height: 18px;
560
- --mat-form-field-subscript-text-size: 12px;
561
- --mat-form-field-subscript-text-tracking: normal;
562
- --mat-form-field-subscript-text-weight: 400;
563
- }
564
-
565
- html {
566
- --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
567
- }
568
-
569
- html {
570
- --mat-select-panel-background-color: white;
571
- --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
572
- --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
573
- --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
574
- --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
575
- --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
576
- --mat-select-focused-arrow-color: rgba(96, 125, 139, 0.87);
577
- --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87);
578
- }
579
- html .mat-mdc-form-field.mat-accent {
580
- --mat-select-panel-background-color: white;
581
- --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
582
- --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
583
- --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
584
- --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
585
- --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
586
- --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
587
- --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87);
588
- }
589
- html .mat-mdc-form-field.mat-warn {
590
- --mat-select-panel-background-color: white;
591
- --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
592
- --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
593
- --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
594
- --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
595
- --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
596
- --mat-select-focused-arrow-color: rgba(255, 87, 34, 0.87);
597
- --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87);
598
- }
599
-
600
- html {
601
- --mat-select-arrow-transform: translateY(-8px);
602
- }
603
-
604
- html {
605
- --mat-select-trigger-text-font: Roboto, sans-serif;
606
- --mat-select-trigger-text-line-height: 22px;
607
- --mat-select-trigger-text-size: 14px;
608
- --mat-select-trigger-text-tracking: normal;
609
- --mat-select-trigger-text-weight: 400;
610
- }
611
-
612
- html {
613
- --mat-autocomplete-container-shape: 4px;
614
- --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
615
- }
616
-
617
- html {
618
- --mat-autocomplete-background-color: white;
619
- }
620
-
621
- html {
622
- --mdc-dialog-container-shape: 4px;
623
- }
624
- html {
625
- --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
626
- --mat-dialog-container-max-width: 80vw;
627
- --mat-dialog-container-small-max-width: 80vw;
628
- --mat-dialog-container-min-width: 0;
629
- --mat-dialog-actions-alignment: start;
630
- --mat-dialog-actions-padding: 8px;
631
- --mat-dialog-content-padding: 20px 24px;
632
- --mat-dialog-with-actions-content-padding: 20px 24px;
633
- --mat-dialog-headline-padding: 0 24px 9px;
634
- }
635
-
636
- html {
637
- --mdc-dialog-container-color: white;
638
- --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
639
- --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
640
- }
641
- html {
642
- --mdc-dialog-subhead-font: Roboto, sans-serif;
643
- --mdc-dialog-subhead-line-height: 30px;
644
- --mdc-dialog-subhead-size: 20px;
645
- --mdc-dialog-subhead-weight: 400;
646
- --mdc-dialog-subhead-tracking: normal;
647
- --mdc-dialog-supporting-text-font: Roboto, sans-serif;
648
- --mdc-dialog-supporting-text-line-height: 22px;
649
- --mdc-dialog-supporting-text-size: 14px;
650
- --mdc-dialog-supporting-text-weight: 400;
651
- --mdc-dialog-supporting-text-tracking: normal;
652
- }
653
- .mat-mdc-standard-chip {
654
- --mdc-chip-container-shape-radius: 16px;
655
- --mdc-chip-with-avatar-avatar-shape-radius: 14px;
656
- --mdc-chip-with-avatar-avatar-size: 28px;
657
- --mdc-chip-with-icon-icon-size: 18px;
658
- --mdc-chip-outline-width: 0;
659
- --mdc-chip-outline-color: transparent;
660
- --mdc-chip-disabled-outline-color: transparent;
661
- --mdc-chip-focus-outline-color: transparent;
662
- --mdc-chip-hover-state-layer-opacity: 0.04;
663
- --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
664
- --mdc-chip-flat-selected-outline-width: 0;
665
- --mdc-chip-selected-hover-state-layer-opacity: 0.04;
666
- --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
667
- --mdc-chip-with-icon-disabled-icon-opacity: 1;
668
- }
669
- .mat-mdc-standard-chip {
670
- --mat-chip-disabled-container-opacity: 0.4;
671
- --mat-chip-trailing-action-opacity: 0.54;
672
- --mat-chip-trailing-action-focus-opacity: 1;
673
- --mat-chip-trailing-action-state-layer-color: transparent;
674
- --mat-chip-selected-trailing-action-state-layer-color: transparent;
675
- --mat-chip-trailing-action-hover-state-layer-opacity: 0;
676
- --mat-chip-trailing-action-focus-state-layer-opacity: 0;
677
- }
678
-
679
- .mat-mdc-standard-chip {
680
- --mdc-chip-disabled-label-text-color: #212121;
681
- --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
682
- --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
683
- --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
684
- --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
685
- --mdc-chip-focus-state-layer-color: black;
686
- --mdc-chip-hover-state-layer-color: black;
687
- --mdc-chip-selected-hover-state-layer-color: black;
688
- --mdc-chip-focus-state-layer-opacity: 0.12;
689
- --mdc-chip-selected-focus-state-layer-color: black;
690
- --mdc-chip-selected-focus-state-layer-opacity: 0.12;
691
- --mdc-chip-label-text-color: #212121;
692
- --mdc-chip-selected-label-text-color: #212121;
693
- --mdc-chip-with-icon-icon-color: #212121;
694
- --mdc-chip-with-icon-disabled-icon-color: #212121;
695
- --mdc-chip-with-icon-selected-icon-color: #212121;
696
- --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
697
- --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
698
- }
699
- .mat-mdc-standard-chip {
700
- --mat-chip-selected-disabled-trailing-icon-color: #212121;
701
- --mat-chip-selected-trailing-icon-color: #212121;
702
- }
703
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
704
- --mdc-chip-disabled-label-text-color: white;
705
- --mdc-chip-elevated-container-color: #607d8b;
706
- --mdc-chip-elevated-selected-container-color: #607d8b;
707
- --mdc-chip-elevated-disabled-container-color: #607d8b;
708
- --mdc-chip-flat-disabled-selected-container-color: #607d8b;
709
- --mdc-chip-focus-state-layer-color: black;
710
- --mdc-chip-hover-state-layer-color: black;
711
- --mdc-chip-selected-hover-state-layer-color: black;
712
- --mdc-chip-focus-state-layer-opacity: 0.12;
713
- --mdc-chip-selected-focus-state-layer-color: black;
714
- --mdc-chip-selected-focus-state-layer-opacity: 0.12;
715
- --mdc-chip-label-text-color: white;
716
- --mdc-chip-selected-label-text-color: white;
717
- --mdc-chip-with-icon-icon-color: white;
718
- --mdc-chip-with-icon-disabled-icon-color: white;
719
- --mdc-chip-with-icon-selected-icon-color: white;
720
- --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
721
- --mdc-chip-with-trailing-icon-trailing-icon-color: white;
722
- }
723
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
724
- --mat-chip-selected-disabled-trailing-icon-color: white;
725
- --mat-chip-selected-trailing-icon-color: white;
726
- }
727
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
728
- --mdc-chip-disabled-label-text-color: white;
729
- --mdc-chip-elevated-container-color: #ff4081;
730
- --mdc-chip-elevated-selected-container-color: #ff4081;
731
- --mdc-chip-elevated-disabled-container-color: #ff4081;
732
- --mdc-chip-flat-disabled-selected-container-color: #ff4081;
733
- --mdc-chip-focus-state-layer-color: black;
734
- --mdc-chip-hover-state-layer-color: black;
735
- --mdc-chip-selected-hover-state-layer-color: black;
736
- --mdc-chip-focus-state-layer-opacity: 0.12;
737
- --mdc-chip-selected-focus-state-layer-color: black;
738
- --mdc-chip-selected-focus-state-layer-opacity: 0.12;
739
- --mdc-chip-label-text-color: white;
740
- --mdc-chip-selected-label-text-color: white;
741
- --mdc-chip-with-icon-icon-color: white;
742
- --mdc-chip-with-icon-disabled-icon-color: white;
743
- --mdc-chip-with-icon-selected-icon-color: white;
744
- --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
745
- --mdc-chip-with-trailing-icon-trailing-icon-color: white;
746
- }
747
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
748
- --mat-chip-selected-disabled-trailing-icon-color: white;
749
- --mat-chip-selected-trailing-icon-color: white;
750
- }
751
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
752
- --mdc-chip-disabled-label-text-color: white;
753
- --mdc-chip-elevated-container-color: #ff5722;
754
- --mdc-chip-elevated-selected-container-color: #ff5722;
755
- --mdc-chip-elevated-disabled-container-color: #ff5722;
756
- --mdc-chip-flat-disabled-selected-container-color: #ff5722;
757
- --mdc-chip-focus-state-layer-color: black;
758
- --mdc-chip-hover-state-layer-color: black;
759
- --mdc-chip-selected-hover-state-layer-color: black;
760
- --mdc-chip-focus-state-layer-opacity: 0.12;
761
- --mdc-chip-selected-focus-state-layer-color: black;
762
- --mdc-chip-selected-focus-state-layer-opacity: 0.12;
763
- --mdc-chip-label-text-color: white;
764
- --mdc-chip-selected-label-text-color: white;
765
- --mdc-chip-with-icon-icon-color: white;
766
- --mdc-chip-with-icon-disabled-icon-color: white;
767
- --mdc-chip-with-icon-selected-icon-color: white;
768
- --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
769
- --mdc-chip-with-trailing-icon-trailing-icon-color: white;
770
- }
771
- .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
772
- --mat-chip-selected-disabled-trailing-icon-color: white;
773
- --mat-chip-selected-trailing-icon-color: white;
774
- }
775
-
776
- .mat-mdc-chip.mat-mdc-standard-chip {
777
- --mdc-chip-container-height: 32px;
778
- }
779
- .mat-mdc-standard-chip {
780
- --mdc-chip-label-text-font: Roboto, sans-serif;
781
- --mdc-chip-label-text-line-height: 18px;
782
- --mdc-chip-label-text-size: 12px;
783
- --mdc-chip-label-text-tracking: normal;
784
- --mdc-chip-label-text-weight: 400;
785
- }
786
- html {
787
- --mdc-switch-disabled-selected-icon-opacity: 0.38;
788
- --mdc-switch-disabled-track-opacity: 0.12;
789
- --mdc-switch-disabled-unselected-icon-opacity: 0.38;
790
- --mdc-switch-handle-height: 20px;
791
- --mdc-switch-handle-shape: 10px;
792
- --mdc-switch-handle-width: 20px;
793
- --mdc-switch-selected-icon-size: 18px;
794
- --mdc-switch-track-height: 14px;
795
- --mdc-switch-track-shape: 7px;
796
- --mdc-switch-track-width: 36px;
797
- --mdc-switch-unselected-icon-size: 18px;
798
- --mdc-switch-selected-focus-state-layer-opacity: 0.12;
799
- --mdc-switch-selected-hover-state-layer-opacity: 0.04;
800
- --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
801
- --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
802
- --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
803
- --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
804
- }
805
- html .mat-mdc-slide-toggle {
806
- --mat-switch-disabled-selected-handle-opacity: 0.38;
807
- --mat-switch-disabled-unselected-handle-opacity: 0.38;
808
- --mat-switch-unselected-handle-size: 20px;
809
- --mat-switch-selected-handle-size: 20px;
810
- --mat-switch-pressed-handle-size: 20px;
811
- --mat-switch-with-icon-handle-size: 20px;
812
- --mat-switch-selected-handle-horizontal-margin: 0;
813
- --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
814
- --mat-switch-selected-pressed-handle-horizontal-margin: 0;
815
- --mat-switch-unselected-handle-horizontal-margin: 0;
816
- --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
817
- --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
818
- --mat-switch-visible-track-opacity: 1;
819
- --mat-switch-hidden-track-opacity: 1;
820
- --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
821
- --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
822
- --mat-switch-track-outline-width: 1px;
823
- --mat-switch-track-outline-color: transparent;
824
- --mat-switch-selected-track-outline-width: 1px;
825
- --mat-switch-selected-track-outline-color: transparent;
826
- --mat-switch-disabled-unselected-track-outline-width: 1px;
827
- --mat-switch-disabled-unselected-track-outline-color: transparent;
828
- }
829
-
830
- html {
831
- --mdc-switch-selected-focus-state-layer-color: #546e7a;
832
- --mdc-switch-selected-handle-color: #546e7a;
833
- --mdc-switch-selected-hover-state-layer-color: #546e7a;
834
- --mdc-switch-selected-pressed-state-layer-color: #546e7a;
835
- --mdc-switch-selected-focus-handle-color: #263238;
836
- --mdc-switch-selected-hover-handle-color: #263238;
837
- --mdc-switch-selected-pressed-handle-color: #263238;
838
- --mdc-switch-selected-focus-track-color: #90a4ae;
839
- --mdc-switch-selected-hover-track-color: #90a4ae;
840
- --mdc-switch-selected-pressed-track-color: #90a4ae;
841
- --mdc-switch-selected-track-color: #90a4ae;
842
- --mdc-switch-disabled-selected-handle-color: #424242;
843
- --mdc-switch-disabled-selected-icon-color: #fff;
844
- --mdc-switch-disabled-selected-track-color: #424242;
845
- --mdc-switch-disabled-unselected-handle-color: #424242;
846
- --mdc-switch-disabled-unselected-icon-color: #fff;
847
- --mdc-switch-disabled-unselected-track-color: #424242;
848
- --mdc-switch-handle-surface-color: #fff;
849
- --mdc-switch-selected-icon-color: #fff;
850
- --mdc-switch-unselected-focus-handle-color: #212121;
851
- --mdc-switch-unselected-focus-state-layer-color: #424242;
852
- --mdc-switch-unselected-focus-track-color: #e0e0e0;
853
- --mdc-switch-unselected-handle-color: #616161;
854
- --mdc-switch-unselected-hover-handle-color: #212121;
855
- --mdc-switch-unselected-hover-state-layer-color: #424242;
856
- --mdc-switch-unselected-hover-track-color: #e0e0e0;
857
- --mdc-switch-unselected-icon-color: #fff;
858
- --mdc-switch-unselected-pressed-handle-color: #212121;
859
- --mdc-switch-unselected-pressed-state-layer-color: #424242;
860
- --mdc-switch-unselected-pressed-track-color: #e0e0e0;
861
- --mdc-switch-unselected-track-color: #e0e0e0;
862
- --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
863
- --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
864
- }
865
- html {
866
- --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
867
- }
868
- html .mat-mdc-slide-toggle {
869
- --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
870
- }
871
- html .mat-mdc-slide-toggle.mat-accent {
872
- --mdc-switch-selected-focus-state-layer-color: #d81b60;
873
- --mdc-switch-selected-handle-color: #d81b60;
874
- --mdc-switch-selected-hover-state-layer-color: #d81b60;
875
- --mdc-switch-selected-pressed-state-layer-color: #d81b60;
876
- --mdc-switch-selected-focus-handle-color: #880e4f;
877
- --mdc-switch-selected-hover-handle-color: #880e4f;
878
- --mdc-switch-selected-pressed-handle-color: #880e4f;
879
- --mdc-switch-selected-focus-track-color: #f06292;
880
- --mdc-switch-selected-hover-track-color: #f06292;
881
- --mdc-switch-selected-pressed-track-color: #f06292;
882
- --mdc-switch-selected-track-color: #f06292;
883
- }
884
- html .mat-mdc-slide-toggle.mat-warn {
885
- --mdc-switch-selected-focus-state-layer-color: #f4511e;
886
- --mdc-switch-selected-handle-color: #f4511e;
887
- --mdc-switch-selected-hover-state-layer-color: #f4511e;
888
- --mdc-switch-selected-pressed-state-layer-color: #f4511e;
889
- --mdc-switch-selected-focus-handle-color: #bf360c;
890
- --mdc-switch-selected-hover-handle-color: #bf360c;
891
- --mdc-switch-selected-pressed-handle-color: #bf360c;
892
- --mdc-switch-selected-focus-track-color: #ff8a65;
893
- --mdc-switch-selected-hover-track-color: #ff8a65;
894
- --mdc-switch-selected-pressed-track-color: #ff8a65;
895
- --mdc-switch-selected-track-color: #ff8a65;
896
- }
897
-
898
- html {
899
- --mdc-switch-state-layer-size: 40px;
900
- }
901
- html .mat-mdc-slide-toggle {
902
- --mat-switch-label-text-font: Roboto, sans-serif;
903
- --mat-switch-label-text-line-height: 18px;
904
- --mat-switch-label-text-size: 12px;
905
- --mat-switch-label-text-tracking: normal;
906
- --mat-switch-label-text-weight: 400;
907
- }
908
-
909
- html {
910
- --mdc-radio-disabled-selected-icon-opacity: 0.38;
911
- --mdc-radio-disabled-unselected-icon-opacity: 0.38;
912
- --mdc-radio-state-layer-size: 40px;
913
- }
914
- .mat-mdc-radio-button.mat-primary {
915
- --mdc-radio-disabled-selected-icon-color: black;
916
- --mdc-radio-disabled-unselected-icon-color: black;
917
- --mdc-radio-unselected-hover-icon-color: #212121;
918
- --mdc-radio-unselected-focus-icon-color: #212121;
919
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
920
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
921
- --mdc-radio-selected-focus-icon-color: #607d8b;
922
- --mdc-radio-selected-hover-icon-color: #607d8b;
923
- --mdc-radio-selected-icon-color: #607d8b;
924
- --mdc-radio-selected-pressed-icon-color: #607d8b;
925
- }
926
- .mat-mdc-radio-button.mat-primary {
927
- --mat-radio-ripple-color: black;
928
- --mat-radio-checked-ripple-color: #607d8b;
929
- --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
930
- --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
931
- }
932
- .mat-mdc-radio-button.mat-accent {
933
- --mdc-radio-disabled-selected-icon-color: black;
934
- --mdc-radio-disabled-unselected-icon-color: black;
935
- --mdc-radio-unselected-hover-icon-color: #212121;
936
- --mdc-radio-unselected-focus-icon-color: #212121;
937
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
938
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
939
- --mdc-radio-selected-focus-icon-color: #ff4081;
940
- --mdc-radio-selected-hover-icon-color: #ff4081;
941
- --mdc-radio-selected-icon-color: #ff4081;
942
- --mdc-radio-selected-pressed-icon-color: #ff4081;
943
- }
944
- .mat-mdc-radio-button.mat-accent {
945
- --mat-radio-ripple-color: black;
946
- --mat-radio-checked-ripple-color: #ff4081;
947
- --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
948
- --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
949
- }
950
- .mat-mdc-radio-button.mat-warn {
951
- --mdc-radio-disabled-selected-icon-color: black;
952
- --mdc-radio-disabled-unselected-icon-color: black;
953
- --mdc-radio-unselected-hover-icon-color: #212121;
954
- --mdc-radio-unselected-focus-icon-color: #212121;
955
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
956
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
957
- --mdc-radio-selected-focus-icon-color: #ff5722;
958
- --mdc-radio-selected-hover-icon-color: #ff5722;
959
- --mdc-radio-selected-icon-color: #ff5722;
960
- --mdc-radio-selected-pressed-icon-color: #ff5722;
961
- }
962
- .mat-mdc-radio-button.mat-warn {
963
- --mat-radio-ripple-color: black;
964
- --mat-radio-checked-ripple-color: #ff5722;
965
- --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
966
- --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
967
- }
968
-
969
- html {
970
- --mdc-radio-state-layer-size: 40px;
971
- }
972
- html {
973
- --mat-radio-touch-target-display: block;
974
- }
975
-
976
- html {
977
- --mat-radio-label-text-font: Roboto, sans-serif;
978
- --mat-radio-label-text-line-height: 18px;
979
- --mat-radio-label-text-size: 12px;
980
- --mat-radio-label-text-tracking: normal;
981
- --mat-radio-label-text-weight: 400;
982
- }
983
-
984
- html {
985
- --mdc-slider-active-track-height: 6px;
986
- --mdc-slider-active-track-shape: 9999px;
987
- --mdc-slider-handle-height: 20px;
988
- --mdc-slider-handle-shape: 50%;
989
- --mdc-slider-handle-width: 20px;
990
- --mdc-slider-inactive-track-height: 4px;
991
- --mdc-slider-inactive-track-shape: 9999px;
992
- --mdc-slider-with-overlap-handle-outline-width: 1px;
993
- --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
994
- --mdc-slider-with-tick-marks-container-shape: 50%;
995
- --mdc-slider-with-tick-marks-container-size: 2px;
996
- --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
997
- --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
998
- }
999
- html {
1000
- --mat-slider-value-indicator-width: auto;
1001
- --mat-slider-value-indicator-height: 32px;
1002
- --mat-slider-value-indicator-caret-display: block;
1003
- --mat-slider-value-indicator-border-radius: 4px;
1004
- --mat-slider-value-indicator-padding: 0 12px;
1005
- --mat-slider-value-indicator-text-transform: none;
1006
- --mat-slider-value-indicator-container-transform: translateX(-50%);
1007
- }
1008
-
1009
- html {
1010
- --mdc-slider-handle-color: #607d8b;
1011
- --mdc-slider-focus-handle-color: #607d8b;
1012
- --mdc-slider-hover-handle-color: #607d8b;
1013
- --mdc-slider-active-track-color: #607d8b;
1014
- --mdc-slider-inactive-track-color: #607d8b;
1015
- --mdc-slider-with-tick-marks-inactive-container-color: #607d8b;
1016
- --mdc-slider-with-tick-marks-active-container-color: white;
1017
- --mdc-slider-disabled-active-track-color: #000;
1018
- --mdc-slider-disabled-handle-color: #000;
1019
- --mdc-slider-disabled-inactive-track-color: #000;
1020
- --mdc-slider-label-container-color: #000;
1021
- --mdc-slider-label-label-text-color: #fff;
1022
- --mdc-slider-with-overlap-handle-outline-color: #fff;
1023
- --mdc-slider-with-tick-marks-disabled-container-color: #000;
1024
- }
1025
- html {
1026
- --mat-slider-ripple-color: #607d8b;
1027
- --mat-slider-hover-state-layer-color: rgba(96, 125, 139, 0.05);
1028
- --mat-slider-focus-state-layer-color: rgba(96, 125, 139, 0.2);
1029
- --mat-slider-value-indicator-opacity: 0.6;
1030
- }
1031
- html .mat-accent {
1032
- --mdc-slider-handle-color: #ff4081;
1033
- --mdc-slider-focus-handle-color: #ff4081;
1034
- --mdc-slider-hover-handle-color: #ff4081;
1035
- --mdc-slider-active-track-color: #ff4081;
1036
- --mdc-slider-inactive-track-color: #ff4081;
1037
- --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
1038
- --mdc-slider-with-tick-marks-active-container-color: white;
1039
- }
1040
- html .mat-accent {
1041
- --mat-slider-ripple-color: #ff4081;
1042
- --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
1043
- --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
1044
- }
1045
- html .mat-warn {
1046
- --mdc-slider-handle-color: #ff5722;
1047
- --mdc-slider-focus-handle-color: #ff5722;
1048
- --mdc-slider-hover-handle-color: #ff5722;
1049
- --mdc-slider-active-track-color: #ff5722;
1050
- --mdc-slider-inactive-track-color: #ff5722;
1051
- --mdc-slider-with-tick-marks-inactive-container-color: #ff5722;
1052
- --mdc-slider-with-tick-marks-active-container-color: white;
1053
- }
1054
- html .mat-warn {
1055
- --mat-slider-ripple-color: #ff5722;
1056
- --mat-slider-hover-state-layer-color: rgba(255, 87, 34, 0.05);
1057
- --mat-slider-focus-state-layer-color: rgba(255, 87, 34, 0.2);
1058
- }
1059
-
1060
- html {
1061
- --mdc-slider-label-label-text-font: Roboto, sans-serif;
1062
- --mdc-slider-label-label-text-size: 12px;
1063
- --mdc-slider-label-label-text-line-height: 22px;
1064
- --mdc-slider-label-label-text-tracking: normal;
1065
- --mdc-slider-label-label-text-weight: 500;
1066
- }
1067
-
1068
- html {
1069
- --mat-menu-container-shape: 4px;
1070
- --mat-menu-divider-bottom-spacing: 0;
1071
- --mat-menu-divider-top-spacing: 0;
1072
- --mat-menu-item-spacing: 16px;
1073
- --mat-menu-item-icon-size: 24px;
1074
- --mat-menu-item-leading-spacing: 16px;
1075
- --mat-menu-item-trailing-spacing: 16px;
1076
- --mat-menu-item-with-icon-leading-spacing: 16px;
1077
- --mat-menu-item-with-icon-trailing-spacing: 16px;
1078
- --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1079
- }
1080
-
1081
- html {
1082
- --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
1083
- --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
1084
- --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
1085
- --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
1086
- --mat-menu-container-color: white;
1087
- --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
1088
- }
1089
-
1090
- html {
1091
- --mat-menu-item-label-text-font: Roboto, sans-serif;
1092
- --mat-menu-item-label-text-size: 14px;
1093
- --mat-menu-item-label-text-tracking: normal;
1094
- --mat-menu-item-label-text-line-height: 22px;
1095
- --mat-menu-item-label-text-weight: 400;
1096
- }
1097
-
1098
- html {
1099
- --mdc-list-list-item-container-shape: 0;
1100
- --mdc-list-list-item-leading-avatar-shape: 50%;
1101
- --mdc-list-list-item-container-color: transparent;
1102
- --mdc-list-list-item-selected-container-color: transparent;
1103
- --mdc-list-list-item-leading-avatar-color: transparent;
1104
- --mdc-list-list-item-leading-icon-size: 24px;
1105
- --mdc-list-list-item-leading-avatar-size: 40px;
1106
- --mdc-list-list-item-trailing-icon-size: 24px;
1107
- --mdc-list-list-item-disabled-state-layer-color: transparent;
1108
- --mdc-list-list-item-disabled-state-layer-opacity: 0;
1109
- --mdc-list-list-item-disabled-label-text-opacity: 0.38;
1110
- --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
1111
- --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
1112
- }
1113
- html {
1114
- --mat-list-active-indicator-color: transparent;
1115
- --mat-list-active-indicator-shape: 4px;
1116
- }
1117
-
1118
- html {
1119
- --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
1120
- --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
1121
- --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
1122
- --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
1123
- --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
1124
- --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
1125
- --mdc-list-list-item-disabled-label-text-color: black;
1126
- --mdc-list-list-item-disabled-leading-icon-color: black;
1127
- --mdc-list-list-item-disabled-trailing-icon-color: black;
1128
- --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
1129
- --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
1130
- --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
1131
- --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
1132
- --mdc-list-list-item-hover-state-layer-color: black;
1133
- --mdc-list-list-item-hover-state-layer-opacity: 0.04;
1134
- --mdc-list-list-item-focus-state-layer-color: black;
1135
- --mdc-list-list-item-focus-state-layer-opacity: 0.12;
1136
- }
1137
- .mdc-list-item__start,
1138
- .mdc-list-item__end {
1139
- --mdc-radio-disabled-selected-icon-color: black;
1140
- --mdc-radio-disabled-unselected-icon-color: black;
1141
- --mdc-radio-unselected-hover-icon-color: #212121;
1142
- --mdc-radio-unselected-focus-icon-color: #212121;
1143
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
1144
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
1145
- --mdc-radio-selected-focus-icon-color: #607d8b;
1146
- --mdc-radio-selected-hover-icon-color: #607d8b;
1147
- --mdc-radio-selected-icon-color: #607d8b;
1148
- --mdc-radio-selected-pressed-icon-color: #607d8b;
1149
- }
1150
-
1151
- .mat-accent .mdc-list-item__start,
1152
- .mat-accent .mdc-list-item__end {
1153
- --mdc-radio-disabled-selected-icon-color: black;
1154
- --mdc-radio-disabled-unselected-icon-color: black;
1155
- --mdc-radio-unselected-hover-icon-color: #212121;
1156
- --mdc-radio-unselected-focus-icon-color: #212121;
1157
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
1158
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
1159
- --mdc-radio-selected-focus-icon-color: #ff4081;
1160
- --mdc-radio-selected-hover-icon-color: #ff4081;
1161
- --mdc-radio-selected-icon-color: #ff4081;
1162
- --mdc-radio-selected-pressed-icon-color: #ff4081;
1163
- }
1164
-
1165
- .mat-warn .mdc-list-item__start,
1166
- .mat-warn .mdc-list-item__end {
1167
- --mdc-radio-disabled-selected-icon-color: black;
1168
- --mdc-radio-disabled-unselected-icon-color: black;
1169
- --mdc-radio-unselected-hover-icon-color: #212121;
1170
- --mdc-radio-unselected-focus-icon-color: #212121;
1171
- --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
1172
- --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
1173
- --mdc-radio-selected-focus-icon-color: #ff5722;
1174
- --mdc-radio-selected-hover-icon-color: #ff5722;
1175
- --mdc-radio-selected-icon-color: #ff5722;
1176
- --mdc-radio-selected-pressed-icon-color: #ff5722;
1177
- }
1178
-
1179
- .mat-mdc-list-option {
1180
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1181
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1182
- --mdc-checkbox-selected-checkmark-color: white;
1183
- --mdc-checkbox-selected-focus-icon-color: #607d8b;
1184
- --mdc-checkbox-selected-hover-icon-color: #607d8b;
1185
- --mdc-checkbox-selected-icon-color: #607d8b;
1186
- --mdc-checkbox-selected-pressed-icon-color: #607d8b;
1187
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1188
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1189
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1190
- --mdc-checkbox-selected-focus-state-layer-color: #607d8b;
1191
- --mdc-checkbox-selected-hover-state-layer-color: #607d8b;
1192
- --mdc-checkbox-selected-pressed-state-layer-color: #607d8b;
1193
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1194
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1195
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1196
- }
1197
-
1198
- .mat-mdc-list-option.mat-accent {
1199
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1200
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1201
- --mdc-checkbox-selected-checkmark-color: white;
1202
- --mdc-checkbox-selected-focus-icon-color: #ff4081;
1203
- --mdc-checkbox-selected-hover-icon-color: #ff4081;
1204
- --mdc-checkbox-selected-icon-color: #ff4081;
1205
- --mdc-checkbox-selected-pressed-icon-color: #ff4081;
1206
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1207
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1208
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1209
- --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
1210
- --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
1211
- --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
1212
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1213
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1214
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1215
- }
1216
-
1217
- .mat-mdc-list-option.mat-warn {
1218
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1219
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1220
- --mdc-checkbox-selected-checkmark-color: white;
1221
- --mdc-checkbox-selected-focus-icon-color: #ff5722;
1222
- --mdc-checkbox-selected-hover-icon-color: #ff5722;
1223
- --mdc-checkbox-selected-icon-color: #ff5722;
1224
- --mdc-checkbox-selected-pressed-icon-color: #ff5722;
1225
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1226
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1227
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1228
- --mdc-checkbox-selected-focus-state-layer-color: #ff5722;
1229
- --mdc-checkbox-selected-hover-state-layer-color: #ff5722;
1230
- --mdc-checkbox-selected-pressed-state-layer-color: #ff5722;
1231
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1232
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1233
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1234
- }
1235
-
1236
- .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
1237
- .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
1238
- .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
1239
- .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
1240
- color: #607d8b;
1241
- }
1242
-
1243
- .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
1244
- .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
1245
- .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
1246
- opacity: 1;
1247
- }
1248
-
1249
- html {
1250
- --mdc-list-list-item-one-line-container-height: 48px;
1251
- --mdc-list-list-item-two-line-container-height: 64px;
1252
- --mdc-list-list-item-three-line-container-height: 88px;
1253
- }
1254
- html {
1255
- --mat-list-list-item-leading-icon-start-space: 16px;
1256
- --mat-list-list-item-leading-icon-end-space: 32px;
1257
- }
1258
-
1259
- .mdc-list-item__start,
1260
- .mdc-list-item__end {
1261
- --mdc-radio-state-layer-size: 40px;
1262
- }
1263
-
1264
- .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
1265
- height: 56px;
1266
- }
1267
- .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
1268
- height: 72px;
1269
- }
1270
-
1271
- html {
1272
- --mdc-list-list-item-label-text-font: Roboto, sans-serif;
1273
- --mdc-list-list-item-label-text-line-height: 22px;
1274
- --mdc-list-list-item-label-text-size: 14px;
1275
- --mdc-list-list-item-label-text-tracking: normal;
1276
- --mdc-list-list-item-label-text-weight: 400;
1277
- --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
1278
- --mdc-list-list-item-supporting-text-line-height: 18px;
1279
- --mdc-list-list-item-supporting-text-size: 12px;
1280
- --mdc-list-list-item-supporting-text-tracking: normal;
1281
- --mdc-list-list-item-supporting-text-weight: 400;
1282
- --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
1283
- --mdc-list-list-item-trailing-supporting-text-line-height: 18px;
1284
- --mdc-list-list-item-trailing-supporting-text-size: 12px;
1285
- --mdc-list-list-item-trailing-supporting-text-tracking: normal;
1286
- --mdc-list-list-item-trailing-supporting-text-weight: 400;
1287
- }
1288
- .mdc-list-group__subheader {
1289
- font: 500 16px / 26px Roboto, sans-serif;
1290
- letter-spacing: normal;
1291
- }
1292
-
1293
- html {
1294
- --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
1295
- --mat-paginator-container-background-color: white;
1296
- --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
1297
- --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
1298
- }
1299
-
1300
- html {
1301
- --mat-paginator-container-size: 56px;
1302
- --mat-paginator-form-field-container-height: 40px;
1303
- --mat-paginator-form-field-container-vertical-padding: 8px;
1304
- --mat-paginator-touch-target-display: block;
1305
- }
1306
-
1307
- html {
1308
- --mat-paginator-container-text-font: Roboto, sans-serif;
1309
- --mat-paginator-container-text-line-height: 18px;
1310
- --mat-paginator-container-text-size: 12px;
1311
- --mat-paginator-container-text-tracking: normal;
1312
- --mat-paginator-container-text-weight: 400;
1313
- --mat-paginator-select-trigger-text-size: 12px;
1314
- }
1315
-
1316
- html {
1317
- --mdc-secondary-navigation-tab-container-height: 48px;
1318
- }
1319
- html {
1320
- --mdc-tab-indicator-active-indicator-height: 2px;
1321
- --mdc-tab-indicator-active-indicator-shape: 0;
1322
- }
1323
- html {
1324
- --mat-tab-header-divider-color: transparent;
1325
- --mat-tab-header-divider-height: 0;
1326
- }
1327
- .mat-mdc-tab-group,
1328
- .mat-mdc-tab-nav-bar {
1329
- --mdc-tab-indicator-active-indicator-color: #607d8b;
1330
- }
1331
- .mat-mdc-tab-group,
1332
- .mat-mdc-tab-nav-bar {
1333
- --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
1334
- --mat-tab-header-pagination-icon-color: black;
1335
- --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
1336
- --mat-tab-header-active-label-text-color: #607d8b;
1337
- --mat-tab-header-active-ripple-color: #607d8b;
1338
- --mat-tab-header-inactive-ripple-color: #607d8b;
1339
- --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
1340
- --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
1341
- --mat-tab-header-active-focus-label-text-color: #607d8b;
1342
- --mat-tab-header-active-hover-label-text-color: #607d8b;
1343
- --mat-tab-header-active-focus-indicator-color: #607d8b;
1344
- --mat-tab-header-active-hover-indicator-color: #607d8b;
1345
- }
1346
- .mat-mdc-tab-group.mat-accent,
1347
- .mat-mdc-tab-nav-bar.mat-accent {
1348
- --mdc-tab-indicator-active-indicator-color: #ff4081;
1349
- }
1350
- .mat-mdc-tab-group.mat-accent,
1351
- .mat-mdc-tab-nav-bar.mat-accent {
1352
- --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
1353
- --mat-tab-header-pagination-icon-color: black;
1354
- --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
1355
- --mat-tab-header-active-label-text-color: #ff4081;
1356
- --mat-tab-header-active-ripple-color: #ff4081;
1357
- --mat-tab-header-inactive-ripple-color: #ff4081;
1358
- --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
1359
- --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
1360
- --mat-tab-header-active-focus-label-text-color: #ff4081;
1361
- --mat-tab-header-active-hover-label-text-color: #ff4081;
1362
- --mat-tab-header-active-focus-indicator-color: #ff4081;
1363
- --mat-tab-header-active-hover-indicator-color: #ff4081;
1364
- }
1365
- .mat-mdc-tab-group.mat-warn,
1366
- .mat-mdc-tab-nav-bar.mat-warn {
1367
- --mdc-tab-indicator-active-indicator-color: #ff5722;
1368
- }
1369
- .mat-mdc-tab-group.mat-warn,
1370
- .mat-mdc-tab-nav-bar.mat-warn {
1371
- --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
1372
- --mat-tab-header-pagination-icon-color: black;
1373
- --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
1374
- --mat-tab-header-active-label-text-color: #ff5722;
1375
- --mat-tab-header-active-ripple-color: #ff5722;
1376
- --mat-tab-header-inactive-ripple-color: #ff5722;
1377
- --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
1378
- --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
1379
- --mat-tab-header-active-focus-label-text-color: #ff5722;
1380
- --mat-tab-header-active-hover-label-text-color: #ff5722;
1381
- --mat-tab-header-active-focus-indicator-color: #ff5722;
1382
- --mat-tab-header-active-hover-indicator-color: #ff5722;
1383
- }
1384
- .mat-mdc-tab-group.mat-background-primary,
1385
- .mat-mdc-tab-nav-bar.mat-background-primary {
1386
- --mat-tab-header-with-background-background-color: #607d8b;
1387
- --mat-tab-header-with-background-foreground-color: white;
1388
- }
1389
- .mat-mdc-tab-group.mat-background-accent,
1390
- .mat-mdc-tab-nav-bar.mat-background-accent {
1391
- --mat-tab-header-with-background-background-color: #ff4081;
1392
- --mat-tab-header-with-background-foreground-color: white;
1393
- }
1394
- .mat-mdc-tab-group.mat-background-warn,
1395
- .mat-mdc-tab-nav-bar.mat-background-warn {
1396
- --mat-tab-header-with-background-background-color: #ff5722;
1397
- --mat-tab-header-with-background-foreground-color: white;
1398
- }
1399
-
1400
- .mat-mdc-tab-header {
1401
- --mdc-secondary-navigation-tab-container-height: 48px;
1402
- }
1403
- .mat-mdc-tab-header {
1404
- --mat-tab-header-label-text-font: Roboto, sans-serif;
1405
- --mat-tab-header-label-text-size: 13px;
1406
- --mat-tab-header-label-text-tracking: normal;
1407
- --mat-tab-header-label-text-line-height: 13px;
1408
- --mat-tab-header-label-text-weight: 500;
1409
- }
1410
- html {
1411
- --mdc-checkbox-disabled-selected-checkmark-color: #fff;
1412
- --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
1413
- --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
1414
- --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
1415
- --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
1416
- --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
1417
- --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
1418
- }
1419
- html {
1420
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1421
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1422
- --mdc-checkbox-selected-checkmark-color: white;
1423
- --mdc-checkbox-selected-focus-icon-color: #ff4081;
1424
- --mdc-checkbox-selected-hover-icon-color: #ff4081;
1425
- --mdc-checkbox-selected-icon-color: #ff4081;
1426
- --mdc-checkbox-selected-pressed-icon-color: #ff4081;
1427
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1428
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1429
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1430
- --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
1431
- --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
1432
- --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
1433
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1434
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1435
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1436
- }
1437
- html {
1438
- --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
1439
- --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
1440
- }
1441
-
1442
- .mat-mdc-checkbox.mat-primary {
1443
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1444
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1445
- --mdc-checkbox-selected-checkmark-color: white;
1446
- --mdc-checkbox-selected-focus-icon-color: #607d8b;
1447
- --mdc-checkbox-selected-hover-icon-color: #607d8b;
1448
- --mdc-checkbox-selected-icon-color: #607d8b;
1449
- --mdc-checkbox-selected-pressed-icon-color: #607d8b;
1450
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1451
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1452
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1453
- --mdc-checkbox-selected-focus-state-layer-color: #607d8b;
1454
- --mdc-checkbox-selected-hover-state-layer-color: #607d8b;
1455
- --mdc-checkbox-selected-pressed-state-layer-color: #607d8b;
1456
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1457
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1458
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1459
- }
1460
- .mat-mdc-checkbox.mat-warn {
1461
- --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
1462
- --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
1463
- --mdc-checkbox-selected-checkmark-color: white;
1464
- --mdc-checkbox-selected-focus-icon-color: #ff5722;
1465
- --mdc-checkbox-selected-hover-icon-color: #ff5722;
1466
- --mdc-checkbox-selected-icon-color: #ff5722;
1467
- --mdc-checkbox-selected-pressed-icon-color: #ff5722;
1468
- --mdc-checkbox-unselected-focus-icon-color: #212121;
1469
- --mdc-checkbox-unselected-hover-icon-color: #212121;
1470
- --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
1471
- --mdc-checkbox-selected-focus-state-layer-color: #ff5722;
1472
- --mdc-checkbox-selected-hover-state-layer-color: #ff5722;
1473
- --mdc-checkbox-selected-pressed-state-layer-color: #ff5722;
1474
- --mdc-checkbox-unselected-focus-state-layer-color: black;
1475
- --mdc-checkbox-unselected-hover-state-layer-color: black;
1476
- --mdc-checkbox-unselected-pressed-state-layer-color: black;
1477
- }
1478
-
1479
- html {
1480
- --mdc-checkbox-state-layer-size: 40px;
1481
- }
1482
- html {
1483
- --mat-checkbox-touch-target-display: block;
1484
- }
1485
-
1486
- html {
1487
- --mat-checkbox-label-text-font: Roboto, sans-serif;
1488
- --mat-checkbox-label-text-line-height: 18px;
1489
- --mat-checkbox-label-text-size: 12px;
1490
- --mat-checkbox-label-text-tracking: normal;
1491
- --mat-checkbox-label-text-weight: 400;
1492
- }
1493
-
1494
- html {
1495
- --mdc-text-button-container-shape: 4px;
1496
- --mdc-text-button-keep-touch-target: false;
1497
- }
1498
- html {
1499
- --mdc-filled-button-container-shape: 4px;
1500
- --mdc-filled-button-keep-touch-target: false;
1501
- }
1502
- html {
1503
- --mdc-protected-button-container-shape: 4px;
1504
- --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
1505
- --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
1506
- --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1507
- --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1508
- --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1509
- }
1510
- html {
1511
- --mdc-outlined-button-keep-touch-target: false;
1512
- --mdc-outlined-button-outline-width: 1px;
1513
- --mdc-outlined-button-container-shape: 4px;
1514
- }
1515
- html {
1516
- --mat-text-button-horizontal-padding: 8px;
1517
- --mat-text-button-with-icon-horizontal-padding: 8px;
1518
- --mat-text-button-icon-spacing: 8px;
1519
- --mat-text-button-icon-offset: 0;
1520
- }
1521
- html {
1522
- --mat-filled-button-horizontal-padding: 16px;
1523
- --mat-filled-button-icon-spacing: 8px;
1524
- --mat-filled-button-icon-offset: -4px;
1525
- }
1526
- html {
1527
- --mat-protected-button-horizontal-padding: 16px;
1528
- --mat-protected-button-icon-spacing: 8px;
1529
- --mat-protected-button-icon-offset: -4px;
1530
- }
1531
- html {
1532
- --mat-outlined-button-horizontal-padding: 15px;
1533
- --mat-outlined-button-icon-spacing: 8px;
1534
- --mat-outlined-button-icon-offset: -4px;
1535
- }
1536
-
1537
- html {
1538
- --mdc-text-button-label-text-color: black;
1539
- --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
1540
- }
1541
- html {
1542
- --mat-text-button-state-layer-color: black;
1543
- --mat-text-button-disabled-state-layer-color: black;
1544
- --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
1545
- --mat-text-button-hover-state-layer-opacity: 0.04;
1546
- --mat-text-button-focus-state-layer-opacity: 0.12;
1547
- --mat-text-button-pressed-state-layer-opacity: 0.12;
1548
- }
1549
- html {
1550
- --mdc-filled-button-container-color: white;
1551
- --mdc-filled-button-label-text-color: black;
1552
- --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
1553
- --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
1554
- }
1555
- html {
1556
- --mat-filled-button-state-layer-color: black;
1557
- --mat-filled-button-disabled-state-layer-color: black;
1558
- --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
1559
- --mat-filled-button-hover-state-layer-opacity: 0.04;
1560
- --mat-filled-button-focus-state-layer-opacity: 0.12;
1561
- --mat-filled-button-pressed-state-layer-opacity: 0.12;
1562
- }
1563
- html {
1564
- --mdc-protected-button-container-color: white;
1565
- --mdc-protected-button-label-text-color: black;
1566
- --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
1567
- --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
1568
- }
1569
- html {
1570
- --mat-protected-button-state-layer-color: black;
1571
- --mat-protected-button-disabled-state-layer-color: black;
1572
- --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
1573
- --mat-protected-button-hover-state-layer-opacity: 0.04;
1574
- --mat-protected-button-focus-state-layer-opacity: 0.12;
1575
- --mat-protected-button-pressed-state-layer-opacity: 0.12;
1576
- }
1577
- html {
1578
- --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
1579
- --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
1580
- --mdc-outlined-button-label-text-color: black;
1581
- --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
1582
- }
1583
- html {
1584
- --mat-outlined-button-state-layer-color: black;
1585
- --mat-outlined-button-disabled-state-layer-color: black;
1586
- --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
1587
- --mat-outlined-button-hover-state-layer-opacity: 0.04;
1588
- --mat-outlined-button-focus-state-layer-opacity: 0.12;
1589
- --mat-outlined-button-pressed-state-layer-opacity: 0.12;
1590
- }
1591
-
1592
- .mat-mdc-button.mat-primary {
1593
- --mdc-text-button-label-text-color: #607d8b;
1594
- }
1595
- .mat-mdc-button.mat-primary {
1596
- --mat-text-button-state-layer-color: #607d8b;
1597
- --mat-text-button-ripple-color: rgba(96, 125, 139, 0.1);
1598
- }
1599
- .mat-mdc-button.mat-accent {
1600
- --mdc-text-button-label-text-color: #ff4081;
1601
- }
1602
- .mat-mdc-button.mat-accent {
1603
- --mat-text-button-state-layer-color: #ff4081;
1604
- --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
1605
- }
1606
- .mat-mdc-button.mat-warn {
1607
- --mdc-text-button-label-text-color: #ff5722;
1608
- }
1609
- .mat-mdc-button.mat-warn {
1610
- --mat-text-button-state-layer-color: #ff5722;
1611
- --mat-text-button-ripple-color: rgba(255, 87, 34, 0.1);
1612
- }
1613
-
1614
- .mat-mdc-unelevated-button.mat-primary {
1615
- --mdc-filled-button-container-color: #607d8b;
1616
- --mdc-filled-button-label-text-color: white;
1617
- }
1618
- .mat-mdc-unelevated-button.mat-primary {
1619
- --mat-filled-button-state-layer-color: white;
1620
- --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
1621
- }
1622
- .mat-mdc-unelevated-button.mat-accent {
1623
- --mdc-filled-button-container-color: #ff4081;
1624
- --mdc-filled-button-label-text-color: white;
1625
- }
1626
- .mat-mdc-unelevated-button.mat-accent {
1627
- --mat-filled-button-state-layer-color: white;
1628
- --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
1629
- }
1630
- .mat-mdc-unelevated-button.mat-warn {
1631
- --mdc-filled-button-container-color: #ff5722;
1632
- --mdc-filled-button-label-text-color: white;
1633
- }
1634
- .mat-mdc-unelevated-button.mat-warn {
1635
- --mat-filled-button-state-layer-color: white;
1636
- --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
1637
- }
1638
-
1639
- .mat-mdc-raised-button.mat-primary {
1640
- --mdc-protected-button-container-color: #607d8b;
1641
- --mdc-protected-button-label-text-color: white;
1642
- }
1643
- .mat-mdc-raised-button.mat-primary {
1644
- --mat-protected-button-state-layer-color: white;
1645
- --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
1646
- }
1647
- .mat-mdc-raised-button.mat-accent {
1648
- --mdc-protected-button-container-color: #ff4081;
1649
- --mdc-protected-button-label-text-color: white;
1650
- }
1651
- .mat-mdc-raised-button.mat-accent {
1652
- --mat-protected-button-state-layer-color: white;
1653
- --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
1654
- }
1655
- .mat-mdc-raised-button.mat-warn {
1656
- --mdc-protected-button-container-color: #ff5722;
1657
- --mdc-protected-button-label-text-color: white;
1658
- }
1659
- .mat-mdc-raised-button.mat-warn {
1660
- --mat-protected-button-state-layer-color: white;
1661
- --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
1662
- }
1663
-
1664
- .mat-mdc-outlined-button.mat-primary {
1665
- --mdc-outlined-button-label-text-color: #607d8b;
1666
- --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
1667
- }
1668
- .mat-mdc-outlined-button.mat-primary {
1669
- --mat-outlined-button-state-layer-color: #607d8b;
1670
- --mat-outlined-button-ripple-color: rgba(96, 125, 139, 0.1);
1671
- }
1672
- .mat-mdc-outlined-button.mat-accent {
1673
- --mdc-outlined-button-label-text-color: #ff4081;
1674
- --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
1675
- }
1676
- .mat-mdc-outlined-button.mat-accent {
1677
- --mat-outlined-button-state-layer-color: #ff4081;
1678
- --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
1679
- }
1680
- .mat-mdc-outlined-button.mat-warn {
1681
- --mdc-outlined-button-label-text-color: #ff5722;
1682
- --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
1683
- }
1684
- .mat-mdc-outlined-button.mat-warn {
1685
- --mat-outlined-button-state-layer-color: #ff5722;
1686
- --mat-outlined-button-ripple-color: rgba(255, 87, 34, 0.1);
1687
- }
1688
-
1689
- html {
1690
- --mdc-text-button-container-height: 36px;
1691
- }
1692
- html {
1693
- --mdc-filled-button-container-height: 36px;
1694
- }
1695
- html {
1696
- --mdc-protected-button-container-height: 36px;
1697
- }
1698
- html {
1699
- --mdc-outlined-button-container-height: 36px;
1700
- }
1701
- html {
1702
- --mat-text-button-touch-target-display: block;
1703
- }
1704
- html {
1705
- --mat-filled-button-touch-target-display: block;
1706
- }
1707
- html {
1708
- --mat-protected-button-touch-target-display: block;
1709
- }
1710
- html {
1711
- --mat-outlined-button-touch-target-display: block;
1712
- }
1713
-
1714
- html {
1715
- --mdc-text-button-label-text-font: Roboto, sans-serif;
1716
- --mdc-text-button-label-text-size: 13px;
1717
- --mdc-text-button-label-text-tracking: normal;
1718
- --mdc-text-button-label-text-weight: 500;
1719
- --mdc-text-button-label-text-transform: none;
1720
- }
1721
- html {
1722
- --mdc-filled-button-label-text-font: Roboto, sans-serif;
1723
- --mdc-filled-button-label-text-size: 13px;
1724
- --mdc-filled-button-label-text-tracking: normal;
1725
- --mdc-filled-button-label-text-weight: 500;
1726
- --mdc-filled-button-label-text-transform: none;
1727
- }
1728
- html {
1729
- --mdc-protected-button-label-text-font: Roboto, sans-serif;
1730
- --mdc-protected-button-label-text-size: 13px;
1731
- --mdc-protected-button-label-text-tracking: normal;
1732
- --mdc-protected-button-label-text-weight: 500;
1733
- --mdc-protected-button-label-text-transform: none;
1734
- }
1735
- html {
1736
- --mdc-outlined-button-label-text-font: Roboto, sans-serif;
1737
- --mdc-outlined-button-label-text-size: 13px;
1738
- --mdc-outlined-button-label-text-tracking: normal;
1739
- --mdc-outlined-button-label-text-weight: 500;
1740
- --mdc-outlined-button-label-text-transform: none;
1741
- }
1742
- html {
1743
- --mdc-icon-button-icon-size: 24px;
1744
- }
1745
-
1746
- html {
1747
- --mdc-icon-button-icon-color: inherit;
1748
- --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
1749
- }
1750
- html {
1751
- --mat-icon-button-state-layer-color: black;
1752
- --mat-icon-button-disabled-state-layer-color: black;
1753
- --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
1754
- --mat-icon-button-hover-state-layer-opacity: 0.04;
1755
- --mat-icon-button-focus-state-layer-opacity: 0.12;
1756
- --mat-icon-button-pressed-state-layer-opacity: 0.12;
1757
- }
1758
- html .mat-mdc-icon-button.mat-primary {
1759
- --mdc-icon-button-icon-color: #607d8b;
1760
- }
1761
- html .mat-mdc-icon-button.mat-primary {
1762
- --mat-icon-button-state-layer-color: #607d8b;
1763
- --mat-icon-button-ripple-color: rgba(96, 125, 139, 0.1);
1764
- }
1765
- html .mat-mdc-icon-button.mat-accent {
1766
- --mdc-icon-button-icon-color: #ff4081;
1767
- }
1768
- html .mat-mdc-icon-button.mat-accent {
1769
- --mat-icon-button-state-layer-color: #ff4081;
1770
- --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
1771
- }
1772
- html .mat-mdc-icon-button.mat-warn {
1773
- --mdc-icon-button-icon-color: #ff5722;
1774
- }
1775
- html .mat-mdc-icon-button.mat-warn {
1776
- --mat-icon-button-state-layer-color: #ff5722;
1777
- --mat-icon-button-ripple-color: rgba(255, 87, 34, 0.1);
1778
- }
1779
-
1780
- html {
1781
- --mat-icon-button-touch-target-display: block;
1782
- }
1783
-
1784
- .mat-mdc-icon-button.mat-mdc-button-base {
1785
- --mdc-icon-button-state-layer-size: 48px;
1786
- width: var(--mdc-icon-button-state-layer-size);
1787
- height: var(--mdc-icon-button-state-layer-size);
1788
- padding: 12px;
1789
- }
1790
-
1791
- html {
1792
- --mdc-fab-container-shape: 50%;
1793
- --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1794
- --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1795
- --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1796
- --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1797
- }
1798
- html {
1799
- --mdc-fab-small-container-shape: 50%;
1800
- --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1801
- --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1802
- --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1803
- --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1804
- }
1805
- html {
1806
- --mdc-extended-fab-container-height: 48px;
1807
- --mdc-extended-fab-container-shape: 24px;
1808
- --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1809
- --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1810
- --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1811
- --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1812
- }
1813
-
1814
- html {
1815
- --mdc-fab-container-color: white;
1816
- }
1817
- html {
1818
- --mat-fab-foreground-color: black;
1819
- --mat-fab-state-layer-color: black;
1820
- --mat-fab-disabled-state-layer-color: black;
1821
- --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
1822
- --mat-fab-hover-state-layer-opacity: 0.04;
1823
- --mat-fab-focus-state-layer-opacity: 0.12;
1824
- --mat-fab-pressed-state-layer-opacity: 0.12;
1825
- --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
1826
- --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
1827
- }
1828
- html {
1829
- --mdc-fab-small-container-color: white;
1830
- }
1831
- html {
1832
- --mat-fab-small-foreground-color: black;
1833
- --mat-fab-small-state-layer-color: black;
1834
- --mat-fab-small-disabled-state-layer-color: black;
1835
- --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
1836
- --mat-fab-small-hover-state-layer-opacity: 0.04;
1837
- --mat-fab-small-focus-state-layer-opacity: 0.12;
1838
- --mat-fab-small-pressed-state-layer-opacity: 0.12;
1839
- --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
1840
- --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
1841
- }
1842
- html .mat-mdc-fab.mat-primary {
1843
- --mdc-fab-container-color: #607d8b;
1844
- }
1845
- html .mat-mdc-fab.mat-primary {
1846
- --mat-fab-foreground-color: white;
1847
- --mat-fab-state-layer-color: white;
1848
- --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
1849
- }
1850
- html .mat-mdc-fab.mat-accent {
1851
- --mdc-fab-container-color: #ff4081;
1852
- }
1853
- html .mat-mdc-fab.mat-accent {
1854
- --mat-fab-foreground-color: white;
1855
- --mat-fab-state-layer-color: white;
1856
- --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
1857
- }
1858
- html .mat-mdc-fab.mat-warn {
1859
- --mdc-fab-container-color: #ff5722;
1860
- }
1861
- html .mat-mdc-fab.mat-warn {
1862
- --mat-fab-foreground-color: white;
1863
- --mat-fab-state-layer-color: white;
1864
- --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
1865
- }
1866
- html .mat-mdc-mini-fab.mat-primary {
1867
- --mdc-fab-small-container-color: #607d8b;
1868
- }
1869
- html .mat-mdc-mini-fab.mat-primary {
1870
- --mat-fab-small-foreground-color: white;
1871
- --mat-fab-small-state-layer-color: white;
1872
- --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
1873
- }
1874
- html .mat-mdc-mini-fab.mat-accent {
1875
- --mdc-fab-small-container-color: #ff4081;
1876
- }
1877
- html .mat-mdc-mini-fab.mat-accent {
1878
- --mat-fab-small-foreground-color: white;
1879
- --mat-fab-small-state-layer-color: white;
1880
- --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
1881
- }
1882
- html .mat-mdc-mini-fab.mat-warn {
1883
- --mdc-fab-small-container-color: #ff5722;
1884
- }
1885
- html .mat-mdc-mini-fab.mat-warn {
1886
- --mat-fab-small-foreground-color: white;
1887
- --mat-fab-small-state-layer-color: white;
1888
- --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
1889
- }
1890
-
1891
- html {
1892
- --mat-fab-touch-target-display: block;
1893
- }
1894
- html {
1895
- --mat-fab-small-touch-target-display: block;
1896
- }
1897
-
1898
- html {
1899
- --mdc-extended-fab-label-text-font: Roboto, sans-serif;
1900
- --mdc-extended-fab-label-text-size: 13px;
1901
- --mdc-extended-fab-label-text-tracking: normal;
1902
- --mdc-extended-fab-label-text-weight: 500;
1903
- }
1904
- html {
1905
- --mdc-snackbar-container-shape: 4px;
1906
- }
1907
-
1908
- html {
1909
- --mdc-snackbar-container-color: #333333;
1910
- --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
1911
- }
1912
- html {
1913
- --mat-snack-bar-button-color: #cfd8dc;
1914
- }
1915
-
1916
- html {
1917
- --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
1918
- --mdc-snackbar-supporting-text-line-height: 18px;
1919
- --mdc-snackbar-supporting-text-size: 12px;
1920
- --mdc-snackbar-supporting-text-weight: 400;
1921
- }
1922
-
1923
- html {
1924
- --mat-table-row-item-outline-width: 1px;
1925
- }
1926
-
1927
- html {
1928
- --mat-table-background-color: white;
1929
- --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
1930
- --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
1931
- --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
1932
- }
1933
-
1934
- html {
1935
- --mat-table-header-container-height: 56px;
1936
- --mat-table-footer-container-height: 52px;
1937
- --mat-table-row-item-container-height: 52px;
1938
- }
1939
-
1940
- html {
1941
- --mat-table-header-headline-font: Roboto, sans-serif;
1942
- --mat-table-header-headline-line-height: 22px;
1943
- --mat-table-header-headline-size: 12px;
1944
- --mat-table-header-headline-weight: 500;
1945
- --mat-table-header-headline-tracking: normal;
1946
- --mat-table-row-item-label-text-font: Roboto, sans-serif;
1947
- --mat-table-row-item-label-text-line-height: 18px;
1948
- --mat-table-row-item-label-text-size: 12px;
1949
- --mat-table-row-item-label-text-weight: 400;
1950
- --mat-table-row-item-label-text-tracking: normal;
1951
- --mat-table-footer-supporting-text-font: Roboto, sans-serif;
1952
- --mat-table-footer-supporting-text-line-height: 18px;
1953
- --mat-table-footer-supporting-text-size: 12px;
1954
- --mat-table-footer-supporting-text-weight: 400;
1955
- --mat-table-footer-supporting-text-tracking: normal;
1956
- }
1957
-
1958
- html {
1959
- --mdc-circular-progress-active-indicator-width: 4px;
1960
- --mdc-circular-progress-size: 48px;
1961
- }
1962
-
1963
- html {
1964
- --mdc-circular-progress-active-indicator-color: #607d8b;
1965
- }
1966
- html .mat-accent {
1967
- --mdc-circular-progress-active-indicator-color: #ff4081;
1968
- }
1969
- html .mat-warn {
1970
- --mdc-circular-progress-active-indicator-color: #ff5722;
1971
- }
1972
-
1973
- html {
1974
- --mat-badge-container-shape: 50%;
1975
- --mat-badge-container-size: unset;
1976
- --mat-badge-small-size-container-size: unset;
1977
- --mat-badge-large-size-container-size: unset;
1978
- --mat-badge-legacy-container-size: 22px;
1979
- --mat-badge-legacy-small-size-container-size: 16px;
1980
- --mat-badge-legacy-large-size-container-size: 28px;
1981
- --mat-badge-container-offset: -11px 0;
1982
- --mat-badge-small-size-container-offset: -8px 0;
1983
- --mat-badge-large-size-container-offset: -14px 0;
1984
- --mat-badge-container-overlap-offset: -11px;
1985
- --mat-badge-small-size-container-overlap-offset: -8px;
1986
- --mat-badge-large-size-container-overlap-offset: -14px;
1987
- --mat-badge-container-padding: 0;
1988
- --mat-badge-small-size-container-padding: 0;
1989
- --mat-badge-large-size-container-padding: 0;
1990
- }
1991
-
1992
- html {
1993
- --mat-badge-background-color: #607d8b;
1994
- --mat-badge-text-color: white;
1995
- --mat-badge-disabled-state-background-color: #b9b9b9;
1996
- --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
1997
- }
1998
-
1999
- .mat-badge-accent {
2000
- --mat-badge-background-color: #ff4081;
2001
- --mat-badge-text-color: white;
2002
- }
2003
-
2004
- .mat-badge-warn {
2005
- --mat-badge-background-color: #ff5722;
2006
- --mat-badge-text-color: white;
2007
- }
2008
-
2009
- html {
2010
- --mat-badge-text-font: Roboto, sans-serif;
2011
- --mat-badge-line-height: 22px;
2012
- --mat-badge-text-size: 12px;
2013
- --mat-badge-text-weight: 600;
2014
- --mat-badge-small-size-text-size: 9px;
2015
- --mat-badge-small-size-line-height: 16px;
2016
- --mat-badge-large-size-text-size: 24px;
2017
- --mat-badge-large-size-line-height: 28px;
2018
- }
2019
-
2020
- html {
2021
- --mat-bottom-sheet-container-shape: 4px;
2022
- }
2023
-
2024
- html {
2025
- --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
2026
- --mat-bottom-sheet-container-background-color: white;
2027
- }
2028
-
2029
- html {
2030
- --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
2031
- --mat-bottom-sheet-container-text-line-height: 18px;
2032
- --mat-bottom-sheet-container-text-size: 12px;
2033
- --mat-bottom-sheet-container-text-tracking: normal;
2034
- --mat-bottom-sheet-container-text-weight: 400;
2035
- }
2036
-
2037
- html {
2038
- --mat-legacy-button-toggle-height: 36px;
2039
- --mat-legacy-button-toggle-shape: 2px;
2040
- --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
2041
- }
2042
- html {
2043
- --mat-standard-button-toggle-shape: 4px;
2044
- --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
2045
- --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
2046
- }
2047
-
2048
- html {
2049
- --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
2050
- --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
2051
- --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
2052
- --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
2053
- --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2054
- --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
2055
- --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
2056
- }
2057
- html {
2058
- --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
2059
- --mat-standard-button-toggle-background-color: white;
2060
- --mat-standard-button-toggle-state-layer-color: black;
2061
- --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
2062
- --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
2063
- --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2064
- --mat-standard-button-toggle-disabled-state-background-color: white;
2065
- --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
2066
- --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
2067
- --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
2068
- }
2069
-
2070
- html {
2071
- --mat-standard-button-toggle-height: 48px;
2072
- }
2073
-
2074
- html {
2075
- --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
2076
- --mat-legacy-button-toggle-label-text-line-height: 22px;
2077
- --mat-legacy-button-toggle-label-text-size: 14px;
2078
- --mat-legacy-button-toggle-label-text-tracking: normal;
2079
- --mat-legacy-button-toggle-label-text-weight: 400;
2080
- }
2081
- html {
2082
- --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
2083
- --mat-standard-button-toggle-label-text-line-height: 22px;
2084
- --mat-standard-button-toggle-label-text-size: 14px;
2085
- --mat-standard-button-toggle-label-text-tracking: normal;
2086
- --mat-standard-button-toggle-label-text-weight: 400;
2087
- }
2088
-
2089
- html {
2090
- --mat-datepicker-calendar-container-shape: 4px;
2091
- --mat-datepicker-calendar-container-touch-shape: 4px;
2092
- --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
2093
- --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
2094
- }
2095
-
2096
- html {
2097
- --mat-datepicker-calendar-date-selected-state-text-color: white;
2098
- --mat-datepicker-calendar-date-selected-state-background-color: #607d8b;
2099
- --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(96, 125, 139, 0.4);
2100
- --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2101
- --mat-datepicker-calendar-date-focus-state-background-color: rgba(96, 125, 139, 0.3);
2102
- --mat-datepicker-calendar-date-hover-state-background-color: rgba(96, 125, 139, 0.3);
2103
- --mat-datepicker-toggle-active-state-icon-color: #607d8b;
2104
- --mat-datepicker-calendar-date-in-range-state-background-color: rgba(96, 125, 139, 0.2);
2105
- --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2106
- --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2107
- --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
2108
- --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
2109
- --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
2110
- --mat-datepicker-calendar-period-button-text-color: black;
2111
- --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
2112
- --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
2113
- --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
2114
- --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
2115
- --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
2116
- --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
2117
- --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
2118
- --mat-datepicker-calendar-date-outline-color: transparent;
2119
- --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
2120
- --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
2121
- --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
2122
- --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
2123
- --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
2124
- --mat-datepicker-calendar-container-background-color: white;
2125
- --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
2126
- }
2127
-
2128
- .mat-datepicker-content.mat-accent {
2129
- --mat-datepicker-calendar-date-selected-state-text-color: white;
2130
- --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
2131
- --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
2132
- --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2133
- --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
2134
- --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
2135
- --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
2136
- --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2137
- --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2138
- --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
2139
- }
2140
- .mat-datepicker-content.mat-warn {
2141
- --mat-datepicker-calendar-date-selected-state-text-color: white;
2142
- --mat-datepicker-calendar-date-selected-state-background-color: #ff5722;
2143
- --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 87, 34, 0.4);
2144
- --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2145
- --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 87, 34, 0.3);
2146
- --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 87, 34, 0.3);
2147
- --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 87, 34, 0.2);
2148
- --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2149
- --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2150
- --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
2151
- }
2152
-
2153
- .mat-datepicker-toggle-active.mat-accent {
2154
- --mat-datepicker-toggle-active-state-icon-color: #ff4081;
2155
- }
2156
- .mat-datepicker-toggle-active.mat-warn {
2157
- --mat-datepicker-toggle-active-state-icon-color: #ff5722;
2158
- }
2159
-
2160
- .mat-calendar-controls {
2161
- --mat-icon-button-touch-target-display: none;
2162
- }
2163
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
2164
- --mdc-icon-button-state-layer-size: 40px;
2165
- width: var(--mdc-icon-button-state-layer-size);
2166
- height: var(--mdc-icon-button-state-layer-size);
2167
- padding: 8px;
2168
- }
2169
-
2170
- html {
2171
- --mat-datepicker-calendar-text-font: Roboto, sans-serif;
2172
- --mat-datepicker-calendar-text-size: 13px;
2173
- --mat-datepicker-calendar-body-label-text-size: 13px;
2174
- --mat-datepicker-calendar-body-label-text-weight: 500;
2175
- --mat-datepicker-calendar-period-button-text-size: 13px;
2176
- --mat-datepicker-calendar-period-button-text-weight: 500;
2177
- --mat-datepicker-calendar-header-text-size: 11px;
2178
- --mat-datepicker-calendar-header-text-weight: 400;
2179
- }
2180
-
2181
- html {
2182
- --mat-divider-width: 1px;
2183
- }
2184
-
2185
- html {
2186
- --mat-divider-color: rgba(0, 0, 0, 0.12);
2187
- }
2188
-
2189
- html {
2190
- --mat-expansion-container-shape: 4px;
2191
- --mat-expansion-legacy-header-indicator-display: inline-block;
2192
- --mat-expansion-header-indicator-display: none;
2193
- }
2194
-
2195
- html {
2196
- --mat-expansion-container-background-color: white;
2197
- --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
2198
- --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
2199
- --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
2200
- --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
2201
- --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2202
- --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
2203
- --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
2204
- --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
2205
- }
2206
-
2207
- html {
2208
- --mat-expansion-header-collapsed-state-height: 48px;
2209
- --mat-expansion-header-expanded-state-height: 64px;
2210
- }
2211
-
2212
- html {
2213
- --mat-expansion-header-text-font: Roboto, sans-serif;
2214
- --mat-expansion-header-text-size: 12px;
2215
- --mat-expansion-header-text-weight: 500;
2216
- --mat-expansion-header-text-line-height: inherit;
2217
- --mat-expansion-header-text-tracking: inherit;
2218
- --mat-expansion-container-text-font: Roboto, sans-serif;
2219
- --mat-expansion-container-text-line-height: 18px;
2220
- --mat-expansion-container-text-size: 12px;
2221
- --mat-expansion-container-text-tracking: normal;
2222
- --mat-expansion-container-text-weight: 400;
2223
- }
2224
-
2225
- html {
2226
- --mat-grid-list-tile-header-primary-text-size: 12px;
2227
- --mat-grid-list-tile-header-secondary-text-size: 12px;
2228
- --mat-grid-list-tile-footer-primary-text-size: 12px;
2229
- --mat-grid-list-tile-footer-secondary-text-size: 12px;
2230
- }
2231
-
2232
- html {
2233
- --mat-icon-color: inherit;
2234
- }
2235
-
2236
- .mat-icon.mat-primary {
2237
- --mat-icon-color: #607d8b;
2238
- }
2239
- .mat-icon.mat-accent {
2240
- --mat-icon-color: #ff4081;
2241
- }
2242
- .mat-icon.mat-warn {
2243
- --mat-icon-color: #ff5722;
2244
- }
2245
-
2246
- html {
2247
- --mat-sidenav-container-shape: 0;
2248
- --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
2249
- --mat-sidenav-container-width: auto;
2250
- }
2251
-
2252
- html {
2253
- --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
2254
- --mat-sidenav-container-background-color: white;
2255
- --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
2256
- --mat-sidenav-content-background-color: #fafafa;
2257
- --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
2258
- --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
2259
- }
2260
-
2261
- html {
2262
- --mat-stepper-header-icon-foreground-color: white;
2263
- --mat-stepper-header-selected-state-icon-background-color: #607d8b;
2264
- --mat-stepper-header-selected-state-icon-foreground-color: white;
2265
- --mat-stepper-header-done-state-icon-background-color: #607d8b;
2266
- --mat-stepper-header-done-state-icon-foreground-color: white;
2267
- --mat-stepper-header-edit-state-icon-background-color: #607d8b;
2268
- --mat-stepper-header-edit-state-icon-foreground-color: white;
2269
- --mat-stepper-container-color: white;
2270
- --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
2271
- --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
2272
- --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
2273
- --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
2274
- --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
2275
- --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
2276
- --mat-stepper-header-error-state-label-text-color: #ff5722;
2277
- --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
2278
- --mat-stepper-header-error-state-icon-foreground-color: #ff5722;
2279
- --mat-stepper-header-error-state-icon-background-color: transparent;
2280
- }
2281
- html .mat-step-header.mat-accent {
2282
- --mat-stepper-header-icon-foreground-color: white;
2283
- --mat-stepper-header-selected-state-icon-background-color: #ff4081;
2284
- --mat-stepper-header-selected-state-icon-foreground-color: white;
2285
- --mat-stepper-header-done-state-icon-background-color: #ff4081;
2286
- --mat-stepper-header-done-state-icon-foreground-color: white;
2287
- --mat-stepper-header-edit-state-icon-background-color: #ff4081;
2288
- --mat-stepper-header-edit-state-icon-foreground-color: white;
2289
- }
2290
- html .mat-step-header.mat-warn {
2291
- --mat-stepper-header-icon-foreground-color: white;
2292
- --mat-stepper-header-selected-state-icon-background-color: #ff5722;
2293
- --mat-stepper-header-selected-state-icon-foreground-color: white;
2294
- --mat-stepper-header-done-state-icon-background-color: #ff5722;
2295
- --mat-stepper-header-done-state-icon-foreground-color: white;
2296
- --mat-stepper-header-edit-state-icon-background-color: #ff5722;
2297
- --mat-stepper-header-edit-state-icon-foreground-color: white;
2298
- }
2299
-
2300
- html {
2301
- --mat-stepper-header-height: 72px;
2302
- }
2303
-
2304
- html {
2305
- --mat-stepper-container-text-font: Roboto, sans-serif;
2306
- --mat-stepper-header-label-text-font: Roboto, sans-serif;
2307
- --mat-stepper-header-label-text-size: 12px;
2308
- --mat-stepper-header-label-text-weight: 400;
2309
- --mat-stepper-header-error-state-label-text-size: 14px;
2310
- --mat-stepper-header-selected-state-label-text-size: 14px;
2311
- --mat-stepper-header-selected-state-label-text-weight: 400;
2312
- }
2313
-
2314
- html {
2315
- --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
2316
- }
2317
-
2318
- html {
2319
- --mat-toolbar-container-background-color: whitesmoke;
2320
- --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
2321
- }
2322
-
2323
- .mat-toolbar.mat-primary {
2324
- --mat-toolbar-container-background-color: #607d8b;
2325
- --mat-toolbar-container-text-color: white;
2326
- }
2327
- .mat-toolbar.mat-accent {
2328
- --mat-toolbar-container-background-color: #ff4081;
2329
- --mat-toolbar-container-text-color: white;
2330
- }
2331
- .mat-toolbar.mat-warn {
2332
- --mat-toolbar-container-background-color: #ff5722;
2333
- --mat-toolbar-container-text-color: white;
2334
- }
2335
-
2336
- html {
2337
- --mat-toolbar-standard-height: 64px;
2338
- --mat-toolbar-mobile-height: 56px;
2339
- }
2340
-
2341
- html {
2342
- --mat-toolbar-title-text-font: Roboto, sans-serif;
2343
- --mat-toolbar-title-text-line-height: 30px;
2344
- --mat-toolbar-title-text-size: 20px;
2345
- --mat-toolbar-title-text-tracking: normal;
2346
- --mat-toolbar-title-text-weight: 400;
2347
- }
2348
-
2349
- html {
2350
- --mat-tree-container-background-color: white;
2351
- --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
2352
- }
2353
-
2354
- html {
2355
- --mat-tree-node-min-height: 48px;
2356
- }
2357
-
2358
- html {
2359
- --mat-tree-node-text-font: Roboto, sans-serif;
2360
- --mat-tree-node-text-size: 12px;
2361
- --mat-tree-node-text-weight: 400;
2362
- }
2363
-
2364
- html {
2365
- --mat-timepicker-container-shape: 4px;
2366
- --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
2367
- }
2368
-
2369
- html {
2370
- --mat-timepicker-container-background-color: white;
2371
- }
2372
-
2373
- html {
2374
- --mat-standard-button-toggle-height: 36px;
2375
- }
2376
-
2377
- mat-button-toggle {
2378
- color: black !important;
2379
- }
2380
- mat-button-toggle.mat-button-toggle-checked {
2381
- background-color: #ff4081;
2382
- color: #424242;
2383
- }
2384
-
2385
- mat-tab-group,
2386
- mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper {
2387
- height: 100%;
2388
- overflow: hidden;
2389
- }
2390
-
2391
- .toast-error {
2392
- background-color: #ff5722 !important;
2393
- }
2394
-
2395
- .toast-info {
2396
- background-color: #607d8b !important;
2397
- }
2398
-
2399
- .toast-no-icon {
2400
- background-image: none;
2401
- padding-left: 6%;
2402
- }
2403
-
2404
- .toast-title {
2405
- font-weight: bold;
2406
- }
2407
-
2408
- igo-auth-intern .loading-container {
2409
- background-color: rgba(224, 224, 224, 0.64);
2410
- }
2411
-
2412
- igo-actionbar-item {
2413
- --mat-icon-button-touch-target-display: none;
2414
- }
2415
- igo-actionbar-item .mat-mdc-icon-button.mat-mdc-button-base {
2416
- --mdc-icon-button-state-layer-size: 40px;
2417
- width: var(--mdc-icon-button-state-layer-size);
2418
- height: var(--mdc-icon-button-state-layer-size);
2419
- padding: 8px;
2420
- }
2421
- igo-actionbar-item {
2422
- --mdc-list-list-item-one-line-container-height: 40px;
2423
- --mdc-list-list-item-two-line-container-height: 56px;
2424
- --mdc-list-list-item-three-line-container-height: 80px;
2425
- }
2426
- igo-actionbar-item {
2427
- --mat-list-list-item-leading-icon-start-space: 16px;
2428
- --mat-list-list-item-leading-icon-end-space: 32px;
2429
- }
2430
- igo-actionbar-item .mdc-list-item__start,
2431
- igo-actionbar-item .mdc-list-item__end {
2432
- --mdc-radio-state-layer-size: 32px;
2433
- }
2434
- igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
2435
- height: 48px;
2436
- }
2437
- igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
2438
- height: 64px;
2439
- }
2440
-
2441
- mat-icon[igocollapse]:hover {
2442
- cursor: pointer;
2443
- }
2444
- mat-icon[igocollapse].igo-chevron {
2445
- width: auto !important;
2446
- transform: rotateZ(0deg);
2447
- transition: 300ms ease-in-out;
2448
- }
2449
- mat-icon[igocollapse].igo-chevron.collapsed {
2450
- transform: rotateZ(180deg);
2451
- transition: 300ms ease-in-out;
2452
- }
2453
-
2454
- div.igo-collapsed {
2455
- display: none !important;
2456
- }
2457
-
2458
- igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-highlighted {
2459
- background-color: #cfd8dc;
2460
- color: white;
2461
- }
2462
-
2463
- igo-entity-table .mat-mdc-table thead {
2464
- background-color: #fafafa;
2465
- }
2466
-
2467
- igo-entity-table {
2468
- --mat-table-header-container-height: 52px;
2469
- --mat-table-footer-container-height: 48px;
2470
- --mat-table-row-item-container-height: 48px;
2471
- }
2472
-
2473
- igo-entity-selector {
2474
- --mat-form-field-container-height: 48px;
2475
- --mat-form-field-filled-label-display: none;
2476
- --mat-form-field-container-vertical-padding: 12px;
2477
- --mat-form-field-filled-with-label-container-padding-top: 12px;
2478
- --mat-form-field-filled-with-label-container-padding-bottom: 12px;
2479
- }
2480
-
2481
- igo-list {
2482
- --mat-icon-button-touch-target-display: block;
2483
- }
2484
- igo-list .mat-mdc-icon-button.mat-mdc-button-base {
2485
- --mdc-icon-button-state-layer-size: 48px;
2486
- width: var(--mdc-icon-button-state-layer-size);
2487
- height: var(--mdc-icon-button-state-layer-size);
2488
- padding: 12px;
2489
- }
2490
- igo-list {
2491
- --mdc-list-list-item-one-line-container-height: 48px;
2492
- --mdc-list-list-item-two-line-container-height: 64px;
2493
- --mdc-list-list-item-three-line-container-height: 88px;
2494
- }
2495
- igo-list {
2496
- --mat-list-list-item-leading-icon-start-space: 16px;
2497
- --mat-list-list-item-leading-icon-end-space: 32px;
2498
- }
2499
- igo-list .mdc-list-item__start,
2500
- igo-list .mdc-list-item__end {
2501
- --mdc-radio-state-layer-size: 40px;
2502
- }
2503
- igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
2504
- height: 56px;
2505
- }
2506
- igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
2507
- height: 72px;
2508
- }
2509
-
2510
- igo-list [igolistitem][color=primary].igo-list-item-selected > mat-list-item {
2511
- background-color: #607d8b;
2512
- color: white;
2513
- }
2514
- igo-list [igolistitem][color=primary]:not(.igo-list-item-disabled):hover > mat-list-item, igo-list [igolistitem][color=primary].igo-list-item-focused > mat-list-item {
2515
- background-color: #cfd8dc;
2516
- color: white;
2517
- }
2518
- igo-list [igolistitem][color=accent].igo-list-item-selected > mat-list-item {
2519
- background-color: #ff4081;
2520
- color: white;
2521
- }
2522
- igo-list [igolistitem][color=accent]:not(.igo-list-item-disabled):hover > mat-list-item, igo-list [igolistitem][color=accent].igo-list-item-focused > mat-list-item {
2523
- background-color: #ff80ab;
2524
- color: white;
2525
- }
2526
- igo-list [igolistitem].igo-list-item-disabled > mat-list-item {
2527
- color: rgba(0, 0, 0, 0.38);
2528
- }
2529
-
2530
- igo-panel > .igo-panel-header {
2531
- background-color: #607d8b;
2532
- color: white;
2533
- }
2534
-
2535
- igo-panel {
2536
- --mat-icon-button-touch-target-display: none;
2537
- }
2538
- igo-panel .mat-mdc-icon-button.mat-mdc-button-base {
2539
- --mdc-icon-button-state-layer-size: 40px;
2540
- width: var(--mdc-icon-button-state-layer-size);
2541
- height: var(--mdc-icon-button-state-layer-size);
2542
- padding: 8px;
2543
- }
2544
-
2545
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) {
2546
- box-shadow: unset;
2547
- background-color: #607d8b;
2548
- }
2549
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) #lowChevron,
2550
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) #topChevron {
2551
- background-color: #607d8b;
2552
- color: white;
2553
- }
2554
- igo-toolbox.color-grey > igo-actionbar:not(.with-title) {
2555
- box-shadow: unset;
2556
- background-color: #737475;
2557
- }
2558
- igo-toolbox.color-grey > igo-actionbar:not(.with-title) #lowChevron,
2559
- igo-toolbox.color-grey > igo-actionbar:not(.with-title) #topChevron {
2560
- background-color: #737475;
2561
- color: white;
2562
- }
2563
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar, igo-toolbox.color-grey > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar {
2564
- color: white;
2565
- }
2566
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar:hover, igo-toolbox.color-grey > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar:hover {
2567
- color: black;
2568
- }
2569
- igo-toolbox.color-primary > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar.tool-activated, igo-toolbox.color-primary > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar.children-tool-activated, igo-toolbox.color-grey > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar.tool-activated, igo-toolbox.color-grey > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-leading-avatar.children-tool-activated {
2570
- background-color: white;
2571
- color: black;
2572
- }
2573
- igo-toolbox > igo-actionbar:not(.with-title) > mat-list > #lowChevron:hover, igo-toolbox > igo-actionbar:not(.with-title) > mat-list > #topChevron:hover {
2574
- background-color: #ff80ab;
2575
- color: black;
2576
- }
2577
- igo-toolbox > igo-actionbar:not(.with-title) > mat-list mat-list-item {
2578
- color: rgba(0, 0, 0, 0.87);
2579
- }
2580
- igo-toolbox > igo-actionbar mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item:hover {
2581
- background-color: #ff80ab;
2582
- }
2583
- igo-toolbox > igo-actionbar mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item.tool-activated, igo-toolbox > igo-actionbar mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item.children-tool-activated {
2584
- color: rgba(0, 0, 0, 0.87);
2585
- background-color: white;
2586
- }
2587
- igo-toolbox > igo-actionbar mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item.tool-activated button, igo-toolbox > igo-actionbar mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item.children-tool-activated button {
2588
- cursor: default;
2589
- }
2590
-
2591
- igo-toolbox igo-actionbar-item {
2592
- --mdc-list-list-item-one-line-container-height: 40px;
2593
- --mdc-list-list-item-two-line-container-height: 56px;
2594
- --mdc-list-list-item-three-line-container-height: 80px;
2595
- }
2596
- igo-toolbox igo-actionbar-item {
2597
- --mat-list-list-item-leading-icon-start-space: 16px;
2598
- --mat-list-list-item-leading-icon-end-space: 32px;
2599
- }
2600
- igo-toolbox igo-actionbar-item .mdc-list-item__start,
2601
- igo-toolbox igo-actionbar-item .mdc-list-item__end {
2602
- --mdc-radio-state-layer-size: 32px;
2603
- }
2604
- igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
2605
- height: 48px;
2606
- }
2607
- igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-toolbox igo-actionbar-item .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
2608
- height: 64px;
2609
- }
2610
-
2611
- igo-interactive-tour button.tour-button-tool-icon {
2612
- color: white;
2613
- }
2614
- igo-interactive-tour button.tour-button-tool-icon:hover {
2615
- background-color: white;
2616
- color: #607d8b;
2617
- }
2618
- igo-interactive-tour .mat-primary .mat-mdc-icon-button {
2619
- color: white;
2620
- }
2621
-
2622
- igo-home-button > #homeButton {
2623
- background-color: #607d8b;
2624
- color: white;
2625
- }
2626
- igo-home-button > #homeButton:hover {
2627
- background-color: #ff80ab;
2628
- color: black;
2629
- }
2630
-
2631
- igo-context-list {
2632
- --mat-icon-button-touch-target-display: none;
2633
- }
2634
- igo-context-list .mat-mdc-icon-button.mat-mdc-button-base {
2635
- --mdc-icon-button-state-layer-size: 40px;
2636
- width: var(--mdc-icon-button-state-layer-size);
2637
- height: var(--mdc-icon-button-state-layer-size);
2638
- padding: 8px;
2639
- }
2640
- igo-context-list {
2641
- --mdc-list-list-item-one-line-container-height: 40px;
2642
- --mdc-list-list-item-two-line-container-height: 56px;
2643
- --mdc-list-list-item-three-line-container-height: 80px;
2644
- }
2645
- igo-context-list {
2646
- --mat-list-list-item-leading-icon-start-space: 16px;
2647
- --mat-list-list-item-leading-icon-end-space: 32px;
2648
- }
2649
- igo-context-list .mdc-list-item__start,
2650
- igo-context-list .mdc-list-item__end {
2651
- --mdc-radio-state-layer-size: 32px;
2652
- }
2653
- igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
2654
- height: 48px;
2655
- }
2656
- igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-context-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
2657
- height: 64px;
2658
- }
2659
- igo-context-list {
2660
- --mat-form-field-container-height: 48px;
2661
- --mat-form-field-filled-label-display: none;
2662
- --mat-form-field-container-vertical-padding: 12px;
2663
- --mat-form-field-filled-with-label-container-padding-top: 12px;
2664
- --mat-form-field-filled-with-label-container-padding-bottom: 12px;
2665
- }
2666
-
2667
- igo-context-item {
2668
- --mat-icon-button-touch-target-display: none;
2669
- }
2670
- igo-context-item .mat-mdc-icon-button.mat-mdc-button-base {
2671
- --mdc-icon-button-state-layer-size: 40px;
2672
- width: var(--mdc-icon-button-state-layer-size);
2673
- height: var(--mdc-icon-button-state-layer-size);
2674
- padding: 8px;
2675
- }
2676
-
2677
- igo-directions-results mat-list-item.igo-steps:hover {
2678
- background-color: #ff80ab;
2679
- }
2680
-
2681
- igo-directions-inputs .prefix-actions {
2682
- --mat-icon-button-touch-target-display: none;
2683
- }
2684
- igo-directions-inputs .prefix-actions .mat-mdc-icon-button.mat-mdc-button-base {
2685
- --mdc-icon-button-state-layer-size: 28px;
2686
- width: var(--mdc-icon-button-state-layer-size);
2687
- height: var(--mdc-icon-button-state-layer-size);
2688
- padding: 2px;
2689
- }
2690
-
2691
- igo-draw-popup-component .igo-map-tooltip,
2692
- igo-draw-popup-component .igo-map-tooltip,
2693
- igo-draw-shorcuts .igo-map-tooltip,
2694
- igo-draw .igo-map-tooltip {
2695
- position: relative;
2696
- border-radius: 4px;
2697
- padding: 4px 8px;
2698
- white-space: nowrap;
2699
- }
2700
- igo-draw-popup-component .igo-map-tooltip-draw,
2701
- igo-draw-popup-component .igo-map-tooltip-draw,
2702
- igo-draw-shorcuts .igo-map-tooltip-draw,
2703
- igo-draw .igo-map-tooltip-draw {
2704
- color: rgba(0, 0, 0, 0.87);
2705
- font-weight: bold;
2706
- font-size: 16px;
2707
- }
2708
-
2709
- igo-draw-popup-component h1 {
2710
- font-size: 32px;
2711
- font-family: Roboto, "Helvetica Neue", sans-serif;
2712
- }
2713
-
2714
- igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
2715
- background-color: #e0e0e0;
2716
- color: black;
2717
- }
2718
-
2719
- .mat-datetimepicker-calendar-header {
2720
- background-color: #607d8b;
2721
- }
2722
-
2723
- .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected {
2724
- background-color: #607d8b;
2725
- color: white;
2726
- }
2727
- .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-disabled > .mat-datetimepicker-calendar-body-selected {
2728
- background-color: rgba(96, 125, 139, 0.4);
2729
- }
2730
- .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:not(.mat-datetimepicker-calendar-body-selected) {
2731
- border-color: #607d8b;
2732
- }
2733
- .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today.mat-datetimepicker-calendar-body-selected {
2734
- box-shadow: inset 0 0 0 1px white;
2735
- }
2736
-
2737
- .mat-datetimepicker-clock-center {
2738
- background-color: #607d8b;
2739
- }
2740
-
2741
- .mat-datetimepicker-clock-hand {
2742
- background-color: #607d8b;
2743
- }
2744
- .mat-datetimepicker-clock-hand::before {
2745
- background-color: #607d8b;
2746
- }
2747
-
2748
- .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected {
2749
- background-color: rgb(107.4234042553, 138.2127659574, 153.0765957447);
2750
- }
2751
-
2752
- igo-ogc-filter-selection mat-button-toggle.mat-button-toggle-checked {
2753
- background-color: #ff4081;
2754
- color: #424242;
2755
- }
2756
- igo-ogc-filter-selection mat-button-toggle {
2757
- color: black !important;
2758
- }
2759
-
2760
- igo-layer-legend img:after {
2761
- border-top-color: #607d8b;
2762
- }
2763
-
2764
- igo-layer-legend {
2765
- --mat-form-field-container-height: 44px;
2766
- --mat-form-field-filled-label-display: none;
2767
- --mat-form-field-container-vertical-padding: 10px;
2768
- --mat-form-field-filled-with-label-container-padding-top: 10px;
2769
- --mat-form-field-filled-with-label-container-padding-bottom: 10px;
2770
- }
2771
-
2772
- igo-layer-list-tool mat-form-field .mat-mdc-text-field-wrapper,
2773
- igo-layer-list-tool mat-form-field .mat-mdc-form-field-focus-overlay {
2774
- background-color: white !important;
2775
- }
2776
-
2777
- igo-layer-list-tool {
2778
- --mat-icon-button-touch-target-display: none;
2779
- }
2780
- igo-layer-list-tool .mat-mdc-icon-button.mat-mdc-button-base {
2781
- --mdc-icon-button-state-layer-size: 40px;
2782
- width: var(--mdc-icon-button-state-layer-size);
2783
- height: var(--mdc-icon-button-state-layer-size);
2784
- padding: 8px;
2785
- }
2786
- igo-layer-list-tool {
2787
- --mat-form-field-container-height: 48px;
2788
- --mat-form-field-filled-label-display: none;
2789
- --mat-form-field-container-vertical-padding: 12px;
2790
- --mat-form-field-filled-with-label-container-padding-top: 12px;
2791
- --mat-form-field-filled-with-label-container-padding-bottom: 12px;
2792
- }
2793
-
2794
- igo-layer-item {
2795
- background-color: white;
2796
- }
2797
- igo-layer-item button.mat-default mat-icon {
2798
- color: black;
2799
- }
2800
- igo-layer-item button.disabled mat-icon {
2801
- color: rgba(0, 0, 0, 0.38);
2802
- }
2803
- igo-layer-item .unavailable-layer {
2804
- background-color: #eeeeee;
2805
- }
2806
-
2807
- igo-layer-group {
2808
- background-color: white;
2809
- }
2810
- igo-layer-group button.mat-default mat-icon {
2811
- color: black;
2812
- }
2813
- igo-layer-group button.disabled mat-icon {
2814
- color: rgba(0, 0, 0, 0.38);
2815
- }
2816
-
2817
- igo-layer-list mat-tree-node.--selected igo-layer-group,
2818
- igo-layer-list mat-tree-node.--selected igo-layer-item, igo-layer-list mat-tree-node.--dragged igo-layer-group,
2819
- igo-layer-list mat-tree-node.--dragged igo-layer-item {
2820
- background-color: #ff80ab;
2821
- color: white;
2822
- }
2823
- igo-layer-list mat-tree-node.--children-selected igo-layer-group,
2824
- igo-layer-list mat-tree-node.--children-selected igo-layer-item {
2825
- background-color: rgb(255, 168.8, 197.9858267717);
2826
- color: white;
2827
- }
2828
- igo-layer-list mat-tree-node.--drag-hover::after {
2829
- border-color: #ff4081 !important;
2830
- }
2831
- igo-layer-list mat-tree:not(.--dragging) mat-tree-node:hover::after {
2832
- border-color: #ff4081;
2833
- }
2834
-
2835
- igo-layer-unavailable .unavailable-layer {
2836
- background-color: #eeeeee;
2837
- }
2838
-
2839
- igo-layer-viewer .active-background {
2840
- background-color: #fce4ec;
2841
- }
2842
-
2843
- igo-layer-visibility-button button.mat-default mat-icon {
2844
- color: black;
2845
- }
2846
- igo-layer-visibility-button button.out-of-range mat-icon, igo-layer-visibility-button button.disabled mat-icon {
2847
- color: rgba(0, 0, 0, 0.38);
2848
- }
2849
-
2850
- igo-map-browser div.ol-attribution > button {
2851
- color: #607d8b;
2852
- background-color: white;
2853
- }
2854
-
2855
- igo-map-browser {
2856
- --mat-icon-button-touch-target-display: none;
2857
- }
2858
- igo-map-browser .mat-mdc-icon-button.mat-mdc-button-base {
2859
- --mdc-icon-button-state-layer-size: 40px;
2860
- width: var(--mdc-icon-button-state-layer-size);
2861
- height: var(--mdc-icon-button-state-layer-size);
2862
- padding: 8px;
2863
- }
2864
-
2865
- igo-map-browser div.ol-attribution > ul {
2866
- font-size: 14px;
2867
- }
2868
-
2869
- igo-zoom-button > div.igo-zoom-button-container > button.mat-primary {
2870
- color: #607d8b;
2871
- background-color: white;
2872
- }
2873
- igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
2874
- color: #ff4081;
2875
- background-color: white;
2876
- }
2877
-
2878
- igo-menu-button > button#menu-button {
2879
- color: rgb(255, 255, 255);
2880
- background-color: #607d8b;
2881
- }
2882
-
2883
- igo-menu-button > button#menu-button.menu-button-white-background {
2884
- color: #607d8b;
2885
- background-color: rgb(255, 255, 255);
2886
- }
2887
-
2888
- .igo-map-tooltip-measure {
2889
- background-color: rgba(255, 204, 51, 0.7);
2890
- border: 1px solid rgb(255, 205, 51);
2891
- color: black;
2892
- font-weight: bold;
2893
- }
2894
-
2895
- .igo-map-tooltip-measure {
2896
- font-size: 16px;
2897
- }
2898
-
2899
- igo-search-bar mat-form-field .mat-mdc-text-field-wrapper,
2900
- igo-search-bar mat-form-field .mat-mdc-form-field-focus-overlay {
2901
- background-color: white !important;
2902
- }
2903
-
2904
- igo-search-bar {
2905
- --mat-form-field-container-height: 56px;
2906
- --mat-form-field-filled-label-display: block;
2907
- --mat-form-field-container-vertical-padding: 16px;
2908
- --mat-form-field-filled-with-label-container-padding-top: 24px;
2909
- --mat-form-field-filled-with-label-container-padding-bottom: 8px;
2910
- }
2911
- igo-search-bar {
2912
- --mat-icon-button-touch-target-display: block;
2913
- }
2914
- igo-search-bar .mat-mdc-icon-button.mat-mdc-button-base {
2915
- --mdc-icon-button-state-layer-size: 48px;
2916
- width: var(--mdc-icon-button-state-layer-size);
2917
- height: var(--mdc-icon-button-state-layer-size);
2918
- padding: 12px;
2919
- }
2920
-
2921
- igo-search-bar mat-form-field .mdc-line-ripple {
2922
- display: none;
2923
- }
2924
-
2925
- igo-search-results-item .mdc-list-item--with-leading-icon:hover .mdc-list-item__start {
2926
- color: black;
2927
- }
2928
- igo-search-results-item .mdc-list-item--with-leading-icon .mdc-list-item__start {
2929
- color: rgba(0, 0, 0, 0.87);
2930
- }
2931
-
2932
- igo-confirmation-popup-component h1 {
2933
- font-size: 32px;
2934
- font-family: Roboto, "Helvetica Neue", sans-serif;
2935
- }
2936
-
2937
- igo-catalog-browser {
2938
- --mat-icon-button-touch-target-display: none;
2939
- }
2940
- igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base {
2941
- --mdc-icon-button-state-layer-size: 40px;
2942
- width: var(--mdc-icon-button-state-layer-size);
2943
- height: var(--mdc-icon-button-state-layer-size);
2944
- padding: 8px;
2945
- }
2946
- igo-catalog-browser {
2947
- --mdc-list-list-item-one-line-container-height: 40px;
2948
- --mdc-list-list-item-two-line-container-height: 56px;
2949
- --mdc-list-list-item-three-line-container-height: 80px;
2950
- }
2951
- igo-catalog-browser {
2952
- --mat-list-list-item-leading-icon-start-space: 16px;
2953
- --mat-list-list-item-leading-icon-end-space: 32px;
2954
- }
2955
- igo-catalog-browser .mdc-list-item__start,
2956
- igo-catalog-browser .mdc-list-item__end {
2957
- --mdc-radio-state-layer-size: 32px;
2958
- }
2959
- igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
2960
- height: 48px;
2961
- }
2962
- igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
2963
- height: 64px;
2964
- }