@syncfusion/ej2-dropdowns 20.1.55 → 20.1.56

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 (132) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +9 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +9 -1
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/drop-down-list/drop-down-list.js +9 -1
  13. package/styles/auto-complete/bootstrap-dark.css +5 -14
  14. package/styles/auto-complete/bootstrap.css +5 -14
  15. package/styles/auto-complete/bootstrap4.css +5 -13
  16. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  17. package/styles/auto-complete/bootstrap5.css +5 -13
  18. package/styles/auto-complete/fabric-dark.css +5 -12
  19. package/styles/auto-complete/fabric.css +5 -12
  20. package/styles/auto-complete/fluent-dark.css +4 -11
  21. package/styles/auto-complete/fluent.css +4 -11
  22. package/styles/auto-complete/highcontrast-light.css +3 -23
  23. package/styles/auto-complete/highcontrast.css +3 -23
  24. package/styles/auto-complete/material-dark.css +1 -1
  25. package/styles/auto-complete/material.css +1 -1
  26. package/styles/auto-complete/tailwind-dark.css +1 -1
  27. package/styles/auto-complete/tailwind.css +1 -1
  28. package/styles/bootstrap-dark.css +62 -337
  29. package/styles/bootstrap.css +62 -337
  30. package/styles/bootstrap4.css +62 -343
  31. package/styles/bootstrap5-dark.css +63 -343
  32. package/styles/bootstrap5.css +63 -343
  33. package/styles/combo-box/bootstrap-dark.css +5 -14
  34. package/styles/combo-box/bootstrap.css +5 -14
  35. package/styles/combo-box/bootstrap4.css +5 -13
  36. package/styles/combo-box/bootstrap5-dark.css +5 -13
  37. package/styles/combo-box/bootstrap5.css +5 -13
  38. package/styles/combo-box/fabric-dark.css +5 -12
  39. package/styles/combo-box/fabric.css +5 -12
  40. package/styles/combo-box/fluent-dark.css +4 -11
  41. package/styles/combo-box/fluent.css +4 -11
  42. package/styles/combo-box/highcontrast-light.css +3 -23
  43. package/styles/combo-box/highcontrast.css +3 -23
  44. package/styles/combo-box/material-dark.css +1 -1
  45. package/styles/combo-box/material.css +1 -1
  46. package/styles/combo-box/tailwind-dark.css +1 -1
  47. package/styles/combo-box/tailwind.css +1 -1
  48. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  49. package/styles/drop-down-base/bootstrap.css +8 -22
  50. package/styles/drop-down-base/bootstrap4.css +8 -22
  51. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  52. package/styles/drop-down-base/bootstrap5.css +8 -22
  53. package/styles/drop-down-base/fabric-dark.css +8 -22
  54. package/styles/drop-down-base/fabric.css +8 -22
  55. package/styles/drop-down-base/fluent-dark.css +8 -22
  56. package/styles/drop-down-base/fluent.css +8 -22
  57. package/styles/drop-down-base/highcontrast-light.css +8 -27
  58. package/styles/drop-down-base/highcontrast.css +8 -27
  59. package/styles/drop-down-base/material-dark.css +8 -22
  60. package/styles/drop-down-base/material.css +8 -22
  61. package/styles/drop-down-base/tailwind-dark.css +12 -34
  62. package/styles/drop-down-base/tailwind.css +12 -34
  63. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  64. package/styles/drop-down-list/bootstrap.css +15 -44
  65. package/styles/drop-down-list/bootstrap4.css +14 -38
  66. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  67. package/styles/drop-down-list/bootstrap5.css +14 -38
  68. package/styles/drop-down-list/fabric-dark.css +15 -42
  69. package/styles/drop-down-list/fabric.css +15 -42
  70. package/styles/drop-down-list/fluent-dark.css +13 -36
  71. package/styles/drop-down-list/fluent.css +13 -36
  72. package/styles/drop-down-list/highcontrast-light.css +13 -58
  73. package/styles/drop-down-list/highcontrast.css +13 -58
  74. package/styles/drop-down-list/material-dark.css +11 -32
  75. package/styles/drop-down-list/material.css +11 -33
  76. package/styles/drop-down-list/tailwind-dark.css +10 -24
  77. package/styles/drop-down-list/tailwind.css +10 -24
  78. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  79. package/styles/drop-down-tree/bootstrap.css +4 -92
  80. package/styles/drop-down-tree/bootstrap4.css +5 -99
  81. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  82. package/styles/drop-down-tree/bootstrap5.css +5 -103
  83. package/styles/drop-down-tree/fabric-dark.css +4 -92
  84. package/styles/drop-down-tree/fabric.css +4 -92
  85. package/styles/drop-down-tree/fluent-dark.css +5 -105
  86. package/styles/drop-down-tree/fluent.css +5 -105
  87. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  88. package/styles/drop-down-tree/highcontrast.css +4 -98
  89. package/styles/drop-down-tree/material-dark.css +11 -182
  90. package/styles/drop-down-tree/material.css +11 -184
  91. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  92. package/styles/drop-down-tree/tailwind.css +4 -107
  93. package/styles/fabric-dark.css +62 -335
  94. package/styles/fabric.css +62 -335
  95. package/styles/fluent-dark.css +62 -342
  96. package/styles/fluent.css +62 -342
  97. package/styles/highcontrast-light.css +63 -375
  98. package/styles/highcontrast.css +63 -376
  99. package/styles/list-box/bootstrap-dark.css +11 -115
  100. package/styles/list-box/bootstrap.css +11 -115
  101. package/styles/list-box/bootstrap4.css +11 -120
  102. package/styles/list-box/bootstrap5-dark.css +11 -115
  103. package/styles/list-box/bootstrap5.css +11 -115
  104. package/styles/list-box/fabric-dark.css +11 -115
  105. package/styles/list-box/fabric.css +11 -115
  106. package/styles/list-box/fluent-dark.css +11 -115
  107. package/styles/list-box/fluent.css +11 -115
  108. package/styles/list-box/highcontrast-light.css +11 -120
  109. package/styles/list-box/highcontrast.css +11 -120
  110. package/styles/list-box/material-dark.css +11 -115
  111. package/styles/list-box/material.css +11 -115
  112. package/styles/list-box/tailwind-dark.css +12 -118
  113. package/styles/list-box/tailwind.css +12 -118
  114. package/styles/material-dark.css +103 -462
  115. package/styles/material.css +103 -466
  116. package/styles/multi-select/bootstrap-dark.css +28 -68
  117. package/styles/multi-select/bootstrap.css +28 -68
  118. package/styles/multi-select/bootstrap4.css +28 -68
  119. package/styles/multi-select/bootstrap5-dark.css +29 -69
  120. package/styles/multi-select/bootstrap5.css +29 -69
  121. package/styles/multi-select/fabric-dark.css +28 -68
  122. package/styles/multi-select/fabric.css +28 -68
  123. package/styles/multi-select/fluent-dark.css +29 -68
  124. package/styles/multi-select/fluent.css +29 -68
  125. package/styles/multi-select/highcontrast-light.css +31 -97
  126. package/styles/multi-select/highcontrast.css +31 -97
  127. package/styles/multi-select/material-dark.css +66 -115
  128. package/styles/multi-select/material.css +66 -116
  129. package/styles/multi-select/tailwind-dark.css +29 -69
  130. package/styles/multi-select/tailwind.css +29 -69
  131. package/styles/tailwind-dark.css +63 -348
  132. package/styles/tailwind.css +63 -348
@@ -41,15 +41,13 @@
41
41
  .e-dropdownbase.e-bigger {
42
42
  min-height: 45px;
43
43
  }
44
-
45
44
  .e-bigger .e-dropdownbase .e-list-item,
46
45
  .e-dropdownbase.e-bigger .e-list-item {
47
46
  line-height: 32px;
48
47
  text-indent: 16px;
49
48
  }
50
49
 
51
- .e-bigger .e-dropdownbase .e-list-group-item,
52
- .e-bigger .e-dropdownbase .e-fixed-head,
50
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
53
51
  .e-dropdownbase.e-bigger .e-list-group-item,
54
52
  .e-dropdownbase.e-bigger .e-fixed-head {
55
53
  line-height: 32px;
@@ -68,14 +66,12 @@
68
66
  position: relative;
69
67
  width: 100%;
70
68
  }
71
-
72
69
  .e-dropdownbase .e-list-parent {
73
70
  margin: 0;
74
71
  padding: 0;
75
72
  }
76
73
 
77
- .e-dropdownbase .e-list-group-item,
78
- .e-dropdownbase .e-fixed-head {
74
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
79
75
  cursor: default;
80
76
  }
81
77
 
@@ -98,7 +94,6 @@
98
94
  position: absolute;
99
95
  top: 0;
100
96
  }
101
-
102
97
  .e-rtl .e-dropdownbase .e-fixed-head {
103
98
  left: 33px;
104
99
  }
@@ -162,14 +157,12 @@
162
157
  padding-left: 16px;
163
158
  padding-right: 0;
164
159
  }
165
-
166
160
  .e-small.e-rtl .e-dropdownbase .e-list-item,
167
161
  .e-small .e-rtl .e-dropdownbase .e-list-item,
168
162
  .e-rtl .e-small .e-dropdownbase .e-list-item {
169
163
  padding-left: 16px;
170
164
  padding-right: 0;
171
165
  }
172
-
173
166
  .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
174
167
  .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
175
168
  .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
@@ -178,11 +171,9 @@
178
171
  padding-left: 16px;
179
172
  padding-right: 0;
180
173
  }
181
-
182
174
  .e-dropdownbase {
183
175
  border-color: #444c54;
184
176
  }
185
-
186
177
  .e-dropdownbase .e-list-item {
187
178
  -webkit-tap-highlight-color: transparent;
188
179
  background-color: #343a40;
@@ -211,8 +202,7 @@
211
202
  padding-right: 16px;
212
203
  }
213
204
 
214
- .e-dropdownbase .e-list-item.e-active,
215
- .e-dropdownbase .e-list-item.e-active.e-hover {
205
+ .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
216
206
  background-color: #0d6efd;
217
207
  border-color: #212529;
218
208
  color: #fff;
@@ -236,8 +226,7 @@
236
226
  border-radius: 2px;
237
227
  }
238
228
 
239
- .e-bigger .e-dropdownbase .e-list-group-item,
240
- .e-bigger .e-dropdownbase .e-fixed-head {
229
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
241
230
  font-size: 16px;
242
231
  padding-left: 16px;
243
232
  }
@@ -307,8 +296,7 @@
307
296
  text-indent: 8px;
308
297
  }
309
298
 
310
- .e-small .e-dropdownbase .e-list-group-item,
311
- .e-small .e-dropdownbase .e-fixed-head,
299
+ .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
312
300
  .e-dropdownbase.e-small .e-list-group-item,
313
301
  .e-dropdownbase.e-small .e-fixed-head {
314
302
  font-size: 10px;
@@ -330,8 +318,7 @@
330
318
  text-indent: 16px;
331
319
  }
332
320
 
333
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
334
- .e-bigger.e-small .e-dropdownbase .e-fixed-head,
321
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
335
322
  .e-dropdownbase.e-small.e-bigger .e-list-group-item,
336
323
  .e-dropdownbase.e-small.e-bigger .e-fixed-head {
337
324
  line-height: 30px;
@@ -344,8 +331,7 @@
344
331
  font-size: 18px;
345
332
  }
346
333
 
347
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
348
- .e-bigger.e-small .e-dropdownbase .e-fixed-head,
334
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
349
335
  .e-dropdownbase.e-bigger.e-small .e-list-group-item,
350
336
  .e-dropdownbase.e-bigger.e-small .e-fixed-head {
351
337
  font-size: 12px;
@@ -388,7 +374,6 @@
388
374
  transform: rotate(360deg);
389
375
  }
390
376
  }
391
-
392
377
  @keyframes fabric-spinner-rotate {
393
378
  0% {
394
379
  transform: rotate(0);
@@ -397,17 +382,14 @@
397
382
  transform: rotate(360deg);
398
383
  }
399
384
  }
400
-
401
385
  .e-popup.e-ddl {
402
386
  border-radius: 4px;
403
387
  box-shadow: none;
404
388
  margin-top: 3px;
405
389
  }
406
-
407
390
  .e-popup.e-ddl .e-input-group {
408
391
  width: auto;
409
392
  }
410
-
411
393
  .e-popup.e-ddl .e-input-group input {
412
394
  line-height: 15px;
413
395
  }
@@ -421,7 +403,6 @@
421
403
  display: flex;
422
404
  width: auto;
423
405
  }
424
-
425
406
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
426
407
  border: 0;
427
408
  }
@@ -437,8 +418,7 @@
437
418
  text-indent: 16px;
438
419
  }
439
420
 
440
- .e-bigger .e-popup.e-ddl .e-list-group-item,
441
- .e-bigger .e-popup.e-ddl .e-fixed-head {
421
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
442
422
  font-size: 14px;
443
423
  line-height: 32px;
444
424
  padding-left: 0;
@@ -449,8 +429,7 @@
449
429
  padding-left: 0;
450
430
  }
451
431
 
452
- .e-bigger .e-popup.e-ddl .e-input-group input,
453
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
432
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
454
433
  font-size: 16px;
455
434
  height: 36px;
456
435
  }
@@ -530,9 +509,7 @@
530
509
  font-size: 16px;
531
510
  }
532
511
 
533
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
534
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
535
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
512
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
536
513
  font-size: 14px;
537
514
  line-height: 34px;
538
515
  padding-left: 0;
@@ -543,8 +520,7 @@
543
520
  padding-left: 4px;
544
521
  }
545
522
 
546
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
547
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
523
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
548
524
  height: 30px;
549
525
  }
550
526
 
@@ -553,39 +529,34 @@
553
529
  }
554
530
 
555
531
  .e-ddl .e-search-icon::before {
556
- content: '\e754';
532
+ content: "\e754";
557
533
  }
558
534
 
559
535
  .e-ddl .e-back-icon::before {
560
- content: '\e773';
536
+ content: "\e773";
561
537
  }
562
538
 
563
539
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
564
- content: '\e729';
565
- font-family: 'e-icons';
540
+ content: "\e729";
541
+ font-family: "e-icons";
566
542
  }
567
543
 
568
- .e-bigger .e-input-group.e-ddl .e-input-filter,
569
- .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
544
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
570
545
  margin-left: -20px;
571
546
  }
572
547
 
573
548
  .e-bigger .e-ddl.e-popup .e-list-item {
574
549
  font-size: 16px;
575
550
  }
576
-
577
551
  .e-bigger .e-ddl.e-popup .e-list-group-item {
578
552
  font-size: 16px;
579
553
  }
580
-
581
554
  .e-bigger.e-ddl.e-popup .e-list-item {
582
555
  font-size: 16px;
583
556
  }
584
-
585
557
  .e-bigger.e-ddl.e-popup .e-list-group-item {
586
558
  font-size: 16px;
587
559
  }
588
-
589
560
  .e-popup-full-page {
590
561
  bottom: 0;
591
562
  left: 0;
@@ -595,7 +566,6 @@
595
566
  right: 0;
596
567
  top: 0;
597
568
  }
598
-
599
569
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
600
570
  margin: 0;
601
571
  }
@@ -605,7 +575,7 @@
605
575
  }
606
576
 
607
577
  .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
608
- content: '';
578
+ content: "";
609
579
  }
610
580
 
611
581
  .e-ddl-device-filter .e-filter-parent {
@@ -632,8 +602,7 @@
632
602
  cursor: pointer;
633
603
  }
634
604
 
635
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
636
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
605
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
637
606
  width: 0;
638
607
  }
639
608
 
@@ -642,10 +611,9 @@
642
611
  border: 1px solid #444c54;
643
612
  position: absolute;
644
613
  }
645
-
646
614
  .e-ddl.e-popup .e-search-icon {
647
615
  margin: 0;
648
- opacity: .57;
616
+ opacity: 0.57;
649
617
  padding: 12px 8px 8px;
650
618
  }
651
619
 
@@ -657,8 +625,7 @@
657
625
  margin-bottom: 0;
658
626
  }
659
627
 
660
- .e-ddl.e-popup .e-ddl-footer,
661
- .e-ddl.e-popup .e-ddl-header {
628
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
662
629
  cursor: default;
663
630
  }
664
631
 
@@ -730,7 +697,6 @@
730
697
  outline: none;
731
698
  width: 100%;
732
699
  }
733
-
734
700
  .e-ddl.e-input-group input[readonly].e-input,
735
701
  .e-ddl.e-input-group input[readonly],
736
702
  .e-ddl.e-input-group .e-dropdownlist {
@@ -747,7 +713,6 @@ ejs-dropdownlist {
747
713
  .e-input-group.e-ddl.e-small .e-list-item {
748
714
  font-size: 12px;
749
715
  }
750
-
751
716
  .e-small .e-ddl.e-popup .e-list-group-item,
752
717
  .e-input-group.e-ddl.e-small .e-list-group-item {
753
718
  font-size: 12px;
@@ -757,7 +722,6 @@ ejs-dropdownlist {
757
722
  .e-input-group.e-ddl.e-small .e-list-item {
758
723
  font-size: 12px;
759
724
  }
760
-
761
725
  .e-small.e-ddl.e-popup .e-list-group-item,
762
726
  .e-input-group.e-ddl.e-small .e-list-group-item {
763
727
  font-size: 12px;
@@ -767,7 +731,6 @@ ejs-dropdownlist {
767
731
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
768
732
  font-size: 14px;
769
733
  }
770
-
771
734
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
772
735
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
773
736
  font-size: 14px;
@@ -777,7 +740,6 @@ ejs-dropdownlist {
777
740
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
778
741
  font-size: 14px;
779
742
  }
780
-
781
743
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
782
744
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
783
745
  font-size: 14px;
@@ -817,7 +779,6 @@ ejs-dropdownlist {
817
779
  transform: rotate(360deg);
818
780
  }
819
781
  }
820
-
821
782
  @keyframes fabric-spinner-rotate {
822
783
  0% {
823
784
  transform: rotate(0);
@@ -826,67 +787,55 @@ ejs-dropdownlist {
826
787
  transform: rotate(360deg);
827
788
  }
828
789
  }
829
-
830
790
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
831
791
  .e-ddt .e-ddt-icon::before {
832
- content: '\e734';
792
+ content: "\e734";
833
793
  }
834
-
835
794
  .e-ddt .e-chips-close::before {
836
- content: '\e7e7';
795
+ content: "\e7e7";
837
796
  }
838
797
 
839
798
  .e-ddt {
840
799
  cursor: pointer;
841
800
  outline: none;
842
801
  }
843
-
844
802
  .e-ddt .e-ddt-icon::before {
845
803
  transform: rotate(0deg);
846
804
  transition: transform 300ms ease;
847
805
  }
848
-
849
806
  .e-ddt.e-icon-anim .e-ddt-icon::before {
850
807
  transform: rotate(180deg);
851
808
  transition: transform 300ms ease;
852
809
  }
853
-
854
810
  .e-ddt .e-ddt-hidden {
855
811
  border: 0;
856
812
  height: 0;
857
813
  visibility: hidden;
858
814
  width: 0;
859
815
  }
860
-
861
816
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
862
817
  box-sizing: content-box;
863
818
  }
864
-
865
819
  .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
866
820
  border: 0;
867
821
  font-size: 20px;
868
822
  }
869
-
870
823
  .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
871
824
  display: none;
872
825
  }
873
-
874
826
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
875
827
  bottom: 10px;
876
828
  position: absolute;
877
829
  right: 0;
878
830
  }
879
-
880
831
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
881
832
  right: 30px;
882
833
  }
883
-
884
834
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
885
835
  bottom: 0;
886
836
  position: absolute;
887
837
  right: 0;
888
838
  }
889
-
890
839
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
891
840
  .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
892
841
  .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
@@ -895,21 +844,17 @@ ejs-dropdownlist {
895
844
  padding-left: 0;
896
845
  padding-right: 0;
897
846
  }
898
-
899
847
  .e-ddt .e-chips-wrapper {
900
848
  width: 100%;
901
849
  }
902
-
903
850
  .e-ddt.e-show-chip .e-chips-close {
904
851
  min-height: 16px;
905
852
  min-width: 16px;
906
853
  text-align: center;
907
854
  }
908
-
909
855
  .e-ddt.e-show-chip .e-chips-close::before {
910
856
  font-size: 10px;
911
857
  }
912
-
913
858
  .e-ddt.e-show-chip .e-chips {
914
859
  -ms-flex-align: center;
915
860
  align-items: center;
@@ -926,7 +871,6 @@ ejs-dropdownlist {
926
871
  text-overflow: ellipsis;
927
872
  white-space: nowrap;
928
873
  }
929
-
930
874
  .e-ddt.e-show-chip .e-chips > .e-chipcontent {
931
875
  max-width: 100%;
932
876
  overflow: hidden;
@@ -935,69 +879,56 @@ ejs-dropdownlist {
935
879
  text-overflow: ellipsis;
936
880
  white-space: nowrap;
937
881
  }
938
-
939
882
  .e-ddt .e-overflow {
940
883
  white-space: nowrap;
941
884
  }
942
-
943
885
  .e-ddt .e-overflow.e-show-text {
944
886
  padding: 0 8px;
945
887
  line-height: 30px;
946
888
  }
947
-
948
889
  .e-ddt .e-overflow.e-total-count {
949
890
  box-sizing: border-box;
950
891
  display: inline-block;
951
892
  overflow: hidden;
952
893
  text-overflow: ellipsis;
953
894
  }
954
-
955
895
  .e-ddt .e-overflow.e-total-count .e-remain {
956
896
  line-height: 30px;
957
897
  }
958
-
959
898
  .e-ddt .e-overflow .e-remain {
960
899
  cursor: pointer;
961
900
  display: inline-block;
962
901
  font-size: 14px;
963
902
  padding: 0 0 0 8px;
964
903
  }
965
-
966
904
  .e-ddt .e-overflow .e-remain.e-wrap-count {
967
905
  padding: 5px 4px;
968
906
  }
969
-
970
907
  .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
971
908
  padding: 0 8px;
972
909
  }
973
-
974
910
  .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
975
911
  margin-right: 30px;
976
912
  max-width: calc(100% - 31px);
977
913
  }
978
-
979
914
  .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
980
915
  margin-right: 20px;
981
916
  max-width: calc(100% - 31px);
982
917
  }
983
-
984
918
  .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
985
919
  margin-right: 48px;
986
920
  max-width: calc(100% - 62px);
987
921
  }
988
-
989
922
  .e-ddt input[readonly],
990
923
  .e-ddt .e-dropdowntree,
991
924
  .e-ddt input[readonly].e-input {
992
925
  pointer-events: none;
993
926
  }
994
-
995
927
  .e-ddt input[readonly].e-chip-input,
996
928
  .e-ddt .e-dropdowntree.e-chip-input,
997
929
  .e-ddt input[readonly].e-input.e-chip-input {
998
930
  width: 0;
999
931
  }
1000
-
1001
932
  .e-ddt.e-popup {
1002
933
  border: 1px solid #444c54;
1003
934
  border-radius: 4px;
@@ -1005,11 +936,9 @@ ejs-dropdownlist {
1005
936
  box-shadow: none;
1006
937
  position: absolute;
1007
938
  }
1008
-
1009
939
  .e-ddt.e-popup .e-checkbox-wrapper .e-frame {
1010
940
  background-color: transparent;
1011
941
  }
1012
-
1013
942
  .e-ddt.e-popup .e-selectall-parent {
1014
943
  border-bottom: 1px solid;
1015
944
  cursor: pointer;
@@ -1022,46 +951,37 @@ ejs-dropdownlist {
1022
951
  width: 100%;
1023
952
  padding: 0 8px;
1024
953
  }
1025
-
1026
954
  .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
1027
955
  display: none;
1028
956
  }
1029
-
1030
957
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1031
958
  position: relative;
1032
959
  text-indent: 0;
1033
960
  }
1034
-
1035
961
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1036
962
  margin-top: -3px;
1037
963
  }
1038
-
1039
964
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1040
965
  font-family: inherit;
1041
966
  font-size: 14px;
1042
967
  margin: 0 8px;
1043
968
  }
1044
-
1045
969
  .e-ddt.e-popup .e-filter-wrap {
1046
970
  border: 1px solid #444c54;
1047
971
  border-top-width: 0;
1048
972
  display: block;
1049
973
  padding: 4px;
1050
974
  }
1051
-
1052
975
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1053
976
  margin-bottom: 0;
1054
977
  }
1055
-
1056
978
  .e-ddt.e-popup .e-popup-content {
1057
979
  overflow: auto;
1058
980
  position: relative;
1059
981
  }
1060
-
1061
982
  .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1062
983
  display: none;
1063
984
  }
1064
-
1065
985
  .e-ddt.e-popup .e-popup-content.e-no-data {
1066
986
  cursor: default;
1067
987
  font-family: inherit;
@@ -1069,84 +989,66 @@ ejs-dropdownlist {
1069
989
  padding: 7px 16px;
1070
990
  text-align: center;
1071
991
  }
1072
-
1073
992
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1074
993
  display: none;
1075
994
  }
1076
-
1077
995
  .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1078
996
  display: block;
1079
997
  line-height: 22px;
1080
998
  }
1081
-
1082
999
  .e-ddt.e-popup .e-treeview {
1083
1000
  display: inline-table;
1084
1001
  width: 100%;
1085
1002
  }
1086
-
1087
1003
  .e-ddt.e-popup .e-treeview .e-list-item {
1088
1004
  padding: 0;
1089
1005
  }
1090
-
1091
1006
  .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1092
1007
  margin: 0;
1093
1008
  padding: 0 0 0 14px;
1094
1009
  }
1095
-
1096
1010
  .e-ddt.e-popup .e-treeview > .e-ul {
1097
1011
  overflow: hidden;
1098
1012
  padding: 6px 8px;
1099
1013
  }
1100
-
1101
1014
  .e-ddt.e-popup .e-ddt-footer,
1102
1015
  .e-ddt.e-popup .e-ddt-header {
1103
1016
  cursor: default;
1104
1017
  }
1105
-
1106
1018
  .e-ddt.e-rtl.e-show-chip .e-chips {
1107
1019
  float: right;
1108
1020
  }
1109
-
1110
1021
  .e-ddt.e-rtl.e-show-chip .e-chips > .e-chipcontent {
1111
1022
  padding: 0 0 0 4px;
1112
1023
  }
1113
-
1114
1024
  .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1115
1025
  padding: 0 8px 0 0;
1116
1026
  }
1117
-
1118
1027
  .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1119
1028
  padding-top: 5px;
1120
1029
  }
1121
-
1122
1030
  .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1123
1031
  position: absolute;
1124
1032
  right: auto;
1125
1033
  }
1126
-
1127
1034
  .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1128
1035
  padding: 0 0 0 8px;
1129
1036
  }
1130
-
1131
1037
  .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1132
1038
  padding: 0 8px;
1133
1039
  }
1134
-
1135
1040
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1136
1041
  margin-left: 18px;
1137
1042
  margin-right: 4px;
1138
1043
  }
1139
-
1140
1044
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1141
1045
  margin-left: 18px;
1142
1046
  margin-right: 4px;
1143
1047
  }
1144
-
1145
1048
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1146
1049
  margin-left: 48px;
1147
1050
  margin-right: 4px;
1148
1051
  }
1149
-
1150
1052
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1151
1053
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1152
1054
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
@@ -1155,11 +1057,9 @@ ejs-dropdownlist {
1155
1057
  left: 0;
1156
1058
  right: auto;
1157
1059
  }
1158
-
1159
1060
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1160
1061
  left: 30px;
1161
1062
  }
1162
-
1163
1063
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1164
1064
  padding: 0 14px 0 0;
1165
1065
  }
@@ -1172,7 +1072,6 @@ ejs-dropdownlist {
1172
1072
  .e-ddt.e-bigger .e-chips {
1173
1073
  height: 30px;
1174
1074
  }
1175
-
1176
1075
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1177
1076
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1178
1077
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
@@ -1181,7 +1080,6 @@ ejs-dropdownlist {
1181
1080
  bottom: auto;
1182
1081
  right: 36px;
1183
1082
  }
1184
-
1185
1083
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
1186
1084
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
1187
1085
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
@@ -1189,7 +1087,6 @@ ejs-dropdownlist {
1189
1087
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
1190
1088
  bottom: 0;
1191
1089
  }
1192
-
1193
1090
  .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
1194
1091
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
1195
1092
  .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -1197,113 +1094,93 @@ ejs-dropdownlist {
1197
1094
  .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1198
1095
  bottom: 0;
1199
1096
  }
1200
-
1201
1097
  .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
1202
1098
  .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
1203
1099
  .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
1204
1100
  min-height: 36px;
1205
1101
  }
1206
-
1207
1102
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
1208
1103
  .e-ddt.e-bigger.e-show-chip .e-chips-close {
1209
1104
  min-height: 24px;
1210
1105
  min-width: 24px;
1211
1106
  }
1212
-
1213
1107
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1214
1108
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1215
1109
  font-size: 12px;
1216
1110
  vertical-align: middle;
1217
1111
  }
1218
-
1219
1112
  .e-bigger .e-ddt .e-overflow.e-show-text,
1220
1113
  .e-ddt.e-bigger .e-overflow.e-show-text {
1221
1114
  padding: 0 12px;
1222
1115
  line-height: 37px;
1223
1116
  }
1224
-
1225
1117
  .e-bigger .e-ddt .e-overflow .e-remain,
1226
1118
  .e-ddt.e-bigger .e-overflow .e-remain {
1227
1119
  font-size: 16px;
1228
1120
  }
1229
-
1230
1121
  .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1231
1122
  .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1232
1123
  line-height: 36px;
1233
1124
  padding: 0 12px;
1234
1125
  }
1235
-
1236
1126
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1237
1127
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1238
1128
  max-width: calc(100% - 37px);
1239
1129
  }
1240
-
1241
1130
  .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
1242
1131
  .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
1243
1132
  max-width: calc(100% - 37px);
1244
1133
  }
1245
-
1246
1134
  .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1247
1135
  .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1248
1136
  margin-right: 52px;
1249
1137
  max-width: calc(100% - 73px);
1250
1138
  }
1251
-
1252
1139
  .e-bigger .e-ddt.e-popup,
1253
1140
  .e-ddt.e-bigger.e-popup {
1254
1141
  margin-top: 4px;
1255
1142
  }
1256
-
1257
1143
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1258
1144
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1259
1145
  text-indent: 0;
1260
1146
  padding: 3px 12px;
1261
1147
  }
1262
-
1263
1148
  .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1264
1149
  .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1265
1150
  font-size: 16px;
1266
1151
  line-height: 24px;
1267
1152
  margin: 0 12px;
1268
1153
  }
1269
-
1270
1154
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1271
1155
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
1272
1156
  padding: 9px 16px;
1273
1157
  }
1274
-
1275
1158
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata,
1276
1159
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1277
1160
  font-size: 16px;
1278
1161
  line-height: 24px;
1279
1162
  }
1280
-
1281
1163
  .e-bigger .e-ddt.e-popup .e-filter-wrap,
1282
1164
  .e-ddt.e-bigger.e-popup .e-filter-wrap {
1283
1165
  padding: 8px;
1284
1166
  }
1285
-
1286
1167
  .e-bigger .e-ddt.e-popup .e-treeview > .e-ul,
1287
1168
  .e-ddt.e-bigger.e-popup .e-treeview > .e-ul {
1288
1169
  padding: 8px 16px;
1289
1170
  }
1290
-
1291
1171
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1292
1172
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1293
1173
  margin-right: 4px;
1294
1174
  }
1295
-
1296
1175
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1297
1176
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1298
1177
  margin-right: 4px;
1299
1178
  }
1300
-
1301
1179
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1302
1180
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1303
1181
  margin-left: 52px;
1304
1182
  margin-right: 4px;
1305
1183
  }
1306
-
1307
1184
  .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1308
1185
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
1309
1186
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
@@ -1313,51 +1190,38 @@ ejs-dropdownlist {
1313
1190
  .e-ddt .e-chips {
1314
1191
  background-color: #6c757d;
1315
1192
  }
1316
-
1317
1193
  .e-ddt .e-chips .e-chips-close::before {
1318
1194
  color: #fff;
1319
1195
  }
1320
-
1321
1196
  .e-ddt .e-chips > .e-chipcontent {
1322
1197
  color: #fff;
1323
1198
  }
1324
-
1325
1199
  .e-ddt .e-chips:hover {
1326
1200
  background-color: #565e64;
1327
1201
  }
1328
-
1329
1202
  .e-ddt .e-chips:hover > .e-chipcontent {
1330
1203
  color: #fff;
1331
1204
  }
1332
-
1333
1205
  .e-ddt .e-overflow .e-remain {
1334
1206
  color: #7b848d;
1335
1207
  }
1336
-
1337
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly],
1338
- .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1208
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1339
1209
  background: #212529;
1340
1210
  }
1341
-
1342
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon,
1343
- .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
1211
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
1344
1212
  background: transparent;
1345
1213
  color: #adb5bd;
1346
1214
  }
1347
-
1348
1215
  .e-ddt.e-popup {
1349
1216
  background: #343a40;
1350
1217
  border-color: #444c54;
1351
1218
  }
1352
-
1353
1219
  .e-ddt.e-popup .e-popup-content.e-no-data {
1354
1220
  color: #fff;
1355
1221
  }
1356
-
1357
1222
  .e-ddt.e-popup .e-selectall-parent {
1358
1223
  border-bottom-color: #444c54;
1359
1224
  }
1360
-
1361
1225
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1362
1226
  color: #fff;
1363
1227
  }
@@ -1370,7 +1234,6 @@ ejs-dropdownlist {
1370
1234
  transform: rotate(360deg);
1371
1235
  }
1372
1236
  }
1373
-
1374
1237
  @keyframes fabric-spinner-rotate {
1375
1238
  0% {
1376
1239
  transform: rotate(0);
@@ -1379,7 +1242,6 @@ ejs-dropdownlist {
1379
1242
  transform: rotate(360deg);
1380
1243
  }
1381
1244
  }
1382
-
1383
1245
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1384
1246
  line-height: 30px;
1385
1247
  top: 0;
@@ -1406,7 +1268,7 @@ ejs-dropdownlist {
1406
1268
  width: 24px;
1407
1269
  }
1408
1270
 
1409
- .e-multi-select-wrapper .e-searcher input[type='text'] {
1271
+ .e-multi-select-wrapper .e-searcher input[type=text] {
1410
1272
  color: #fff;
1411
1273
  height: 100%;
1412
1274
  }
@@ -1416,12 +1278,12 @@ ejs-dropdownlist {
1416
1278
  }
1417
1279
 
1418
1280
  .e-multiselect.e-input-group .e-ddl-icon::before {
1419
- content: '\e729';
1420
- font-family: 'e-icons';
1281
+ content: "\e729";
1282
+ font-family: "e-icons";
1421
1283
  }
1422
1284
 
1423
1285
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1424
- content: '\e7e7';
1286
+ content: "\e7e7";
1425
1287
  cursor: pointer;
1426
1288
  left: 0;
1427
1289
  position: relative;
@@ -1429,7 +1291,7 @@ ejs-dropdownlist {
1429
1291
  }
1430
1292
 
1431
1293
  .e-multi-select-wrapper .e-close-hooker::before {
1432
- content: '\e7e7';
1294
+ content: "\e7e7";
1433
1295
  cursor: pointer;
1434
1296
  left: 6px;
1435
1297
  position: relative;
@@ -1437,7 +1299,7 @@ ejs-dropdownlist {
1437
1299
  }
1438
1300
 
1439
1301
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1440
- content: '';
1302
+ content: "";
1441
1303
  }
1442
1304
 
1443
1305
  .e-multi-select-wrapper {
@@ -1452,54 +1314,43 @@ ejs-dropdownlist {
1452
1314
  user-select: none;
1453
1315
  width: 100%;
1454
1316
  }
1455
-
1456
- .e-multi-select-wrapper.e-delimiter .e-searcher,
1457
- .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1317
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1458
1318
  height: 27px;
1459
1319
  vertical-align: middle;
1460
1320
  }
1461
-
1462
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
1463
- .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1321
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1464
1322
  height: 100%;
1465
1323
  min-height: 100%;
1466
1324
  }
1467
-
1468
1325
  .e-multi-select-wrapper .e-delim-view {
1469
1326
  white-space: nowrap;
1470
1327
  }
1471
-
1472
1328
  .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1473
1329
  box-sizing: border-box;
1474
1330
  display: inline-block;
1475
1331
  overflow: hidden;
1476
1332
  text-overflow: ellipsis;
1477
1333
  }
1478
-
1479
1334
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1480
1335
  color: #fff;
1481
1336
  font-size: 14px;
1482
1337
  left: 12px;
1483
1338
  top: 0;
1484
1339
  }
1485
-
1486
1340
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1487
1341
  background-color: #0d6efd;
1488
1342
  color: #fff;
1489
1343
  padding: 12px 4px 11px 0;
1490
1344
  }
1491
-
1492
1345
  .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1493
1346
  .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1494
1347
  width: 0;
1495
1348
  }
1496
-
1497
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1498
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1349
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1350
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1499
1351
  height: 1px;
1500
1352
  min-height: 1px;
1501
1353
  }
1502
-
1503
1354
  .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1504
1355
  max-width: 100%;
1505
1356
  }
@@ -1511,19 +1362,16 @@ ejs-dropdownlist {
1511
1362
  float: left;
1512
1363
  width: auto;
1513
1364
  }
1514
-
1515
1365
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1516
1366
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1517
1367
  display: -ms-inline-flexbox;
1518
1368
  display: inline-flex;
1519
1369
  float: none;
1520
1370
  }
1521
-
1522
1371
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1523
1372
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1524
1373
  width: 0;
1525
1374
  }
1526
-
1527
1375
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1528
1376
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1529
1377
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
@@ -1532,12 +1380,10 @@ ejs-dropdownlist {
1532
1380
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1533
1381
  display: none;
1534
1382
  }
1535
-
1536
1383
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1537
1384
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1538
1385
  padding: 0 48px 0 0;
1539
1386
  }
1540
-
1541
1387
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1542
1388
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1543
1389
  -ms-flex-align: center;
@@ -1546,7 +1392,6 @@ ejs-dropdownlist {
1546
1392
  max-width: 100%;
1547
1393
  word-break: break-word;
1548
1394
  }
1549
-
1550
1395
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1551
1396
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1552
1397
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
@@ -1564,7 +1409,6 @@ ejs-dropdownlist {
1564
1409
  right: 5px;
1565
1410
  top: 100%;
1566
1411
  }
1567
-
1568
1412
  .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1569
1413
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1570
1414
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
@@ -1572,19 +1416,16 @@ ejs-dropdownlist {
1572
1416
  display: -ms-flexbox;
1573
1417
  display: flex;
1574
1418
  }
1575
-
1576
1419
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1577
1420
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1578
1421
  margin-right: 0;
1579
1422
  margin-top: -2.1em;
1580
1423
  right: 0;
1581
1424
  }
1582
-
1583
1425
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1584
1426
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1585
1427
  top: -1px;
1586
1428
  }
1587
-
1588
1429
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1589
1430
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1590
1431
  font-size: 14px;
@@ -1596,7 +1437,6 @@ ejs-dropdownlist {
1596
1437
  .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1597
1438
  float: right;
1598
1439
  }
1599
-
1600
1440
  .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1601
1441
  .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1602
1442
  .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -1604,7 +1444,6 @@ ejs-dropdownlist {
1604
1444
  left: 0;
1605
1445
  right: auto;
1606
1446
  }
1607
-
1608
1447
  .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1609
1448
  .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1610
1449
  padding: 0 0 0 48px;
@@ -1616,7 +1455,7 @@ ejs-dropdownlist {
1616
1455
 
1617
1456
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1618
1457
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1619
- opacity: .7;
1458
+ opacity: 0.7;
1620
1459
  pointer-events: none;
1621
1460
  }
1622
1461
 
@@ -1704,7 +1543,7 @@ ejs-dropdownlist {
1704
1543
  display: -ms-flexbox;
1705
1544
  display: flex;
1706
1545
  float: right;
1707
- font-family: 'e-icons';
1546
+ font-family: "e-icons";
1708
1547
  height: 14px;
1709
1548
  margin: 0 0 0;
1710
1549
  width: 14px;
@@ -1763,7 +1602,7 @@ ejs-dropdownlist {
1763
1602
  margin-top: -2.15em;
1764
1603
  }
1765
1604
 
1766
- .e-multi-select-wrapper input[type='text'] {
1605
+ .e-multi-select-wrapper input[type=text] {
1767
1606
  background: none;
1768
1607
  border: 0;
1769
1608
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -1776,7 +1615,7 @@ ejs-dropdownlist {
1776
1615
  text-indent: 8px;
1777
1616
  }
1778
1617
 
1779
- .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1618
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1780
1619
  background: none;
1781
1620
  border: 0;
1782
1621
  color: inherit;
@@ -1790,22 +1629,22 @@ ejs-dropdownlist {
1790
1629
  text-indent: 8px;
1791
1630
  }
1792
1631
 
1793
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
1632
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1794
1633
  padding: 5px;
1795
1634
  }
1796
1635
 
1797
- .e-bigger .e-multi-select-wrapper input[type='text'],
1798
- .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
1636
+ .e-bigger .e-multi-select-wrapper input[type=text],
1637
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1799
1638
  height: 30px;
1800
1639
  min-height: 30px;
1801
1640
  }
1802
1641
 
1803
- .e-bigger .e-multi-select-wrapper input[type='text'] {
1642
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1804
1643
  height: 36px;
1805
1644
  min-height: 36px;
1806
1645
  }
1807
1646
 
1808
- .e-multi-select-wrapper input[type='text']::-ms-clear {
1647
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1809
1648
  display: none;
1810
1649
  }
1811
1650
 
@@ -1894,7 +1733,7 @@ ejs-dropdownlist {
1894
1733
  }
1895
1734
 
1896
1735
  .e-multi-select-wrapper .e-ddl-disable-icon::before {
1897
- content: '';
1736
+ content: "";
1898
1737
  }
1899
1738
 
1900
1739
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
@@ -1904,69 +1743,54 @@ ejs-dropdownlist {
1904
1743
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1905
1744
  padding-left: 0;
1906
1745
  }
1907
-
1908
1746
  .e-multiselect.e-rtl .e-multi-select-wrapper {
1909
1747
  padding: 0 2px 0 32px;
1910
1748
  }
1911
-
1912
1749
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1913
1750
  left: -12px;
1914
1751
  }
1915
-
1916
1752
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1917
1753
  margin: 0;
1918
1754
  margin-right: auto;
1919
1755
  }
1920
-
1921
1756
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1922
1757
  float: right;
1923
1758
  }
1924
-
1925
1759
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1926
1760
  float: right;
1927
1761
  margin: 4px;
1928
1762
  padding: 0 8px 0 4px;
1929
1763
  }
1930
-
1931
1764
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1932
1765
  padding: 5px 4px;
1933
1766
  }
1934
-
1935
1767
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1936
1768
  float: left;
1937
1769
  }
1938
-
1939
1770
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1940
1771
  left: 0;
1941
1772
  }
1942
-
1943
1773
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1944
1774
  padding: 0 4px 0 8px;
1945
1775
  }
1946
-
1947
1776
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1948
1777
  padding: 8px 4px;
1949
1778
  }
1950
-
1951
1779
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1952
1780
  padding: 0 8px 0 4px;
1953
1781
  }
1954
-
1955
1782
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1956
1783
  padding: 12px 4px;
1957
1784
  }
1958
-
1959
1785
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1960
1786
  left: 40px;
1961
1787
  position: absolute;
1962
1788
  right: auto;
1963
1789
  left: 0;
1964
1790
  }
1965
-
1966
1791
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1967
1792
  left: -4px;
1968
1793
  }
1969
-
1970
1794
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1971
1795
  padding-right: 8px;
1972
1796
  }
@@ -2154,15 +1978,15 @@ ejs-dropdownlist {
2154
1978
 
2155
1979
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2156
1980
  .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2157
- opacity: .3;
1981
+ opacity: 0.3;
2158
1982
  }
2159
1983
 
2160
1984
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2161
1985
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2162
- opacity: .7;
1986
+ opacity: 0.7;
2163
1987
  }
2164
1988
 
2165
- .e-multi-select-wrapper input[readonly='true'] {
1989
+ .e-multi-select-wrapper input[readonly=true] {
2166
1990
  pointer-events: none;
2167
1991
  }
2168
1992
 
@@ -2188,7 +2012,7 @@ ejs-multiselect {
2188
2012
  min-height: 24px;
2189
2013
  }
2190
2014
 
2191
- .e-small .e-multi-select-wrapper input[type='text'] {
2015
+ .e-small .e-multi-select-wrapper input[type=text] {
2192
2016
  height: 24px;
2193
2017
  min-height: 24px;
2194
2018
  }
@@ -2217,7 +2041,7 @@ ejs-multiselect {
2217
2041
  min-height: 28px;
2218
2042
  }
2219
2043
 
2220
- .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
2044
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2221
2045
  height: 32px;
2222
2046
  min-height: 32px;
2223
2047
  }
@@ -2243,7 +2067,7 @@ ejs-multiselect {
2243
2067
  min-height: 40px;
2244
2068
  }
2245
2069
 
2246
- .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
2070
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2247
2071
  color: inherit;
2248
2072
  }
2249
2073
 
@@ -2297,8 +2121,8 @@ ejs-multiselect {
2297
2121
  padding: 0;
2298
2122
  }
2299
2123
 
2300
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
2301
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
2124
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2125
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2302
2126
  padding: 5px 0;
2303
2127
  }
2304
2128
 
@@ -2675,27 +2499,27 @@ ejs-multiselect {
2675
2499
  }
2676
2500
 
2677
2501
  .e-listbox-tool .e-moveup::before {
2678
- content: '\e776';
2502
+ content: "\e776";
2679
2503
  }
2680
2504
 
2681
2505
  .e-listbox-tool .e-movedown::before {
2682
- content: '\e729';
2506
+ content: "\e729";
2683
2507
  }
2684
2508
 
2685
2509
  .e-listbox-tool .e-moveto::before {
2686
- content: '\e748';
2510
+ content: "\e748";
2687
2511
  }
2688
2512
 
2689
2513
  .e-listbox-tool .e-movefrom::before {
2690
- content: '\e765';
2514
+ content: "\e765";
2691
2515
  }
2692
2516
 
2693
2517
  .e-listbox-tool .e-moveallto::before {
2694
- content: '\e7a9';
2518
+ content: "\e7a9";
2695
2519
  }
2696
2520
 
2697
2521
  .e-listbox-tool .e-moveallfrom::before {
2698
- content: '\e744';
2522
+ content: "\e744";
2699
2523
  }
2700
2524
 
2701
2525
  .e-listbox-wrapper,
@@ -2710,28 +2534,23 @@ ejs-multiselect {
2710
2534
  user-select: none;
2711
2535
  width: 100%;
2712
2536
  }
2713
-
2714
2537
  .e-listbox-wrapper *,
2715
2538
  .e-listbox-container * {
2716
2539
  box-sizing: border-box;
2717
2540
  }
2718
-
2719
2541
  .e-listbox-wrapper:focus,
2720
2542
  .e-listbox-container:focus {
2721
2543
  outline: none;
2722
2544
  }
2723
-
2724
2545
  .e-listbox-wrapper.e-disabled,
2725
2546
  .e-listbox-container.e-disabled {
2726
2547
  cursor: default;
2727
2548
  pointer-events: none;
2728
2549
  }
2729
-
2730
2550
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2731
2551
  .e-listbox-container:not(.e-list-template) .e-list-nrt {
2732
2552
  text-align: center;
2733
2553
  }
2734
-
2735
2554
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2736
2555
  .e-listbox-wrapper .e-list-nrt,
2737
2556
  .e-listbox-wrapper .e-selectall-parent,
@@ -2743,55 +2562,45 @@ ejs-multiselect {
2743
2562
  padding: 10px 12px;
2744
2563
  position: relative;
2745
2564
  }
2746
-
2747
2565
  .e-listbox-wrapper.e-filter-list,
2748
2566
  .e-listbox-container.e-filter-list {
2749
2567
  overflow: inherit;
2750
2568
  }
2751
-
2752
2569
  .e-listbox-wrapper .e-list-parent,
2753
2570
  .e-listbox-container .e-list-parent {
2754
2571
  height: 100%;
2755
2572
  min-height: 36px;
2756
2573
  }
2757
-
2758
2574
  .e-listbox-wrapper .e-list-item,
2759
2575
  .e-listbox-container .e-list-item {
2760
2576
  border-bottom: 0 solid;
2761
2577
  outline: none;
2762
2578
  }
2763
-
2764
2579
  .e-listbox-wrapper .e-list-item.e-disabled,
2765
2580
  .e-listbox-container .e-list-item.e-disabled {
2766
2581
  pointer-events: none;
2767
2582
  }
2768
-
2769
2583
  .e-listbox-wrapper .e-disable,
2770
2584
  .e-listbox-container .e-disable {
2771
- opacity: .7;
2585
+ opacity: 0.7;
2772
2586
  }
2773
-
2774
2587
  .e-listbox-wrapper .e-list-parent,
2775
2588
  .e-listbox-container .e-list-parent {
2776
2589
  margin: 0;
2777
2590
  padding: 0;
2778
2591
  }
2779
-
2780
2592
  .e-listbox-wrapper .e-list-header .e-text.header,
2781
2593
  .e-listbox-container .e-list-header .e-text.header {
2782
2594
  display: none;
2783
2595
  }
2784
-
2785
2596
  .e-listbox-wrapper .e-icon-back,
2786
2597
  .e-listbox-container .e-icon-back {
2787
2598
  margin-top: 2px;
2788
2599
  }
2789
-
2790
2600
  .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2791
2601
  .e-listbox-container .e-list-header .e-headertemplate-text.nested-header {
2792
2602
  display: none;
2793
2603
  }
2794
-
2795
2604
  .e-listbox-wrapper .e-list-header,
2796
2605
  .e-listbox-container .e-list-header {
2797
2606
  -ms-flex-align: center;
@@ -2803,24 +2612,20 @@ ejs-multiselect {
2803
2612
  height: 18px;
2804
2613
  padding: 0 12px;
2805
2614
  }
2806
-
2807
2615
  .e-listbox-wrapper .e-has-header > .e-view,
2808
2616
  .e-listbox-container .e-has-header > .e-view {
2809
2617
  top: 45px;
2810
2618
  }
2811
-
2812
2619
  .e-listbox-wrapper .e-but-back,
2813
2620
  .e-listbox-container .e-but-back {
2814
2621
  cursor: pointer;
2815
2622
  padding-right: 8px;
2816
2623
  }
2817
-
2818
2624
  .e-listbox-wrapper .e-list-group-item:first-child,
2819
2625
  .e-listbox-container .e-list-group-item:first-child {
2820
2626
  border: 0;
2821
2627
  border-bottom: 0 solid transparent;
2822
2628
  }
2823
-
2824
2629
  .e-listbox-wrapper .e-list-group-item,
2825
2630
  .e-listbox-container .e-list-group-item {
2826
2631
  border-bottom: 0 solid transparent;
@@ -2830,7 +2635,6 @@ ejs-multiselect {
2830
2635
  line-height: 10px;
2831
2636
  padding: 10px 12px;
2832
2637
  }
2833
-
2834
2638
  .e-listbox-wrapper .e-icon-collapsible,
2835
2639
  .e-listbox-container .e-icon-collapsible {
2836
2640
  cursor: pointer;
@@ -2840,50 +2644,41 @@ ejs-multiselect {
2840
2644
  top: 50%;
2841
2645
  transform: translateY(-50%);
2842
2646
  }
2843
-
2844
2647
  .e-listbox-wrapper .e-text-content,
2845
2648
  .e-listbox-container .e-text-content {
2846
2649
  height: 100%;
2847
2650
  position: relative;
2848
2651
  vertical-align: middle;
2849
2652
  }
2850
-
2851
2653
  .e-listbox-wrapper .e-text-content *,
2852
2654
  .e-listbox-container .e-text-content * {
2853
2655
  display: inline-block;
2854
2656
  vertical-align: middle;
2855
2657
  }
2856
-
2857
2658
  .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2858
2659
  .e-listbox-container .e-text-content.e-checkbox .e-list-text {
2859
2660
  width: calc(100% - 40px);
2860
2661
  }
2861
-
2862
2662
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2863
2663
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2864
2664
  width: calc(100% - 90px);
2865
2665
  }
2866
-
2867
2666
  .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2868
2667
  .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2869
2668
  width: calc(100% - 80px);
2870
2669
  }
2871
-
2872
2670
  .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2873
2671
  .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2874
2672
  width: calc(100% - 92px);
2875
2673
  }
2876
-
2877
2674
  .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2878
2675
  .e-listbox-container .e-checkbox .e-checkbox-left {
2879
2676
  margin: -2px 8px 0 0;
2880
2677
  }
2881
-
2882
2678
  .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2883
2679
  .e-listbox-container .e-checkbox .e-checkbox-right {
2884
2680
  margin: -2px 0 0 8px;
2885
2681
  }
2886
-
2887
2682
  .e-listbox-wrapper .e-list-text,
2888
2683
  .e-listbox-container .e-list-text {
2889
2684
  cursor: pointer;
@@ -2894,58 +2689,48 @@ ejs-multiselect {
2894
2689
  white-space: nowrap;
2895
2690
  width: 100%;
2896
2691
  }
2897
-
2898
2692
  .e-listbox-wrapper .e-list-icon + .e-list-text,
2899
2693
  .e-listbox-container .e-list-icon + .e-list-text {
2900
2694
  width: calc(100% - 60px);
2901
2695
  }
2902
-
2903
2696
  .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2904
2697
  .e-listbox-container .e-icon-wrapper .e-list-text {
2905
2698
  width: calc(100% - 60px);
2906
2699
  }
2907
-
2908
2700
  .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2909
2701
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2910
2702
  width: calc(100% - 60px);
2911
2703
  }
2912
-
2913
2704
  .e-listbox-wrapper .e-list-icon,
2914
2705
  .e-listbox-container .e-list-icon {
2915
2706
  height: 30px;
2916
2707
  margin-right: 16px;
2917
2708
  width: 30px;
2918
2709
  }
2919
-
2920
2710
  .e-listbox-wrapper .e-content,
2921
2711
  .e-listbox-container .e-content {
2922
2712
  overflow: hidden;
2923
2713
  position: relative;
2924
2714
  }
2925
-
2926
2715
  .e-listbox-wrapper .e-list-header .e-text,
2927
2716
  .e-listbox-container .e-list-header .e-text {
2928
2717
  cursor: pointer;
2929
2718
  text-indent: 0;
2930
2719
  }
2931
-
2932
2720
  .e-listbox-wrapper .e-text .e-headertext,
2933
2721
  .e-listbox-container .e-text .e-headertext {
2934
2722
  display: inline-block;
2935
2723
  line-height: 18px;
2936
2724
  }
2937
-
2938
2725
  .e-listbox-wrapper.e-rtl,
2939
2726
  .e-listbox-container.e-rtl {
2940
2727
  direction: rtl;
2941
2728
  }
2942
-
2943
2729
  .e-listbox-wrapper.e-rtl .e-list-icon,
2944
2730
  .e-listbox-container.e-rtl .e-list-icon {
2945
2731
  margin-left: 16px;
2946
2732
  margin-right: 0;
2947
2733
  }
2948
-
2949
2734
  .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2950
2735
  .e-listbox-container.e-rtl .e-icon-collapsible {
2951
2736
  left: 0%;
@@ -2953,61 +2738,50 @@ ejs-multiselect {
2953
2738
  top: 50%;
2954
2739
  transform: translateY(-50%) rotate(180deg);
2955
2740
  }
2956
-
2957
2741
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2958
2742
  .e-listbox-container.e-rtl .e-list-header .e-text {
2959
2743
  cursor: pointer;
2960
2744
  }
2961
-
2962
2745
  .e-listbox-wrapper.e-rtl .e-but-back,
2963
2746
  .e-listbox-container.e-rtl .e-but-back {
2964
2747
  transform: rotate(180deg);
2965
2748
  }
2966
-
2967
2749
  .e-listbox-wrapper.e-rtl .e-icon-back,
2968
2750
  .e-listbox-container.e-rtl .e-icon-back {
2969
2751
  margin-top: -2px;
2970
2752
  }
2971
-
2972
2753
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2973
2754
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left {
2974
2755
  margin: -2px 0 0 8px;
2975
2756
  }
2976
-
2977
2757
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2978
2758
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right {
2979
2759
  margin: -2px 8px 0 0;
2980
2760
  }
2981
-
2982
2761
  .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2983
2762
  .e-listbox-container.e-rtl .e-checkbox-wrapper {
2984
2763
  margin: -2px 0 0 8px;
2985
2764
  }
2986
-
2987
2765
  .e-listbox-wrapper .e-checkbox-wrapper,
2988
2766
  .e-listbox-container .e-checkbox-wrapper {
2989
2767
  margin: -2px 8px 0 0;
2990
2768
  text-indent: 0;
2991
2769
  vertical-align: middle;
2992
2770
  }
2993
-
2994
2771
  .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2995
2772
  .e-listbox-container.e-right .e-checkbox-wrapper {
2996
2773
  position: absolute;
2997
2774
  right: 0;
2998
2775
  top: 30%;
2999
2776
  }
3000
-
3001
2777
  .e-listbox-wrapper .e-input-group,
3002
2778
  .e-listbox-container .e-input-group {
3003
2779
  padding: 4px 8px;
3004
2780
  }
3005
-
3006
2781
  .e-listbox-wrapper .e-input-focus,
3007
2782
  .e-listbox-container .e-input-focus {
3008
2783
  padding: 4px 4px 4px 8px;
3009
2784
  }
3010
-
3011
2785
  .e-listbox-wrapper .e-hidden-select,
3012
2786
  .e-listbox-container .e-hidden-select {
3013
2787
  height: 1px;
@@ -3015,7 +2789,6 @@ ejs-multiselect {
3015
2789
  position: absolute;
3016
2790
  width: 100%;
3017
2791
  }
3018
-
3019
2792
  .e-listbox-wrapper .e-placeholder,
3020
2793
  .e-listbox-container .e-placeholder {
3021
2794
  background-color: #0d6efd;
@@ -3034,7 +2807,6 @@ ejs-listbox {
3034
2807
  .e-listbox-wrapper.e-filter-list {
3035
2808
  overflow: inherit;
3036
2809
  }
3037
-
3038
2810
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3039
2811
  overflow: auto;
3040
2812
  }
@@ -3044,22 +2816,18 @@ ejs-listbox {
3044
2816
  border-width: 0;
3045
2817
  overflow: visible;
3046
2818
  }
3047
-
3048
2819
  .e-listbox-wrapper.e-sortableclone .e-list-item,
3049
2820
  .e-listbox-container.e-sortableclone .e-list-item {
3050
2821
  list-style-type: none;
3051
2822
  }
3052
-
3053
2823
  .e-listbox-wrapper.e-sortableclone .e-ripple,
3054
2824
  .e-listbox-container.e-sortableclone .e-ripple {
3055
2825
  overflow: visible;
3056
2826
  }
3057
-
3058
2827
  .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3059
2828
  .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element {
3060
2829
  display: none;
3061
2830
  }
3062
-
3063
2831
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
3064
2832
  .e-listbox-container.e-sortableclone .e-list-badge {
3065
2833
  -ms-flex-align: center;
@@ -3086,41 +2854,34 @@ ejs-listbox {
3086
2854
  display: -ms-flexbox;
3087
2855
  display: flex;
3088
2856
  }
3089
-
3090
2857
  .e-listboxtool-wrapper *,
3091
2858
  .e-listboxtool-container * {
3092
2859
  box-sizing: border-box;
3093
2860
  }
3094
-
3095
2861
  .e-listboxtool-wrapper.e-disabled,
3096
2862
  .e-listboxtool-container.e-disabled {
3097
2863
  cursor: default;
3098
2864
  pointer-events: none;
3099
2865
  }
3100
-
3101
2866
  .e-listboxtool-wrapper .e-listbox-wrapper,
3102
2867
  .e-listboxtool-container .e-listbox-wrapper {
3103
2868
  -ms-flex: 1;
3104
2869
  flex: 1;
3105
2870
  }
3106
-
3107
2871
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
3108
2872
  .e-listboxtool-container.e-right .e-listbox-tool {
3109
2873
  margin-left: 15px;
3110
2874
  }
3111
-
3112
2875
  .e-listboxtool-wrapper.e-left .e-listbox-tool,
3113
2876
  .e-listboxtool-container.e-left .e-listbox-tool {
3114
2877
  margin-right: 15px;
3115
2878
  }
3116
-
3117
2879
  .e-listboxtool-wrapper .e-listbox-tool,
3118
2880
  .e-listboxtool-container .e-listbox-tool {
3119
2881
  border: 1px solid #444c54;
3120
2882
  overflow: auto;
3121
2883
  padding: 8px;
3122
2884
  }
3123
-
3124
2885
  .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3125
2886
  .e-listboxtool-container .e-listbox-tool .e-btn {
3126
2887
  display: list-item;
@@ -3132,7 +2893,6 @@ ejs-listbox {
3132
2893
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3133
2894
  margin-right: 15px;
3134
2895
  }
3135
-
3136
2896
  .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3137
2897
  .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3138
2898
  margin-left: 15px;
@@ -3147,7 +2907,6 @@ ejs-listbox {
3147
2907
  border-right: 0 solid transparent;
3148
2908
  border-top: 0 solid transparent;
3149
2909
  }
3150
-
3151
2910
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3152
2911
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
3153
2912
  .e-bigger .e-listbox-wrapper .e-list-group-item,
@@ -3166,7 +2925,6 @@ ejs-listbox {
3166
2925
  .e-listbox-container.e-bigger .e-list-header {
3167
2926
  padding: 8px 16px;
3168
2927
  }
3169
-
3170
2928
  .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3171
2929
  .e-bigger .e-listbox-wrapper .e-selectall-parent,
3172
2930
  .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
@@ -3179,21 +2937,18 @@ ejs-listbox {
3179
2937
  line-height: 1.6;
3180
2938
  position: relative;
3181
2939
  }
3182
-
3183
2940
  .e-bigger .e-listbox-wrapper .e-list-parent,
3184
2941
  .e-listbox-wrapper.e-bigger .e-list-parent,
3185
2942
  .e-bigger .e-listbox-container .e-list-parent,
3186
2943
  .e-listbox-container.e-bigger .e-list-parent {
3187
2944
  min-height: 48px;
3188
2945
  }
3189
-
3190
2946
  .e-bigger .e-listbox-wrapper .e-text-content,
3191
2947
  .e-listbox-wrapper.e-bigger .e-text-content,
3192
2948
  .e-bigger .e-listbox-container .e-text-content,
3193
2949
  .e-listbox-container.e-bigger .e-text-content {
3194
2950
  font-size: 16px;
3195
2951
  }
3196
-
3197
2952
  .e-bigger .e-listbox-wrapper .e-list-group-item,
3198
2953
  .e-listbox-wrapper.e-bigger .e-list-group-item,
3199
2954
  .e-bigger .e-listbox-container .e-list-group-item,
@@ -3201,7 +2956,6 @@ ejs-listbox {
3201
2956
  height: 40px;
3202
2957
  line-height: 25px;
3203
2958
  }
3204
-
3205
2959
  .e-bigger .e-listbox-wrapper .e-list-header,
3206
2960
  .e-listbox-wrapper.e-bigger .e-list-header,
3207
2961
  .e-bigger .e-listbox-container .e-list-header,
@@ -3213,28 +2967,24 @@ ejs-listbox {
3213
2967
  font-weight: 500;
3214
2968
  height: 22px;
3215
2969
  }
3216
-
3217
2970
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3218
2971
  .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3219
2972
  .e-bigger .e-listbox-container .e-list-header .e-text.header,
3220
2973
  .e-listbox-container.e-bigger .e-list-header .e-text.header {
3221
2974
  display: none;
3222
2975
  }
3223
-
3224
2976
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3225
2977
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3226
2978
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3227
2979
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3228
2980
  display: none;
3229
2981
  }
3230
-
3231
2982
  .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3232
2983
  .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3233
2984
  .e-bigger .e-listbox-container .e-list-header .e-text,
3234
2985
  .e-listbox-container.e-bigger .e-list-header .e-text {
3235
2986
  font-size: 14px;
3236
2987
  }
3237
-
3238
2988
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3239
2989
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3240
2990
  height: calc(100% - 45px);
@@ -3261,7 +3011,6 @@ ejs-listbox {
3261
3011
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3262
3012
  font-size: 14px;
3263
3013
  }
3264
-
3265
3014
  .e-listbox-wrapper .e-list-header,
3266
3015
  .e-listbox-container .e-list-header {
3267
3016
  background-color: #343a40;
@@ -3285,8 +3034,7 @@ ejs-listbox {
3285
3034
  color: #fff;
3286
3035
  }
3287
3036
 
3288
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3289
- .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3037
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3290
3038
  .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3291
3039
  .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3292
3040
  background-color: #343a40;
@@ -3306,16 +3054,14 @@ ejs-listbox {
3306
3054
  color: #fff;
3307
3055
  }
3308
3056
 
3309
- .e-listbox-wrapper .e-list-item.e-focused,
3310
- .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3057
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3311
3058
  .e-listbox-container .e-list-item.e-focused,
3312
3059
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist {
3313
3060
  background-color: #343a40;
3314
3061
  color: rgba(255, 255, 255, 0.87);
3315
3062
  }
3316
3063
 
3317
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3318
- .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3064
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3319
3065
  .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3320
3066
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3321
3067
  background-color: #0d6efd;
@@ -3348,17 +3094,14 @@ ejs-listbox {
3348
3094
  height: inherit;
3349
3095
  position: relative;
3350
3096
  }
3351
-
3352
3097
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3353
3098
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3354
3099
  padding: 8px 16px;
3355
3100
  }
3356
-
3357
3101
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3358
3102
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line {
3359
3103
  padding: 4px;
3360
3104
  }
3361
-
3362
3105
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3363
3106
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3364
3107
  color: #fff;
@@ -3371,7 +3114,6 @@ ejs-listbox {
3371
3114
  text-overflow: ellipsis;
3372
3115
  white-space: nowrap;
3373
3116
  }
3374
-
3375
3117
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3376
3118
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3377
3119
  color: #ced4da;
@@ -3381,14 +3123,12 @@ ejs-listbox {
3381
3123
  padding: 2px 0 0 0;
3382
3124
  word-wrap: break-word;
3383
3125
  }
3384
-
3385
3126
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3386
3127
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3387
3128
  overflow: hidden;
3388
3129
  text-overflow: ellipsis;
3389
3130
  white-space: nowrap;
3390
3131
  }
3391
-
3392
3132
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3393
3133
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3394
3134
  height: 40px;
@@ -3397,19 +3137,16 @@ ejs-listbox {
3397
3137
  top: 0;
3398
3138
  width: 40px;
3399
3139
  }
3400
-
3401
3140
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3402
3141
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3403
3142
  padding-left: 68px;
3404
3143
  padding-right: 16px;
3405
3144
  }
3406
-
3407
3145
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3408
3146
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3409
3147
  padding-left: 16px;
3410
3148
  padding-right: 68px;
3411
3149
  }
3412
-
3413
3150
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3414
3151
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3415
3152
  height: 40px;
@@ -3418,17 +3155,14 @@ ejs-listbox {
3418
3155
  top: 0;
3419
3156
  width: 40px;
3420
3157
  }
3421
-
3422
3158
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3423
3159
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3424
3160
  top: 0;
3425
3161
  }
3426
-
3427
3162
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3428
3163
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3429
3164
  top: 0;
3430
3165
  }
3431
-
3432
3166
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3433
3167
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3434
3168
  font-size: 10px;
@@ -3441,19 +3175,16 @@ ejs-listbox {
3441
3175
  transform: translateY(-50%);
3442
3176
  width: 32px;
3443
3177
  }
3444
-
3445
3178
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3446
3179
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3447
3180
  padding-left: 68px;
3448
3181
  padding-right: 10px;
3449
3182
  }
3450
-
3451
3183
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3452
3184
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3453
3185
  padding-left: 16px;
3454
3186
  padding-right: 10px;
3455
3187
  }
3456
-
3457
3188
  .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3458
3189
  .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3459
3190
  display: block;
@@ -3463,65 +3194,54 @@ ejs-listbox {
3463
3194
  text-overflow: ellipsis;
3464
3195
  white-space: nowrap;
3465
3196
  }
3466
-
3467
3197
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3468
3198
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3469
3199
  color: #fff;
3470
3200
  }
3471
-
3472
3201
  .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3473
3202
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3474
3203
  color: #fff;
3475
3204
  }
3476
-
3477
3205
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3478
3206
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header {
3479
3207
  color: rgba(255, 255, 255, 0.87);
3480
3208
  }
3481
-
3482
3209
  .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3483
3210
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content {
3484
3211
  color: rgba(255, 255, 255, 0.87);
3485
3212
  }
3486
-
3487
3213
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3488
3214
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3489
3215
  left: inherit;
3490
3216
  right: 0;
3491
3217
  }
3492
-
3493
3218
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3494
3219
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3495
3220
  padding-left: 16px;
3496
3221
  padding-right: 68px;
3497
3222
  }
3498
-
3499
3223
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3500
3224
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3501
3225
  padding-left: 68px;
3502
3226
  padding-right: 16px;
3503
3227
  }
3504
-
3505
3228
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3506
3229
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3507
3230
  left: 0;
3508
3231
  right: inherit;
3509
3232
  }
3510
-
3511
3233
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3512
3234
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3513
3235
  left: 12px;
3514
3236
  right: inherit;
3515
3237
  }
3516
-
3517
3238
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3518
3239
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3519
3240
  padding-left: 10px;
3520
3241
  padding-right: 68px;
3521
3242
  }
3522
-
3523
3243
  .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3524
3244
  .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3525
3245
  padding-left: 10px;
3526
3246
  padding-right: 16px;
3527
- }
3247
+ }