girigs23 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/my-widget.css +3992 -0
  2. package/my-widget.js +131962 -0
  3. package/package.json +10 -0
package/my-widget.css ADDED
@@ -0,0 +1,3992 @@
1
+ /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
2
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
3
+ \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
4
+ .mat-h1,
5
+ .mat-headline,
6
+ .mat-typography .mat-h1,
7
+ .mat-typography .mat-headline,
8
+ .mat-typography h1 {
9
+ font-size: 24px;
10
+ font-weight: 400;
11
+ line-height: 32px;
12
+ font-family: Roboto, "Helvetica Neue", sans-serif;
13
+ letter-spacing: normal;
14
+ margin: 0 0 16px;
15
+ }
16
+
17
+ .mat-h2,
18
+ .mat-title,
19
+ .mat-typography .mat-h2,
20
+ .mat-typography .mat-title,
21
+ .mat-typography h2 {
22
+ font-size: 20px;
23
+ font-weight: 500;
24
+ line-height: 32px;
25
+ font-family: Roboto, "Helvetica Neue", sans-serif;
26
+ letter-spacing: normal;
27
+ margin: 0 0 16px;
28
+ }
29
+
30
+ .mat-h3,
31
+ .mat-subheading-2,
32
+ .mat-typography .mat-h3,
33
+ .mat-typography .mat-subheading-2,
34
+ .mat-typography h3 {
35
+ font-size: 16px;
36
+ font-weight: 400;
37
+ line-height: 28px;
38
+ font-family: Roboto, "Helvetica Neue", sans-serif;
39
+ letter-spacing: normal;
40
+ margin: 0 0 16px;
41
+ }
42
+
43
+ .mat-h4,
44
+ .mat-subheading-1,
45
+ .mat-typography .mat-h4,
46
+ .mat-typography .mat-subheading-1,
47
+ .mat-typography h4 {
48
+ font-size: 15px;
49
+ font-weight: 400;
50
+ line-height: 24px;
51
+ font-family: Roboto, "Helvetica Neue", sans-serif;
52
+ letter-spacing: normal;
53
+ margin: 0 0 16px;
54
+ }
55
+
56
+ .mat-h5,
57
+ .mat-typography .mat-h5,
58
+ .mat-typography h5 {
59
+ font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
60
+ margin: 0 0 12px;
61
+ }
62
+
63
+ .mat-h6,
64
+ .mat-typography .mat-h6,
65
+ .mat-typography h6 {
66
+ font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
67
+ margin: 0 0 12px;
68
+ }
69
+
70
+ .mat-body-strong,
71
+ .mat-body-2,
72
+ .mat-typography .mat-body-strong,
73
+ .mat-typography .mat-body-2 {
74
+ font-size: 14px;
75
+ font-weight: 500;
76
+ line-height: 24px;
77
+ font-family: Roboto, "Helvetica Neue", sans-serif;
78
+ letter-spacing: normal;
79
+ }
80
+
81
+ .mat-body,
82
+ .mat-body-1,
83
+ .mat-typography .mat-body,
84
+ .mat-typography .mat-body-1,
85
+ .mat-typography {
86
+ font-size: 14px;
87
+ font-weight: 400;
88
+ line-height: 20px;
89
+ font-family: Roboto, "Helvetica Neue", sans-serif;
90
+ letter-spacing: normal;
91
+ }
92
+ .mat-body p,
93
+ .mat-body-1 p,
94
+ .mat-typography .mat-body p,
95
+ .mat-typography .mat-body-1 p,
96
+ .mat-typography p {
97
+ margin: 0 0 12px;
98
+ }
99
+
100
+ .mat-small,
101
+ .mat-caption,
102
+ .mat-typography .mat-small,
103
+ .mat-typography .mat-caption {
104
+ font-size: 12px;
105
+ font-weight: 400;
106
+ line-height: 20px;
107
+ font-family: Roboto, "Helvetica Neue", sans-serif;
108
+ letter-spacing: normal;
109
+ }
110
+
111
+ .mat-display-4,
112
+ .mat-typography .mat-display-4 {
113
+ font-size: 112px;
114
+ font-weight: 300;
115
+ line-height: 112px;
116
+ font-family: Roboto, "Helvetica Neue", sans-serif;
117
+ letter-spacing: -0.05em;
118
+ margin: 0 0 56px;
119
+ }
120
+
121
+ .mat-display-3,
122
+ .mat-typography .mat-display-3 {
123
+ font-size: 56px;
124
+ font-weight: 400;
125
+ line-height: 56px;
126
+ font-family: Roboto, "Helvetica Neue", sans-serif;
127
+ letter-spacing: -0.02em;
128
+ margin: 0 0 64px;
129
+ }
130
+
131
+ .mat-display-2,
132
+ .mat-typography .mat-display-2 {
133
+ font-size: 45px;
134
+ font-weight: 400;
135
+ line-height: 48px;
136
+ font-family: Roboto, "Helvetica Neue", sans-serif;
137
+ letter-spacing: -0.005em;
138
+ margin: 0 0 64px;
139
+ }
140
+
141
+ .mat-display-1,
142
+ .mat-typography .mat-display-1 {
143
+ font-size: 34px;
144
+ font-weight: 400;
145
+ line-height: 40px;
146
+ font-family: Roboto, "Helvetica Neue", sans-serif;
147
+ letter-spacing: normal;
148
+ margin: 0 0 64px;
149
+ }
150
+
151
+ html {
152
+ --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif;
153
+ --mat-badge-text-size: 12px;
154
+ --mat-badge-text-weight: 600;
155
+ --mat-badge-small-size-text-size: 9px;
156
+ --mat-badge-large-size-text-size: 24px;
157
+ }
158
+
159
+ html {
160
+ --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif;
161
+ --mat-bottom-sheet-container-text-line-height: 20px;
162
+ --mat-bottom-sheet-container-text-size: 14px;
163
+ --mat-bottom-sheet-container-text-tracking: normal;
164
+ --mat-bottom-sheet-container-text-weight: 400;
165
+ }
166
+
167
+ html {
168
+ --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
169
+ --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
170
+ }
171
+
172
+ html {
173
+ --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif;
174
+ --mat-datepicker-calendar-text-size: 13px;
175
+ --mat-datepicker-calendar-body-label-text-size: 14px;
176
+ --mat-datepicker-calendar-body-label-text-weight: 500;
177
+ --mat-datepicker-calendar-period-button-text-size: 14px;
178
+ --mat-datepicker-calendar-period-button-text-weight: 500;
179
+ --mat-datepicker-calendar-header-text-size: 11px;
180
+ --mat-datepicker-calendar-header-text-weight: 400;
181
+ }
182
+
183
+ html {
184
+ --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif;
185
+ --mat-expansion-header-text-size: 15px;
186
+ --mat-expansion-header-text-weight: 400;
187
+ --mat-expansion-header-text-line-height: inherit;
188
+ --mat-expansion-header-text-tracking: inherit;
189
+ --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif;
190
+ --mat-expansion-container-text-line-height: 20px;
191
+ --mat-expansion-container-text-size: 14px;
192
+ --mat-expansion-container-text-tracking: normal;
193
+ --mat-expansion-container-text-weight: 400;
194
+ }
195
+
196
+ html {
197
+ --mat-grid-list-tile-header-primary-text-size: 14px;
198
+ --mat-grid-list-tile-header-secondary-text-size: 12px;
199
+ --mat-grid-list-tile-footer-primary-text-size: 14px;
200
+ --mat-grid-list-tile-footer-secondary-text-size: 12px;
201
+ }
202
+
203
+ html {
204
+ --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif;
205
+ --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif;
206
+ --mat-stepper-header-label-text-size: 14px;
207
+ --mat-stepper-header-label-text-weight: 400;
208
+ --mat-stepper-header-error-state-label-text-size: 14px;
209
+ --mat-stepper-header-selected-state-label-text-size: 14px;
210
+ --mat-stepper-header-selected-state-label-text-weight: 500;
211
+ }
212
+
213
+ html {
214
+ --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif;
215
+ --mat-toolbar-title-text-line-height: 32px;
216
+ --mat-toolbar-title-text-size: 20px;
217
+ --mat-toolbar-title-text-tracking: normal;
218
+ --mat-toolbar-title-text-weight: 500;
219
+ }
220
+
221
+ .mat-tree {
222
+ font-family: Roboto, "Helvetica Neue", sans-serif;
223
+ }
224
+
225
+ .mat-tree-node,
226
+ .mat-nested-tree-node {
227
+ font-weight: 400;
228
+ font-size: 14px;
229
+ }
230
+
231
+ .mat-option {
232
+ font-family: Roboto, "Helvetica Neue", sans-serif;
233
+ font-size: 16px;
234
+ }
235
+
236
+ .mat-optgroup-label {
237
+ font-size: 14px;
238
+ font-weight: 500;
239
+ line-height: 24px;
240
+ font-family: Roboto, "Helvetica Neue", sans-serif;
241
+ letter-spacing: normal;
242
+ }
243
+
244
+ .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
245
+ .mat-flat-button, .mat-fab, .mat-mini-fab {
246
+ font-family: Roboto, "Helvetica Neue", sans-serif;
247
+ font-size: 14px;
248
+ font-weight: 500;
249
+ }
250
+
251
+ .mat-datepicker-content .mdc-button {
252
+ -moz-osx-font-smoothing: grayscale;
253
+ -webkit-font-smoothing: antialiased;
254
+ font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif));
255
+ font-size: var(--mdc-typography-button-font-size, 14px);
256
+ line-height: var(--mdc-typography-button-line-height, 14px);
257
+ font-weight: var(--mdc-typography-button-font-weight, 500);
258
+ letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
259
+ -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
260
+ text-decoration: var(--mdc-typography-button-text-decoration, none);
261
+ text-transform: var(--mdc-typography-button-text-transform, none);
262
+ }
263
+ .mat-card {
264
+ font-family: Roboto, "Helvetica Neue", sans-serif;
265
+ }
266
+
267
+ .mat-card-title {
268
+ font-size: 24px;
269
+ font-weight: 500;
270
+ }
271
+
272
+ .mat-card-header .mat-card-title {
273
+ font-size: 20px;
274
+ }
275
+
276
+ .mat-card-subtitle,
277
+ .mat-card-content {
278
+ font-size: 14px;
279
+ }
280
+
281
+ .mat-tooltip {
282
+ font-family: Roboto, "Helvetica Neue", sans-serif;
283
+ font-size: 10px;
284
+ padding-top: 6px;
285
+ padding-bottom: 6px;
286
+ }
287
+
288
+ .mat-tooltip-handset {
289
+ font-size: 14px;
290
+ padding-top: 8px;
291
+ padding-bottom: 8px;
292
+ }
293
+
294
+ input.mat-input-element {
295
+ margin-top: -0.0625em;
296
+ }
297
+
298
+ .mat-form-field {
299
+ font-size: inherit;
300
+ font-weight: 400;
301
+ line-height: 1.125;
302
+ font-family: Roboto, "Helvetica Neue", sans-serif;
303
+ letter-spacing: normal;
304
+ }
305
+
306
+ .mat-form-field-wrapper {
307
+ padding-bottom: 1.34375em;
308
+ }
309
+
310
+ .mat-form-field-prefix .mat-icon,
311
+ .mat-form-field-suffix .mat-icon {
312
+ font-size: 150%;
313
+ line-height: 1.125;
314
+ }
315
+ .mat-form-field-prefix .mat-icon-button,
316
+ .mat-form-field-suffix .mat-icon-button {
317
+ height: 1.5em;
318
+ width: 1.5em;
319
+ }
320
+ .mat-form-field-prefix .mat-icon-button .mat-icon,
321
+ .mat-form-field-suffix .mat-icon-button .mat-icon {
322
+ height: 1.125em;
323
+ line-height: 1.125;
324
+ }
325
+
326
+ .mat-form-field-infix {
327
+ padding: 0.5em 0;
328
+ border-top: 0.84375em solid transparent;
329
+ }
330
+
331
+ .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
332
+ .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
333
+ transform: translateY(-1.34375em) scale(0.75);
334
+ width: 133.3333333333%;
335
+ }
336
+ .mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
337
+ transform: translateY(-1.34374em) scale(0.75);
338
+ width: 133.3333433333%;
339
+ }
340
+
341
+ .mat-form-field-label-wrapper {
342
+ top: -0.84375em;
343
+ padding-top: 0.84375em;
344
+ }
345
+
346
+ .mat-form-field-label {
347
+ top: 1.34375em;
348
+ }
349
+
350
+ .mat-form-field-underline {
351
+ bottom: 1.34375em;
352
+ }
353
+
354
+ .mat-form-field-subscript-wrapper {
355
+ font-size: 75%;
356
+ margin-top: 0.6666666667em;
357
+ top: calc(100% - 1.7916666667em);
358
+ }
359
+
360
+ .mat-form-field-appearance-legacy .mat-form-field-wrapper {
361
+ padding-bottom: 1.25em;
362
+ }
363
+ .mat-form-field-appearance-legacy .mat-form-field-infix {
364
+ padding: 0.4375em 0;
365
+ }
366
+ .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
367
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
368
+ transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
369
+ width: 133.3333333333%;
370
+ }
371
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
372
+ transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
373
+ width: 133.3333433333%;
374
+ }
375
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
376
+ transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
377
+ width: 133.3333533333%;
378
+ }
379
+ .mat-form-field-appearance-legacy .mat-form-field-label {
380
+ top: 1.28125em;
381
+ }
382
+ .mat-form-field-appearance-legacy .mat-form-field-underline {
383
+ bottom: 1.25em;
384
+ }
385
+ .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
386
+ margin-top: 0.5416666667em;
387
+ top: calc(100% - 1.6666666667em);
388
+ }
389
+
390
+ @media print {
391
+ .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
392
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
393
+ transform: translateY(-1.28122em) scale(0.75);
394
+ }
395
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
396
+ transform: translateY(-1.28121em) scale(0.75);
397
+ }
398
+ .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
399
+ transform: translateY(-1.2812em) scale(0.75);
400
+ }
401
+ }
402
+ .mat-form-field-appearance-fill .mat-form-field-infix {
403
+ padding: 0.25em 0 0.75em 0;
404
+ }
405
+ .mat-form-field-appearance-fill .mat-form-field-label {
406
+ top: 1.09375em;
407
+ margin-top: -0.5em;
408
+ }
409
+ .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
410
+ .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
411
+ transform: translateY(-0.59375em) scale(0.75);
412
+ width: 133.3333333333%;
413
+ }
414
+ .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
415
+ transform: translateY(-0.59374em) scale(0.75);
416
+ width: 133.3333433333%;
417
+ }
418
+
419
+ .mat-form-field-appearance-outline .mat-form-field-infix {
420
+ padding: 1em 0 1em 0;
421
+ }
422
+ .mat-form-field-appearance-outline .mat-form-field-label {
423
+ top: 1.84375em;
424
+ margin-top: -0.25em;
425
+ }
426
+ .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
427
+ .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
428
+ transform: translateY(-1.59375em) scale(0.75);
429
+ width: 133.3333333333%;
430
+ }
431
+ .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
432
+ transform: translateY(-1.59374em) scale(0.75);
433
+ width: 133.3333433333%;
434
+ }
435
+
436
+ .mat-select {
437
+ font-family: Roboto, "Helvetica Neue", sans-serif;
438
+ }
439
+
440
+ .mat-select-trigger {
441
+ height: 1.125em;
442
+ }
443
+
444
+ .mat-checkbox {
445
+ font-family: Roboto, "Helvetica Neue", sans-serif;
446
+ }
447
+
448
+ .mat-checkbox-layout .mat-checkbox-label {
449
+ line-height: 24px;
450
+ }
451
+
452
+ .mat-dialog-title {
453
+ font-size: 20px;
454
+ font-weight: 500;
455
+ line-height: 32px;
456
+ font-family: Roboto, "Helvetica Neue", sans-serif;
457
+ letter-spacing: normal;
458
+ }
459
+
460
+ .mat-chip {
461
+ font-size: 14px;
462
+ font-weight: 500;
463
+ }
464
+ .mat-chip .mat-chip-trailing-icon.mat-icon,
465
+ .mat-chip .mat-chip-remove.mat-icon {
466
+ font-size: 18px;
467
+ }
468
+
469
+ .mat-slide-toggle-content {
470
+ font-family: Roboto, "Helvetica Neue", sans-serif;
471
+ }
472
+
473
+ .mat-tab-group {
474
+ font-family: Roboto, "Helvetica Neue", sans-serif;
475
+ }
476
+
477
+ .mat-tab-label, .mat-tab-link {
478
+ font-family: Roboto, "Helvetica Neue", sans-serif;
479
+ font-size: 14px;
480
+ font-weight: 500;
481
+ }
482
+
483
+ .mat-radio-button {
484
+ font-family: Roboto, "Helvetica Neue", sans-serif;
485
+ }
486
+
487
+ .mat-slider-thumb-label-text {
488
+ font-family: Roboto, "Helvetica Neue", sans-serif;
489
+ font-size: 12px;
490
+ font-weight: 500;
491
+ }
492
+
493
+ .mat-menu-item {
494
+ font-family: Roboto, "Helvetica Neue", sans-serif;
495
+ font-size: 14px;
496
+ font-weight: 400;
497
+ }
498
+
499
+ .mat-list-item {
500
+ font-family: Roboto, "Helvetica Neue", sans-serif;
501
+ }
502
+
503
+ .mat-list-option {
504
+ font-family: Roboto, "Helvetica Neue", sans-serif;
505
+ }
506
+
507
+ .mat-list-base .mat-list-item {
508
+ font-size: 16px;
509
+ }
510
+ .mat-list-base .mat-list-item .mat-line {
511
+ white-space: nowrap;
512
+ overflow: hidden;
513
+ text-overflow: ellipsis;
514
+ display: block;
515
+ box-sizing: border-box;
516
+ }
517
+ .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
518
+ font-size: 14px;
519
+ }
520
+ .mat-list-base .mat-list-option {
521
+ font-size: 16px;
522
+ }
523
+ .mat-list-base .mat-list-option .mat-line {
524
+ white-space: nowrap;
525
+ overflow: hidden;
526
+ text-overflow: ellipsis;
527
+ display: block;
528
+ box-sizing: border-box;
529
+ }
530
+ .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
531
+ font-size: 14px;
532
+ }
533
+ .mat-list-base .mat-subheader {
534
+ font-family: Roboto, "Helvetica Neue", sans-serif;
535
+ font-size: 14px;
536
+ font-weight: 500;
537
+ }
538
+
539
+ .mat-list-base[dense] .mat-list-item {
540
+ font-size: 12px;
541
+ }
542
+ .mat-list-base[dense] .mat-list-item .mat-line {
543
+ white-space: nowrap;
544
+ overflow: hidden;
545
+ text-overflow: ellipsis;
546
+ display: block;
547
+ box-sizing: border-box;
548
+ }
549
+ .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
550
+ font-size: 12px;
551
+ }
552
+ .mat-list-base[dense] .mat-list-option {
553
+ font-size: 12px;
554
+ }
555
+ .mat-list-base[dense] .mat-list-option .mat-line {
556
+ white-space: nowrap;
557
+ overflow: hidden;
558
+ text-overflow: ellipsis;
559
+ display: block;
560
+ box-sizing: border-box;
561
+ }
562
+ .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
563
+ font-size: 12px;
564
+ }
565
+ .mat-list-base[dense] .mat-subheader {
566
+ font-family: Roboto, "Helvetica Neue", sans-serif;
567
+ font-size: 12px;
568
+ font-weight: 500;
569
+ }
570
+
571
+ .mat-paginator,
572
+ .mat-paginator-page-size .mat-select-trigger {
573
+ font-family: Roboto, "Helvetica Neue", sans-serif;
574
+ font-size: 12px;
575
+ }
576
+
577
+ .mat-simple-snackbar {
578
+ font-family: Roboto, "Helvetica Neue", sans-serif;
579
+ font-size: 14px;
580
+ }
581
+
582
+ .mat-simple-snackbar-action {
583
+ line-height: 1;
584
+ font-family: inherit;
585
+ font-size: inherit;
586
+ font-weight: 500;
587
+ }
588
+
589
+ .mat-table {
590
+ font-family: Roboto, "Helvetica Neue", sans-serif;
591
+ }
592
+
593
+ .mat-header-cell {
594
+ font-size: 12px;
595
+ font-weight: 500;
596
+ }
597
+
598
+ .mat-cell, .mat-footer-cell {
599
+ font-size: 14px;
600
+ }
601
+
602
+ .mat-ripple {
603
+ overflow: hidden;
604
+ position: relative;
605
+ }
606
+ .mat-ripple:not(:empty) {
607
+ transform: translateZ(0);
608
+ }
609
+
610
+ .mat-ripple.mat-ripple-unbounded {
611
+ overflow: visible;
612
+ }
613
+
614
+ .mat-ripple-element {
615
+ position: absolute;
616
+ border-radius: 50%;
617
+ pointer-events: none;
618
+ transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
619
+ transform: scale3d(0, 0, 0);
620
+ }
621
+ .cdk-high-contrast-active .mat-ripple-element {
622
+ display: none;
623
+ }
624
+
625
+ .cdk-visually-hidden {
626
+ border: 0;
627
+ clip: rect(0 0 0 0);
628
+ height: 1px;
629
+ margin: -1px;
630
+ overflow: hidden;
631
+ padding: 0;
632
+ position: absolute;
633
+ width: 1px;
634
+ white-space: nowrap;
635
+ outline: 0;
636
+ -webkit-appearance: none;
637
+ -moz-appearance: none;
638
+ left: 0;
639
+ }
640
+ [dir=rtl] .cdk-visually-hidden {
641
+ left: auto;
642
+ right: 0;
643
+ }
644
+
645
+ .cdk-overlay-container, .cdk-global-overlay-wrapper {
646
+ pointer-events: none;
647
+ top: 0;
648
+ left: 0;
649
+ height: 100%;
650
+ width: 100%;
651
+ }
652
+
653
+ .cdk-overlay-container {
654
+ position: fixed;
655
+ z-index: 1000;
656
+ }
657
+ .cdk-overlay-container:empty {
658
+ display: none;
659
+ }
660
+
661
+ .cdk-global-overlay-wrapper {
662
+ display: flex;
663
+ position: absolute;
664
+ z-index: 1000;
665
+ }
666
+
667
+ .cdk-overlay-pane {
668
+ position: absolute;
669
+ pointer-events: auto;
670
+ box-sizing: border-box;
671
+ z-index: 1000;
672
+ display: flex;
673
+ max-width: 100%;
674
+ max-height: 100%;
675
+ }
676
+
677
+ .cdk-overlay-backdrop {
678
+ position: absolute;
679
+ top: 0;
680
+ bottom: 0;
681
+ left: 0;
682
+ right: 0;
683
+ z-index: 1000;
684
+ pointer-events: auto;
685
+ -webkit-tap-highlight-color: transparent;
686
+ transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
687
+ opacity: 0;
688
+ }
689
+ .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
690
+ opacity: 1;
691
+ }
692
+ .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
693
+ opacity: 0.6;
694
+ }
695
+
696
+ .cdk-overlay-dark-backdrop {
697
+ background: rgba(0, 0, 0, 0.32);
698
+ }
699
+
700
+ .cdk-overlay-transparent-backdrop {
701
+ transition: visibility 1ms linear, opacity 1ms linear;
702
+ visibility: hidden;
703
+ opacity: 1;
704
+ }
705
+ .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
706
+ opacity: 0;
707
+ visibility: visible;
708
+ }
709
+
710
+ .cdk-overlay-backdrop-noop-animation {
711
+ transition: none;
712
+ }
713
+
714
+ .cdk-overlay-connected-position-bounding-box {
715
+ position: absolute;
716
+ z-index: 1000;
717
+ display: flex;
718
+ flex-direction: column;
719
+ min-width: 1px;
720
+ min-height: 1px;
721
+ }
722
+
723
+ .cdk-global-scrollblock {
724
+ position: fixed;
725
+ width: 100%;
726
+ overflow-y: scroll;
727
+ }
728
+
729
+ textarea.cdk-textarea-autosize {
730
+ resize: none;
731
+ }
732
+
733
+ textarea.cdk-textarea-autosize-measuring {
734
+ padding: 2px 0 !important;
735
+ box-sizing: content-box !important;
736
+ height: auto !important;
737
+ overflow: hidden !important;
738
+ }
739
+
740
+ textarea.cdk-textarea-autosize-measuring-firefox {
741
+ padding: 2px 0 !important;
742
+ box-sizing: content-box !important;
743
+ height: 0 !important;
744
+ }
745
+
746
+ @keyframes cdk-text-field-autofill-start { /*!*/ }
747
+ @keyframes cdk-text-field-autofill-end { /*!*/ }
748
+ .cdk-text-field-autofill-monitored:-webkit-autofill {
749
+ animation: cdk-text-field-autofill-start 0s 1ms;
750
+ }
751
+
752
+ .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
753
+ animation: cdk-text-field-autofill-end 0s 1ms;
754
+ }
755
+
756
+ .mat-focus-indicator {
757
+ position: relative;
758
+ }
759
+ .mat-focus-indicator::before {
760
+ top: 0;
761
+ left: 0;
762
+ right: 0;
763
+ bottom: 0;
764
+ position: absolute;
765
+ box-sizing: border-box;
766
+ pointer-events: none;
767
+ display: var(--mat-focus-indicator-display, none);
768
+ border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
769
+ border-radius: var(--mat-focus-indicator-border-radius, 4px);
770
+ }
771
+ .mat-focus-indicator:focus::before {
772
+ content: "";
773
+ }
774
+
775
+ .cdk-high-contrast-active {
776
+ --mat-focus-indicator-display: block;
777
+ }
778
+
779
+ .mat-mdc-focus-indicator {
780
+ position: relative;
781
+ }
782
+ .mat-mdc-focus-indicator::before {
783
+ top: 0;
784
+ left: 0;
785
+ right: 0;
786
+ bottom: 0;
787
+ position: absolute;
788
+ box-sizing: border-box;
789
+ pointer-events: none;
790
+ display: var(--mat-mdc-focus-indicator-display, none);
791
+ 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);
792
+ border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
793
+ }
794
+ .mat-mdc-focus-indicator:focus::before {
795
+ content: "";
796
+ }
797
+
798
+ .cdk-high-contrast-active {
799
+ --mat-mdc-focus-indicator-display: block;
800
+ }
801
+
802
+ .mat-button, .mat-icon-button, .mat-stroked-button {
803
+ color: inherit;
804
+ background: transparent;
805
+ }
806
+ .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
807
+ color: #3f51b5;
808
+ }
809
+ .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
810
+ color: #ff4081;
811
+ }
812
+ .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
813
+ color: #f44336;
814
+ }
815
+ .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
816
+ color: rgba(0, 0, 0, 0.26);
817
+ }
818
+ .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
819
+ background-color: #3f51b5;
820
+ }
821
+ .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
822
+ background-color: #ff4081;
823
+ }
824
+ .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
825
+ background-color: #f44336;
826
+ }
827
+ .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
828
+ background-color: transparent;
829
+ }
830
+ .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
831
+ opacity: 0.1;
832
+ background-color: currentColor;
833
+ }
834
+
835
+ .mat-button-focus-overlay {
836
+ background: black;
837
+ }
838
+
839
+ .mat-stroked-button:not(.mat-button-disabled) {
840
+ border-color: rgba(0, 0, 0, 0.12);
841
+ }
842
+
843
+ .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
844
+ color: rgba(0, 0, 0, 0.87);
845
+ background-color: white;
846
+ }
847
+ .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
848
+ color: white;
849
+ }
850
+ .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
851
+ color: white;
852
+ }
853
+ .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
854
+ color: white;
855
+ }
856
+ .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
857
+ color: rgba(0, 0, 0, 0.26);
858
+ }
859
+ .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
860
+ background-color: #3f51b5;
861
+ }
862
+ .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
863
+ background-color: #ff4081;
864
+ }
865
+ .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
866
+ background-color: #f44336;
867
+ }
868
+ .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
869
+ background-color: rgba(0, 0, 0, 0.12);
870
+ }
871
+ .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
872
+ background-color: rgba(255, 255, 255, 0.1);
873
+ }
874
+ .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
875
+ background-color: rgba(255, 255, 255, 0.1);
876
+ }
877
+ .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
878
+ background-color: rgba(255, 255, 255, 0.1);
879
+ }
880
+
881
+ .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
882
+ 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);
883
+ }
884
+
885
+ .mat-raised-button:not([class*=mat-elevation-z]) {
886
+ 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);
887
+ }
888
+ .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
889
+ 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);
890
+ }
891
+ .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
892
+ 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);
893
+ }
894
+
895
+ .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
896
+ 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);
897
+ }
898
+ .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
899
+ 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);
900
+ }
901
+ .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
902
+ 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);
903
+ }
904
+
905
+ .mat-datepicker-content .mat-mdc-button.mat-unthemed {
906
+ --mdc-text-button-label-text-color: #000;
907
+ }
908
+ .mat-datepicker-content .mat-mdc-button.mat-primary {
909
+ --mdc-text-button-label-text-color: #3f51b5;
910
+ }
911
+ .mat-datepicker-content .mat-mdc-button.mat-accent {
912
+ --mdc-text-button-label-text-color: #ff4081;
913
+ }
914
+ .mat-datepicker-content .mat-mdc-button.mat-warn {
915
+ --mdc-text-button-label-text-color: #f44336;
916
+ }
917
+ .mat-datepicker-content .mat-mdc-button[disabled][disabled] {
918
+ --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
919
+ --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
920
+ }
921
+ .mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
922
+ --mdc-filled-button-container-color: #fff;
923
+ --mdc-filled-button-label-text-color: #000;
924
+ }
925
+ .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
926
+ --mdc-filled-button-container-color: #3f51b5;
927
+ --mdc-filled-button-label-text-color: #fff;
928
+ }
929
+ .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
930
+ --mdc-filled-button-container-color: #ff4081;
931
+ --mdc-filled-button-label-text-color: #fff;
932
+ }
933
+ .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
934
+ --mdc-filled-button-container-color: #f44336;
935
+ --mdc-filled-button-label-text-color: #fff;
936
+ }
937
+ .mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
938
+ --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
939
+ --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
940
+ --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
941
+ --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
942
+ }
943
+ .mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
944
+ --mdc-protected-button-container-color: #fff;
945
+ --mdc-protected-button-label-text-color: #000;
946
+ }
947
+ .mat-datepicker-content .mat-mdc-raised-button.mat-primary {
948
+ --mdc-protected-button-container-color: #3f51b5;
949
+ --mdc-protected-button-label-text-color: #fff;
950
+ }
951
+ .mat-datepicker-content .mat-mdc-raised-button.mat-accent {
952
+ --mdc-protected-button-container-color: #ff4081;
953
+ --mdc-protected-button-label-text-color: #fff;
954
+ }
955
+ .mat-datepicker-content .mat-mdc-raised-button.mat-warn {
956
+ --mdc-protected-button-container-color: #f44336;
957
+ --mdc-protected-button-label-text-color: #fff;
958
+ }
959
+ .mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
960
+ --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
961
+ --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
962
+ --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
963
+ --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
964
+ --mdc-protected-button-container-elevation: 0;
965
+ }
966
+ .mat-datepicker-content .mat-mdc-outlined-button {
967
+ --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
968
+ }
969
+ .mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
970
+ --mdc-outlined-button-label-text-color: #000;
971
+ }
972
+ .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
973
+ --mdc-outlined-button-label-text-color: #3f51b5;
974
+ }
975
+ .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
976
+ --mdc-outlined-button-label-text-color: #ff4081;
977
+ }
978
+ .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
979
+ --mdc-outlined-button-label-text-color: #f44336;
980
+ }
981
+ .mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
982
+ --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
983
+ --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
984
+ --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
985
+ --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
986
+ }
987
+ .mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button {
988
+ --mat-mdc-button-persistent-ripple-color: #000;
989
+ --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
990
+ }
991
+ .mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
992
+ opacity: 0.04;
993
+ }
994
+ .mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
995
+ opacity: 0.12;
996
+ }
997
+ .mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
998
+ opacity: 0.12;
999
+ }
1000
+ .mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
1001
+ --mat-mdc-button-persistent-ripple-color: #3f51b5;
1002
+ --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
1003
+ }
1004
+ .mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
1005
+ --mat-mdc-button-persistent-ripple-color: #ff4081;
1006
+ --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
1007
+ }
1008
+ .mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
1009
+ --mat-mdc-button-persistent-ripple-color: #f44336;
1010
+ --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
1011
+ }
1012
+ .mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button {
1013
+ --mat-mdc-button-persistent-ripple-color: #000;
1014
+ --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
1015
+ }
1016
+ .mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
1017
+ opacity: 0.04;
1018
+ }
1019
+ .mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
1020
+ opacity: 0.12;
1021
+ }
1022
+ .mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
1023
+ opacity: 0.12;
1024
+ }
1025
+ .mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
1026
+ --mat-mdc-button-persistent-ripple-color: #fff;
1027
+ --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
1028
+ }
1029
+ .mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
1030
+ --mat-mdc-button-persistent-ripple-color: #fff;
1031
+ --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
1032
+ }
1033
+ .mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
1034
+ --mat-mdc-button-persistent-ripple-color: #fff;
1035
+ --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
1036
+ }
1037
+ .mat-datepicker-content .mat-mdc-icon-button {
1038
+ --mat-mdc-button-persistent-ripple-color: #000;
1039
+ --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
1040
+ --mdc-icon-button-icon-color: inherit;
1041
+ --mat-mdc-button-persistent-ripple-color: #000;
1042
+ --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
1043
+ }
1044
+ .mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
1045
+ opacity: 0.04;
1046
+ }
1047
+ .mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
1048
+ opacity: 0.12;
1049
+ }
1050
+ .mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
1051
+ opacity: 0.12;
1052
+ }
1053
+ .mat-datepicker-content .mat-mdc-icon-button.mat-primary {
1054
+ --mat-mdc-button-persistent-ripple-color: #6200ee;
1055
+ --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
1056
+ }
1057
+ .mat-datepicker-content .mat-mdc-icon-button.mat-accent {
1058
+ --mat-mdc-button-persistent-ripple-color: #018786;
1059
+ --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
1060
+ }
1061
+ .mat-datepicker-content .mat-mdc-icon-button.mat-warn {
1062
+ --mat-mdc-button-persistent-ripple-color: #b00020;
1063
+ --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
1064
+ }
1065
+ .mat-datepicker-content .mat-mdc-icon-button.mat-primary {
1066
+ --mdc-icon-button-icon-color: #3f51b5;
1067
+ --mat-mdc-button-persistent-ripple-color: #3f51b5;
1068
+ --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
1069
+ }
1070
+ .mat-datepicker-content .mat-mdc-icon-button.mat-accent {
1071
+ --mdc-icon-button-icon-color: #ff4081;
1072
+ --mat-mdc-button-persistent-ripple-color: #ff4081;
1073
+ --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
1074
+ }
1075
+ .mat-datepicker-content .mat-mdc-icon-button.mat-warn {
1076
+ --mdc-icon-button-icon-color: #f44336;
1077
+ --mat-mdc-button-persistent-ripple-color: #f44336;
1078
+ --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
1079
+ }
1080
+ .mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
1081
+ --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
1082
+ --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
1083
+ }
1084
+
1085
+ .mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
1086
+ .mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
1087
+ .mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
1088
+ .mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
1089
+ height: 36px;
1090
+ }
1091
+ .mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
1092
+ --mdc-icon-button-state-layer-size: 48px;
1093
+ width: var(--mdc-icon-button-state-layer-size);
1094
+ height: var(--mdc-icon-button-state-layer-size);
1095
+ padding: 12px;
1096
+ }
1097
+
1098
+ .mat-option {
1099
+ color: rgba(0, 0, 0, 0.87);
1100
+ }
1101
+ .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
1102
+ background: rgba(0, 0, 0, 0.04);
1103
+ }
1104
+ .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
1105
+ background: rgba(0, 0, 0, 0.04);
1106
+ }
1107
+ .mat-option.mat-active {
1108
+ background: rgba(0, 0, 0, 0.04);
1109
+ color: rgba(0, 0, 0, 0.87);
1110
+ }
1111
+ .mat-option.mat-option-disabled {
1112
+ color: rgba(0, 0, 0, 0.38);
1113
+ }
1114
+
1115
+ .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
1116
+ color: #3f51b5;
1117
+ }
1118
+
1119
+ .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
1120
+ color: #ff4081;
1121
+ }
1122
+
1123
+ .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
1124
+ color: #f44336;
1125
+ }
1126
+
1127
+ .mat-optgroup-label {
1128
+ color: rgba(0, 0, 0, 0.54);
1129
+ }
1130
+
1131
+ .mat-optgroup-disabled .mat-optgroup-label {
1132
+ color: rgba(0, 0, 0, 0.38);
1133
+ }
1134
+
1135
+ .mat-ripple-element {
1136
+ background-color: rgba(0, 0, 0, 0.1);
1137
+ }
1138
+
1139
+ .mat-pseudo-checkbox-full {
1140
+ color: rgba(0, 0, 0, 0.54);
1141
+ }
1142
+ .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
1143
+ color: #b0b0b0;
1144
+ }
1145
+
1146
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
1147
+ .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
1148
+ color: #3f51b5;
1149
+ }
1150
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
1151
+ .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
1152
+ background: #3f51b5;
1153
+ }
1154
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
1155
+ .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
1156
+ color: #fafafa;
1157
+ }
1158
+
1159
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
1160
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
1161
+ color: #ff4081;
1162
+ }
1163
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
1164
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
1165
+ background: #ff4081;
1166
+ }
1167
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
1168
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
1169
+ color: #fafafa;
1170
+ }
1171
+
1172
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
1173
+ .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
1174
+ color: #ff4081;
1175
+ }
1176
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
1177
+ .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
1178
+ background: #ff4081;
1179
+ }
1180
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
1181
+ .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
1182
+ color: #fafafa;
1183
+ }
1184
+
1185
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
1186
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
1187
+ color: #f44336;
1188
+ }
1189
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
1190
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
1191
+ background: #f44336;
1192
+ }
1193
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
1194
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
1195
+ color: #fafafa;
1196
+ }
1197
+
1198
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
1199
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
1200
+ color: #b0b0b0;
1201
+ }
1202
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
1203
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
1204
+ background: #b0b0b0;
1205
+ }
1206
+
1207
+ .mat-app-background {
1208
+ background-color: #fafafa;
1209
+ color: rgba(0, 0, 0, 0.87);
1210
+ }
1211
+
1212
+ .mat-elevation-z0 {
1213
+ 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);
1214
+ }
1215
+
1216
+ .mat-elevation-z1 {
1217
+ 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);
1218
+ }
1219
+
1220
+ .mat-elevation-z2 {
1221
+ 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);
1222
+ }
1223
+
1224
+ .mat-elevation-z3 {
1225
+ 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);
1226
+ }
1227
+
1228
+ .mat-elevation-z4 {
1229
+ 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);
1230
+ }
1231
+
1232
+ .mat-elevation-z5 {
1233
+ 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);
1234
+ }
1235
+
1236
+ .mat-elevation-z6 {
1237
+ 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);
1238
+ }
1239
+
1240
+ .mat-elevation-z7 {
1241
+ 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);
1242
+ }
1243
+
1244
+ .mat-elevation-z8 {
1245
+ 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);
1246
+ }
1247
+
1248
+ .mat-elevation-z9 {
1249
+ 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);
1250
+ }
1251
+
1252
+ .mat-elevation-z10 {
1253
+ 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);
1254
+ }
1255
+
1256
+ .mat-elevation-z11 {
1257
+ 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);
1258
+ }
1259
+
1260
+ .mat-elevation-z12 {
1261
+ 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);
1262
+ }
1263
+
1264
+ .mat-elevation-z13 {
1265
+ 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);
1266
+ }
1267
+
1268
+ .mat-elevation-z14 {
1269
+ 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);
1270
+ }
1271
+
1272
+ .mat-elevation-z15 {
1273
+ 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);
1274
+ }
1275
+
1276
+ .mat-elevation-z16 {
1277
+ 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);
1278
+ }
1279
+
1280
+ .mat-elevation-z17 {
1281
+ 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);
1282
+ }
1283
+
1284
+ .mat-elevation-z18 {
1285
+ 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);
1286
+ }
1287
+
1288
+ .mat-elevation-z19 {
1289
+ 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);
1290
+ }
1291
+
1292
+ .mat-elevation-z20 {
1293
+ 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);
1294
+ }
1295
+
1296
+ .mat-elevation-z21 {
1297
+ 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);
1298
+ }
1299
+
1300
+ .mat-elevation-z22 {
1301
+ 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);
1302
+ }
1303
+
1304
+ .mat-elevation-z23 {
1305
+ 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);
1306
+ }
1307
+
1308
+ .mat-elevation-z24 {
1309
+ 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);
1310
+ }
1311
+
1312
+ .mat-theme-loaded-marker {
1313
+ display: none;
1314
+ }
1315
+
1316
+ .mat-card {
1317
+ background: white;
1318
+ color: rgba(0, 0, 0, 0.87);
1319
+ }
1320
+ .mat-card:not([class*=mat-elevation-z]) {
1321
+ 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);
1322
+ }
1323
+ .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
1324
+ 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);
1325
+ }
1326
+
1327
+ .mat-card-subtitle {
1328
+ color: rgba(0, 0, 0, 0.54);
1329
+ }
1330
+
1331
+ .mat-progress-bar-background {
1332
+ fill: #cbd0e9;
1333
+ }
1334
+
1335
+ .mat-progress-bar-buffer {
1336
+ background-color: #cbd0e9;
1337
+ }
1338
+
1339
+ .mat-progress-bar-fill::after {
1340
+ background-color: #3f51b5;
1341
+ }
1342
+
1343
+ .mat-progress-bar.mat-accent .mat-progress-bar-background {
1344
+ fill: #fbccdc;
1345
+ }
1346
+ .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
1347
+ background-color: #fbccdc;
1348
+ }
1349
+ .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
1350
+ background-color: #ff4081;
1351
+ }
1352
+
1353
+ .mat-progress-bar.mat-warn .mat-progress-bar-background {
1354
+ fill: #f9ccc9;
1355
+ }
1356
+ .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
1357
+ background-color: #f9ccc9;
1358
+ }
1359
+ .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
1360
+ background-color: #f44336;
1361
+ }
1362
+
1363
+ .mat-progress-spinner circle, .mat-spinner circle {
1364
+ stroke: #3f51b5;
1365
+ }
1366
+ .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
1367
+ stroke: #ff4081;
1368
+ }
1369
+ .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
1370
+ stroke: #f44336;
1371
+ }
1372
+
1373
+ .mat-tooltip {
1374
+ background: rgba(97, 97, 97, 0.9);
1375
+ }
1376
+
1377
+ .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
1378
+ color: rgba(0, 0, 0, 0.54);
1379
+ }
1380
+
1381
+ .mat-input-element:disabled,
1382
+ .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
1383
+ color: rgba(0, 0, 0, 0.38);
1384
+ }
1385
+
1386
+ .mat-input-element {
1387
+ caret-color: #3f51b5;
1388
+ }
1389
+ .mat-input-element::placeholder {
1390
+ color: rgba(0, 0, 0, 0.42);
1391
+ }
1392
+ .mat-input-element::-moz-placeholder {
1393
+ color: rgba(0, 0, 0, 0.42);
1394
+ }
1395
+ .mat-input-element::-webkit-input-placeholder {
1396
+ color: rgba(0, 0, 0, 0.42);
1397
+ }
1398
+ .mat-input-element:-ms-input-placeholder {
1399
+ color: rgba(0, 0, 0, 0.42);
1400
+ }
1401
+
1402
+ .mat-form-field.mat-accent .mat-input-element {
1403
+ caret-color: #ff4081;
1404
+ }
1405
+
1406
+ .mat-form-field.mat-warn .mat-input-element,
1407
+ .mat-form-field-invalid .mat-input-element {
1408
+ caret-color: #f44336;
1409
+ }
1410
+
1411
+ .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
1412
+ color: #f44336;
1413
+ }
1414
+
1415
+ .mat-form-field-disabled .mat-form-field-prefix,
1416
+ .mat-form-field-disabled .mat-form-field-suffix {
1417
+ color: rgba(0, 0, 0, 0.38);
1418
+ }
1419
+
1420
+ .mat-form-field-label {
1421
+ color: rgba(0, 0, 0, 0.6);
1422
+ }
1423
+
1424
+ .mat-hint {
1425
+ color: rgba(0, 0, 0, 0.6);
1426
+ }
1427
+
1428
+ .mat-form-field.mat-focused .mat-form-field-label {
1429
+ color: #3f51b5;
1430
+ }
1431
+ .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
1432
+ color: #ff4081;
1433
+ }
1434
+ .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
1435
+ color: #f44336;
1436
+ }
1437
+
1438
+ .mat-focused .mat-form-field-required-marker {
1439
+ color: #ff4081;
1440
+ }
1441
+
1442
+ .mat-form-field-ripple {
1443
+ background-color: rgba(0, 0, 0, 0.87);
1444
+ }
1445
+
1446
+ .mat-form-field.mat-focused .mat-form-field-ripple {
1447
+ background-color: #3f51b5;
1448
+ }
1449
+ .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
1450
+ background-color: #ff4081;
1451
+ }
1452
+ .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
1453
+ background-color: #f44336;
1454
+ }
1455
+
1456
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
1457
+ color: #3f51b5;
1458
+ }
1459
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
1460
+ color: #ff4081;
1461
+ }
1462
+ .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
1463
+ color: #f44336;
1464
+ }
1465
+
1466
+ .mat-form-field.mat-form-field-invalid .mat-form-field-label {
1467
+ color: #f44336;
1468
+ }
1469
+ .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
1470
+ .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
1471
+ color: #f44336;
1472
+ }
1473
+ .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
1474
+ .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
1475
+ background-color: #f44336;
1476
+ }
1477
+
1478
+ .mat-error {
1479
+ color: #f44336;
1480
+ }
1481
+
1482
+ .mat-form-field-appearance-legacy .mat-form-field-label {
1483
+ color: rgba(0, 0, 0, 0.54);
1484
+ }
1485
+ .mat-form-field-appearance-legacy .mat-hint {
1486
+ color: rgba(0, 0, 0, 0.54);
1487
+ }
1488
+ .mat-form-field-appearance-legacy .mat-form-field-underline {
1489
+ background-color: rgba(0, 0, 0, 0.42);
1490
+ }
1491
+ .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
1492
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
1493
+ background-size: 4px 100%;
1494
+ background-repeat: repeat-x;
1495
+ }
1496
+
1497
+ .mat-form-field-appearance-standard .mat-form-field-underline {
1498
+ background-color: rgba(0, 0, 0, 0.42);
1499
+ }
1500
+ .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
1501
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
1502
+ background-size: 4px 100%;
1503
+ background-repeat: repeat-x;
1504
+ }
1505
+
1506
+ .mat-form-field-appearance-fill .mat-form-field-flex {
1507
+ background-color: rgba(0, 0, 0, 0.04);
1508
+ }
1509
+ .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
1510
+ background-color: rgba(0, 0, 0, 0.02);
1511
+ }
1512
+ .mat-form-field-appearance-fill .mat-form-field-underline::before {
1513
+ background-color: rgba(0, 0, 0, 0.42);
1514
+ }
1515
+ .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
1516
+ color: rgba(0, 0, 0, 0.38);
1517
+ }
1518
+ .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
1519
+ background-color: transparent;
1520
+ }
1521
+
1522
+ .mat-form-field-appearance-outline .mat-form-field-outline {
1523
+ color: rgba(0, 0, 0, 0.12);
1524
+ }
1525
+ .mat-form-field-appearance-outline .mat-form-field-outline-thick {
1526
+ color: rgba(0, 0, 0, 0.87);
1527
+ }
1528
+ .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
1529
+ color: #3f51b5;
1530
+ }
1531
+ .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
1532
+ color: #ff4081;
1533
+ }
1534
+ .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
1535
+ color: #f44336;
1536
+ }
1537
+ .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
1538
+ color: #f44336;
1539
+ }
1540
+ .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
1541
+ color: rgba(0, 0, 0, 0.38);
1542
+ }
1543
+ .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
1544
+ color: rgba(0, 0, 0, 0.06);
1545
+ }
1546
+
1547
+ .mat-select-value {
1548
+ color: rgba(0, 0, 0, 0.87);
1549
+ }
1550
+
1551
+ .mat-select-placeholder {
1552
+ color: rgba(0, 0, 0, 0.42);
1553
+ }
1554
+
1555
+ .mat-select-disabled .mat-select-value {
1556
+ color: rgba(0, 0, 0, 0.38);
1557
+ }
1558
+
1559
+ .mat-select-arrow {
1560
+ color: rgba(0, 0, 0, 0.54);
1561
+ }
1562
+
1563
+ .mat-select-panel {
1564
+ background: white;
1565
+ }
1566
+ .mat-select-panel:not([class*=mat-elevation-z]) {
1567
+ 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);
1568
+ }
1569
+ .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
1570
+ background: rgba(0, 0, 0, 0.12);
1571
+ }
1572
+
1573
+ .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
1574
+ color: #3f51b5;
1575
+ }
1576
+ .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
1577
+ color: #ff4081;
1578
+ }
1579
+ .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
1580
+ color: #f44336;
1581
+ }
1582
+ .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
1583
+ color: #f44336;
1584
+ }
1585
+ .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
1586
+ color: rgba(0, 0, 0, 0.38);
1587
+ }
1588
+
1589
+ .mat-checkbox-frame {
1590
+ border-color: rgba(0, 0, 0, 0.54);
1591
+ }
1592
+
1593
+ .mat-checkbox-checkmark {
1594
+ fill: #fafafa;
1595
+ }
1596
+
1597
+ .mat-checkbox-checkmark-path {
1598
+ stroke: #fafafa !important;
1599
+ }
1600
+
1601
+ .mat-checkbox-mixedmark {
1602
+ background-color: #fafafa;
1603
+ }
1604
+
1605
+ .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
1606
+ background-color: #3f51b5;
1607
+ }
1608
+ .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
1609
+ background-color: #ff4081;
1610
+ }
1611
+ .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
1612
+ background-color: #f44336;
1613
+ }
1614
+
1615
+ .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
1616
+ background-color: #b0b0b0;
1617
+ }
1618
+ .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
1619
+ border-color: #b0b0b0;
1620
+ }
1621
+ .mat-checkbox-disabled .mat-checkbox-label {
1622
+ color: rgba(0, 0, 0, 0.38);
1623
+ }
1624
+
1625
+ .mat-checkbox .mat-ripple-element {
1626
+ background-color: black;
1627
+ }
1628
+
1629
+ .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
1630
+ .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
1631
+ background: #3f51b5;
1632
+ }
1633
+ .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
1634
+ .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
1635
+ background: #ff4081;
1636
+ }
1637
+ .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
1638
+ .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
1639
+ background: #f44336;
1640
+ }
1641
+
1642
+ .mat-autocomplete-panel {
1643
+ background: white;
1644
+ color: rgba(0, 0, 0, 0.87);
1645
+ }
1646
+ .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
1647
+ 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);
1648
+ }
1649
+ .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
1650
+ background: white;
1651
+ }
1652
+ .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
1653
+ color: rgba(0, 0, 0, 0.87);
1654
+ }
1655
+
1656
+ .mat-dialog-container {
1657
+ 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);
1658
+ background: white;
1659
+ color: rgba(0, 0, 0, 0.87);
1660
+ }
1661
+
1662
+ .mat-chip.mat-standard-chip {
1663
+ background-color: #e0e0e0;
1664
+ color: rgba(0, 0, 0, 0.87);
1665
+ }
1666
+ .mat-chip.mat-standard-chip .mat-chip-remove {
1667
+ color: rgba(0, 0, 0, 0.87);
1668
+ opacity: 0.4;
1669
+ }
1670
+ .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
1671
+ 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);
1672
+ }
1673
+ .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
1674
+ opacity: 0.54;
1675
+ }
1676
+ .mat-chip.mat-standard-chip.mat-chip-disabled {
1677
+ opacity: 0.4;
1678
+ }
1679
+ .mat-chip.mat-standard-chip::after {
1680
+ background: black;
1681
+ }
1682
+
1683
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
1684
+ background-color: #3f51b5;
1685
+ color: white;
1686
+ }
1687
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
1688
+ color: white;
1689
+ opacity: 0.4;
1690
+ }
1691
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
1692
+ background-color: rgba(255, 255, 255, 0.1);
1693
+ }
1694
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
1695
+ background-color: #f44336;
1696
+ color: white;
1697
+ }
1698
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
1699
+ color: white;
1700
+ opacity: 0.4;
1701
+ }
1702
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
1703
+ background-color: rgba(255, 255, 255, 0.1);
1704
+ }
1705
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
1706
+ background-color: #ff4081;
1707
+ color: white;
1708
+ }
1709
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
1710
+ color: white;
1711
+ opacity: 0.4;
1712
+ }
1713
+ .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
1714
+ background-color: rgba(255, 255, 255, 0.1);
1715
+ }
1716
+
1717
+ .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
1718
+ background-color: #ff4081;
1719
+ }
1720
+ .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
1721
+ background-color: rgba(255, 64, 129, 0.54);
1722
+ }
1723
+ .mat-slide-toggle.mat-checked .mat-ripple-element {
1724
+ background-color: #ff4081;
1725
+ }
1726
+ .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
1727
+ background-color: #3f51b5;
1728
+ }
1729
+ .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
1730
+ background-color: rgba(63, 81, 181, 0.54);
1731
+ }
1732
+ .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
1733
+ background-color: #3f51b5;
1734
+ }
1735
+ .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
1736
+ background-color: #f44336;
1737
+ }
1738
+ .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
1739
+ background-color: rgba(244, 67, 54, 0.54);
1740
+ }
1741
+ .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
1742
+ background-color: #f44336;
1743
+ }
1744
+ .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
1745
+ background-color: black;
1746
+ }
1747
+
1748
+ .mat-slide-toggle-thumb {
1749
+ 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);
1750
+ background-color: #fafafa;
1751
+ }
1752
+
1753
+ .mat-slide-toggle-bar {
1754
+ background-color: rgba(0, 0, 0, 0.38);
1755
+ }
1756
+
1757
+ .mat-radio-outer-circle {
1758
+ border-color: rgba(0, 0, 0, 0.54);
1759
+ }
1760
+
1761
+ .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
1762
+ border-color: #3f51b5;
1763
+ }
1764
+ .mat-radio-button.mat-primary .mat-radio-inner-circle,
1765
+ .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
1766
+ background-color: #3f51b5;
1767
+ }
1768
+ .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
1769
+ border-color: #ff4081;
1770
+ }
1771
+ .mat-radio-button.mat-accent .mat-radio-inner-circle,
1772
+ .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
1773
+ background-color: #ff4081;
1774
+ }
1775
+ .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
1776
+ border-color: #f44336;
1777
+ }
1778
+ .mat-radio-button.mat-warn .mat-radio-inner-circle,
1779
+ .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
1780
+ background-color: #f44336;
1781
+ }
1782
+ .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
1783
+ .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
1784
+ border-color: rgba(0, 0, 0, 0.38);
1785
+ }
1786
+ .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
1787
+ .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
1788
+ background-color: rgba(0, 0, 0, 0.38);
1789
+ }
1790
+ .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
1791
+ color: rgba(0, 0, 0, 0.38);
1792
+ }
1793
+ .mat-radio-button .mat-ripple-element {
1794
+ background-color: black;
1795
+ }
1796
+
1797
+ .mat-slider-track-background {
1798
+ background-color: rgba(0, 0, 0, 0.26);
1799
+ }
1800
+
1801
+ .mat-slider.mat-primary .mat-slider-track-fill,
1802
+ .mat-slider.mat-primary .mat-slider-thumb,
1803
+ .mat-slider.mat-primary .mat-slider-thumb-label {
1804
+ background-color: #3f51b5;
1805
+ }
1806
+ .mat-slider.mat-primary .mat-slider-thumb-label-text {
1807
+ color: white;
1808
+ }
1809
+ .mat-slider.mat-primary .mat-slider-focus-ring {
1810
+ background-color: rgba(63, 81, 181, 0.2);
1811
+ }
1812
+ .mat-slider.mat-accent .mat-slider-track-fill,
1813
+ .mat-slider.mat-accent .mat-slider-thumb,
1814
+ .mat-slider.mat-accent .mat-slider-thumb-label {
1815
+ background-color: #ff4081;
1816
+ }
1817
+ .mat-slider.mat-accent .mat-slider-thumb-label-text {
1818
+ color: white;
1819
+ }
1820
+ .mat-slider.mat-accent .mat-slider-focus-ring {
1821
+ background-color: rgba(255, 64, 129, 0.2);
1822
+ }
1823
+ .mat-slider.mat-warn .mat-slider-track-fill,
1824
+ .mat-slider.mat-warn .mat-slider-thumb,
1825
+ .mat-slider.mat-warn .mat-slider-thumb-label {
1826
+ background-color: #f44336;
1827
+ }
1828
+ .mat-slider.mat-warn .mat-slider-thumb-label-text {
1829
+ color: white;
1830
+ }
1831
+ .mat-slider.mat-warn .mat-slider-focus-ring {
1832
+ background-color: rgba(244, 67, 54, 0.2);
1833
+ }
1834
+
1835
+ .mat-slider:hover .mat-slider-track-background,
1836
+ .mat-slider.cdk-focused .mat-slider-track-background {
1837
+ background-color: rgba(0, 0, 0, 0.38);
1838
+ }
1839
+
1840
+ .mat-slider.mat-slider-disabled .mat-slider-track-background,
1841
+ .mat-slider.mat-slider-disabled .mat-slider-track-fill,
1842
+ .mat-slider.mat-slider-disabled .mat-slider-thumb {
1843
+ background-color: rgba(0, 0, 0, 0.26);
1844
+ }
1845
+ .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
1846
+ background-color: rgba(0, 0, 0, 0.26);
1847
+ }
1848
+
1849
+ .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
1850
+ background-color: rgba(0, 0, 0, 0.12);
1851
+ }
1852
+ .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
1853
+ .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
1854
+ background-color: rgba(0, 0, 0, 0.87);
1855
+ }
1856
+ .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
1857
+ .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
1858
+ background-color: rgba(0, 0, 0, 0.26);
1859
+ }
1860
+ .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
1861
+ border-color: rgba(0, 0, 0, 0.26);
1862
+ background-color: transparent;
1863
+ }
1864
+ .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
1865
+ border-color: rgba(0, 0, 0, 0.38);
1866
+ }
1867
+ .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
1868
+ border-color: rgba(0, 0, 0, 0.26);
1869
+ }
1870
+
1871
+ .mat-slider-has-ticks .mat-slider-wrapper::after {
1872
+ border-color: rgba(0, 0, 0, 0.7);
1873
+ }
1874
+
1875
+ .mat-slider-horizontal .mat-slider-ticks {
1876
+ background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
1877
+ background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
1878
+ }
1879
+
1880
+ .mat-slider-vertical .mat-slider-ticks {
1881
+ background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
1882
+ }
1883
+
1884
+ .mat-menu-panel {
1885
+ background: white;
1886
+ }
1887
+ .mat-menu-panel:not([class*=mat-elevation-z]) {
1888
+ 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);
1889
+ }
1890
+
1891
+ .mat-menu-item {
1892
+ background: transparent;
1893
+ color: rgba(0, 0, 0, 0.87);
1894
+ }
1895
+ .mat-menu-item[disabled],
1896
+ .mat-menu-item[disabled] .mat-menu-submenu-icon,
1897
+ .mat-menu-item[disabled] .mat-icon-no-color {
1898
+ color: rgba(0, 0, 0, 0.38);
1899
+ }
1900
+
1901
+ .mat-menu-item .mat-icon-no-color,
1902
+ .mat-menu-submenu-icon {
1903
+ color: rgba(0, 0, 0, 0.54);
1904
+ }
1905
+
1906
+ .mat-menu-item:hover:not([disabled]),
1907
+ .mat-menu-item.cdk-program-focused:not([disabled]),
1908
+ .mat-menu-item.cdk-keyboard-focused:not([disabled]),
1909
+ .mat-menu-item-highlighted:not([disabled]) {
1910
+ background: rgba(0, 0, 0, 0.04);
1911
+ }
1912
+
1913
+ .mat-list-base .mat-list-item {
1914
+ color: rgba(0, 0, 0, 0.87);
1915
+ }
1916
+ .mat-list-base .mat-list-option {
1917
+ color: rgba(0, 0, 0, 0.87);
1918
+ }
1919
+ .mat-list-base .mat-subheader {
1920
+ color: rgba(0, 0, 0, 0.54);
1921
+ }
1922
+ .mat-list-base .mat-list-item-disabled {
1923
+ background-color: #eeeeee;
1924
+ color: rgba(0, 0, 0, 0.38);
1925
+ }
1926
+
1927
+ .mat-list-option:hover, .mat-list-option:focus,
1928
+ .mat-nav-list .mat-list-item:hover,
1929
+ .mat-nav-list .mat-list-item:focus,
1930
+ .mat-action-list .mat-list-item:hover,
1931
+ .mat-action-list .mat-list-item:focus {
1932
+ background: rgba(0, 0, 0, 0.04);
1933
+ }
1934
+
1935
+ .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
1936
+ background: rgba(0, 0, 0, 0.12);
1937
+ }
1938
+
1939
+ .mat-paginator {
1940
+ background: white;
1941
+ }
1942
+
1943
+ .mat-paginator,
1944
+ .mat-paginator-page-size .mat-select-trigger {
1945
+ color: rgba(0, 0, 0, 0.54);
1946
+ }
1947
+
1948
+ .mat-paginator-decrement,
1949
+ .mat-paginator-increment {
1950
+ border-top: 2px solid rgba(0, 0, 0, 0.54);
1951
+ border-right: 2px solid rgba(0, 0, 0, 0.54);
1952
+ }
1953
+
1954
+ .mat-paginator-first,
1955
+ .mat-paginator-last {
1956
+ border-top: 2px solid rgba(0, 0, 0, 0.54);
1957
+ }
1958
+
1959
+ .mat-icon-button[disabled] .mat-paginator-decrement,
1960
+ .mat-icon-button[disabled] .mat-paginator-increment,
1961
+ .mat-icon-button[disabled] .mat-paginator-first,
1962
+ .mat-icon-button[disabled] .mat-paginator-last {
1963
+ border-color: rgba(0, 0, 0, 0.38);
1964
+ }
1965
+
1966
+ .mat-paginator-container {
1967
+ min-height: 56px;
1968
+ }
1969
+
1970
+ .mat-tab-nav-bar,
1971
+ .mat-tab-header {
1972
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1973
+ }
1974
+
1975
+ .mat-tab-group-inverted-header .mat-tab-nav-bar,
1976
+ .mat-tab-group-inverted-header .mat-tab-header {
1977
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
1978
+ border-bottom: none;
1979
+ }
1980
+
1981
+ .mat-tab-label, .mat-tab-link {
1982
+ color: rgba(0, 0, 0, 0.87);
1983
+ }
1984
+ .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
1985
+ color: rgba(0, 0, 0, 0.38);
1986
+ }
1987
+
1988
+ .mat-tab-header-pagination-chevron {
1989
+ border-color: rgba(0, 0, 0, 0.87);
1990
+ }
1991
+
1992
+ .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
1993
+ border-color: rgba(0, 0, 0, 0.38);
1994
+ }
1995
+
1996
+ .mat-tab-group[class*=mat-background-] > .mat-tab-header,
1997
+ .mat-tab-nav-bar[class*=mat-background-] {
1998
+ border-bottom: none;
1999
+ border-top: none;
2000
+ }
2001
+
2002
+ .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
2003
+ .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
2004
+ .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
2005
+ .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
2006
+ .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
2007
+ background-color: rgba(197, 202, 233, 0.3);
2008
+ }
2009
+ .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2010
+ .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2011
+ .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2012
+ .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2013
+ .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2014
+ background-color: rgba(0, 0, 0, 0.1);
2015
+ }
2016
+ .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
2017
+ background-color: #3f51b5;
2018
+ }
2019
+ .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
2020
+ background-color: white;
2021
+ }
2022
+ .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
2023
+ .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
2024
+ .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
2025
+ .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
2026
+ .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
2027
+ background-color: rgba(255, 128, 171, 0.3);
2028
+ }
2029
+ .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2030
+ .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2031
+ .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2032
+ .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2033
+ .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2034
+ background-color: rgba(0, 0, 0, 0.1);
2035
+ }
2036
+ .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
2037
+ background-color: #ff4081;
2038
+ }
2039
+ .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
2040
+ background-color: white;
2041
+ }
2042
+ .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
2043
+ .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
2044
+ .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
2045
+ .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
2046
+ .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
2047
+ background-color: rgba(255, 205, 210, 0.3);
2048
+ }
2049
+ .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2050
+ .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2051
+ .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2052
+ .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2053
+ .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2054
+ background-color: rgba(0, 0, 0, 0.1);
2055
+ }
2056
+ .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
2057
+ background-color: #f44336;
2058
+ }
2059
+ .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
2060
+ background-color: white;
2061
+ }
2062
+ .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
2063
+ .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
2064
+ .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
2065
+ .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
2066
+ .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
2067
+ background-color: rgba(197, 202, 233, 0.3);
2068
+ }
2069
+ .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2070
+ .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2071
+ .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2072
+ .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2073
+ .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2074
+ background-color: rgba(0, 0, 0, 0.1);
2075
+ }
2076
+ .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
2077
+ background-color: #3f51b5;
2078
+ }
2079
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
2080
+ color: white;
2081
+ }
2082
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2083
+ color: rgba(255, 255, 255, 0.4);
2084
+ }
2085
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
2086
+ .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2087
+ .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
2088
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
2089
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2090
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
2091
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
2092
+ border-color: white;
2093
+ }
2094
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2095
+ .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2096
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
2097
+ border-color: white;
2098
+ opacity: 0.4;
2099
+ }
2100
+ .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
2101
+ .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
2102
+ .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
2103
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
2104
+ .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
2105
+ background-color: white;
2106
+ opacity: 0.12;
2107
+ }
2108
+ .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
2109
+ .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
2110
+ .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
2111
+ .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
2112
+ .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
2113
+ background-color: rgba(255, 128, 171, 0.3);
2114
+ }
2115
+ .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2116
+ .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2117
+ .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2118
+ .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2119
+ .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2120
+ background-color: rgba(0, 0, 0, 0.1);
2121
+ }
2122
+ .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
2123
+ background-color: #ff4081;
2124
+ }
2125
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
2126
+ color: white;
2127
+ }
2128
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2129
+ color: rgba(255, 255, 255, 0.4);
2130
+ }
2131
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
2132
+ .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2133
+ .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
2134
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
2135
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2136
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
2137
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
2138
+ border-color: white;
2139
+ }
2140
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2141
+ .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2142
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
2143
+ border-color: white;
2144
+ opacity: 0.4;
2145
+ }
2146
+ .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
2147
+ .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
2148
+ .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
2149
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
2150
+ .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
2151
+ background-color: white;
2152
+ opacity: 0.12;
2153
+ }
2154
+ .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
2155
+ .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
2156
+ .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
2157
+ .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
2158
+ .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
2159
+ background-color: rgba(255, 205, 210, 0.3);
2160
+ }
2161
+ .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2162
+ .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2163
+ .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
2164
+ .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
2165
+ .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
2166
+ background-color: rgba(0, 0, 0, 0.1);
2167
+ }
2168
+ .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
2169
+ background-color: #f44336;
2170
+ }
2171
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
2172
+ color: white;
2173
+ }
2174
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2175
+ color: rgba(255, 255, 255, 0.4);
2176
+ }
2177
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
2178
+ .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2179
+ .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
2180
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
2181
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2182
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
2183
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
2184
+ border-color: white;
2185
+ }
2186
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2187
+ .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
2188
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
2189
+ border-color: white;
2190
+ opacity: 0.4;
2191
+ }
2192
+ .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
2193
+ .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
2194
+ .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
2195
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
2196
+ .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
2197
+ background-color: white;
2198
+ opacity: 0.12;
2199
+ }
2200
+
2201
+ .mat-snack-bar-container {
2202
+ color: rgba(255, 255, 255, 0.7);
2203
+ background: #323232;
2204
+ 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);
2205
+ }
2206
+
2207
+ .mat-simple-snackbar-action {
2208
+ color: #ff4081;
2209
+ }
2210
+
2211
+ .mat-table {
2212
+ background: white;
2213
+ }
2214
+
2215
+ .mat-table thead, .mat-table tbody, .mat-table tfoot,
2216
+ mat-header-row, mat-row, mat-footer-row,
2217
+ [mat-header-row], [mat-row], [mat-footer-row],
2218
+ .mat-table-sticky {
2219
+ background: inherit;
2220
+ }
2221
+
2222
+ mat-row, mat-header-row, mat-footer-row,
2223
+ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
2224
+ border-bottom-color: rgba(0, 0, 0, 0.12);
2225
+ }
2226
+
2227
+ .mat-header-cell {
2228
+ color: rgba(0, 0, 0, 0.54);
2229
+ }
2230
+
2231
+ .mat-cell, .mat-footer-cell {
2232
+ color: rgba(0, 0, 0, 0.87);
2233
+ }
2234
+
2235
+ .mat-badge {
2236
+ position: relative;
2237
+ }
2238
+ .mat-badge.mat-badge {
2239
+ overflow: visible;
2240
+ }
2241
+
2242
+ .mat-badge-content {
2243
+ position: absolute;
2244
+ text-align: center;
2245
+ display: inline-block;
2246
+ border-radius: 50%;
2247
+ transition: transform 200ms ease-in-out;
2248
+ transform: scale(0.6);
2249
+ overflow: hidden;
2250
+ white-space: nowrap;
2251
+ text-overflow: ellipsis;
2252
+ pointer-events: none;
2253
+ background-color: var(--mat-badge-background-color);
2254
+ color: var(--mat-badge-text-color);
2255
+ font-family: Roboto, sans-serif;
2256
+ /* @alternate */
2257
+ font-family: var(--mat-badge-text-font, Roboto, sans-serif);
2258
+ font-size: 12px;
2259
+ /* @alternate */
2260
+ font-size: var(--mat-badge-text-size, 12px);
2261
+ font-weight: 600;
2262
+ /* @alternate */
2263
+ font-weight: var(--mat-badge-text-weight, 600);
2264
+ }
2265
+ .cdk-high-contrast-active .mat-badge-content {
2266
+ outline: solid 1px;
2267
+ border-radius: 0;
2268
+ }
2269
+
2270
+ .mat-badge-disabled .mat-badge-content {
2271
+ background-color: var(--mat-badge-disabled-state-background-color);
2272
+ color: var(--mat-badge-disabled-state-text-color);
2273
+ }
2274
+
2275
+ .mat-badge-hidden .mat-badge-content {
2276
+ display: none;
2277
+ }
2278
+
2279
+ .ng-animate-disabled .mat-badge-content,
2280
+ .mat-badge-content._mat-animation-noopable {
2281
+ transition: none;
2282
+ }
2283
+
2284
+ .mat-badge-content.mat-badge-active {
2285
+ transform: none;
2286
+ }
2287
+
2288
+ .mat-badge-small .mat-badge-content {
2289
+ width: 16px;
2290
+ height: 16px;
2291
+ line-height: 16px;
2292
+ font-size: 9px;
2293
+ /* @alternate */
2294
+ font-size: var(--mat-badge-small-size-text-size, 9px);
2295
+ }
2296
+ .mat-badge-small.mat-badge-above .mat-badge-content {
2297
+ top: -8px;
2298
+ }
2299
+ .mat-badge-small.mat-badge-below .mat-badge-content {
2300
+ bottom: -8px;
2301
+ }
2302
+ .mat-badge-small.mat-badge-before .mat-badge-content {
2303
+ left: -16px;
2304
+ }
2305
+ [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
2306
+ left: auto;
2307
+ right: -16px;
2308
+ }
2309
+ .mat-badge-small.mat-badge-after .mat-badge-content {
2310
+ right: -16px;
2311
+ }
2312
+ [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
2313
+ right: auto;
2314
+ left: -16px;
2315
+ }
2316
+ .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
2317
+ left: -8px;
2318
+ }
2319
+ [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
2320
+ left: auto;
2321
+ right: -8px;
2322
+ }
2323
+ .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
2324
+ right: -8px;
2325
+ }
2326
+ [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
2327
+ right: auto;
2328
+ left: -8px;
2329
+ }
2330
+
2331
+ .mat-badge-medium .mat-badge-content {
2332
+ width: 22px;
2333
+ height: 22px;
2334
+ line-height: 22px;
2335
+ }
2336
+ .mat-badge-medium.mat-badge-above .mat-badge-content {
2337
+ top: -11px;
2338
+ }
2339
+ .mat-badge-medium.mat-badge-below .mat-badge-content {
2340
+ bottom: -11px;
2341
+ }
2342
+ .mat-badge-medium.mat-badge-before .mat-badge-content {
2343
+ left: -22px;
2344
+ }
2345
+ [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
2346
+ left: auto;
2347
+ right: -22px;
2348
+ }
2349
+ .mat-badge-medium.mat-badge-after .mat-badge-content {
2350
+ right: -22px;
2351
+ }
2352
+ [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
2353
+ right: auto;
2354
+ left: -22px;
2355
+ }
2356
+ .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
2357
+ left: -11px;
2358
+ }
2359
+ [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
2360
+ left: auto;
2361
+ right: -11px;
2362
+ }
2363
+ .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
2364
+ right: -11px;
2365
+ }
2366
+ [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
2367
+ right: auto;
2368
+ left: -11px;
2369
+ }
2370
+
2371
+ .mat-badge-large .mat-badge-content {
2372
+ width: 28px;
2373
+ height: 28px;
2374
+ line-height: 28px;
2375
+ font-size: 24px;
2376
+ /* @alternate */
2377
+ font-size: var(--mat-badge-large-size-text-size, 24px);
2378
+ }
2379
+ .mat-badge-large.mat-badge-above .mat-badge-content {
2380
+ top: -14px;
2381
+ }
2382
+ .mat-badge-large.mat-badge-below .mat-badge-content {
2383
+ bottom: -14px;
2384
+ }
2385
+ .mat-badge-large.mat-badge-before .mat-badge-content {
2386
+ left: -28px;
2387
+ }
2388
+ [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
2389
+ left: auto;
2390
+ right: -28px;
2391
+ }
2392
+ .mat-badge-large.mat-badge-after .mat-badge-content {
2393
+ right: -28px;
2394
+ }
2395
+ [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
2396
+ right: auto;
2397
+ left: -28px;
2398
+ }
2399
+ .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
2400
+ left: -14px;
2401
+ }
2402
+ [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
2403
+ left: auto;
2404
+ right: -14px;
2405
+ }
2406
+ .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
2407
+ right: -14px;
2408
+ }
2409
+ [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
2410
+ right: auto;
2411
+ left: -14px;
2412
+ }
2413
+
2414
+ html {
2415
+ --mat-badge-background-color: #3f51b5;
2416
+ --mat-badge-text-color: white;
2417
+ --mat-badge-disabled-state-background-color: #b9b9b9;
2418
+ --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
2419
+ }
2420
+
2421
+ .mat-badge-accent {
2422
+ --mat-badge-background-color: #ff4081;
2423
+ --mat-badge-text-color: white;
2424
+ }
2425
+
2426
+ .mat-badge-warn {
2427
+ --mat-badge-background-color: #f44336;
2428
+ --mat-badge-text-color: white;
2429
+ }
2430
+
2431
+ html {
2432
+ --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
2433
+ --mat-bottom-sheet-container-background-color: white;
2434
+ }
2435
+
2436
+ html {
2437
+ --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
2438
+ --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
2439
+ --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
2440
+ --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
2441
+ --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2442
+ --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
2443
+ --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
2444
+ --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
2445
+ --mat-standard-button-toggle-background-color: white;
2446
+ --mat-standard-button-toggle-state-layer-color: black;
2447
+ --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
2448
+ --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
2449
+ --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2450
+ --mat-standard-button-toggle-disabled-state-background-color: white;
2451
+ --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
2452
+ --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
2453
+ --mat-standard-button-toggle-divider-color: #e0e0e0;
2454
+ }
2455
+
2456
+ html {
2457
+ --mat-standard-button-toggle-height: 48px;
2458
+ }
2459
+
2460
+ html {
2461
+ --mat-datepicker-calendar-date-selected-state-text-color: white;
2462
+ --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
2463
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
2464
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2465
+ --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
2466
+ --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
2467
+ --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
2468
+ --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
2469
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2470
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2471
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
2472
+ --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
2473
+ --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
2474
+ --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
2475
+ --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
2476
+ --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
2477
+ --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
2478
+ --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
2479
+ --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
2480
+ --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
2481
+ --mat-datepicker-calendar-date-outline-color: transparent;
2482
+ --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
2483
+ --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
2484
+ --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
2485
+ --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
2486
+ --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
2487
+ --mat-datepicker-calendar-container-background-color: white;
2488
+ --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
2489
+ }
2490
+
2491
+ .mat-datepicker-content.mat-accent {
2492
+ --mat-datepicker-calendar-date-selected-state-text-color: white;
2493
+ --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
2494
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
2495
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2496
+ --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
2497
+ --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
2498
+ --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
2499
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2500
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2501
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
2502
+ }
2503
+ .mat-datepicker-content.mat-warn {
2504
+ --mat-datepicker-calendar-date-selected-state-text-color: white;
2505
+ --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
2506
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
2507
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
2508
+ --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
2509
+ --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
2510
+ --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
2511
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
2512
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
2513
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
2514
+ }
2515
+
2516
+ .mat-datepicker-toggle-active.mat-accent {
2517
+ --mat-datepicker-toggle-active-state-icon-color: #ff4081;
2518
+ }
2519
+ .mat-datepicker-toggle-active.mat-warn {
2520
+ --mat-datepicker-toggle-active-state-icon-color: #f44336;
2521
+ }
2522
+
2523
+ .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
2524
+ --mdc-icon-button-state-layer-size: 40px;
2525
+ width: var(--mdc-icon-button-state-layer-size);
2526
+ height: var(--mdc-icon-button-state-layer-size);
2527
+ padding: 8px;
2528
+ }
2529
+ .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
2530
+ display: none;
2531
+ }
2532
+
2533
+ html {
2534
+ --mat-divider-color: rgba(0, 0, 0, 0.12);
2535
+ }
2536
+
2537
+ html {
2538
+ --mat-expansion-container-background-color: white;
2539
+ --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
2540
+ --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
2541
+ --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
2542
+ --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
2543
+ --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
2544
+ --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
2545
+ --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
2546
+ --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
2547
+ }
2548
+
2549
+ html {
2550
+ --mat-expansion-header-collapsed-state-height: 48px;
2551
+ --mat-expansion-header-expanded-state-height: 64px;
2552
+ }
2553
+
2554
+ html {
2555
+ --mat-icon-color: inherit;
2556
+ }
2557
+
2558
+ .mat-icon.mat-primary {
2559
+ --mat-icon-color: #3f51b5;
2560
+ }
2561
+ .mat-icon.mat-accent {
2562
+ --mat-icon-color: #ff4081;
2563
+ }
2564
+ .mat-icon.mat-warn {
2565
+ --mat-icon-color: #f44336;
2566
+ }
2567
+
2568
+ html {
2569
+ --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
2570
+ --mat-sidenav-container-background-color: white;
2571
+ --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
2572
+ --mat-sidenav-content-background-color: #fafafa;
2573
+ --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
2574
+ --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
2575
+ }
2576
+
2577
+ html {
2578
+ --mat-stepper-header-icon-foreground-color: white;
2579
+ --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
2580
+ --mat-stepper-header-selected-state-icon-foreground-color: white;
2581
+ --mat-stepper-header-done-state-icon-background-color: #3f51b5;
2582
+ --mat-stepper-header-done-state-icon-foreground-color: white;
2583
+ --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
2584
+ --mat-stepper-header-edit-state-icon-foreground-color: white;
2585
+ --mat-stepper-container-color: white;
2586
+ --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
2587
+ --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
2588
+ --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
2589
+ --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
2590
+ --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
2591
+ --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
2592
+ --mat-stepper-header-error-state-label-text-color: #f44336;
2593
+ --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
2594
+ --mat-stepper-header-error-state-icon-foreground-color: #f44336;
2595
+ --mat-stepper-header-error-state-icon-background-color: transparent;
2596
+ }
2597
+ html .mat-step-header.mat-accent {
2598
+ --mat-stepper-header-icon-foreground-color: white;
2599
+ --mat-stepper-header-selected-state-icon-background-color: #ff4081;
2600
+ --mat-stepper-header-selected-state-icon-foreground-color: white;
2601
+ --mat-stepper-header-done-state-icon-background-color: #ff4081;
2602
+ --mat-stepper-header-done-state-icon-foreground-color: white;
2603
+ --mat-stepper-header-edit-state-icon-background-color: #ff4081;
2604
+ --mat-stepper-header-edit-state-icon-foreground-color: white;
2605
+ }
2606
+ html .mat-step-header.mat-warn {
2607
+ --mat-stepper-header-icon-foreground-color: white;
2608
+ --mat-stepper-header-selected-state-icon-background-color: #f44336;
2609
+ --mat-stepper-header-selected-state-icon-foreground-color: white;
2610
+ --mat-stepper-header-done-state-icon-background-color: #f44336;
2611
+ --mat-stepper-header-done-state-icon-foreground-color: white;
2612
+ --mat-stepper-header-edit-state-icon-background-color: #f44336;
2613
+ --mat-stepper-header-edit-state-icon-foreground-color: white;
2614
+ }
2615
+
2616
+ html {
2617
+ --mat-stepper-header-height: 72px;
2618
+ }
2619
+
2620
+ .mat-sort-header-arrow {
2621
+ color: #757575;
2622
+ }
2623
+
2624
+ html {
2625
+ --mat-toolbar-container-background-color: whitesmoke;
2626
+ --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
2627
+ }
2628
+
2629
+ .mat-toolbar.mat-primary {
2630
+ --mat-toolbar-container-background-color: #3f51b5;
2631
+ --mat-toolbar-container-text-color: white;
2632
+ }
2633
+ .mat-toolbar.mat-accent {
2634
+ --mat-toolbar-container-background-color: #ff4081;
2635
+ --mat-toolbar-container-text-color: white;
2636
+ }
2637
+ .mat-toolbar.mat-warn {
2638
+ --mat-toolbar-container-background-color: #f44336;
2639
+ --mat-toolbar-container-text-color: white;
2640
+ }
2641
+
2642
+ html {
2643
+ --mat-toolbar-standard-height: 64px;
2644
+ --mat-toolbar-mobile-height: 56px;
2645
+ }
2646
+
2647
+ .mat-tree {
2648
+ background: white;
2649
+ }
2650
+
2651
+ .mat-tree-node,
2652
+ .mat-nested-tree-node {
2653
+ color: rgba(0, 0, 0, 0.87);
2654
+ }
2655
+
2656
+ .mat-tree-node {
2657
+ min-height: 48px;
2658
+ }
2659
+
2660
+ /* You can add global styles to this file, and also import other style files */
2661
+ @font-face {
2662
+ font-family: "Montserrat-Medium";
2663
+ src: url('Montserrat-Medium.ttf') format("truetype");
2664
+ }
2665
+ @font-face {
2666
+ font-family: "Montserrat-Regular";
2667
+ src: url('Montserrat-Regular.ttf') format("truetype");
2668
+ }
2669
+ @font-face {
2670
+ font-family: "Montserrat-Semi-Bold";
2671
+ src: url('Montserrat-SemiBold.ttf') format("truetype");
2672
+ }
2673
+ @font-face {
2674
+ font-family: "Montserrat-Bold";
2675
+ src: url('Montserrat-Bold.ttf') format("truetype");
2676
+ }
2677
+ dialog {
2678
+ display: block;
2679
+ padding: 0rem;
2680
+ border: none;
2681
+ }
2682
+
2683
+ .form-control {
2684
+ font-size: 14px;
2685
+ line-height: 1.42857143;
2686
+ display: block;
2687
+ width: 100%;
2688
+ height: 34px;
2689
+ padding: 6px 12px;
2690
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
2691
+ color: var(--black-gray);
2692
+ border: 1px solid var(--gray-11);
2693
+ border-radius: 8px;
2694
+ background-color: #fff;
2695
+ background-image: none;
2696
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2697
+ outline: none;
2698
+ font-family: "Montserrat-Regular";
2699
+ }
2700
+ .form-control:focus {
2701
+ border: 1px solid var(--orange);
2702
+ }
2703
+
2704
+ input[type=number]::-webkit-inner-spin-button,
2705
+ input[type=number]::-webkit-outer-spin-button {
2706
+ appearance: none;
2707
+ margin: 0;
2708
+ }
2709
+
2710
+ .required {
2711
+ position: relative;
2712
+ }
2713
+
2714
+ button {
2715
+ border: none;
2716
+ font-family: "Montserrat-Regular";
2717
+ cursor: pointer;
2718
+ }
2719
+
2720
+ .multi-colour-btn {
2721
+ background-image: linear-gradient(79deg, var(--yellow) 4%, var(--orange) 96%);
2722
+ height: 70px;
2723
+ border-radius: 35px;
2724
+ color: var(--white);
2725
+ font-size: 21px;
2726
+ }
2727
+ .multi-colour-btn:hover {
2728
+ background-image: none;
2729
+ background-color: var(--yellow);
2730
+ }
2731
+
2732
+ .primary-btn {
2733
+ background-color: var(--gray-13);
2734
+ border-radius: 8px;
2735
+ color: var(--white);
2736
+ padding: 11px 22px;
2737
+ font-size: 16px;
2738
+ font-family: "Montserrat-Semi-Bold";
2739
+ cursor: pointer;
2740
+ }
2741
+ .primary-btn:disabled {
2742
+ background-color: var(--gray-13);
2743
+ pointer-events: none;
2744
+ opacity: 0.5;
2745
+ }
2746
+ .primary-btn:hover {
2747
+ background-color: var(--black-gray);
2748
+ }
2749
+
2750
+ .secondary-btn {
2751
+ background-color: var(--yellow);
2752
+ border-radius: 8px;
2753
+ color: var(--black-gray);
2754
+ padding: 11px 22px;
2755
+ font-size: 16px;
2756
+ cursor: pointer;
2757
+ font-family: "Montserrat-Semi-Bold";
2758
+ }
2759
+ .secondary-btn:disabled {
2760
+ background-color: var(--yellow);
2761
+ pointer-events: none;
2762
+ opacity: 0.5;
2763
+ }
2764
+ .secondary-btn:hover {
2765
+ background-color: var(--orange);
2766
+ }
2767
+
2768
+ .disabled {
2769
+ opacity: 0.5;
2770
+ pointer-events: none;
2771
+ }
2772
+
2773
+ @media screen and (max-width: 1366px) {
2774
+ html,
2775
+ body {
2776
+ font-size: 14px !important;
2777
+ }
2778
+ .size-ss {
2779
+ font-size: 12px !important;
2780
+ }
2781
+ .size-s {
2782
+ font-size: 14px !important;
2783
+ }
2784
+ .size-r {
2785
+ font-size: 14px !important;
2786
+ }
2787
+ .size-m {
2788
+ font-size: 16px !important;
2789
+ }
2790
+ .size-l {
2791
+ font-size: 18px !important;
2792
+ }
2793
+ }
2794
+ .cdk-drag-placeholder {
2795
+ opacity: 0;
2796
+ }
2797
+
2798
+ .cdk-drag-animating {
2799
+ transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
2800
+ }
2801
+
2802
+ .srow {
2803
+ display: flex;
2804
+ position: relative;
2805
+ width: 100%;
2806
+ }
2807
+ .srow > div {
2808
+ display: inline-flex;
2809
+ flex-basis: 10%;
2810
+ align-items: center;
2811
+ }
2812
+ .srow .c-0 {
2813
+ flex-grow: 0;
2814
+ flex-basis: 80px;
2815
+ }
2816
+ .srow .c-1 {
2817
+ flex-grow: 1;
2818
+ }
2819
+ .srow .c-2 {
2820
+ flex-grow: 2;
2821
+ }
2822
+
2823
+ .ng-tooltip {
2824
+ position: absolute;
2825
+ max-width: 600px;
2826
+ font-size: 14px;
2827
+ color: var(--black);
2828
+ z-index: 999999;
2829
+ opacity: 0;
2830
+ word-break: break-word;
2831
+ white-space: pre-line;
2832
+ padding: 9px 12px;
2833
+ border-radius: 4px;
2834
+ box-shadow: 0 3px 10px 0 rgba(167, 167, 167, 0.3);
2835
+ background-color: #e5e5e5;
2836
+ line-height: 1.29;
2837
+ }
2838
+ .ng-tooltip.success {
2839
+ background-color: #d8f0e2;
2840
+ color: #066832;
2841
+ }
2842
+ .ng-tooltip.error {
2843
+ background-color: #ffe1df;
2844
+ color: #d90c00;
2845
+ }
2846
+
2847
+ .ng-tooltip-show {
2848
+ opacity: 1;
2849
+ }
2850
+
2851
+ .ng-tooltip-high-index {
2852
+ z-index: 999999 !important;
2853
+ }
2854
+
2855
+ [class^=i-] {
2856
+ display: inline-block;
2857
+ font-size: inherit;
2858
+ text-rendering: auto;
2859
+ -webkit-font-smoothing: antialiased;
2860
+ }
2861
+
2862
+ .i-findability-logo {
2863
+ width: 226px;
2864
+ height: 40px;
2865
+ min-width: 226px;
2866
+ min-height: 40px;
2867
+ background: url("assets/icons/findability_logo.svg") no-repeat 0 0;
2868
+ background-size: contain;
2869
+ }
2870
+
2871
+ .i-findability-logo-icon {
2872
+ width: 40px;
2873
+ height: 40px;
2874
+ background: url("assets/icons/findability_logo_Icon.svg") no-repeat 0 0;
2875
+ background-size: contain;
2876
+ }
2877
+
2878
+ .i-close {
2879
+ width: 20px;
2880
+ height: 20px;
2881
+ background: url("assets/icons/close.svg") no-repeat 0 0;
2882
+ background-size: contain;
2883
+ cursor: pointer;
2884
+ }
2885
+
2886
+ .i-cart {
2887
+ width: 24px;
2888
+ height: 24px;
2889
+ background: url("assets/icons/cart.svg") no-repeat 0 0;
2890
+ background-size: contain;
2891
+ }
2892
+
2893
+ .i-checkbox-gray {
2894
+ width: 20px;
2895
+ height: 20px;
2896
+ background: url("assets/icons/checkbox_gray.svg") no-repeat 0 0;
2897
+ background-size: contain;
2898
+ cursor: pointer;
2899
+ }
2900
+
2901
+ .i-checkbox-disabled {
2902
+ width: 20px;
2903
+ height: 20px;
2904
+ background: url("assets/icons/checkbox_disabled.svg") no-repeat 0 0;
2905
+ background-size: contain;
2906
+ cursor: pointer;
2907
+ }
2908
+
2909
+ .i-checkbox-blue {
2910
+ width: 20px;
2911
+ height: 20px;
2912
+ background: url("assets/icons/cb-blue.svg") no-repeat 0 0;
2913
+ background-size: contain;
2914
+ cursor: pointer;
2915
+ }
2916
+
2917
+ .i-checkbox-active-t {
2918
+ width: 20px;
2919
+ height: 20px;
2920
+ background: url("assets/icons/cb-active.svg") no-repeat 0 0;
2921
+ background-size: contain;
2922
+ cursor: pointer;
2923
+ }
2924
+
2925
+ .i-checkbox-active {
2926
+ width: 20px;
2927
+ height: 20px;
2928
+ background: url("assets/icons/checkbox_active.svg") no-repeat 0 0;
2929
+ background-size: contain;
2930
+ cursor: pointer;
2931
+ }
2932
+
2933
+ .i-radio-gray {
2934
+ width: 20px;
2935
+ height: 20px;
2936
+ background: url("assets/icons/radio_gray.svg") no-repeat 0 0;
2937
+ background-size: contain;
2938
+ cursor: pointer;
2939
+ }
2940
+
2941
+ .i-radio-active {
2942
+ width: 20px;
2943
+ height: 20px;
2944
+ background: url("assets/icons/radio_active.svg") no-repeat 0 0;
2945
+ background-size: contain;
2946
+ cursor: pointer;
2947
+ }
2948
+
2949
+ .i-menu-left {
2950
+ min-width: 11px;
2951
+ height: 17px;
2952
+ background: url("assets/icons/menu_arrow_left.svg") no-repeat 0 0;
2953
+ background-size: contain;
2954
+ cursor: pointer;
2955
+ }
2956
+
2957
+ .i-menu-right {
2958
+ min-width: 11px;
2959
+ height: 17px;
2960
+ background: url("assets/icons/menu_arrow_right.svg") no-repeat 0 0;
2961
+ background-size: contain;
2962
+ cursor: pointer;
2963
+ }
2964
+
2965
+ .i-arrow-down {
2966
+ min-width: 10px;
2967
+ height: 10px;
2968
+ background: url("assets/icons/dd_down.svg") no-repeat 0 0;
2969
+ background-size: contain;
2970
+ cursor: pointer;
2971
+ }
2972
+
2973
+ .i-arrow-down-white {
2974
+ min-width: 10px;
2975
+ height: 10px;
2976
+ background: url("assets/icons/dd_down_white.svg") no-repeat 0 0;
2977
+ background-size: contain;
2978
+ cursor: pointer;
2979
+ }
2980
+
2981
+ .i-filter-up {
2982
+ min-width: 8px;
2983
+ height: 5px;
2984
+ background: url("assets/icons/filter-up.svg") no-repeat 0 0;
2985
+ background-size: contain;
2986
+ cursor: pointer;
2987
+ }
2988
+
2989
+ .i-filter-down {
2990
+ min-width: 8px;
2991
+ height: 5px;
2992
+ background: url("assets/icons/filter_down.svg") no-repeat 0 0;
2993
+ background-size: contain;
2994
+ cursor: pointer;
2995
+ }
2996
+
2997
+ .i-search {
2998
+ min-width: 18px;
2999
+ height: 20px;
3000
+ background: url("assets/icons/search.svg") no-repeat 0 0;
3001
+ background-size: contain;
3002
+ cursor: pointer;
3003
+ }
3004
+
3005
+ .i-close-bg {
3006
+ width: 24px;
3007
+ height: 24px;
3008
+ background: url("assets/icons/close-bg.svg") no-repeat 0 0;
3009
+ background-size: contain;
3010
+ cursor: pointer;
3011
+ }
3012
+
3013
+ .i-findability-bg {
3014
+ width: 100%;
3015
+ background: url("assets/icons/findability_bg.png") no-repeat 0 0;
3016
+ background-size: contain;
3017
+ background-position: bottom;
3018
+ position: absolute;
3019
+ bottom: 0;
3020
+ height: -webkit-fill-available;
3021
+ height: inherit;
3022
+ }
3023
+
3024
+ .i-no-selection {
3025
+ width: 200px;
3026
+ height: 180px;
3027
+ background: url("assets/icons/no_selection.svg") no-repeat 0 0;
3028
+ background-size: contain;
3029
+ }
3030
+
3031
+ .i-no-internet {
3032
+ width: 250px;
3033
+ height: 220px;
3034
+ background: url("assets/icons/no-internet.svg") no-repeat 0 0;
3035
+ background-size: contain;
3036
+ }
3037
+
3038
+ .i-not-found {
3039
+ width: 250px;
3040
+ height: 220px;
3041
+ background: url("assets/icons/not_found.svg") no-repeat 0 0;
3042
+ background-size: contain;
3043
+ }
3044
+
3045
+ .i-file {
3046
+ width: 18px;
3047
+ height: 24px;
3048
+ background: url("assets/icons/file.svg") no-repeat 0 0;
3049
+ background-size: contain;
3050
+ cursor: pointer;
3051
+ }
3052
+
3053
+ .i-cancel {
3054
+ width: 16px;
3055
+ height: 16px;
3056
+ background: url("assets/icons/cancel.svg") no-repeat 0 0;
3057
+ background-size: contain;
3058
+ cursor: pointer;
3059
+ }
3060
+
3061
+ .i-related-products {
3062
+ width: 24px;
3063
+ height: 24px;
3064
+ background: url("assets/icons/related-products.svg") no-repeat 0 0;
3065
+ background-size: contain;
3066
+ cursor: pointer;
3067
+ }
3068
+
3069
+ .i-related-products-gray {
3070
+ width: 24px;
3071
+ height: 24px;
3072
+ background: url("assets/icons/related-products-gray.svg") no-repeat 0 0;
3073
+ background-size: contain;
3074
+ cursor: pointer;
3075
+ }
3076
+
3077
+ .i-pdf {
3078
+ width: 24px;
3079
+ height: 24px;
3080
+ background: url("assets/icons/pdf.svg") no-repeat 0 0;
3081
+ background-size: contain;
3082
+ cursor: pointer;
3083
+ }
3084
+
3085
+ .i-optional {
3086
+ width: 16px;
3087
+ height: 16px;
3088
+ background: url("assets/icons/optional.svg") no-repeat 0 0;
3089
+ background-size: contain;
3090
+ }
3091
+
3092
+ .i-recycle {
3093
+ width: 26px;
3094
+ height: 26px;
3095
+ background: url("assets/icons/recycle_bin.svg") no-repeat 0 0;
3096
+ background-size: contain;
3097
+ }
3098
+
3099
+ .i-recycle-white {
3100
+ width: 26px;
3101
+ height: 26px;
3102
+ background: url("assets/icons/recycle_bin_white.svg") no-repeat 0 0;
3103
+ background-size: contain;
3104
+ }
3105
+
3106
+ .i-radio-blue-checked {
3107
+ width: 20px;
3108
+ height: 20px;
3109
+ background: url("assets/icons/radio_blue_checked.svg") no-repeat 0 0;
3110
+ background-size: contain;
3111
+ cursor: pointer;
3112
+ }
3113
+
3114
+ .i-radio-blue-unchecked {
3115
+ width: 20px;
3116
+ height: 20px;
3117
+ background: url("assets/icons/radio_blue_unchecked.svg") no-repeat 0 0;
3118
+ background-size: contain;
3119
+ cursor: pointer;
3120
+ }
3121
+
3122
+ .i-compare {
3123
+ width: 30px;
3124
+ height: 30px;
3125
+ background: url("assets/icons/compare.svg") no-repeat 0 0;
3126
+ background-size: contain;
3127
+ cursor: pointer;
3128
+ }
3129
+
3130
+ .i-info {
3131
+ width: 16px;
3132
+ height: 16px;
3133
+ background: url("assets/icons/info.svg") no-repeat 0 0;
3134
+ background-size: contain;
3135
+ cursor: pointer;
3136
+ }
3137
+
3138
+ .px-0 {
3139
+ padding-left: 0px !important;
3140
+ padding-right: 0px !important;
3141
+ }
3142
+
3143
+ .py-0 {
3144
+ padding-top: 0px !important;
3145
+ padding-bottom: 0px !important;
3146
+ }
3147
+
3148
+ .p-0 {
3149
+ padding: 0px 0px !important;
3150
+ }
3151
+
3152
+ .pt-0 {
3153
+ padding-top: 0px !important;
3154
+ }
3155
+
3156
+ .pb-0 {
3157
+ padding-bottom: 0px !important;
3158
+ }
3159
+
3160
+ .pl-0 {
3161
+ padding-left: 0px !important;
3162
+ }
3163
+
3164
+ .pr-0 {
3165
+ padding-right: 0px !important;
3166
+ }
3167
+
3168
+ .mx-0 {
3169
+ margin-left: 0px !important;
3170
+ margin-right: 0px !important;
3171
+ }
3172
+
3173
+ .my-0 {
3174
+ margin-top: 0px !important;
3175
+ margin-bottom: 0px !important;
3176
+ }
3177
+
3178
+ .m-0 {
3179
+ margin: 0px 0px !important;
3180
+ }
3181
+
3182
+ .mt-0 {
3183
+ margin-top: 0px !important;
3184
+ }
3185
+
3186
+ .mb-0 {
3187
+ margin-bottom: 0px !important;
3188
+ }
3189
+
3190
+ .ml-0 {
3191
+ margin-left: 0px !important;
3192
+ }
3193
+
3194
+ .mr-0 {
3195
+ margin-right: 0px !important;
3196
+ }
3197
+
3198
+ .px-1 {
3199
+ padding-left: 5px !important;
3200
+ padding-right: 5px !important;
3201
+ }
3202
+
3203
+ .py-1 {
3204
+ padding-top: 5px !important;
3205
+ padding-bottom: 5px !important;
3206
+ }
3207
+
3208
+ .p-1 {
3209
+ padding: 5px 5px !important;
3210
+ }
3211
+
3212
+ .pt-1 {
3213
+ padding-top: 5px !important;
3214
+ }
3215
+
3216
+ .pb-1 {
3217
+ padding-bottom: 5px !important;
3218
+ }
3219
+
3220
+ .pl-1 {
3221
+ padding-left: 5px !important;
3222
+ }
3223
+
3224
+ .pr-1 {
3225
+ padding-right: 5px !important;
3226
+ }
3227
+
3228
+ .mx-1 {
3229
+ margin-left: 5px !important;
3230
+ margin-right: 5px !important;
3231
+ }
3232
+
3233
+ .my-1 {
3234
+ margin-top: 5px !important;
3235
+ margin-bottom: 5px !important;
3236
+ }
3237
+
3238
+ .m-1 {
3239
+ margin: 5px 5px !important;
3240
+ }
3241
+
3242
+ .mt-1 {
3243
+ margin-top: 5px !important;
3244
+ }
3245
+
3246
+ .mb-1 {
3247
+ margin-bottom: 5px !important;
3248
+ }
3249
+
3250
+ .ml-1 {
3251
+ margin-left: 5px !important;
3252
+ }
3253
+
3254
+ .mr-1 {
3255
+ margin-right: 5px !important;
3256
+ }
3257
+
3258
+ .px-2 {
3259
+ padding-left: 10px !important;
3260
+ padding-right: 10px !important;
3261
+ }
3262
+
3263
+ .py-2 {
3264
+ padding-top: 10px !important;
3265
+ padding-bottom: 10px !important;
3266
+ }
3267
+
3268
+ .p-2 {
3269
+ padding: 10px 10px !important;
3270
+ }
3271
+
3272
+ .pt-2 {
3273
+ padding-top: 10px !important;
3274
+ }
3275
+
3276
+ .pb-2 {
3277
+ padding-bottom: 10px !important;
3278
+ }
3279
+
3280
+ .pl-2 {
3281
+ padding-left: 10px !important;
3282
+ }
3283
+
3284
+ .pr-2 {
3285
+ padding-right: 10px !important;
3286
+ }
3287
+
3288
+ .mx-2 {
3289
+ margin-left: 10px !important;
3290
+ margin-right: 10px !important;
3291
+ }
3292
+
3293
+ .my-2 {
3294
+ margin-top: 10px !important;
3295
+ margin-bottom: 10px !important;
3296
+ }
3297
+
3298
+ .m-2 {
3299
+ margin: 10px 10px !important;
3300
+ }
3301
+
3302
+ .mt-2 {
3303
+ margin-top: 10px !important;
3304
+ }
3305
+
3306
+ .mb-2 {
3307
+ margin-bottom: 10px !important;
3308
+ }
3309
+
3310
+ .ml-2 {
3311
+ margin-left: 10px !important;
3312
+ }
3313
+
3314
+ .mr-2 {
3315
+ margin-right: 10px !important;
3316
+ }
3317
+
3318
+ .px-3 {
3319
+ padding-left: 15px !important;
3320
+ padding-right: 15px !important;
3321
+ }
3322
+
3323
+ .py-3 {
3324
+ padding-top: 15px !important;
3325
+ padding-bottom: 15px !important;
3326
+ }
3327
+
3328
+ .p-3 {
3329
+ padding: 15px 15px !important;
3330
+ }
3331
+
3332
+ .pt-3 {
3333
+ padding-top: 15px !important;
3334
+ }
3335
+
3336
+ .pb-3 {
3337
+ padding-bottom: 15px !important;
3338
+ }
3339
+
3340
+ .pl-3 {
3341
+ padding-left: 15px !important;
3342
+ }
3343
+
3344
+ .pr-3 {
3345
+ padding-right: 15px !important;
3346
+ }
3347
+
3348
+ .mx-3 {
3349
+ margin-left: 15px !important;
3350
+ margin-right: 15px !important;
3351
+ }
3352
+
3353
+ .my-3 {
3354
+ margin-top: 15px !important;
3355
+ margin-bottom: 15px !important;
3356
+ }
3357
+
3358
+ .m-3 {
3359
+ margin: 15px 15px !important;
3360
+ }
3361
+
3362
+ .mt-3 {
3363
+ margin-top: 15px !important;
3364
+ }
3365
+
3366
+ .mb-3 {
3367
+ margin-bottom: 15px !important;
3368
+ }
3369
+
3370
+ .ml-3 {
3371
+ margin-left: 15px !important;
3372
+ }
3373
+
3374
+ .mr-3 {
3375
+ margin-right: 15px !important;
3376
+ }
3377
+
3378
+ .px-4 {
3379
+ padding-left: 20px !important;
3380
+ padding-right: 20px !important;
3381
+ }
3382
+
3383
+ .py-4 {
3384
+ padding-top: 20px !important;
3385
+ padding-bottom: 20px !important;
3386
+ }
3387
+
3388
+ .p-4 {
3389
+ padding: 20px 20px !important;
3390
+ }
3391
+
3392
+ .pt-4 {
3393
+ padding-top: 20px !important;
3394
+ }
3395
+
3396
+ .pb-4 {
3397
+ padding-bottom: 20px !important;
3398
+ }
3399
+
3400
+ .pl-4 {
3401
+ padding-left: 20px !important;
3402
+ }
3403
+
3404
+ .pr-4 {
3405
+ padding-right: 20px !important;
3406
+ }
3407
+
3408
+ .mx-4 {
3409
+ margin-left: 20px !important;
3410
+ margin-right: 20px !important;
3411
+ }
3412
+
3413
+ .my-4 {
3414
+ margin-top: 20px !important;
3415
+ margin-bottom: 20px !important;
3416
+ }
3417
+
3418
+ .m-4 {
3419
+ margin: 20px 20px !important;
3420
+ }
3421
+
3422
+ .mt-4 {
3423
+ margin-top: 20px !important;
3424
+ }
3425
+
3426
+ .mb-4 {
3427
+ margin-bottom: 20px !important;
3428
+ }
3429
+
3430
+ .ml-4 {
3431
+ margin-left: 20px !important;
3432
+ }
3433
+
3434
+ .mr-4 {
3435
+ margin-right: 20px !important;
3436
+ }
3437
+
3438
+ .px-5 {
3439
+ padding-left: 30px !important;
3440
+ padding-right: 30px !important;
3441
+ }
3442
+
3443
+ .py-5 {
3444
+ padding-top: 30px !important;
3445
+ padding-bottom: 30px !important;
3446
+ }
3447
+
3448
+ .p-5 {
3449
+ padding: 30px 30px !important;
3450
+ }
3451
+
3452
+ .pt-5 {
3453
+ padding-top: 30px !important;
3454
+ }
3455
+
3456
+ .pb-5 {
3457
+ padding-bottom: 30px !important;
3458
+ }
3459
+
3460
+ .pl-5 {
3461
+ padding-left: 30px !important;
3462
+ }
3463
+
3464
+ .pr-5 {
3465
+ padding-right: 30px !important;
3466
+ }
3467
+
3468
+ .mx-5 {
3469
+ margin-left: 30px !important;
3470
+ margin-right: 30px !important;
3471
+ }
3472
+
3473
+ .my-5 {
3474
+ margin-top: 30px !important;
3475
+ margin-bottom: 30px !important;
3476
+ }
3477
+
3478
+ .m-5 {
3479
+ margin: 30px 30px !important;
3480
+ }
3481
+
3482
+ .mt-5 {
3483
+ margin-top: 30px !important;
3484
+ }
3485
+
3486
+ .mb-5 {
3487
+ margin-bottom: 30px !important;
3488
+ }
3489
+
3490
+ .ml-5 {
3491
+ margin-left: 30px !important;
3492
+ }
3493
+
3494
+ .mr-5 {
3495
+ margin-right: 30px !important;
3496
+ }
3497
+
3498
+ .px-6 {
3499
+ padding-left: 60px !important;
3500
+ padding-right: 60px !important;
3501
+ }
3502
+
3503
+ .py-6 {
3504
+ padding-top: 60px !important;
3505
+ padding-bottom: 60px !important;
3506
+ }
3507
+
3508
+ .p-6 {
3509
+ padding: 60px 60px !important;
3510
+ }
3511
+
3512
+ .pt-6 {
3513
+ padding-top: 60px !important;
3514
+ }
3515
+
3516
+ .pb-6 {
3517
+ padding-bottom: 60px !important;
3518
+ }
3519
+
3520
+ .pl-6 {
3521
+ padding-left: 60px !important;
3522
+ }
3523
+
3524
+ .pr-6 {
3525
+ padding-right: 60px !important;
3526
+ }
3527
+
3528
+ .mx-6 {
3529
+ margin-left: 60px !important;
3530
+ margin-right: 60px !important;
3531
+ }
3532
+
3533
+ .my-6 {
3534
+ margin-top: 60px !important;
3535
+ margin-bottom: 60px !important;
3536
+ }
3537
+
3538
+ .m-6 {
3539
+ margin: 60px 60px !important;
3540
+ }
3541
+
3542
+ .mt-6 {
3543
+ margin-top: 60px !important;
3544
+ }
3545
+
3546
+ .mb-6 {
3547
+ margin-bottom: 60px !important;
3548
+ }
3549
+
3550
+ .ml-6 {
3551
+ margin-left: 60px !important;
3552
+ }
3553
+
3554
+ .mr-6 {
3555
+ margin-right: 60px !important;
3556
+ }
3557
+
3558
+ .flex {
3559
+ display: flex;
3560
+ }
3561
+
3562
+ .flex-column {
3563
+ display: flex;
3564
+ flex-direction: column;
3565
+ }
3566
+
3567
+ .flex-column-center {
3568
+ display: flex;
3569
+ flex-direction: column;
3570
+ align-items: center;
3571
+ }
3572
+
3573
+ .flex-row-sb {
3574
+ display: flex;
3575
+ flex-direction: row;
3576
+ justify-content: space-between !important;
3577
+ }
3578
+
3579
+ .flex-center {
3580
+ display: flex;
3581
+ align-items: center;
3582
+ justify-content: center;
3583
+ }
3584
+
3585
+ .flex-align-center {
3586
+ display: flex;
3587
+ align-items: center;
3588
+ }
3589
+
3590
+ .f1 {
3591
+ flex: 1;
3592
+ }
3593
+
3594
+ .f2 {
3595
+ flex: 2;
3596
+ }
3597
+
3598
+ .f3 {
3599
+ flex: 3;
3600
+ }
3601
+
3602
+ .f4 {
3603
+ flex: 4;
3604
+ }
3605
+
3606
+ .justify-content-between {
3607
+ justify-content: space-between;
3608
+ }
3609
+
3610
+ .justify-content-center {
3611
+ justify-content: center;
3612
+ }
3613
+
3614
+ .justify-content-end {
3615
+ justify-content: end;
3616
+ }
3617
+
3618
+ .align-items-center {
3619
+ align-items: center;
3620
+ }
3621
+
3622
+ .position-relative {
3623
+ position: relative;
3624
+ }
3625
+
3626
+ .w-100 {
3627
+ width: 100%;
3628
+ }
3629
+
3630
+ .orange {
3631
+ color: var(--orange);
3632
+ }
3633
+
3634
+ .gray {
3635
+ color: var(--gray);
3636
+ }
3637
+
3638
+ .gray-10 {
3639
+ color: var(--gray-10);
3640
+ }
3641
+
3642
+ .blue {
3643
+ color: var(--blue);
3644
+ }
3645
+
3646
+ .red {
3647
+ color: var(--red-2);
3648
+ }
3649
+
3650
+ .gray-2 {
3651
+ color: var(--gray-2);
3652
+ }
3653
+
3654
+ .gray-3 {
3655
+ color: var(--gray-3);
3656
+ }
3657
+
3658
+ .gray-4 {
3659
+ color: var(--gray-4);
3660
+ }
3661
+
3662
+ .yellow {
3663
+ color: var(--yellow);
3664
+ }
3665
+
3666
+ .blue-gray {
3667
+ color: var(--blue-grayish);
3668
+ }
3669
+
3670
+ .pointer {
3671
+ cursor: pointer;
3672
+ }
3673
+
3674
+ .regulat-f {
3675
+ font-family: "Montserrat-Regular";
3676
+ }
3677
+
3678
+ .bold {
3679
+ font-family: "Montserrat-Bold";
3680
+ }
3681
+
3682
+ .medium {
3683
+ font-family: "Montserrat-Medium";
3684
+ }
3685
+
3686
+ .semi-bold {
3687
+ font-family: "Montserrat-Semi-Bold";
3688
+ }
3689
+
3690
+ .center {
3691
+ text-align: center;
3692
+ }
3693
+
3694
+ .right {
3695
+ text-align: right;
3696
+ }
3697
+
3698
+ .uppercase {
3699
+ text-transform: uppercase;
3700
+ }
3701
+
3702
+ .size-ss {
3703
+ font-size: 12px !important;
3704
+ }
3705
+
3706
+ .size-s-14 {
3707
+ font-size: 14px !important;
3708
+ }
3709
+
3710
+ .size-s {
3711
+ font-size: 15px;
3712
+ }
3713
+
3714
+ .size-r {
3715
+ font-size: 16px !important;
3716
+ }
3717
+
3718
+ .size-m {
3719
+ font-size: 18px !important;
3720
+ }
3721
+
3722
+ .size-l {
3723
+ font-size: 20px;
3724
+ }
3725
+
3726
+ .size-l-22 {
3727
+ font-size: 22px;
3728
+ }
3729
+
3730
+ .size-l-24 {
3731
+ font-size: 24px;
3732
+ }
3733
+
3734
+ .active-menu {
3735
+ color: var(--yellow);
3736
+ }
3737
+
3738
+ .bg-c-white {
3739
+ background-color: var(--bg-1);
3740
+ }
3741
+
3742
+ .white {
3743
+ color: var(--white);
3744
+ }
3745
+
3746
+ .white-space-nw {
3747
+ white-space: nowrap;
3748
+ }
3749
+
3750
+ .overflow-hidden {
3751
+ overflow: hidden;
3752
+ }
3753
+
3754
+ .disable {
3755
+ opacity: 0.5;
3756
+ pointer-events: none;
3757
+ }
3758
+
3759
+ .mb-16 {
3760
+ margin-bottom: 16px;
3761
+ }
3762
+
3763
+ .mb-8 {
3764
+ margin-bottom: 8px;
3765
+ }
3766
+
3767
+ .mb-4px {
3768
+ margin-bottom: 4px;
3769
+ }
3770
+
3771
+ .mb-12px {
3772
+ margin-bottom: 12px;
3773
+ }
3774
+
3775
+ .mt-16 {
3776
+ margin-top: 16px;
3777
+ }
3778
+
3779
+ .mt-24 {
3780
+ margin-top: 24px;
3781
+ }
3782
+
3783
+ .pt-16 {
3784
+ padding-top: 16px;
3785
+ }
3786
+
3787
+ .header {
3788
+ position: sticky;
3789
+ position: -webkit-sticky;
3790
+ top: 0;
3791
+ z-index: 9;
3792
+ }
3793
+ .header div {
3794
+ background-color: var(--gray-9);
3795
+ color: var(--black) !important;
3796
+ font-size: 12px;
3797
+ font-family: "Montserrat-Medium";
3798
+ }
3799
+
3800
+ .srow div {
3801
+ flex-basis: 80px;
3802
+ border-right: 1px solid #fff;
3803
+ min-height: 44px;
3804
+ display: flex;
3805
+ align-items: center;
3806
+ color: var(--gray-10);
3807
+ }
3808
+ .srow .f-0 {
3809
+ padding-left: 12px;
3810
+ min-width: 80px;
3811
+ }
3812
+ .srow .f-1 {
3813
+ padding-left: 12px;
3814
+ flex-grow: 1;
3815
+ }
3816
+ .srow .f-2 {
3817
+ padding-left: 12px;
3818
+ flex-grow: 2;
3819
+ }
3820
+ .srow .f-3 {
3821
+ padding-left: 12px;
3822
+ flex-grow: 3;
3823
+ }
3824
+ .srow .f-4 {
3825
+ padding-left: 12px;
3826
+ flex-grow: 4;
3827
+ }
3828
+
3829
+ div {
3830
+ scrollbar-color: var(--gray-11) #f2f2f2 !important;
3831
+ }
3832
+
3833
+ .fb-calender {
3834
+ box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
3835
+ }
3836
+ .fb-calender .dp-calendar-week button {
3837
+ font-size: 13px;
3838
+ font-weight: 300;
3839
+ line-height: 2;
3840
+ text-align: center;
3841
+ color: #5586A6;
3842
+ background-color: #fff;
3843
+ border: 1px solid #f2f4f5;
3844
+ }
3845
+ .fb-calender .dp-calendar-week button:disabled {
3846
+ opacity: 0.5;
3847
+ }
3848
+ .fb-calender .dp-calendar-week button.dp-selected {
3849
+ background: #5586A6;
3850
+ border-radius: 50%;
3851
+ color: #fff;
3852
+ }
3853
+ .fb-calender .dp-calendar-week button.dp-current-day {
3854
+ border: 1px solid #5586A6;
3855
+ border-radius: 50%;
3856
+ }
3857
+ .fb-calender .dp-calendar-nav-container {
3858
+ background-color: #5586A6;
3859
+ border: none;
3860
+ height: 40px;
3861
+ }
3862
+ .fb-calender .dp-calendar-nav-container button {
3863
+ background: transparent;
3864
+ border: none;
3865
+ color: #fff;
3866
+ }
3867
+ .fb-calender .dp-calendar-weekday {
3868
+ border: none;
3869
+ font-size: 13px;
3870
+ }
3871
+ .fb-calender .dp-calendar-wrapper {
3872
+ border: none;
3873
+ background-color: transparent;
3874
+ color: #fff;
3875
+ font-size: 12px;
3876
+ font-weight: 300;
3877
+ text-align: center;
3878
+ }
3879
+ .fb-calender .dp-weekdays {
3880
+ margin: 0px;
3881
+ background-color: #5586A6;
3882
+ }
3883
+ .fb-calender .dp-popup {
3884
+ z-index: 9999;
3885
+ }
3886
+
3887
+ .primary {
3888
+ --dark-gray: #353c3c;
3889
+ --blue: #3bb1cf;
3890
+ --base: #5586a6;
3891
+ --blue-grayish: #3d5a68;
3892
+ --gray: #848484;
3893
+ --yellow: #ffb700;
3894
+ --orange: #ff9400;
3895
+ --light-gray: #f0f0f0;
3896
+ --white: #fff;
3897
+ --gray-2: #606060;
3898
+ --gray-3: #3b3b3b;
3899
+ --gray-4: #707070;
3900
+ --gray-5: #84848480;
3901
+ --gray-6: #ccc;
3902
+ --gray-7: #a7a7a7;
3903
+ --gray-8: #f9f9f9;
3904
+ --red: #f55555;
3905
+ --red-2: #ff0000;
3906
+ --red-3: #ff6961;
3907
+ --bg-1: #fff;
3908
+ --black: #1d1f1e;
3909
+ --gray-9: #e5e5e5;
3910
+ --gray-10: #4c4d4e;
3911
+ --gray-11: #d8d8da;
3912
+ --gray-12: #a7a8aa;
3913
+ --gray-13: #4c4d4f;
3914
+ --black-gray: #2b2c2e;
3915
+ --light-orange: #fcf4dd;
3916
+ }
3917
+
3918
+ .pull-logic {
3919
+ --dark-gray: #353c3c;
3920
+ --blue: #3bb1cf;
3921
+ --base: #5586a6;
3922
+ --blue-grayish: #3d5a68;
3923
+ --gray: #848484;
3924
+ --yellow: #f5b44e;
3925
+ --orange: #c88433;
3926
+ --light-gray: #f0f0f0;
3927
+ --white: #fff;
3928
+ --gray-2: #606060;
3929
+ --gray-3: #3b3b3b;
3930
+ --gray-4: #707070;
3931
+ --gray-5: #84848480;
3932
+ --gray-6: #ccc;
3933
+ --gray-7: #a7a7a7;
3934
+ --gray-8: #f9f9f9;
3935
+ --red: #f55555;
3936
+ --red-2: #ff0000;
3937
+ --red-3: #ff6961;
3938
+ --bg-1: #fff;
3939
+ --black: #1d1f1e;
3940
+ --gray-9: #e5e5e5;
3941
+ --gray-10: #4c4d4e;
3942
+ --gray-11: #d8d8da;
3943
+ --gray-12: #a7a8aa;
3944
+ --gray-13: #67474a;
3945
+ --black-gray: #2b2c2e;
3946
+ --light-orange: #fcf4dd;
3947
+ }
3948
+ .pull-logic .i-findability-logo {
3949
+ background: url("assets/icons/PLogic_Text.svg") no-repeat 0 0;
3950
+ background-size: contain;
3951
+ position: relative;
3952
+ top: 8px;
3953
+ width: 200px !important;
3954
+ min-width: 200px !important;
3955
+ }
3956
+ .pull-logic .i-findability-logo-icon {
3957
+ background: url("assets/icons/PL-Logo.svg") no-repeat 0 0;
3958
+ background-size: contain;
3959
+ height: 24px !important;
3960
+ width: 24px !important;
3961
+ }
3962
+ .pull-logic .i-checkbox-blue {
3963
+ background: url("assets/icons/cb-blue-pl.svg") no-repeat 0 0;
3964
+ background-size: contain;
3965
+ }
3966
+
3967
+ body {
3968
+ background: var(--white);
3969
+ }
3970
+
3971
+ html,
3972
+ body {
3973
+ font-family: "Montserrat-Regular";
3974
+ font-weight: 400;
3975
+ margin: 0;
3976
+ padding: 0;
3977
+ font-size: 14px;
3978
+ box-sizing: border-box;
3979
+ color: #1d1f1e;
3980
+ }
3981
+
3982
+ *,
3983
+ *:after,
3984
+ *:before {
3985
+ box-sizing: border-box;
3986
+ }
3987
+
3988
+ html, body {
3989
+ height: 100%;
3990
+ }
3991
+
3992
+ /*# sourceMappingURL=styles.css.map*/