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