react-ui-mat 5.81.86 → 5.81.90

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