react-ui-mat 5.71.81 → 5.71.85

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 (49) hide show
  1. package/dist/Animate.js +1 -1
  2. package/dist/Appip.js +1 -1
  3. package/dist/Badges.js +1 -1
  4. package/dist/Button.js +1 -1
  5. package/dist/CardSection.js +1 -1
  6. package/dist/Checkbox.js +1 -1
  7. package/dist/Circular.js +1 -1
  8. package/dist/Collapse.js +1 -1
  9. package/dist/Context.js +1 -1
  10. package/dist/DatePicker.js +1 -1
  11. package/dist/DateUtil.js +1 -1
  12. package/dist/Divider.js +1 -1
  13. package/dist/DragableModal.js +1 -1
  14. package/dist/FilterPanel.js +1 -1
  15. package/dist/Icons.js +1 -1
  16. package/dist/IncorrectEntry.js +1 -1
  17. package/dist/Input.js +1 -1
  18. package/dist/InputFields.js +1 -1
  19. package/dist/MUPlayer.js +1 -1
  20. package/dist/Multiselect.js +1 -1
  21. package/dist/Notes.js +1 -1
  22. package/dist/Numeral.js +1 -1
  23. package/dist/OvView.js +1 -1
  24. package/dist/Paginator.js +1 -1
  25. package/dist/PasswordInput.js +1 -1
  26. package/dist/Phone.js +1 -1
  27. package/dist/Picker.js +1 -1
  28. package/dist/Progress.js +1 -1
  29. package/dist/Radio.js +1 -1
  30. package/dist/Rate.js +1 -1
  31. package/dist/ReceiptCapture.js +1 -1
  32. package/dist/Select.js +1 -1
  33. package/dist/SortDirection.js +1 -1
  34. package/dist/Spinner.js +1 -1
  35. package/dist/Switch.js +1 -1
  36. package/dist/Textarea.js +1 -1
  37. package/dist/Tooltip.js +1 -1
  38. package/dist/common.js +1 -1
  39. package/dist/constant.js +1 -1
  40. package/dist/dummy-sw.js +1 -1
  41. package/dist/index.js +1 -1
  42. package/dist/logger.js +1 -1
  43. package/dist/reactuimat-base.css +1 -1200
  44. package/dist/reactuimat.css +1 -551
  45. package/dist/types.base.js +1 -1
  46. package/dist/types.js +1 -1
  47. package/dist/typesout.js +1 -1
  48. package/dist/utils.js +1 -1
  49. package/package.json +2 -2
@@ -1,1200 +1 @@
1
- .d-spinner-base {
2
- width: 1.75rem;
3
- height: 1.75rem;
4
- }
5
-
6
- .d-hover-cursor-pointer {}
7
-
8
- .d-hover-cursor-pointer:hover {
9
- cursor: pointer;
10
- }
11
-
12
- .d-cursor-pointer {
13
- cursor: pointer;
14
- }
15
-
16
-
17
- .d-w-full {
18
- width: 100%;
19
- }
20
-
21
- .d-h-full {
22
- height: 100%;
23
- }
24
-
25
- .d-w-5 {
26
- width: 1.25rem;
27
- }
28
-
29
- .d-w-7 {
30
- width: 1.75rem;
31
- }
32
-
33
- .d-h-5 {
34
- height: 1.25rem;
35
- }
36
-
37
- .d-h-7 {
38
- height: 1.75rem;
39
- }
40
-
41
-
42
- .d-flex {
43
- display: flex;
44
- }
45
-
46
- .d-flex-row {
47
- flex-direction: row;
48
- }
49
-
50
- .d-flex-col {
51
- flex-direction: column;
52
- }
53
-
54
- .d-justify-center {
55
- justify-content: center;
56
- }
57
-
58
- .d-items-center {
59
- align-items: center;
60
- }
61
-
62
- .d-relative {
63
- position: relative;
64
- }
65
-
66
-
67
- .d-mt-1 {
68
- margin-top: 0.25rem;
69
- /* 4px */
70
- }
71
-
72
-
73
- .d-bg-white {
74
- background-color: white;
75
- }
76
-
77
- .d-scrollbar-hide {
78
- -ms-overflow-style: none;
79
- scrollbar-width: none;
80
- }
81
-
82
- .d-scrollbar-hide::-webkit-scrollbar {
83
- display: none;
84
- }
85
-
86
- .d-disable-down {
87
- opacity: 0.4;
88
- }
89
-
90
- .d-badge-base {
91
- font-weight: 500;
92
- margin: 0.125rem;
93
- padding-left: 0.625rem;
94
- padding-right: 0.625rem;
95
- padding-bottom: 0.125rem;
96
- padding-top: 0.125rem;
97
- font-size: .875rem;
98
- line-height: 1.25rem;
99
- border-radius: 4px;
100
- white-space: nowrap;
101
- font-weight: 500;
102
- }
103
-
104
- .d-badge-full {
105
- display: inline-block;
106
- width: 100%;
107
- }
108
-
109
- .d-badge-primary {
110
- color: rgb(255 255 255);
111
- background-color: rgb(37 99 235);
112
- }
113
-
114
- .d-badge-primary-outline {
115
- color: rgb(37 99 235);
116
- border: 1px solid rgb(37 99 235);
117
- }
118
-
119
- .d-badge-dark {
120
- color: rgb(31 41 55);
121
- background-color: rgb(209 213 219);
122
- }
123
-
124
- .d-badge-dark-outline {
125
- color: rgb(31 41 55);
126
- border: 1px solid rgb(31 41 55);
127
- }
128
-
129
- .d-badge-danger {
130
- color: rgb(255 255 255);
131
- background-color: rgb(239 68 68);
132
- }
133
-
134
- .d-badge-danger-outine {
135
- color: rgb(239 68 68);
136
- border: 1px solid rgb(239 68 68);
137
- }
138
-
139
- .d-badge-green {
140
- color: rgb(1 81 31);
141
- background-color: rgb(187 247 208);
142
- }
143
-
144
- .d-badge-green-outline {
145
- color: rgb(1 81 31);
146
- border: 1px solid rgb(1 81 31);
147
- }
148
-
149
- .d-badge-yellow {
150
- color: rgb(133 77 14);
151
- background-color: rgb(253 224 71);
152
- }
153
-
154
- .d-badge-yellow-outline {
155
- color: rgb(133 77 14);
156
- border: 1px solid rgb(133 77 14);
157
- }
158
-
159
- .d-badge-info {
160
- color: rgb(255 255 255);
161
- background-color: rgb(55 48 163)
162
- }
163
-
164
- .d-badge-info-outline {
165
- color: rgb(55 48 163);
166
- border: 1px solid rgb(55 48 163)
167
- }
168
-
169
- .d-badge-light {
170
- color: rgb(31 41 55);
171
- background-color: rgb(255 255 255);
172
- border-width: 1px;
173
- border-color: rgb(221, 225, 231);
174
- }
175
-
176
- .d-badge-light-outline {
177
- color: rgb(31 41 55);
178
- background-color: rgb(255 255 255);
179
- border-width: 1px;
180
- border-color: rgb(221, 225, 231);
181
- }
182
-
183
-
184
- .d-btn-spinner {
185
- width: 1.25rem;
186
- height: 1.25rem;
187
- margin-left: 0.75rem;
188
- margin-right: 0.75rem;
189
- }
190
-
191
-
192
- .d-checkbox {
193
- width: 100%;
194
- display: flex;
195
- flex-direction: row;
196
- align-items: center;
197
- gap: 5px;
198
- }
199
-
200
- .d-checkbox-sm {}
201
-
202
- .d-checkbox-sm>input[type="checkbox"] {
203
- width: 21px !important;
204
- height: 21px !important;
205
- }
206
-
207
- .d-checkbox-sm>input[type="checkbox"]::before {
208
- width: 11px;
209
- height: 11px;
210
- }
211
-
212
- .d-checkbox-xs {}
213
-
214
- .d-checkbox-xs>input[type="checkbox"] {
215
- width: 15px !important;
216
- height: 15px !important;
217
- }
218
-
219
- .d-checkbox-xs>input[type="checkbox"]::before {
220
- width: 8px;
221
- height: 8px;
222
- }
223
-
224
- .d-checkbox>input {
225
- width: 1rem;
226
- height: 1rem;
227
- border: 1px;
228
- border-color: rgb(229 231 235);
229
- color: rgb(79 70 229);
230
- }
231
-
232
- .d-checkbox>label {
233
- width: 100%;
234
- min-width: 0;
235
- flex: 1;
236
- }
237
-
238
-
239
- .d-divider {
240
- width: 100%;
241
- border-bottom: 1px solid #ebebeb;
242
- }
243
-
244
- .d-divider-label {
245
- width: 100%;
246
- font-size: 0.95rem;
247
- line-height: 1.25rem;
248
- }
249
-
250
- .d-divider-chd {
251
- width: 100%;
252
- font-size: 0.875rem;
253
- /* 14px */
254
- line-height: 1.25rem;
255
- padding-top: 0.25rem;
256
- padding-bottom: 0.25rem;
257
- font-weight: 500;
258
- font-weight: 600;
259
- }
260
-
261
-
262
-
263
- .d-select-fc {
264
- display: flex;
265
- flex-direction: column;
266
- justify-content: center;
267
- position: relative;
268
- background: white;
269
- cursor: pointer;
270
- border-radius: 5px;
271
- }
272
-
273
- .d-select-fc-value-render {
274
- position: absolute;
275
- width: 100%;
276
- height: 100%;
277
- z-index: 0;
278
- display: flex;
279
- align-items: center;
280
- }
281
-
282
- .d-select-fc-input {
283
- width: 100%;
284
- white-space: nowrap;
285
- overflow: hidden;
286
- text-overflow: ellipsis;
287
- padding-right: 2.11rem;
288
- cursor: default;
289
- /* 44px */
290
- }
291
-
292
- .d-select-fc-input-sm {
293
- padding: 3px 3px !important;
294
- height: 34px !important;
295
- min-height: 34px !important;
296
- border-width: 1px !important;
297
- }
298
-
299
- .d-select-fc-input-render {
300
- z-index: 1;
301
- background: transparent;
302
- background-color: transparent !important;
303
- }
304
-
305
- .d-select-fc-close {
306
- position: absolute;
307
- right: 0;
308
- z-index: 10;
309
- margin-right: 1.25rem;
310
- }
311
-
312
- .d-select-fc-close:hover {
313
- color: rgb(239 68 68);
314
- }
315
-
316
- .d-select-fc-down {
317
- position: absolute;
318
- right: 0;
319
- z-index: 10;
320
- margin-right: 0.25rem;
321
- }
322
-
323
- .d-select-sg-container {
324
- min-width: 100%;
325
- position: relative;
326
- }
327
-
328
- .d-select-sg-list {
329
- width: 0px;
330
- display: none;
331
- border-radius: 5px;
332
- flex-direction: column;
333
- position: absolute;
334
- background-color: white;
335
- z-index: 1005;
336
- border: 3px solid #d1d5db;
337
- transition: all 0.3s;
338
- transition: width 0.15s;
339
- }
340
-
341
- .d-select-sg-list-m {
342
- width: 100%;
343
- border-radius: 5px;
344
- flex-direction: column;
345
- background-color: white;
346
- z-index: 1005;
347
- border: 3px solid #d1d5db;
348
- transition: all 0.3s;
349
- transition: width 0.15s;
350
- }
351
-
352
- .d-select-sg-list-mb {
353
- width: 100%;
354
- display: flex;
355
- flex-direction: row;
356
- justify-content: space-between;
357
- margin-top: 3px;
358
- }
359
-
360
- .d-select-sg-list-mb>button {
361
- border: 3px solid #ffffff;
362
- }
363
-
364
- .d-select-sg-list-ul {
365
- width: 100%;
366
- height: 100%;
367
- overflow-y: auto;
368
- padding-bottom: 0.25rem;
369
- }
370
-
371
- .d-select-empty-list {
372
- padding: 0.5rem;
373
- /* 8px */
374
- color: rgb(125 211 252);
375
- }
376
-
377
- .d-select-selected-item {
378
- background-color: rgb(229, 229, 229);
379
- }
380
-
381
- .d-selct-hover {}
382
-
383
- .d-selct-hover:hover {
384
- background-color: rgb(226 241 250);
385
- }
386
-
387
- .d-selct-item {
388
- padding: 0.5rem;
389
- /* 8px */
390
- display: flex;
391
- flex-direction: row;
392
- align-items: center;
393
- cursor: pointer;
394
- }
395
-
396
- .d-selct-item-sm {
397
- padding: 0.5rem;
398
- }
399
-
400
- .d-select-multi-item {
401
- padding-left: 0.5rem;
402
- /* 8px */
403
- padding-right: 0.5rem;
404
- /* 8px */
405
- padding-top: 0.25rem;
406
- /* 4px */
407
- padding-bottom: 0.25rem;
408
- /* 4px */
409
- }
410
-
411
- @keyframes multi-counter-blink {
412
- 50% {
413
- opacity: 1.0;
414
- }
415
-
416
- 75% {
417
- opacity: 0.0;
418
- }
419
- }
420
-
421
- @-webkit-keyframes multi-counter-blink {
422
- 50% {
423
- opacity: 1.0;
424
- }
425
-
426
- 75% {
427
- opacity: 0.0;
428
- }
429
- }
430
-
431
- .multi-counter-blink {
432
- animation: multi-counter-blink 1s step-start 0s;
433
- -webkit-animation: multi-counter-blink 1s step-start 0s;
434
- }
435
-
436
- .d-select-multi-counter {
437
- position: absolute;
438
- right: 0;
439
- z-index: 10;
440
- margin-right: 2.35rem;
441
- padding-left: 0.27rem;
442
- padding-right: 0.27rem;
443
- border-radius: 2px;
444
- background: #b9babc;
445
- font-weight: 600;
446
- color: white;
447
- min-width: 1.25rem;
448
- text-align: center;
449
- font-weight: 500;
450
- font-size: 0.75rem;
451
- line-height: 1rem;
452
-
453
- }
454
-
455
-
456
- .d-radiobtn {
457
- width: 100%;
458
- display: inline-flex;
459
- align-items: center;
460
- cursor: pointer;
461
- }
462
-
463
- .d-rdbtn-nofull {
464
- width: unset !important;
465
- }
466
-
467
- .d-radiobtn-sm {}
468
-
469
- .d-radiobtn-sm>input[type="radio"] {
470
- width: 21px !important;
471
- height: 21px !important;
472
- }
473
-
474
- .d-radiobtn-xs {}
475
-
476
- .d-radiobtn-xs>input[type="radio"] {
477
- width: 15px !important;
478
- height: 15px !important;
479
- }
480
-
481
- .d-radiobtn>span {
482
- margin-left: 0.5rem;
483
- /* 8px */
484
- }
485
-
486
- .d-radiobtn-disabled {
487
- color: rgb(148 163 184);
488
- }
489
-
490
-
491
- .d-paginator {
492
- display: flex;
493
- flex-direction: row;
494
- justify-content: center;
495
- align-items: center;
496
- position: relative;
497
- }
498
-
499
- .d-paginator-ul {
500
- display: inline-flex;
501
- align-items: center;
502
- overflow-x: auto;
503
- }
504
-
505
- .d-paginator-ul>li {
506
- margin-right: 0.5rem;
507
- margin-left: 0.5rem;
508
- }
509
-
510
- .d-paginator-arrow-btn {
511
- display: flex;
512
- align-items: center;
513
- justify-content: center;
514
- color: rgb(234 88 12);
515
- background: white;
516
- border-radius: 5px;
517
- min-width: 1.75rem;
518
- width: 1.75rem;
519
- /* 28px */
520
- min-height: 1.75rem;
521
- height: 1.75rem;
522
- /* 28px */
523
- }
524
-
525
- .d-paginator-arrow-icon {
526
- width: 1rem;
527
- height: 1rem;
528
- fill: currentColor;
529
- }
530
-
531
- .d-paginator-page {
532
- width: 1.75rem;
533
- /* 28px */
534
- height: 1.75rem;
535
- /* 28px */
536
- display: flex;
537
- justify-content: center;
538
- align-items: center;
539
- border-radius: 5px;
540
- color: rgb(234 88 12);
541
- }
542
-
543
- .d-paginator-active-page {
544
- width: 1.75rem;
545
- /* 28px */
546
- height: 1.75rem;
547
- /* 28px */
548
- display: flex;
549
- justify-content: center;
550
- align-items: center;
551
- border-radius: 5px;
552
- color: white;
553
- background-color: rgb(234 88 12);
554
- }
555
-
556
- .d-paginator-focus {}
557
-
558
- .d-paginator-focus:hover {
559
- background-color: rgb(255 237 213);
560
- }
561
-
562
- .d-box-icon {
563
- width: 2.25rem;
564
- /* 36px */
565
- height: 2.25rem;
566
- /* 36px */
567
- color: rgb(234 179 8);
568
- }
569
-
570
- .d-warning-icon {
571
- width: 2.25rem;
572
- /* 36px */
573
- height: 2.25rem;
574
- /* 36px */
575
- color: rgb(239 68 68);
576
- }
577
-
578
- .d-incorrect-entry {
579
- width: 100%;
580
- color: rgb(225 29 72);
581
- font-size: 0.75rem;
582
- /* 12px */
583
- line-height: 1rem;
584
- /* 16px */
585
- }
586
-
587
- .d-phone {
588
- width: 100%;
589
- display: flex;
590
- flex-direction: row;
591
- }
592
-
593
- .d-phone-flag-input-container{
594
- max-width: 5rem;
595
- position: absolute;
596
- left: 0px;
597
- top: 0px;
598
- }
599
-
600
- .d-phone-flag-input-container > div > div{
601
- background: transparent !important;
602
- }
603
-
604
- .d-phone-flag-input {
605
- border-top-right-radius: 0px !important;
606
- border-bottom-right-radius: 0px !important;
607
- border-right-width: 0px !important;
608
- border-width: 0px !important;
609
- background: transparent !important;
610
- }
611
-
612
- .d-phone-national-input {
613
- border-top-left-radius: 0px !important;
614
- border-bottom-left-radius: 0px !important;
615
- padding-left: 5.5rem;
616
- }
617
-
618
- .d-phone-flag {
619
- width: 3rem;
620
- height: 1.5rem;
621
- font-size: 12.5px;
622
- text-align: center;
623
- background-size: 100% 100%;
624
- background-repeat: no-repeat;
625
- display: flex;
626
- flex-direction: row;
627
- align-items: center;
628
- }
629
-
630
- .d-phone-flag>span:nth-child(1) {
631
- font-size: 12.5px;
632
- margin-right: 2.5px;
633
- }
634
-
635
- .d-phone-flag>span:nth-child(2) {
636
- font-size: 23px;
637
- }
638
-
639
- .d-phone>div:nth-child(1)>div:nth-child(1)>.d-select-fc>.d-select-fc-value-render>.d-phone-flag {
640
- font-size: 12.5px;
641
- justify-content: center;
642
- }
643
-
644
- .d-prs-panel-arrow {
645
- margin-right: 0.5rem;
646
- }
647
-
648
- .d-prs-panel-summary-s {
649
- padding-left: 5px;
650
- padding-right: 5px;
651
- border: 1px solid #d1d5db;
652
- }
653
-
654
- .d-prs-panel-content {
655
- width: 100%;
656
- max-height: 0;
657
- overflow: hidden;
658
- transition: all 0.3s ease-out;
659
- }
660
-
661
- .d-textarea-h-20 {
662
- height: 7rem;
663
- }
664
-
665
- .d-tooltip {
666
- position: relative;
667
- }
668
-
669
- .d-tooltiptext {
670
- display: none;
671
- position: absolute;
672
- background-color: rgba(0, 0, 0, 0.75);
673
- color: white;
674
- border-radius: 5px;
675
- padding: 5px;
676
- font-size: 12px;
677
- border: 1px solid white;
678
- opacity: 0;
679
- transition: all 0.5s ease;
680
- }
681
-
682
- .d-notes-panel {
683
- padding: 0.3em 16px;
684
- }
685
-
686
- .d-note-warning {
687
- background-color: #ffffcc;
688
- border-left: 6px solid #ffeb3b;
689
- color: black;
690
- }
691
-
692
- .d-note-success {
693
- background-color: #ddffdd;
694
- border-left: 6px solid #04AA6D;
695
- color: black;
696
- }
697
-
698
- .d-note-info {
699
- background-color: #e7f3fe;
700
- border-left: 6px solid #2196F3;
701
- color: black;
702
- }
703
-
704
- .d-note-danger {
705
- background-color: #ffdddd;
706
- border-left: 6px solid #f44336;
707
- color: black;
708
- }
709
-
710
- .d-di {
711
- position: relative;
712
- display: flex;
713
- flex-direction: column;
714
- }
715
-
716
- .d-di .icon {
717
- position: absolute;
718
- right: 7px;
719
- font-size: 18px;
720
- top: 5px;
721
- filter: grayscale(1);
722
- }
723
-
724
- .d-di .icon-active {
725
- filter: grayscale(0);
726
- }
727
-
728
- .d-di input {
729
- letter-spacing: 1px;
730
- }
731
-
732
- .d-dateinput {
733
- display: inline-block;
734
- overflow: hidden;
735
- }
736
-
737
- .d-dateinput-content {
738
- max-width: 17rem;
739
- max-height: 209px;
740
- overflow: hidden;
741
- display: table;
742
- position: absolute;
743
- background-color: white;
744
- min-width: 150px;
745
- z-index: 1005;
746
- border: 1px solid #e1e1e1;
747
- box-shadow: 0px 5px 15px #818181;
748
- opacity: 0;
749
- border-radius: 5px;
750
- transition: all 0.3s;
751
- transition: opacity 0.5s;
752
- }
753
-
754
- .d-dateinput-content-sm {
755
- max-width: 17rem;
756
- max-height: 209px;
757
- overflow: hidden;
758
- display: table;
759
- background-color: white;
760
- min-width: 150px;
761
- z-index: 1005;
762
- border: 1px solid #e1e1e1;
763
- border-radius: 5px;
764
- transition: all 0.3s;
765
- transition: opacity 0.5s;
766
- }
767
-
768
- .d-dateinput ul {
769
- list-style-type: none;
770
- }
771
-
772
- .d-calander {
773
- display: table-cell;
774
- min-width: 13rem;
775
- }
776
-
777
- .d-month {
778
- width: 100%;
779
- background: orange;
780
- text-align: center;
781
- }
782
-
783
- .d-month ul {
784
- margin: 0;
785
- padding: 5px 9px;
786
- }
787
-
788
- .d-month ul li {
789
- color: white;
790
- text-transform: uppercase;
791
- letter-spacing: 3px;
792
- }
793
-
794
- .d-month .d-pn-m {
795
- font-size: 19px;
796
- font-weight: 700;
797
- }
798
-
799
- .d-month .d-prev {
800
- float: left;
801
- font-size: 19px;
802
- cursor: pointer;
803
- transform: scale(1.5);
804
- user-select: none;
805
- }
806
-
807
- .d-month .d-next {
808
- float: right;
809
- font-size: 19px;
810
- cursor: pointer;
811
- transform: scale(1.5);
812
- user-select: none;
813
- }
814
-
815
- .d-weekdays {
816
- margin: 0;
817
- padding: 3px 0;
818
- display: grid;
819
- justify-content: space-around;
820
- grid-auto-flow: column;
821
- border-bottom: 1px solid #e1e1e1;
822
- user-select: none;
823
- }
824
-
825
- .d-weekdays li {
826
- display: inline-block;
827
- width: 14.25%;
828
- color: #666;
829
- text-align: center;
830
- }
831
-
832
- .d-days {
833
- padding: 0;
834
- margin: 0;
835
- }
836
-
837
- .d-days li {
838
- cursor: pointer;
839
- list-style-type: none;
840
- display: inline-block;
841
- width: 14.25%;
842
- text-align: center;
843
- padding: 5px;
844
- font-size: 14.5px;
845
- border-radius: 5px;
846
- color: black;
847
- }
848
-
849
- .d-li-day-active:hover {
850
- background: #f1f1f1;
851
- color: black;
852
- font-weight: 700;
853
- }
854
-
855
- .d-li-day-disable {
856
- opacity: 0.5;
857
- }
858
-
859
- .d-days li.d-days-active {
860
- padding: 5px;
861
- background: #64da5e;
862
- color: white !important;
863
- font-weight: 600;
864
- }
865
-
866
- .d-dtime-sec {
867
- display: table-cell;
868
- min-width: 37px;
869
- border-left: 1px solid #858585;
870
- }
871
-
872
- .d-dtime-sec-ul {
873
- height: 100%;
874
- overflow: auto;
875
- max-height: 259px;
876
- padding-bottom: 3rem;
877
- }
878
-
879
- .d-dtime-sec-item {
880
- list-style-type: none;
881
- padding: 5px 11px;
882
- cursor: pointer;
883
- font-size: 19px;
884
- background: white;
885
- text-align: center;
886
- border-bottom: 1px solid #f1f1f1
887
- }
888
-
889
- .d-dtime-sec-item-active {
890
- background: #64da5e;
891
- color: white !important;
892
- }
893
-
894
- .d-dtime-sec-item:hover {
895
- background: #f1f1f1;
896
- color: black;
897
- }
898
-
899
- .muplayer-range-input {
900
- -webkit-appearance: none;
901
- appearance: none;
902
- width: 100%;
903
- cursor: pointer;
904
- outline: none;
905
- border-radius: 15px;
906
- height: 6px;
907
- background: #ccc;
908
- margin-top: 11px !important;
909
- margin-bottom: 11px !important;
910
- min-height: unset !important;
911
- padding: 0px !important;
912
- }
913
-
914
- .muplayer-range-input::-webkit-slider-thumb {
915
- -webkit-appearance: none;
916
- appearance: none;
917
- height: 15px;
918
- width: 15px;
919
- background-color: #f50;
920
- border-radius: 50%;
921
- border: none;
922
- transition: .2s ease-in-out;
923
- }
924
-
925
- .muplayer-range-input::-moz-range-thumb {
926
- height: 15px;
927
- width: 15px;
928
- background-color: #f50;
929
- border-radius: 50%;
930
- border: none;
931
- transition: .2s ease-in-out;
932
- }
933
-
934
- .muplayer-range-input::-webkit-slider-thumb:hover {
935
- box-shadow: 0 0 0 3px rgba(255, 85, 0, .1)
936
- }
937
-
938
- .muplayer-range-input:active::-webkit-slider-thumb {
939
- box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
940
- }
941
-
942
- .muplayer-range-input:focus::-webkit-slider-thumb {
943
- box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
944
- }
945
-
946
- .muplayer-range-input::-moz-range-thumb:hover {
947
- box-shadow: 0 0 0 3px rgba(255, 85, 0, .1)
948
- }
949
-
950
- .muplayer-range-input:active::-moz-range-thumb {
951
- box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
952
- }
953
-
954
- .muplayer-range-input:focus::-moz-range-thumb {
955
- box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
956
- }
957
-
958
- .mt-password-input {
959
- position: relative;
960
- width: 100%;
961
- display: flex;
962
- justify-content: center;
963
- align-items: center;
964
- }
965
-
966
- .mt-password-input>input {
967
- letter-spacing: 3px;
968
- }
969
-
970
- .mt-p-eye {
971
- position: absolute;
972
- right: 7px;
973
- font-size: 19px;
974
- }
975
-
976
- .mt-p-eye:hover {
977
- cursor: pointer;
978
- }
979
-
980
- .mt-p-eye-splash {
981
- filter: opacity(0.5);
982
- }
983
-
984
- .mt-mutbnc {
985
- width: 25px;
986
- height: 25px;
987
- border-radius: 5px;
988
- border: 1px solid #b8b8b8;
989
- box-shadow: 0px 0px 3px #a4a4a4;
990
- display: flex;
991
- justify-content: center;
992
- align-items: center;
993
- background-color: white;
994
- color: black;
995
- font-size: 14px;
996
- cursor: pointer;
997
- padding: 5px;
998
- opacity: 0.6;
999
- transition: opacity 0.3s ease, background-color 0.3s ease;
1000
- }
1001
-
1002
- .mt-mutbnc:disabled {
1003
- cursor: not-allowed;
1004
- }
1005
-
1006
- #mfpar .mat-filter-panel {
1007
- opacity: 0;
1008
- box-shadow: 0 0px 11px #b3b3b3;
1009
- transition: all 1.5s;
1010
- }
1011
-
1012
-
1013
- #maar .mat-alert {
1014
- opacity: 0;
1015
- -webkit-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1016
- -moz-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1017
- -o-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1018
- animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1019
- transition: all 0.5s;
1020
- }
1021
-
1022
- #maar .mat-alert-button-group {
1023
- display: -webkit-flex;
1024
- display: -moz-flex;
1025
- display: -ms-flex;
1026
- display: -o-flex;
1027
- display: flex;
1028
- justify-content: flex-end;
1029
- margin-top: 20px;
1030
- }
1031
-
1032
- #maar .mat-alert-button-group>button {
1033
- outline: none;
1034
- background: #333;
1035
- border: none;
1036
- display: inline-block;
1037
- padding: 6px 18px;
1038
- color: #eee;
1039
- margin-right: 10px;
1040
- border-radius: 5px;
1041
- font-size: 12px;
1042
- cursor: pointer;
1043
- }
1044
-
1045
- #mcar .mat-alert-confirm-overlay {
1046
- position: fixed;
1047
- top: 0;
1048
- left: 0;
1049
- right: 0;
1050
- bottom: 0;
1051
- z-index: 999;
1052
- padding: 9px;
1053
- background: rgba(255, 255, 255, 0.9);
1054
- display: -webkit-flex;
1055
- display: -moz-flex;
1056
- display: -ms-flex;
1057
- display: -o-flex;
1058
- display: flex;
1059
- justify-content: center;
1060
- -ms-align-items: center;
1061
- align-items: center;
1062
- opacity: 0;
1063
- -webkit-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1064
- -moz-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1065
- -o-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1066
- animation: mat-alert-fadeIn 0.5s 0.2s forwards;
1067
- transition: all 0.5s;
1068
- }
1069
-
1070
- #mcar .mat-alert-confirm {
1071
- align-items: center;
1072
- display: flex;
1073
- flex-direction: column;
1074
- /* height: 100%; */
1075
- justify-content: center;
1076
- max-height: 100%;
1077
- max-width: 100%;
1078
- box-shadow: 0 0px 35px #00000033;
1079
- transition: all 0.5s;
1080
- border-radius: 5px;
1081
- }
1082
-
1083
-
1084
- #mcar .mat-alert-confirm-body {
1085
- font-family: Arial, Helvetica, sans-serif;
1086
- width: 400px;
1087
- padding: 30px;
1088
- text-align: left;
1089
- background: #fff;
1090
- border-radius: 10px;
1091
- box-shadow: 0 0px 35px #00000033;
1092
- color: #666;
1093
- border: 1px solid #dadada;
1094
- }
1095
-
1096
- #mcar .mat-alert-confirm-body>h1 {
1097
- font-size: 15px;
1098
- margin-top: 0;
1099
- font-weight: 600;
1100
- }
1101
-
1102
- #mcar .mat-alert-confirm-body>h3 {
1103
- margin: 0;
1104
- font-size: 11px;
1105
- margin-bottom: 0.25rem;
1106
- }
1107
-
1108
- #mcar .mat-alert-confirm-button-group {
1109
- display: -webkit-flex;
1110
- display: -moz-flex;
1111
- display: -ms-flex;
1112
- display: -o-flex;
1113
- display: flex;
1114
- justify-content: flex-end;
1115
- margin-top: 20px;
1116
- }
1117
-
1118
- #mcar .mat-alert-confirm-button-group>button {
1119
- outline: none;
1120
- background: #333;
1121
- border: none;
1122
- display: inline-block;
1123
- padding: 6px 18px;
1124
- color: #eee;
1125
- margin-right: 10px;
1126
- border-radius: 5px;
1127
- font-size: 12px;
1128
- cursor: pointer;
1129
- }
1130
-
1131
- .mt-card-section {
1132
- overflow: hidden;
1133
- border: 1px solid #fdba74; /* orange-300 */
1134
- background-color: #ffffff;
1135
- height: fit-content;
1136
- }
1137
-
1138
- .mt-card-section-title {
1139
- font-weight: 500;
1140
- border-bottom: 1px solid #fdba74;
1141
- padding: 12px;
1142
- margin: 0;
1143
- }
1144
-
1145
- .mt-card-section-content {
1146
- width: 100%;
1147
- padding: 12px;
1148
- display: flex;
1149
- flex-direction: column;
1150
- gap: 8px;
1151
- }
1152
-
1153
- .mt-card-row {
1154
- border: 1px solid #e5e7eb;
1155
- padding: 8px 12px;
1156
- display: flex;
1157
- justify-content: space-between;
1158
- align-items: center;
1159
- gap: 8px;
1160
- }
1161
-
1162
- @-webkit-keyframes mat-alert-fadeIn {
1163
- from {
1164
- opacity: 0;
1165
- }
1166
-
1167
- to {
1168
- opacity: 1;
1169
- }
1170
- }
1171
-
1172
- @-moz-keyframes mat-alert-fadeIn {
1173
- from {
1174
- opacity: 0;
1175
- }
1176
-
1177
- to {
1178
- opacity: 1;
1179
- }
1180
- }
1181
-
1182
- @-o-keyframes mat-alert-fadeIn {
1183
- from {
1184
- opacity: 0;
1185
- }
1186
-
1187
- to {
1188
- opacity: 1;
1189
- }
1190
- }
1191
-
1192
- @keyframes mat-alert-fadeIn {
1193
- from {
1194
- opacity: 0;
1195
- }
1196
-
1197
- to {
1198
- opacity: 1;
1199
- }
1200
- }
1
+ .d-relative,.d-select-fc,.d-tooltip{position:relative}.d-cursor-pointer,.d-hover-cursor-pointer:hover,.d-select-fc,.mt-p-eye:hover{cursor:pointer}.d-paginator-ul>li,.d-radiobtn>span{margin-left:.5rem}.d-month .d-next,.d-month .d-prev{transform:scale(1.5);user-select:none}.d-dateinput ul,.d-days li,.d-dtime-sec-item{list-style-type:none}.d-spinner-base{width:1.75rem;height:1.75rem}.d-w-full{width:100%}.d-h-full{height:100%}.d-w-5{width:1.25rem}.d-w-7{width:1.75rem}.d-h-5{height:1.25rem}.d-h-7{height:1.75rem}.d-flex{display:flex}.d-flex-row{flex-direction:row}.d-flex-col{flex-direction:column}.d-justify-center,.d-paginator-page{justify-content:center}.d-items-center{align-items:center}.d-mt-1{margin-top:.25rem}.d-bg-white{background-color:#fff}.d-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.d-scrollbar-hide::-webkit-scrollbar{display:none}.d-disable-down{opacity:.4}.d-badge-base{margin:.125rem;padding:.125rem .625rem;font-size:.875rem;line-height:1.25rem;border-radius:4px;white-space:nowrap;font-weight:500}.d-badge-full{display:inline-block;width:100%}.d-badge-primary{color:rgb(255 255 255);background-color:rgb(37 99 235)}.d-badge-primary-outline{color:rgb(37 99 235);border:1px solid rgb(37 99 235)}.d-badge-dark{color:rgb(31 41 55);background-color:rgb(209 213 219)}.d-badge-dark-outline{color:rgb(31 41 55);border:1px solid rgb(31 41 55)}.d-badge-danger{color:rgb(255 255 255);background-color:rgb(239 68 68)}.d-badge-danger-outine{color:rgb(239 68 68);border:1px solid rgb(239 68 68)}.d-badge-green{color:rgb(1 81 31);background-color:rgb(187 247 208)}.d-badge-green-outline{color:rgb(1 81 31);border:1px solid rgb(1 81 31)}.d-badge-yellow{color:rgb(133 77 14);background-color:rgb(253 224 71)}.d-badge-yellow-outline{color:rgb(133 77 14);border:1px solid rgb(133 77 14)}.d-badge-info{color:rgb(255 255 255);background-color:rgb(55 48 163)}.d-badge-info-outline{color:rgb(55 48 163);border:1px solid rgb(55 48 163)}.d-badge-light,.d-badge-light-outline{color:rgb(31 41 55);background-color:rgb(255 255 255);border-width:1px;border-color:#dde1e7}.d-btn-spinner{width:1.25rem;height:1.25rem;margin-left:.75rem;margin-right:.75rem}.d-checkbox{width:100%;display:flex;flex-direction:row;align-items:center;gap:5px}.d-checkbox-sm>input[type=checkbox],.d-radiobtn-sm>input[type=radio]{width:21px!important;height:21px!important}.d-checkbox-sm>input[type=checkbox]::before{width:11px;height:11px}.d-checkbox-xs>input[type=checkbox],.d-radiobtn-xs>input[type=radio]{width:15px!important;height:15px!important}.d-checkbox-xs>input[type=checkbox]::before{width:8px;height:8px}.d-checkbox>input{width:1rem;height:1rem;border:1px rgb(229 231 235);color:rgb(79 70 229)}.d-checkbox>label{width:100%;min-width:0;flex:1}.d-days li,.d-weekdays li{width:14.25%;text-align:center}.d-select-fc,.d-select-sg-list{border-radius:5px;flex-direction:column}.d-divider{width:100%;border-bottom:1px solid #ebebeb}.d-divider-label{width:100%;font-size:.95rem;line-height:1.25rem}.d-divider-chd{width:100%;font-size:.875rem;line-height:1.25rem;padding-top:.25rem;padding-bottom:.25rem;font-weight:600}.d-select-fc{display:flex;justify-content:center;background:#fff}.d-select-fc-value-render{position:absolute;width:100%;height:100%;z-index:0;display:flex;align-items:center}.d-select-fc-input{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2.11rem;cursor:default}.d-select-fc-input-sm{padding:3px!important;height:34px!important;min-height:34px!important;border-width:1px!important}.d-select-fc-input-render{z-index:1;background:0 0;background-color:transparent!important}.d-select-fc-close,.d-select-fc-down{position:absolute;z-index:10;right:0}.d-select-fc-close{margin-right:1.25rem}.d-select-fc-close:hover{color:rgb(239 68 68)}.d-select-fc-down{margin-right:.25rem}.d-select-sg-list,.d-select-sg-list-m{background-color:#fff;z-index:1005;transition:width .15s}.d-select-sg-container{min-width:100%;position:relative}.d-select-sg-list{width:0;display:none;position:absolute;border:3px solid #d1d5db}.d-select-sg-list-m{width:100%;border-radius:5px;flex-direction:column;border:3px solid #d1d5db}.d-select-sg-list-mb{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:3px}.d-select-sg-list-mb>button{border:3px solid #fff}.d-select-sg-list-ul{width:100%;height:100%;overflow-y:auto;padding-bottom:.25rem}.d-selct-item,.d-selct-item-sm{padding:.5rem}.d-select-empty-list{padding:.5rem;color:rgb(125 211 252)}.d-select-selected-item{background-color:#e5e5e5}.d-selct-hover:hover{background-color:rgb(226 241 250)}.d-selct-item{display:flex;flex-direction:row;align-items:center;cursor:pointer}.d-select-multi-item{padding:.25rem .5rem}@keyframes multi-counter-blink{50%{opacity:1}75%{opacity:0}}@-webkit-keyframes multi-counter-blink{50%{opacity:1}75%{opacity:0}}.multi-counter-blink{animation:1s step-start multi-counter-blink;-webkit-animation:1s step-start multi-counter-blink}.d-select-multi-counter{position:absolute;right:0;z-index:10;margin-right:2.35rem;padding-left:.27rem;padding-right:.27rem;border-radius:2px;background:#b9babc;color:#fff;min-width:1.25rem;text-align:center;font-weight:500;font-size:.75rem;line-height:1rem}.d-paginator-ul>li,.d-prs-panel-arrow{margin-right:.5rem}.d-radiobtn{width:100%;display:inline-flex;align-items:center;cursor:pointer}.d-rdbtn-nofull{width:unset!important}.d-radiobtn-disabled{color:rgb(148 163 184)}.d-paginator{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.d-paginator-ul{display:inline-flex;align-items:center;overflow-x:auto}.d-paginator-arrow-btn{display:flex;align-items:center;justify-content:center;color:rgb(234 88 12);background:#fff;border-radius:5px;min-width:1.75rem;width:1.75rem;min-height:1.75rem;height:1.75rem}.d-paginator-arrow-icon{width:1rem;height:1rem;fill:currentColor}.d-paginator-active-page,.d-paginator-page{width:1.75rem;height:1.75rem;border-radius:5px;display:flex}.d-paginator-page{align-items:center;color:rgb(234 88 12)}.d-paginator-active-page{justify-content:center;align-items:center;color:#fff;background-color:rgb(234 88 12)}.d-box-icon,.d-warning-icon{width:2.25rem;height:2.25rem}.d-phone-flag-input,.d-phone-flag-input-container>div>div{background:0 0!important}.d-paginator-focus:hover{background-color:rgb(255 237 213)}.d-box-icon{color:rgb(234 179 8)}.d-warning-icon{color:rgb(239 68 68)}.d-incorrect-entry{width:100%;color:rgb(225 29 72);font-size:.75rem;line-height:1rem}.d-phone{width:100%;display:flex;flex-direction:row}.d-phone-flag-input-container{max-width:5rem;position:absolute;left:0;top:0}.d-phone-flag-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-width:0!important}.d-phone-national-input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-left:5.5rem}.d-phone-flag{width:3rem;height:1.5rem;font-size:12.5px;text-align:center;background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:row;align-items:center}.d-phone-flag>span:first-child{font-size:12.5px;margin-right:2.5px}.d-phone-flag>span:nth-child(2){font-size:23px}.d-phone>div:first-child>div:nth-child(1)>.d-select-fc>.d-select-fc-value-render>.d-phone-flag{font-size:12.5px;justify-content:center}.d-prs-panel-summary-s{padding-left:5px;padding-right:5px;border:1px solid #d1d5db}.d-prs-panel-content{width:100%;max-height:0;overflow:hidden;transition:.3s ease-out}.d-textarea-h-20{height:7rem}.d-tooltiptext{display:none;position:absolute;background-color:rgba(0,0,0,.75);color:#fff;border-radius:5px;padding:5px;font-size:12px;border:1px solid #fff;opacity:0;transition:.5s}.d-notes-panel{padding:.3em 16px}.d-note-warning{background-color:#ffc;border-left:6px solid #ffeb3b;color:#000}.d-note-success{background-color:#dfd;border-left:6px solid #04aa6d;color:#000}.d-note-info{background-color:#e7f3fe;border-left:6px solid #2196f3;color:#000}.d-note-danger{background-color:#fdd;border-left:6px solid #f44336;color:#000}.d-di{position:relative;display:flex;flex-direction:column}.d-dateinput,.d-days li,.d-weekdays li{display:inline-block}.d-di .icon{position:absolute;right:7px;font-size:18px;top:5px;filter:grayscale(1)}.d-di .icon-active{filter:grayscale(0)}.d-di input{letter-spacing:1px}.d-month ul li,.mt-password-input>input{letter-spacing:3px}.d-dateinput{overflow:hidden}.d-dateinput-content,.d-dateinput-content-sm{max-width:17rem;max-height:209px;overflow:hidden;display:table;background-color:#fff;min-width:150px;z-index:1005;transition:opacity .5s}.d-dateinput-content{position:absolute;border:1px solid #e1e1e1;box-shadow:0 5px 15px #818181;opacity:0;border-radius:5px}.d-dateinput-content-sm{border:1px solid #e1e1e1;border-radius:5px}.d-calander{display:table-cell;min-width:13rem}.d-month{width:100%;background:orange;text-align:center}.d-month ul{margin:0;padding:5px 9px}.d-month ul li{color:#fff;text-transform:uppercase}.d-month .d-pn-m{font-size:19px;font-weight:700}.d-month .d-prev{float:left;font-size:19px;cursor:pointer}.d-month .d-next{float:right;font-size:19px;cursor:pointer}.d-weekdays{margin:0;padding:3px 0;display:grid;justify-content:space-around;grid-auto-flow:column;border-bottom:1px solid #e1e1e1;user-select:none}.d-weekdays li{color:#666}.d-days{padding:0;margin:0}.d-days li{cursor:pointer;padding:5px;font-size:14.5px;border-radius:5px;color:#000}.d-li-day-active:hover{background:#f1f1f1;color:#000;font-weight:700}.d-li-day-disable{opacity:.5}.d-days li.d-days-active{padding:5px;background:#64da5e;color:#fff!important;font-weight:600}.d-dtime-sec{display:table-cell;min-width:37px;border-left:1px solid #858585}.d-dtime-sec-ul{height:100%;overflow:auto;max-height:259px;padding-bottom:3rem}.d-dtime-sec-item{padding:5px 11px;cursor:pointer;font-size:19px;background:#fff;text-align:center;border-bottom:1px solid #f1f1f1}.d-dtime-sec-item-active{background:#64da5e;color:#fff!important}.d-dtime-sec-item:hover{background:#f1f1f1;color:#000}.muplayer-range-input{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:0;border-radius:15px;height:6px;background:#ccc;margin-top:11px!important;margin-bottom:11px!important;min-height:unset!important;padding:0!important}.muplayer-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:15px;width:15px;background-color:#f50;border-radius:50%;border:none;transition:.2s ease-in-out}.muplayer-range-input::-moz-range-thumb{height:15px;width:15px;background-color:#f50;border-radius:50%;border:none;transition:.2s ease-in-out}.muplayer-range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px rgba(255,85,0,.1)}.muplayer-range-input:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input::-moz-range-thumb:hover{box-shadow:0 0 0 3px rgba(255,85,0,.1)}.muplayer-range-input:active::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input:focus::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.mt-password-input{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.mt-p-eye{position:absolute;right:7px;font-size:19px}.mt-p-eye-splash{filter:opacity(.5)}.mt-mutbnc{width:25px;height:25px;border-radius:5px;border:1px solid #b8b8b8;box-shadow:0 0 3px #a4a4a4;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;font-size:14px;cursor:pointer;padding:5px;opacity:.6;transition:opacity .3s,background-color .3s}.mt-mutbnc:disabled{cursor:not-allowed}#mfpar .mat-filter-panel{opacity:0;box-shadow:0 0 11px #b3b3b3;transition:1.5s}#maar .mat-alert{opacity:0;-webkit-animation:.5s .2s forwards mat-alert-fadeIn;-moz-animation:.5s .2s forwards mat-alert-fadeIn;-o-animation:.5s .2s forwards mat-alert-fadeIn;animation:.5s .2s forwards mat-alert-fadeIn;transition:.5s}#maar .mat-alert-button-group,#mcar .mat-alert-confirm-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-end;margin-top:20px}#maar .mat-alert-button-group>button,#mcar .mat-alert-confirm-button-group>button{outline:0;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}#mcar .mat-alert-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;padding:9px;background:rgba(255,255,255,.9);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:.5s .2s forwards mat-alert-fadeIn;-moz-animation:.5s .2s forwards mat-alert-fadeIn;-o-animation:.5s .2s forwards mat-alert-fadeIn;animation:.5s .2s forwards mat-alert-fadeIn;transition:.5s}#mcar .mat-alert-confirm{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100%;max-width:100%;box-shadow:0 0 35px #00000033;transition:.5s;border-radius:5px}#mcar .mat-alert-confirm-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 0 35px #00000033;color:#666;border:1px solid #dadada}#mcar .mat-alert-confirm-body>h1{font-size:15px;margin-top:0;font-weight:600}#mcar .mat-alert-confirm-body>h3{margin:0 0 .25rem;font-size:11px}.mt-card-section{overflow:hidden;border:1px solid #fdba74;background-color:#fff;height:fit-content}.mt-card-section-title{font-weight:500;border-bottom:1px solid #fdba74;padding:12px;margin:0}.mt-card-section-content{width:100%;padding:12px;display:flex;flex-direction:column;gap:8px}.mt-card-row{border:1px solid #e5e7eb;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}@-webkit-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}