@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

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 (268) hide show
  1. package/.eslintrc.json +263 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +14 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +14 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +8 -8
  14. package/src/drop-down-list/drop-down-list.js +1 -1
  15. package/src/multi-select/multi-select.js +13 -5
  16. package/styles/bds-lite.css +898 -898
  17. package/styles/bds.css +1302 -1302
  18. package/styles/bootstrap-dark-lite.css +870 -870
  19. package/styles/bootstrap-dark.css +1275 -1275
  20. package/styles/bootstrap-lite.css +867 -867
  21. package/styles/bootstrap.css +1278 -1278
  22. package/styles/bootstrap4-lite.css +1408 -1408
  23. package/styles/bootstrap4.css +1721 -1721
  24. package/styles/bootstrap5-dark-lite.css +1769 -1769
  25. package/styles/bootstrap5-dark.css +1710 -1710
  26. package/styles/bootstrap5-lite.css +1396 -1396
  27. package/styles/bootstrap5.3-lite.css +1138 -1138
  28. package/styles/bootstrap5.3.css +1592 -1592
  29. package/styles/bootstrap5.css +1711 -1711
  30. package/styles/drop-down-base/_all.bds.scss +1 -1
  31. package/styles/drop-down-base/_all.bootstrap-dark.scss +1 -1
  32. package/styles/drop-down-base/_all.bootstrap.scss +1 -1
  33. package/styles/drop-down-base/_all.bootstrap4.scss +1 -1
  34. package/styles/drop-down-base/_all.bootstrap5-dark.scss +1 -1
  35. package/styles/drop-down-base/_all.bootstrap5.3.scss +1 -1
  36. package/styles/drop-down-base/_all.bootstrap5.scss +1 -1
  37. package/styles/drop-down-base/_all.fabric-dark.scss +1 -1
  38. package/styles/drop-down-base/_all.fabric.scss +1 -1
  39. package/styles/drop-down-base/_all.fluent-dark.scss +1 -1
  40. package/styles/drop-down-base/_all.fluent.scss +1 -1
  41. package/styles/drop-down-base/_all.fluent2.scss +1 -1
  42. package/styles/drop-down-base/_all.highcontrast-light.scss +1 -1
  43. package/styles/drop-down-base/_all.highcontrast.scss +1 -1
  44. package/styles/drop-down-base/_all.material-dark.scss +1 -1
  45. package/styles/drop-down-base/_all.material.scss +1 -1
  46. package/styles/drop-down-base/_all.material3-dark.scss +1 -1
  47. package/styles/drop-down-base/_all.material3.scss +1 -1
  48. package/styles/drop-down-base/_all.tailwind-dark.scss +1 -1
  49. package/styles/drop-down-base/_all.tailwind.scss +1 -1
  50. package/styles/drop-down-base/_all.tailwind3.scss +1 -1
  51. package/styles/drop-down-base/bds.css +164 -164
  52. package/styles/drop-down-base/bootstrap-dark.css +130 -130
  53. package/styles/drop-down-base/bootstrap.css +130 -130
  54. package/styles/drop-down-base/bootstrap4.css +136 -136
  55. package/styles/drop-down-base/bootstrap5-dark.css +143 -143
  56. package/styles/drop-down-base/bootstrap5.3.css +219 -219
  57. package/styles/drop-down-base/bootstrap5.css +143 -143
  58. package/styles/drop-down-base/fabric-dark.css +130 -130
  59. package/styles/drop-down-base/fabric.css +130 -130
  60. package/styles/drop-down-base/fluent-dark.css +148 -148
  61. package/styles/drop-down-base/fluent.css +148 -148
  62. package/styles/drop-down-base/fluent2.css +215 -215
  63. package/styles/drop-down-base/highcontrast-light.css +146 -146
  64. package/styles/drop-down-base/highcontrast.css +146 -146
  65. package/styles/drop-down-base/material-dark.css +130 -130
  66. package/styles/drop-down-base/material.css +130 -130
  67. package/styles/drop-down-base/material3-dark.css +212 -212
  68. package/styles/drop-down-base/material3.css +214 -214
  69. package/styles/drop-down-base/tailwind-dark.css +155 -155
  70. package/styles/drop-down-base/tailwind.css +155 -155
  71. package/styles/drop-down-base/tailwind3.css +215 -215
  72. package/styles/drop-down-list/_all.bds.scss +1 -1
  73. package/styles/drop-down-list/_all.bootstrap-dark.scss +1 -1
  74. package/styles/drop-down-list/_all.bootstrap.scss +1 -1
  75. package/styles/drop-down-list/_all.bootstrap4.scss +1 -1
  76. package/styles/drop-down-list/_all.bootstrap5-dark.scss +1 -1
  77. package/styles/drop-down-list/_all.bootstrap5.3.scss +1 -1
  78. package/styles/drop-down-list/_all.bootstrap5.scss +1 -1
  79. package/styles/drop-down-list/_all.fabric-dark.scss +1 -1
  80. package/styles/drop-down-list/_all.fabric.scss +1 -1
  81. package/styles/drop-down-list/_all.fluent-dark.scss +1 -1
  82. package/styles/drop-down-list/_all.fluent.scss +1 -1
  83. package/styles/drop-down-list/_all.fluent2.scss +1 -1
  84. package/styles/drop-down-list/_all.highcontrast-light.scss +1 -1
  85. package/styles/drop-down-list/_all.highcontrast.scss +1 -1
  86. package/styles/drop-down-list/_all.material-dark.scss +1 -1
  87. package/styles/drop-down-list/_all.material.scss +1 -1
  88. package/styles/drop-down-list/_all.material3-dark.scss +1 -1
  89. package/styles/drop-down-list/_all.material3.scss +1 -1
  90. package/styles/drop-down-list/_all.tailwind-dark.scss +1 -1
  91. package/styles/drop-down-list/_all.tailwind.scss +1 -1
  92. package/styles/drop-down-list/_all.tailwind3.scss +1 -1
  93. package/styles/drop-down-list/bds.css +87 -87
  94. package/styles/drop-down-list/bootstrap-dark.css +74 -74
  95. package/styles/drop-down-list/bootstrap.css +74 -74
  96. package/styles/drop-down-list/bootstrap4.css +111 -111
  97. package/styles/drop-down-list/bootstrap5-dark.css +113 -113
  98. package/styles/drop-down-list/bootstrap5.3.css +197 -197
  99. package/styles/drop-down-list/bootstrap5.css +113 -113
  100. package/styles/drop-down-list/fabric-dark.css +48 -48
  101. package/styles/drop-down-list/fabric.css +48 -48
  102. package/styles/drop-down-list/fluent-dark.css +105 -105
  103. package/styles/drop-down-list/fluent.css +105 -105
  104. package/styles/drop-down-list/fluent2.css +204 -204
  105. package/styles/drop-down-list/highcontrast-light.css +63 -63
  106. package/styles/drop-down-list/highcontrast.css +64 -64
  107. package/styles/drop-down-list/material-dark.css +96 -96
  108. package/styles/drop-down-list/material.css +100 -100
  109. package/styles/drop-down-list/material3-dark.css +235 -235
  110. package/styles/drop-down-list/material3.css +235 -235
  111. package/styles/drop-down-list/tailwind-dark.css +83 -83
  112. package/styles/drop-down-list/tailwind.css +83 -83
  113. package/styles/drop-down-list/tailwind3.css +186 -186
  114. package/styles/drop-down-tree/_all.bds.scss +1 -1
  115. package/styles/drop-down-tree/_all.bootstrap-dark.scss +1 -1
  116. package/styles/drop-down-tree/_all.bootstrap.scss +1 -1
  117. package/styles/drop-down-tree/_all.bootstrap4.scss +1 -1
  118. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +1 -1
  119. package/styles/drop-down-tree/_all.bootstrap5.3.scss +1 -1
  120. package/styles/drop-down-tree/_all.bootstrap5.scss +1 -1
  121. package/styles/drop-down-tree/_all.fabric-dark.scss +1 -1
  122. package/styles/drop-down-tree/_all.fabric.scss +1 -1
  123. package/styles/drop-down-tree/_all.fluent-dark.scss +1 -1
  124. package/styles/drop-down-tree/_all.fluent.scss +1 -1
  125. package/styles/drop-down-tree/_all.fluent2.scss +1 -1
  126. package/styles/drop-down-tree/_all.highcontrast-light.scss +1 -1
  127. package/styles/drop-down-tree/_all.highcontrast.scss +1 -1
  128. package/styles/drop-down-tree/_all.material-dark.scss +1 -1
  129. package/styles/drop-down-tree/_all.material.scss +1 -1
  130. package/styles/drop-down-tree/_all.material3-dark.scss +1 -1
  131. package/styles/drop-down-tree/_all.material3.scss +1 -1
  132. package/styles/drop-down-tree/_all.tailwind-dark.scss +1 -1
  133. package/styles/drop-down-tree/_all.tailwind.scss +1 -1
  134. package/styles/drop-down-tree/_all.tailwind3.scss +1 -1
  135. package/styles/drop-down-tree/bds.css +56 -56
  136. package/styles/drop-down-tree/bootstrap-dark.css +33 -33
  137. package/styles/drop-down-tree/bootstrap.css +33 -33
  138. package/styles/drop-down-tree/bootstrap4.css +39 -39
  139. package/styles/drop-down-tree/bootstrap5-dark.css +40 -40
  140. package/styles/drop-down-tree/bootstrap5.3.css +124 -124
  141. package/styles/drop-down-tree/bootstrap5.css +40 -40
  142. package/styles/drop-down-tree/fabric-dark.css +33 -33
  143. package/styles/drop-down-tree/fabric.css +33 -33
  144. package/styles/drop-down-tree/fluent-dark.css +33 -33
  145. package/styles/drop-down-tree/fluent.css +33 -33
  146. package/styles/drop-down-tree/fluent2.css +122 -122
  147. package/styles/drop-down-tree/highcontrast-light.css +33 -33
  148. package/styles/drop-down-tree/highcontrast.css +42 -42
  149. package/styles/drop-down-tree/material-dark.css +33 -33
  150. package/styles/drop-down-tree/material.css +33 -33
  151. package/styles/drop-down-tree/material3-dark.css +115 -115
  152. package/styles/drop-down-tree/material3.css +117 -117
  153. package/styles/drop-down-tree/tailwind-dark.css +52 -52
  154. package/styles/drop-down-tree/tailwind.css +52 -52
  155. package/styles/drop-down-tree/tailwind3.css +107 -107
  156. package/styles/fabric-dark-lite.css +877 -877
  157. package/styles/fabric-dark.css +1274 -1274
  158. package/styles/fabric-lite.css +877 -877
  159. package/styles/fabric.css +1147 -1147
  160. package/styles/fluent-dark-lite.css +1765 -1765
  161. package/styles/fluent-dark.css +1718 -1718
  162. package/styles/fluent-lite.css +1765 -1765
  163. package/styles/fluent.css +1718 -1718
  164. package/styles/fluent2-lite.css +2081 -2081
  165. package/styles/fluent2.css +1703 -1703
  166. package/styles/highcontrast-light-lite.css +1412 -1412
  167. package/styles/highcontrast-light.css +1760 -1760
  168. package/styles/highcontrast-lite.css +1751 -1751
  169. package/styles/highcontrast.css +1768 -1768
  170. package/styles/list-box/_all.bds.scss +1 -1
  171. package/styles/list-box/_all.bootstrap-dark.scss +1 -1
  172. package/styles/list-box/_all.bootstrap.scss +1 -1
  173. package/styles/list-box/_all.bootstrap4.scss +1 -1
  174. package/styles/list-box/_all.bootstrap5-dark.scss +1 -1
  175. package/styles/list-box/_all.bootstrap5.3.scss +1 -1
  176. package/styles/list-box/_all.bootstrap5.scss +1 -1
  177. package/styles/list-box/_all.fabric-dark.scss +1 -1
  178. package/styles/list-box/_all.fabric.scss +1 -1
  179. package/styles/list-box/_all.fluent-dark.scss +1 -1
  180. package/styles/list-box/_all.fluent.scss +1 -1
  181. package/styles/list-box/_all.fluent2.scss +1 -1
  182. package/styles/list-box/_all.highcontrast-light.scss +1 -1
  183. package/styles/list-box/_all.highcontrast.scss +1 -1
  184. package/styles/list-box/_all.material-dark.scss +1 -1
  185. package/styles/list-box/_all.material.scss +1 -1
  186. package/styles/list-box/_all.material3-dark.scss +1 -1
  187. package/styles/list-box/_all.material3.scss +1 -1
  188. package/styles/list-box/_all.tailwind-dark.scss +1 -1
  189. package/styles/list-box/_all.tailwind.scss +1 -1
  190. package/styles/list-box/_all.tailwind3.scss +1 -1
  191. package/styles/list-box/bds.css +654 -654
  192. package/styles/list-box/bootstrap-dark.css +644 -644
  193. package/styles/list-box/bootstrap.css +649 -649
  194. package/styles/list-box/bootstrap4.css +649 -649
  195. package/styles/list-box/bootstrap5-dark.css +649 -649
  196. package/styles/list-box/bootstrap5.3.css +659 -659
  197. package/styles/list-box/bootstrap5.css +649 -649
  198. package/styles/list-box/fabric-dark.css +644 -644
  199. package/styles/list-box/fabric.css +649 -649
  200. package/styles/list-box/fluent-dark.css +649 -649
  201. package/styles/list-box/fluent.css +649 -649
  202. package/styles/list-box/fluent2.css +692 -692
  203. package/styles/list-box/highcontrast-light.css +644 -644
  204. package/styles/list-box/highcontrast.css +649 -649
  205. package/styles/list-box/material-dark.css +643 -643
  206. package/styles/list-box/material.css +648 -648
  207. package/styles/list-box/material3-dark.css +659 -659
  208. package/styles/list-box/material3.css +659 -659
  209. package/styles/list-box/tailwind-dark.css +640 -640
  210. package/styles/list-box/tailwind.css +640 -640
  211. package/styles/list-box/tailwind3.css +698 -698
  212. package/styles/material-dark-lite.css +1566 -1566
  213. package/styles/material-dark.css +2278 -2278
  214. package/styles/material-lite.css +1659 -1659
  215. package/styles/material.css +1921 -1921
  216. package/styles/material3-dark-lite.css +2644 -2644
  217. package/styles/material3-dark.css +2687 -2687
  218. package/styles/material3-lite.css +2663 -2663
  219. package/styles/material3.css +2684 -2684
  220. package/styles/multi-select/_all.bds.scss +1 -1
  221. package/styles/multi-select/_all.bootstrap-dark.scss +1 -1
  222. package/styles/multi-select/_all.bootstrap.scss +1 -1
  223. package/styles/multi-select/_all.bootstrap4.scss +1 -1
  224. package/styles/multi-select/_all.bootstrap5-dark.scss +1 -1
  225. package/styles/multi-select/_all.bootstrap5.3.scss +1 -1
  226. package/styles/multi-select/_all.bootstrap5.scss +1 -1
  227. package/styles/multi-select/_all.fabric-dark.scss +1 -1
  228. package/styles/multi-select/_all.fabric.scss +1 -1
  229. package/styles/multi-select/_all.fluent-dark.scss +1 -1
  230. package/styles/multi-select/_all.fluent.scss +1 -1
  231. package/styles/multi-select/_all.fluent2.scss +1 -1
  232. package/styles/multi-select/_all.highcontrast-light.scss +1 -1
  233. package/styles/multi-select/_all.highcontrast.scss +1 -1
  234. package/styles/multi-select/_all.material-dark.scss +1 -1
  235. package/styles/multi-select/_all.material.scss +1 -1
  236. package/styles/multi-select/_all.material3-dark.scss +1 -1
  237. package/styles/multi-select/_all.material3.scss +1 -1
  238. package/styles/multi-select/_all.tailwind-dark.scss +1 -1
  239. package/styles/multi-select/_all.tailwind.scss +1 -1
  240. package/styles/multi-select/_all.tailwind3.scss +1 -1
  241. package/styles/multi-select/bds.css +221 -221
  242. package/styles/multi-select/bootstrap-dark.css +231 -231
  243. package/styles/multi-select/bootstrap.css +224 -224
  244. package/styles/multi-select/bootstrap4.css +676 -676
  245. package/styles/multi-select/bootstrap5-dark.css +235 -235
  246. package/styles/multi-select/bootstrap5.3.css +336 -336
  247. package/styles/multi-select/bootstrap5.css +235 -235
  248. package/styles/multi-select/fabric-dark.css +225 -225
  249. package/styles/multi-select/fabric.css +220 -220
  250. package/styles/multi-select/fluent-dark.css +677 -677
  251. package/styles/multi-select/fluent.css +677 -677
  252. package/styles/multi-select/fluent2.css +959 -959
  253. package/styles/multi-select/highcontrast-light.css +789 -789
  254. package/styles/multi-select/highcontrast.css +793 -793
  255. package/styles/multi-select/material-dark.css +918 -918
  256. package/styles/multi-select/material.css +920 -920
  257. package/styles/multi-select/material3-dark.css +1330 -1330
  258. package/styles/multi-select/material3.css +1334 -1334
  259. package/styles/multi-select/tailwind-dark.css +217 -217
  260. package/styles/multi-select/tailwind.css +217 -217
  261. package/styles/multi-select/tailwind3.css +326 -326
  262. package/styles/tailwind-dark-lite.css +861 -861
  263. package/styles/tailwind-dark.css +1263 -1263
  264. package/styles/tailwind-lite.css +862 -862
  265. package/styles/tailwind.css +1263 -1263
  266. package/styles/tailwind3-lite.css +1114 -1114
  267. package/styles/tailwind3.css +2339 -2339
  268. package/tslint.json +111 -0
@@ -26,6 +26,142 @@
26
26
  stroke-width: 1px;
27
27
  }
28
28
 
29
+ .e-dropdownbase {
30
+ display: block;
31
+ height: 100%;
32
+ min-height: 36px;
33
+ position: relative;
34
+ width: 100%;
35
+ }
36
+ .e-dropdownbase .e-list-parent {
37
+ margin: 0;
38
+ padding: 0;
39
+ }
40
+
41
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
42
+ cursor: default;
43
+ }
44
+
45
+ .e-dropdownbase .e-list-item {
46
+ cursor: pointer;
47
+ overflow: hidden;
48
+ position: relative;
49
+ text-overflow: ellipsis;
50
+ vertical-align: middle;
51
+ white-space: nowrap;
52
+ width: 100%;
53
+ }
54
+
55
+ .e-dropdownbase .e-list-item .e-list-icon {
56
+ font-size: 16px;
57
+ vertical-align: middle;
58
+ }
59
+
60
+ .e-dropdownbase .e-fixed-head {
61
+ position: absolute;
62
+ top: 0;
63
+ }
64
+
65
+ .e-dropdownbase.e-content {
66
+ overflow: auto;
67
+ position: relative;
68
+ }
69
+
70
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
71
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
72
+ color: #212529;
73
+ cursor: default;
74
+ font-family: inherit;
75
+ font-size: 14px;
76
+ padding: 14px 16px;
77
+ text-align: center;
78
+ }
79
+
80
+ .e-mention.e-popup {
81
+ background: #fff;
82
+ border: 0;
83
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
84
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
85
+ margin-top: 2px;
86
+ position: absolute;
87
+ }
88
+
89
+ .e-mention.e-popup .e-dropdownbase {
90
+ min-height: 26px;
91
+ }
92
+
93
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
94
+ display: inline;
95
+ font-weight: bold;
96
+ vertical-align: baseline;
97
+ }
98
+
99
+ .e-mention .e-mention-chip,
100
+ .e-mention .e-mention-chip:hover {
101
+ background: #e9ecef;
102
+ border-radius: 2px;
103
+ border: none;
104
+ color: #007bff;
105
+ cursor: default;
106
+ }
107
+
108
+ .e-mention.e-editable-element {
109
+ border: 2px solid rgba(0, 0, 0, 0.15);
110
+ height: auto;
111
+ min-height: 120px;
112
+ width: 100%;
113
+ }
114
+
115
+ .e-form-mirror-div {
116
+ white-space: pre-wrap;
117
+ }
118
+
119
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
120
+ padding-right: 30px;
121
+ }
122
+
123
+ .e-dropdownbase.e-dd-group .e-list-item {
124
+ padding-left: 30px;
125
+ text-indent: 0;
126
+ }
127
+
128
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
129
+ padding-left: 30px;
130
+ }
131
+
132
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
133
+ text-indent: 0;
134
+ }
135
+
136
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
137
+ cursor: pointer;
138
+ font-weight: normal;
139
+ overflow: hidden;
140
+ position: relative;
141
+ text-overflow: ellipsis;
142
+ vertical-align: middle;
143
+ white-space: nowrap;
144
+ width: 100%;
145
+ }
146
+
147
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
148
+ padding-right: 30px;
149
+ }
150
+
151
+ .e-dropdownbase .e-list-item .e-list-icon {
152
+ padding: 0 8px 0 0;
153
+ }
154
+
155
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
156
+ padding: 0 8px 0 0;
157
+ }
158
+
159
+ .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
160
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
161
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
162
+ stroke-width: 1px;
163
+ }
164
+
29
165
  .e-rtl .e-dropdownbase .e-list-item {
30
166
  padding-left: 24px;
31
167
  padding-right: 0;
@@ -201,219 +337,83 @@
201
337
  background-color: rgb(242.05, 243.9, 245.75);
202
338
  }
203
339
 
204
- .e-dropdownbase .e-list-item .e-list-icon {
205
- padding: 0 8px 0 0;
340
+ /* stylelint-disable property-no-vendor-prefix */
341
+ /* stylelint-disable property-no-vendor-prefix */
342
+ @-webkit-keyframes material-spinner-rotate {
343
+ 0% {
344
+ -webkit-transform: rotate(0);
345
+ transform: rotate(0);
346
+ }
347
+ 100% {
348
+ -webkit-transform: rotate(360deg);
349
+ transform: rotate(360deg);
350
+ }
206
351
  }
207
-
208
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
209
- padding: 0 8px 0 0;
352
+ @keyframes material-spinner-rotate {
353
+ 0% {
354
+ -webkit-transform: rotate(0);
355
+ transform: rotate(0);
356
+ }
357
+ 100% {
358
+ -webkit-transform: rotate(360deg);
359
+ transform: rotate(360deg);
360
+ }
210
361
  }
211
-
212
- .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
213
- .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
214
- .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
215
- stroke-width: 1px;
362
+ @-webkit-keyframes fabric-spinner-rotate {
363
+ 0% {
364
+ -webkit-transform: rotate(0);
365
+ transform: rotate(0);
366
+ }
367
+ 100% {
368
+ -webkit-transform: rotate(360deg);
369
+ transform: rotate(360deg);
370
+ }
216
371
  }
217
-
218
- .e-dropdownbase {
219
- display: block;
220
- height: 100%;
221
- min-height: 36px;
222
- position: relative;
223
- width: 100%;
372
+ @keyframes fabric-spinner-rotate {
373
+ 0% {
374
+ -webkit-transform: rotate(0);
375
+ transform: rotate(0);
376
+ }
377
+ 100% {
378
+ -webkit-transform: rotate(360deg);
379
+ transform: rotate(360deg);
380
+ }
224
381
  }
225
- .e-dropdownbase .e-list-parent {
226
- margin: 0;
227
- padding: 0;
382
+ .e-popup.e-ddl {
383
+ border-radius: 4px;
384
+ -webkit-box-shadow: none;
385
+ box-shadow: none;
386
+ margin-top: 3px;
228
387
  }
229
-
230
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
231
- cursor: default;
388
+ .e-popup.e-ddl .e-input-group {
389
+ width: auto;
232
390
  }
233
-
234
- .e-dropdownbase .e-list-item {
235
- cursor: pointer;
236
- overflow: hidden;
237
- position: relative;
238
- text-overflow: ellipsis;
239
- vertical-align: middle;
240
- white-space: nowrap;
241
- width: 100%;
391
+ .e-popup.e-ddl .e-input-group input {
392
+ line-height: 15px;
242
393
  }
243
394
 
244
- .e-dropdownbase .e-list-item .e-list-icon {
245
- font-size: 16px;
246
- vertical-align: middle;
395
+ .e-popup.e-ddl .e-dropdownbase {
396
+ min-height: 26px;
247
397
  }
248
398
 
249
- .e-dropdownbase .e-fixed-head {
250
- position: absolute;
251
- top: 0;
399
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
400
+ display: -webkit-box;
401
+ display: -ms-flexbox;
402
+ display: flex;
403
+ width: auto;
252
404
  }
253
-
254
- .e-dropdownbase.e-content {
255
- overflow: auto;
256
- position: relative;
405
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
406
+ border: 0;
257
407
  }
258
408
 
259
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
260
- .e-popup.e-mention .e-dropdownbase.e-nodata {
261
- color: #212529;
262
- cursor: default;
263
- font-family: inherit;
264
- font-size: 14px;
265
- padding: 14px 16px;
266
- text-align: center;
409
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
410
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
411
+ background: transparent;
267
412
  }
268
413
 
269
- .e-mention.e-popup {
270
- background: #fff;
271
- border: 0;
272
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
273
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
274
- margin-top: 2px;
275
- position: absolute;
276
- }
277
-
278
- .e-mention.e-popup .e-dropdownbase {
279
- min-height: 26px;
280
- }
281
-
282
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
283
- display: inline;
284
- font-weight: bold;
285
- vertical-align: baseline;
286
- }
287
-
288
- .e-mention .e-mention-chip,
289
- .e-mention .e-mention-chip:hover {
290
- background: #e9ecef;
291
- border-radius: 2px;
292
- border: none;
293
- color: #007bff;
294
- cursor: default;
295
- }
296
-
297
- .e-mention.e-editable-element {
298
- border: 2px solid rgba(0, 0, 0, 0.15);
299
- height: auto;
300
- min-height: 120px;
301
- width: 100%;
302
- }
303
-
304
- .e-form-mirror-div {
305
- white-space: pre-wrap;
306
- }
307
-
308
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
309
- padding-right: 30px;
310
- }
311
-
312
- .e-dropdownbase.e-dd-group .e-list-item {
313
- padding-left: 30px;
314
- text-indent: 0;
315
- }
316
-
317
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
318
- padding-left: 30px;
319
- }
320
-
321
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
322
- text-indent: 0;
323
- }
324
-
325
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
326
- cursor: pointer;
327
- font-weight: normal;
328
- overflow: hidden;
329
- position: relative;
330
- text-overflow: ellipsis;
331
- vertical-align: middle;
332
- white-space: nowrap;
333
- width: 100%;
334
- }
335
-
336
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
337
- padding-right: 30px;
338
- }
339
-
340
- /* stylelint-disable property-no-vendor-prefix */
341
- /* stylelint-disable property-no-vendor-prefix */
342
- @-webkit-keyframes material-spinner-rotate {
343
- 0% {
344
- -webkit-transform: rotate(0);
345
- transform: rotate(0);
346
- }
347
- 100% {
348
- -webkit-transform: rotate(360deg);
349
- transform: rotate(360deg);
350
- }
351
- }
352
- @keyframes material-spinner-rotate {
353
- 0% {
354
- -webkit-transform: rotate(0);
355
- transform: rotate(0);
356
- }
357
- 100% {
358
- -webkit-transform: rotate(360deg);
359
- transform: rotate(360deg);
360
- }
361
- }
362
- @-webkit-keyframes fabric-spinner-rotate {
363
- 0% {
364
- -webkit-transform: rotate(0);
365
- transform: rotate(0);
366
- }
367
- 100% {
368
- -webkit-transform: rotate(360deg);
369
- transform: rotate(360deg);
370
- }
371
- }
372
- @keyframes fabric-spinner-rotate {
373
- 0% {
374
- -webkit-transform: rotate(0);
375
- transform: rotate(0);
376
- }
377
- 100% {
378
- -webkit-transform: rotate(360deg);
379
- transform: rotate(360deg);
380
- }
381
- }
382
- .e-popup.e-ddl {
383
- border-radius: 4px;
384
- -webkit-box-shadow: none;
385
- box-shadow: none;
386
- margin-top: 3px;
387
- }
388
- .e-popup.e-ddl .e-input-group {
389
- width: auto;
390
- }
391
- .e-popup.e-ddl .e-input-group input {
392
- line-height: 15px;
393
- }
394
-
395
- .e-popup.e-ddl .e-dropdownbase {
396
- min-height: 26px;
397
- }
398
-
399
- .e-popup.e-ddl .e-filter-parent .e-input-group {
400
- display: -webkit-box;
401
- display: -ms-flexbox;
402
- display: flex;
403
- width: auto;
404
- }
405
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
406
- border: 0;
407
- }
408
-
409
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
410
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
411
- background: transparent;
412
- }
413
-
414
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
415
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
416
- background: #e9ecef;
414
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
415
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
416
+ background: #e9ecef;
417
417
  }
418
418
 
419
419
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -587,117 +587,6 @@
587
587
  font-size: 10px;
588
588
  }
589
589
 
590
- .e-popup {
591
- border-color: rgba(0, 0, 0, 0.15);
592
- }
593
-
594
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
595
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
596
- color: #fff;
597
- }
598
-
599
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
600
- border-color: transparent;
601
- background: none;
602
- }
603
-
604
- .e-popup.e-ddl {
605
- border-radius: 4px;
606
- -webkit-box-shadow: none;
607
- box-shadow: none;
608
- margin-top: 3px;
609
- }
610
-
611
- .e-popup.e-ddl .e-input-group {
612
- width: auto;
613
- }
614
-
615
- .e-popup.e-ddl .e-input-group input {
616
- line-height: 15px;
617
- }
618
-
619
- .e-popup.e-ddl .e-dropdownbase {
620
- min-height: 26px;
621
- }
622
-
623
- .e-popup.e-ddl .e-filter-parent .e-input-group {
624
- display: -webkit-box;
625
- display: -ms-flexbox;
626
- display: flex;
627
- width: auto;
628
- }
629
-
630
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
631
- border: 0;
632
- }
633
-
634
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
635
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
636
- background: transparent;
637
- }
638
-
639
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
640
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
641
- background: #e9ecef;
642
- }
643
-
644
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
645
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
646
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
647
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
648
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
649
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
650
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
651
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
652
- background: transparent;
653
- color: #495057;
654
- }
655
-
656
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
657
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
658
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
659
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
660
- border: 0;
661
- }
662
-
663
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
664
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
665
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
666
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
667
- -webkit-box-shadow: none;
668
- box-shadow: none;
669
- }
670
-
671
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
672
- background: transparent;
673
- display: -webkit-box;
674
- display: -ms-flexbox;
675
- display: flex;
676
- position: relative;
677
- }
678
-
679
- .e-ddl.e-popup .e-filter-parent .e-input-group,
680
- .e-ddl.e-popup .e-filter-parent {
681
- background: rgba(0, 0, 0, 0.03);
682
- }
683
-
684
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
685
- font-size: 12px;
686
- }
687
-
688
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
689
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
690
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
691
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
692
- background: transparent;
693
- color: #495057;
694
- }
695
-
696
- .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
697
- .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
698
- font-size: 10px;
699
- }
700
-
701
590
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
702
591
  width: 100%;
703
592
  border: 0 solid;
@@ -930,52 +819,124 @@ ejs-dropdownlist {
930
819
  box-shadow: none;
931
820
  }
932
821
 
933
- /* stylelint-disable */
934
- /* stylelint-disable */
935
- .e-ddt .e-ddt-icon::before {
936
- content: "\e744";
937
- }
938
- .e-ddt .e-chips-close::before {
939
- content: "\e745";
822
+ .e-popup.e-ddl {
823
+ border-radius: 4px;
824
+ -webkit-box-shadow: none;
825
+ box-shadow: none;
826
+ margin-top: 3px;
940
827
  }
941
828
 
942
- /* stylelint-disable */
943
- .e-ddt .e-chips {
944
- background-color: #6c757d;
829
+ .e-popup.e-ddl .e-input-group {
830
+ width: auto;
945
831
  }
946
- .e-ddt .e-chips .e-chips-close::before {
947
- color: #fff;
832
+
833
+ .e-popup.e-ddl .e-input-group input {
834
+ line-height: 15px;
948
835
  }
949
- .e-ddt .e-chips > .e-chipcontent {
950
- color: #fff;
836
+
837
+ .e-popup.e-ddl .e-dropdownbase {
838
+ min-height: 26px;
951
839
  }
952
- .e-ddt .e-overflow {
953
- color: #6c757d;
840
+
841
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
842
+ display: -webkit-box;
843
+ display: -ms-flexbox;
844
+ display: flex;
845
+ width: auto;
954
846
  }
955
- .e-ddt .e-overflow .e-remain {
956
- color: #6c757d;
847
+
848
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
849
+ border: 0;
957
850
  }
958
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
959
- background-color: #fff;
851
+
852
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
853
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
854
+ background: transparent;
960
855
  }
961
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
962
- background: #fff;
856
+
857
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
858
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
859
+ background: #e9ecef;
963
860
  }
964
- .e-ddt.e-popup {
965
- background: #fff;
861
+
862
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
863
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
864
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
865
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
866
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
867
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
868
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
869
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
870
+ background: transparent;
871
+ color: #495057;
872
+ }
873
+
874
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
875
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
876
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
877
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
878
+ border: 0;
879
+ }
880
+
881
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
882
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
883
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
884
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
885
+ -webkit-box-shadow: none;
886
+ box-shadow: none;
887
+ }
888
+
889
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
890
+ background: transparent;
891
+ display: -webkit-box;
892
+ display: -ms-flexbox;
893
+ display: flex;
894
+ position: relative;
895
+ }
896
+
897
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
898
+ .e-ddl.e-popup .e-filter-parent {
899
+ background: rgba(0, 0, 0, 0.03);
900
+ }
901
+
902
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
903
+ font-size: 12px;
904
+ }
905
+
906
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
907
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
908
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
909
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
910
+ background: transparent;
911
+ color: #495057;
912
+ }
913
+
914
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
915
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
916
+ font-size: 10px;
917
+ }
918
+
919
+ .e-popup {
966
920
  border-color: rgba(0, 0, 0, 0.15);
967
921
  }
968
- .e-ddt.e-popup .e-popup-content.e-no-data {
969
- color: #212529;
922
+
923
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
924
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
925
+ color: #fff;
970
926
  }
971
- .e-ddt.e-popup .e-selectall-parent {
972
- border-bottom-color: rgba(0, 0, 0, 0.15);
927
+
928
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
929
+ border-color: transparent;
930
+ background: none;
973
931
  }
974
- .e-ddt.e-popup .e-selectall-parent:focus {
975
- background: rgb(242.05, 243.9, 245.75);
932
+
933
+ /* stylelint-disable */
934
+ /* stylelint-disable */
935
+ .e-ddt .e-ddt-icon::before {
936
+ content: "\e744";
976
937
  }
977
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
978
- color: #212529;
938
+ .e-ddt .e-chips-close::before {
939
+ content: "\e745";
979
940
  }
980
941
 
981
942
  /* stylelint-disable */
@@ -1292,6 +1253,45 @@ ejs-dropdownlist {
1292
1253
  display: none;
1293
1254
  }
1294
1255
 
1256
+ /* stylelint-disable */
1257
+ .e-ddt .e-chips {
1258
+ background-color: #6c757d;
1259
+ }
1260
+ .e-ddt .e-chips .e-chips-close::before {
1261
+ color: #fff;
1262
+ }
1263
+ .e-ddt .e-chips > .e-chipcontent {
1264
+ color: #fff;
1265
+ }
1266
+ .e-ddt .e-overflow {
1267
+ color: #6c757d;
1268
+ }
1269
+ .e-ddt .e-overflow .e-remain {
1270
+ color: #6c757d;
1271
+ }
1272
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1273
+ background-color: #fff;
1274
+ }
1275
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1276
+ background: #fff;
1277
+ }
1278
+ .e-ddt.e-popup {
1279
+ background: #fff;
1280
+ border-color: rgba(0, 0, 0, 0.15);
1281
+ }
1282
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1283
+ color: #212529;
1284
+ }
1285
+ .e-ddt.e-popup .e-selectall-parent {
1286
+ border-bottom-color: rgba(0, 0, 0, 0.15);
1287
+ }
1288
+ .e-ddt.e-popup .e-selectall-parent:focus {
1289
+ background: rgb(242.05, 243.9, 245.75);
1290
+ }
1291
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1292
+ color: #212529;
1293
+ }
1294
+
1295
1295
  .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
1296
1296
  font-size: 8px;
1297
1297
  }
@@ -1388,6 +1388,20 @@ ejs-dropdownlist {
1388
1388
  content: "\e7cf";
1389
1389
  }
1390
1390
 
1391
+ .e-dropdownbase .e-list-item .e-list-icon {
1392
+ padding: 0 8px 0 0;
1393
+ }
1394
+
1395
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1396
+ padding: 0 8px 0 0;
1397
+ }
1398
+
1399
+ .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1400
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1401
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1402
+ stroke-width: 1px;
1403
+ }
1404
+
1391
1405
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1392
1406
  line-height: 30px;
1393
1407
  top: 0;
@@ -1435,1438 +1449,1104 @@ ejs-dropdownlist {
1435
1449
  top: 7px;
1436
1450
  }
1437
1451
 
1438
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1439
- color: #fff;
1452
+ .e-multi-select-wrapper {
1453
+ -webkit-box-sizing: border-box;
1454
+ box-sizing: border-box;
1455
+ cursor: text;
1456
+ line-height: normal;
1457
+ min-height: 29px;
1458
+ padding: 0 32px 0 2px;
1459
+ position: relative;
1460
+ -webkit-user-select: none;
1461
+ -moz-user-select: none;
1462
+ -ms-user-select: none;
1463
+ user-select: none;
1464
+ width: 100%;
1440
1465
  }
1441
-
1442
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1443
- background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
1466
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1467
+ height: 27px;
1468
+ vertical-align: middle;
1444
1469
  }
1445
-
1446
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1447
- background-color: #6c757d;
1470
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1471
+ height: 100%;
1472
+ min-height: 100%;
1448
1473
  }
1449
-
1450
- .e-multiselect {
1474
+ .e-multi-select-wrapper .e-delim-view {
1475
+ white-space: nowrap;
1476
+ }
1477
+ .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 {
1451
1478
  -webkit-box-sizing: border-box;
1452
1479
  box-sizing: border-box;
1480
+ display: inline-block;
1481
+ overflow: hidden;
1482
+ text-overflow: ellipsis;
1453
1483
  }
1454
-
1455
- /* stylelint-disable property-no-vendor-prefix */
1456
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1457
- -webkit-text-fill-color: #fff;
1484
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1458
1485
  color: #fff;
1459
- font-family: inherit;
1460
- font-size: 14px;
1486
+ font-size: 8px;
1487
+ left: 17px;
1488
+ top: 8px;
1461
1489
  }
1462
-
1463
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1490
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1491
+ background-color: #6c757d;
1464
1492
  color: #fff;
1493
+ padding: 13px 0 13px 0;
1465
1494
  }
1466
-
1467
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1468
- color: #fff;
1495
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1496
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1497
+ width: 0;
1469
1498
  }
1470
-
1471
- .e-multi-select-wrapper .e-chips {
1472
- background-color: #6c757d;
1473
- border-radius: 4px;
1474
- height: 24px;
1499
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1500
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1501
+ height: 1px;
1502
+ min-height: 1px;
1475
1503
  }
1476
-
1477
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1478
- background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
1504
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1505
+ max-width: 100%;
1479
1506
  }
1480
1507
 
1481
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1482
- color: #fff;
1508
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1509
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1510
+ display: -webkit-box;
1511
+ display: -ms-flexbox;
1512
+ display: flex;
1513
+ float: left;
1514
+ width: auto;
1483
1515
  }
1484
-
1485
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1486
- -webkit-text-fill-color: #fff;
1487
- color: #fff;
1488
- font-size: 8px;
1516
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1517
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1518
+ display: -webkit-inline-box;
1519
+ display: -ms-inline-flexbox;
1520
+ display: inline-flex;
1521
+ float: none;
1489
1522
  }
1490
-
1491
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1492
- background-color: #6c757d;
1493
- border-radius: 4px;
1494
- color: #fff;
1495
- height: 46px;
1496
- line-height: 46px;
1523
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1524
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1525
+ width: 0;
1497
1526
  }
1498
-
1499
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1500
- color: #fff;
1527
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1528
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1529
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1530
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1531
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1532
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1533
+ display: none;
1501
1534
  }
1502
-
1503
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1504
- height: 28px;
1535
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1536
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1537
+ padding: 0 48px 0 0;
1505
1538
  }
1506
-
1507
- .e-popup.e-multi-select-list-wrapper {
1508
- -webkit-box-shadow: none;
1509
- box-shadow: none;
1510
- -webkit-box-sizing: content-box;
1511
- box-sizing: content-box;
1512
- overflow: initial;
1539
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1540
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1541
+ -webkit-box-align: center;
1542
+ -ms-flex-align: center;
1543
+ align-items: center;
1544
+ display: inline;
1545
+ max-width: 100%;
1546
+ word-break: break-word;
1513
1547
  }
1514
-
1515
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1516
- border-bottom: 1px solid transparent;
1517
- border-left: 1px solid #007bff;
1518
- border-right: 1px solid #007bff;
1519
- border-top: 1px solid transparent;
1548
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1549
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1550
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1551
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1552
+ -webkit-box-align: center;
1553
+ -ms-flex-align: center;
1554
+ align-items: center;
1555
+ cursor: pointer;
1556
+ display: none;
1557
+ -webkit-box-orient: horizontal;
1558
+ -webkit-box-direction: normal;
1559
+ -ms-flex-direction: row;
1560
+ flex-direction: row;
1561
+ margin-top: -2.9em;
1562
+ outline: 0;
1563
+ padding: 0;
1564
+ position: absolute;
1565
+ right: 0;
1566
+ top: 100%;
1520
1567
  }
1521
-
1522
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1523
- background-color: transparent;
1524
- border-color: transparent;
1525
- color: #212529;
1568
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1569
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1570
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1571
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1572
+ display: -webkit-box;
1573
+ display: -ms-flexbox;
1574
+ display: flex;
1526
1575
  }
1527
-
1528
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1529
- background-color: transparent;
1530
- border-color: transparent;
1531
- color: #212529;
1576
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1577
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1578
+ margin-right: 0;
1579
+ margin-top: -2.05em;
1580
+ right: 0;
1532
1581
  }
1533
-
1534
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1535
- color: #212529;
1582
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1583
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1584
+ top: -1px;
1536
1585
  }
1537
-
1538
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1539
- color: #212529;
1586
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1587
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1588
+ font-size: 10px;
1589
+ height: 29px;
1590
+ width: 29px;
1540
1591
  }
1541
1592
 
1542
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1543
- background-color: rgb(242.05, 243.9, 245.75);
1593
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1594
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1595
+ float: right;
1544
1596
  }
1545
-
1546
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1547
- background-color: rgb(242.05, 243.9, 245.75);
1597
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1598
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1599
+ float: none;
1548
1600
  }
1549
-
1550
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1551
- border-bottom: 1px solid transparent;
1552
- border-top: 1px solid transparent;
1601
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1602
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1603
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1604
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1605
+ left: 0;
1606
+ right: auto;
1553
1607
  }
1554
-
1555
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1556
- border-bottom: 1px solid transparent;
1608
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1609
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1610
+ padding: 0 0 0 48px;
1557
1611
  }
1558
1612
 
1559
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1560
- border-top: 1px solid transparent;
1613
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1614
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1615
+ opacity: 0.7;
1616
+ pointer-events: none;
1561
1617
  }
1562
1618
 
1563
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1564
- background-color: #007bff;
1565
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1566
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1567
- color: #fff;
1568
- border: 1px solid #6c757d;
1619
+ .e-multiselect.e-input-group,
1620
+ .e-multiselect.e-float-input {
1621
+ word-wrap: initial;
1569
1622
  }
1570
1623
 
1571
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1572
- background-color: #007bff;
1573
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1574
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1575
- color: #fff;
1576
- border: 1px solid #6c757d;
1624
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1625
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1626
+ top: 15px;
1577
1627
  }
1578
1628
 
1579
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1580
- border: 1px solid transparent;
1629
+ .e-multi-select-wrapper.e-close-icon-hide {
1630
+ padding-right: 0;
1581
1631
  }
1582
1632
 
1583
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1584
- border: 1px solid transparent;
1633
+ .e-multi-select-wrapper .e-chips-collection {
1634
+ cursor: default;
1635
+ display: block;
1585
1636
  }
1586
1637
 
1587
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1588
- color: #6c757d;
1638
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1639
+ margin-right: 30px;
1589
1640
  }
1590
1641
 
1591
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1592
- color: #6c757d;
1642
+ .e-multi-select-wrapper .e-multi-hidden {
1643
+ border: 0;
1644
+ height: 0;
1645
+ position: absolute;
1646
+ visibility: hidden;
1647
+ width: 0;
1593
1648
  }
1594
1649
 
1595
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1596
- color: #6c757d;
1650
+ .e-multi-select-wrapper .e-chips {
1651
+ -webkit-box-align: center;
1652
+ -ms-flex-align: center;
1653
+ align-items: center;
1654
+ display: -webkit-inline-box;
1655
+ display: -ms-inline-flexbox;
1656
+ display: inline-flex;
1657
+ float: left;
1658
+ margin: 2px 4px 2px 0;
1659
+ max-width: 100%;
1660
+ overflow: hidden;
1661
+ padding: 0;
1662
+ text-overflow: ellipsis;
1663
+ white-space: nowrap;
1597
1664
  }
1598
1665
 
1599
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1600
- color: #6c757d;
1666
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1667
+ max-width: 100%;
1668
+ overflow: hidden;
1669
+ padding: 6px 8px 6px 8px;
1670
+ text-indent: 0;
1671
+ text-overflow: ellipsis;
1672
+ white-space: nowrap;
1601
1673
  }
1602
1674
 
1603
- .e-ul.e-reorder {
1604
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
1675
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1676
+ display: inline-block;
1677
+ float: none;
1605
1678
  }
1606
1679
 
1607
- .e-multi-select-list-wrapper .e-selectall-parent {
1608
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
1680
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1681
+ padding: 7px 12px 7px 12px;
1609
1682
  }
1610
1683
 
1611
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1612
- background-color: #fff;
1613
- border-color: #fff;
1614
- color: #007bff;
1684
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1685
+ padding: 7px 12px 7px 12px;
1615
1686
  }
1616
1687
 
1617
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1618
- background-color: #fff;
1619
- border-color: #fff;
1620
- color: #007bff;
1688
+ .e-multi-select-wrapper .e-chips-close {
1689
+ -ms-flex-item-align: center;
1690
+ align-self: center;
1691
+ display: -webkit-box;
1692
+ display: -ms-flexbox;
1693
+ display: flex;
1694
+ float: right;
1695
+ font-family: "e-icons";
1696
+ height: 24px;
1697
+ margin: 10px 10px 10px 0;
1698
+ width: auto;
1621
1699
  }
1622
1700
 
1623
- .e-multi-select-wrapper .e-delim-values {
1624
- -webkit-text-fill-color: #fff;
1625
- color: #fff;
1626
- -webkit-text-fill-color: #212529;
1627
- color: #212529;
1701
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1702
+ margin: 8px 0 8px 20px;
1628
1703
  }
1629
1704
 
1630
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1631
- color: #495057;
1705
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1706
+ margin: 1px 0 0;
1632
1707
  }
1633
1708
 
1634
- .e-small .e-multi-select-wrapper .e-chips {
1635
- height: 20px;
1709
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1710
+ cursor: default;
1711
+ font-size: 10px;
1712
+ height: 29px;
1713
+ margin-top: -2.9em;
1714
+ position: absolute;
1715
+ right: 0;
1716
+ width: auto;
1717
+ top: 100%;
1636
1718
  }
1637
1719
 
1638
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1639
- font-size: 12px;
1720
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1721
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1722
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1723
+ right: 24px;
1640
1724
  }
1641
1725
 
1642
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1643
- left: 0;
1644
- top: 5px;
1645
- font-size: 8px;
1726
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1727
+ left: 24px;
1728
+ right: auto;
1646
1729
  }
1647
1730
 
1648
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1649
- left: 4px;
1731
+ .e-multi-select-wrapper input[type=text] {
1732
+ background: none;
1733
+ border: 0;
1734
+ font-family: inherit;
1735
+ font-size: 14px;
1736
+ font-weight: normal;
1737
+ height: 29px;
1738
+ min-height: 29px;
1739
+ outline: none;
1740
+ padding: 0 0 0 8px;
1741
+ text-indent: 0;
1650
1742
  }
1651
1743
 
1652
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1653
- -webkit-text-fill-color: #6c757d;
1654
- color: #6c757d;
1744
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1745
+ background: none;
1746
+ border: 0;
1747
+ color: inherit;
1748
+ font-family: inherit;
1749
+ font-size: 14px;
1750
+ font-weight: normal;
1751
+ height: 29px;
1752
+ min-height: 29px;
1753
+ outline: none;
1754
+ padding: 0;
1755
+ text-indent: 6px;
1655
1756
  }
1656
1757
 
1657
- .e-dropdownbase .e-list-item .e-list-icon {
1658
- padding: 0 8px 0 0;
1758
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1759
+ padding: 5px;
1659
1760
  }
1660
1761
 
1661
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1662
- padding: 0 8px 0 0;
1762
+ /* stylelint-disable property-no-vendor-prefix */
1763
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1764
+ display: none;
1663
1765
  }
1664
1766
 
1665
- .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1666
- .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1667
- .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1668
- stroke-width: 1px;
1767
+ .e-multi-select-wrapper .e-searcher {
1768
+ display: block;
1769
+ float: left;
1770
+ width: auto;
1669
1771
  }
1670
1772
 
1671
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1672
- line-height: 30px;
1673
- top: 0;
1773
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1774
+ width: calc(100% - 34px);
1674
1775
  }
1675
1776
 
1676
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1677
- border-radius: 0 4px 4px 0;
1678
- border-right-width: 0;
1777
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1778
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1779
+ width: calc(100% - 34px);
1679
1780
  }
1680
1781
 
1681
- .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1682
- font-size: 12px;
1782
+ .e-multi-select-wrapper .e-delim-values {
1783
+ font-family: inherit;
1784
+ font-size: 14px;
1785
+ line-height: 29px;
1786
+ max-width: 100%;
1787
+ padding-left: 6px;
1788
+ padding-right: 6px;
1789
+ vertical-align: middle;
1683
1790
  }
1684
1791
 
1685
- .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1686
- .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1687
- font-size: 10px;
1792
+ .e-multi-select-list-wrapper .e-hide-listitem,
1793
+ .e-multi-select-list-wrapper .e-hide-group-header {
1794
+ display: none;
1688
1795
  }
1689
1796
 
1690
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1691
- border-left-width: 0;
1692
- border-radius: 4px 0 0 4px;
1693
- border-right-width: 1px;
1797
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1798
+ color: #6c757d;
1799
+ cursor: pointer;
1800
+ display: inline-block;
1801
+ font-size: 14px;
1802
+ padding-left: 8px;
1694
1803
  }
1695
1804
 
1696
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
1697
- -webkit-box-shadow: none;
1698
- box-shadow: none;
1805
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1806
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1807
+ cursor: not-allowed;
1699
1808
  }
1700
1809
 
1701
- .e-input-group.e-multiselect .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1702
- stroke-width: 1px;
1810
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1811
+ height: 46px;
1812
+ left: 0;
1813
+ margin: 0 0 0 0;
1814
+ margin-left: auto;
1815
+ position: relative;
1816
+ top: 0;
1817
+ width: 46px;
1703
1818
  }
1704
1819
 
1705
- .e-small .e-multi-select-wrapper .e-chips {
1706
- margin: 1px 4px 1px 0;
1820
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1821
+ -ms-flex-item-align: center;
1822
+ align-self: center;
1823
+ -webkit-box-shadow: none;
1824
+ box-shadow: none;
1825
+ display: -webkit-inline-box;
1826
+ display: -ms-inline-flexbox;
1827
+ display: inline-flex;
1828
+ padding: 0 0 0 20px;
1829
+ width: 92%;
1707
1830
  }
1708
1831
 
1709
- .e-multiselect.e-float-input input[readonly],
1710
- .e-multiselect.e-float-input.e-control-wrapper input[readonly] {
1711
- background: transparent;
1832
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1833
+ content: "";
1712
1834
  }
1713
1835
 
1714
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1715
- top: 7px;
1836
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1837
+ float: none;
1716
1838
  }
1717
1839
 
1718
- .e-multi-select-wrapper {
1719
- -webkit-box-sizing: border-box;
1720
- box-sizing: border-box;
1721
- cursor: text;
1722
- line-height: normal;
1723
- min-height: 29px;
1724
- padding: 0 32px 0 2px;
1725
- position: relative;
1726
- -webkit-user-select: none;
1727
- -moz-user-select: none;
1728
- -ms-user-select: none;
1729
- user-select: none;
1730
- width: 100%;
1840
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1841
+ padding-left: 0;
1731
1842
  }
1732
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1733
- height: 27px;
1734
- vertical-align: middle;
1843
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1844
+ padding: 0 2px 0 32px;
1735
1845
  }
1736
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1737
- height: 100%;
1738
- min-height: 100%;
1846
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1847
+ left: -10px;
1739
1848
  }
1740
- .e-multi-select-wrapper .e-delim-view {
1741
- white-space: nowrap;
1849
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1850
+ margin: 0;
1851
+ margin-right: auto;
1742
1852
  }
1743
- .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 {
1744
- -webkit-box-sizing: border-box;
1745
- box-sizing: border-box;
1746
- display: inline-block;
1747
- overflow: hidden;
1748
- text-overflow: ellipsis;
1853
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1854
+ float: right;
1749
1855
  }
1750
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1751
- color: #fff;
1752
- font-size: 8px;
1753
- left: 17px;
1754
- top: 8px;
1856
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1857
+ float: right;
1858
+ margin: 2px 0 2px 4px;
1859
+ padding: 0 8px 0 0;
1755
1860
  }
1756
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1757
- background-color: #6c757d;
1758
- color: #fff;
1759
- padding: 13px 0 13px 0;
1861
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1862
+ padding: 6px 10px 6px 10px;
1760
1863
  }
1761
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1762
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1763
- width: 0;
1864
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1865
+ float: left;
1764
1866
  }
1765
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1766
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1767
- height: 1px;
1768
- min-height: 1px;
1867
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1868
+ left: -10px;
1769
1869
  }
1770
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1771
- max-width: 100%;
1870
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1871
+ padding: 0 4px 0 8px;
1772
1872
  }
1773
-
1774
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1775
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1776
- display: -webkit-box;
1777
- display: -ms-flexbox;
1778
- display: flex;
1779
- float: left;
1780
- width: auto;
1873
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1874
+ padding: 8px 4px;
1781
1875
  }
1782
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1783
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1784
- display: -webkit-inline-box;
1785
- display: -ms-inline-flexbox;
1786
- display: inline-flex;
1787
- float: none;
1876
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1877
+ padding: 0 8px 0 4px;
1788
1878
  }
1789
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1790
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1791
- width: 0;
1879
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1880
+ padding: 12px 4px;
1792
1881
  }
1793
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1794
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1795
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1796
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1797
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1798
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1799
- display: none;
1882
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1883
+ left: 24px;
1884
+ position: absolute;
1885
+ right: auto;
1800
1886
  }
1801
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1802
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1803
- padding: 0 48px 0 0;
1887
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1888
+ left: -15px;
1804
1889
  }
1805
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1806
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1807
- -webkit-box-align: center;
1808
- -ms-flex-align: center;
1809
- align-items: center;
1810
- display: inline;
1811
- max-width: 100%;
1812
- word-break: break-word;
1813
- }
1814
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1815
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1816
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1817
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1818
- -webkit-box-align: center;
1819
- -ms-flex-align: center;
1820
- align-items: center;
1821
- cursor: pointer;
1822
- display: none;
1823
- -webkit-box-orient: horizontal;
1824
- -webkit-box-direction: normal;
1825
- -ms-flex-direction: row;
1826
- flex-direction: row;
1827
- margin-top: -2.9em;
1828
- outline: 0;
1829
- padding: 0;
1830
- position: absolute;
1831
- right: 0;
1832
- top: 100%;
1833
- }
1834
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1835
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1836
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1837
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1838
- display: -webkit-box;
1839
- display: -ms-flexbox;
1840
- display: flex;
1841
- }
1842
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1843
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1844
- margin-right: 0;
1845
- margin-top: -2.05em;
1846
- right: 0;
1847
- }
1848
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1849
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1850
- top: -1px;
1851
- }
1852
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1853
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1854
- font-size: 10px;
1855
- height: 29px;
1856
- width: 29px;
1890
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1891
+ padding-right: 8px;
1857
1892
  }
1858
1893
 
1859
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1860
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1861
- float: right;
1862
- }
1863
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1864
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1865
- float: none;
1894
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1895
+ left: 38px;
1866
1896
  }
1867
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1868
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1869
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1870
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1871
- left: 0;
1872
- right: auto;
1897
+
1898
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1899
+ left: -15px;
1873
1900
  }
1874
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1875
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1876
- padding: 0 0 0 48px;
1901
+
1902
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1903
+ bottom: 1px;
1904
+ margin-right: 8px;
1905
+ position: relative;
1906
+ text-indent: 0;
1907
+ vertical-align: middle;
1877
1908
  }
1878
1909
 
1879
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1880
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1881
- opacity: 0.7;
1882
- pointer-events: none;
1910
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1911
+ padding-left: 14px;
1883
1912
  }
1884
1913
 
1885
- .e-multiselect.e-input-group,
1886
- .e-multiselect.e-float-input {
1887
- word-wrap: initial;
1914
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1915
+ padding-right: 29px;
1888
1916
  }
1889
1917
 
1890
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1891
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1892
- top: 15px;
1918
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1919
+ bottom: 1px;
1920
+ margin-right: 8px;
1921
+ position: relative;
1922
+ text-indent: 0;
1923
+ vertical-align: middle;
1893
1924
  }
1894
1925
 
1895
- .e-multi-select-wrapper.e-close-icon-hide {
1896
- padding-right: 0;
1926
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1927
+ margin-left: 12px;
1928
+ margin-right: 0;
1897
1929
  }
1898
1930
 
1899
- .e-multi-select-wrapper .e-chips-collection {
1900
- cursor: default;
1901
- display: block;
1931
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1932
+ margin-left: 12px;
1933
+ margin-right: 0;
1902
1934
  }
1903
1935
 
1904
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1905
- margin-right: 30px;
1936
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1937
+ padding-right: 0;
1906
1938
  }
1907
1939
 
1908
- .e-multi-select-wrapper .e-multi-hidden {
1909
- border: 0;
1910
- height: 0;
1911
- position: absolute;
1912
- visibility: hidden;
1913
- width: 0;
1940
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1941
+ padding-right: 15px;
1914
1942
  }
1915
1943
 
1916
- .e-multi-select-wrapper .e-chips {
1917
- -webkit-box-align: center;
1918
- -ms-flex-align: center;
1919
- align-items: center;
1920
- display: -webkit-inline-box;
1921
- display: -ms-inline-flexbox;
1922
- display: inline-flex;
1923
- float: left;
1924
- margin: 2px 4px 2px 0;
1925
- max-width: 100%;
1944
+ .e-multi-select-list-wrapper .e-selectall-parent {
1945
+ cursor: pointer;
1946
+ display: block;
1947
+ line-height: 26px;
1926
1948
  overflow: hidden;
1927
- padding: 0;
1928
1949
  text-overflow: ellipsis;
1950
+ padding-right: 24px;
1951
+ position: relative;
1952
+ text-indent: 21px;
1929
1953
  white-space: nowrap;
1954
+ width: 100%;
1930
1955
  }
1931
1956
 
1932
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1933
- max-width: 100%;
1934
- overflow: hidden;
1935
- padding: 6px 8px 6px 8px;
1936
- text-indent: 0;
1937
- text-overflow: ellipsis;
1938
- white-space: nowrap;
1957
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1958
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1959
+ padding-left: 24px;
1960
+ padding-right: 15px;
1939
1961
  }
1940
1962
 
1941
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1942
- display: inline-block;
1943
- float: none;
1963
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1964
+ color: #212529;
1965
+ font-family: inherit;
1966
+ font-size: 14px;
1944
1967
  }
1945
1968
 
1946
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1947
- padding: 7px 12px 7px 12px;
1969
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1970
+ bottom: 1px;
1971
+ margin-right: 8px;
1972
+ position: relative;
1973
+ text-indent: 0;
1974
+ vertical-align: middle;
1948
1975
  }
1949
1976
 
1950
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1951
- padding: 7px 12px 7px 12px;
1977
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1978
+ margin-left: 12px;
1979
+ margin-right: 0;
1952
1980
  }
1953
1981
 
1954
- .e-multi-select-wrapper .e-chips-close {
1955
- -ms-flex-item-align: center;
1956
- align-self: center;
1957
- display: -webkit-box;
1958
- display: -ms-flexbox;
1959
- display: flex;
1982
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1960
1983
  float: right;
1961
- font-family: "e-icons";
1962
- height: 24px;
1963
- margin: 10px 10px 10px 0;
1964
- width: auto;
1984
+ margin-top: 0;
1965
1985
  }
1966
1986
 
1967
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1968
- margin: 8px 0 8px 20px;
1987
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1988
+ float: left;
1969
1989
  }
1970
1990
 
1971
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1972
- margin: 1px 0 0;
1991
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
1992
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
1993
+ padding: 0;
1973
1994
  }
1974
1995
 
1975
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1976
- cursor: default;
1977
- font-size: 10px;
1978
- height: 29px;
1979
- margin-top: -2.9em;
1980
- position: absolute;
1981
- right: 0;
1982
- width: auto;
1983
- top: 100%;
1996
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1997
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1998
+ padding: 8px;
1984
1999
  }
1985
2000
 
1986
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1987
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1988
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1989
- right: 24px;
2001
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2002
+ padding-left: 8px;
1990
2003
  }
1991
2004
 
1992
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1993
- left: 24px;
1994
- right: auto;
2005
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2006
+ padding: 0;
1995
2007
  }
1996
2008
 
1997
- .e-multi-select-wrapper input[type=text] {
1998
- background: none;
1999
- border: 0;
2000
- font-family: inherit;
2001
- font-size: 14px;
2002
- font-weight: normal;
2003
- height: 29px;
2004
- min-height: 29px;
2005
- outline: none;
2006
- padding: 0 0 0 8px;
2007
- text-indent: 0;
2009
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2010
+ line-height: 20px;
2011
+ padding-left: 10px;
2008
2012
  }
2009
2013
 
2010
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2011
- background: none;
2012
- border: 0;
2013
- color: inherit;
2014
- font-family: inherit;
2015
- font-size: 14px;
2016
- font-weight: normal;
2017
- height: 29px;
2018
- min-height: 29px;
2019
- outline: none;
2020
- padding: 0;
2021
- text-indent: 6px;
2014
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2015
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2016
+ opacity: 0.3;
2022
2017
  }
2023
2018
 
2024
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2025
- padding: 5px;
2019
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2020
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2021
+ opacity: 0.7;
2026
2022
  }
2027
2023
 
2028
- /* stylelint-disable property-no-vendor-prefix */
2029
- .e-multi-select-wrapper input[type=text]::-ms-clear {
2030
- display: none;
2024
+ .e-multi-select-wrapper input[readonly=true] {
2025
+ pointer-events: none;
2031
2026
  }
2032
2027
 
2033
- .e-multi-select-wrapper .e-searcher {
2034
- display: block;
2035
- float: left;
2036
- width: auto;
2028
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2029
+ pointer-events: none;
2037
2030
  }
2038
2031
 
2039
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2040
- width: calc(100% - 34px);
2032
+ ejs-multiselect {
2033
+ display: block;
2041
2034
  }
2042
2035
 
2043
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2044
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2045
- width: calc(100% - 34px);
2036
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2037
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2038
+ line-height: 22px;
2046
2039
  }
2047
2040
 
2048
- .e-multi-select-wrapper .e-delim-values {
2049
- font-family: inherit;
2050
- font-size: 14px;
2051
- line-height: 29px;
2052
- max-width: 100%;
2053
- padding-left: 6px;
2054
- padding-right: 6px;
2055
- vertical-align: middle;
2041
+ .e-small .e-multi-select-wrapper .e-chips-close {
2042
+ height: 18px;
2043
+ width: auto;
2056
2044
  }
2057
2045
 
2058
- .e-multi-select-list-wrapper .e-hide-listitem,
2059
- .e-multi-select-list-wrapper .e-hide-group-header {
2060
- display: none;
2046
+ .e-small .e-multi-select-wrapper {
2047
+ min-height: 22px;
2061
2048
  }
2062
2049
 
2063
- .e-multi-select-wrapper .e-delim-values .e-remain {
2064
- color: #6c757d;
2065
- cursor: pointer;
2066
- display: inline-block;
2067
- font-size: 14px;
2068
- padding-left: 8px;
2050
+ .e-small .e-multi-select-wrapper input[type=text] {
2051
+ height: 22px;
2052
+ min-height: 22px;
2069
2053
  }
2070
2054
 
2071
- .e-multiselect.e-disabled .e-multi-select-wrapper,
2072
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2073
- cursor: not-allowed;
2055
+ .e-small .e-multi-select-wrapper .e-delim-values {
2056
+ font-size: 12px;
2057
+ line-height: 22px;
2074
2058
  }
2075
2059
 
2076
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2077
- height: 46px;
2078
- left: 0;
2079
- margin: 0 0 0 0;
2080
- margin-left: auto;
2081
- position: relative;
2082
- top: 0;
2083
- width: 46px;
2060
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2061
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2062
+ margin-top: -2.4em;
2084
2063
  }
2085
2064
 
2086
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2087
- -ms-flex-item-align: center;
2088
- align-self: center;
2089
- -webkit-box-shadow: none;
2090
- box-shadow: none;
2091
- display: -webkit-inline-box;
2092
- display: -ms-inline-flexbox;
2093
- display: inline-flex;
2094
- padding: 0 0 0 20px;
2095
- width: 92%;
2065
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2066
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2067
+ margin-top: -1.85em;
2096
2068
  }
2097
2069
 
2098
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
2099
- content: "";
2070
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2071
+ padding: 0 8px 0 8px;
2100
2072
  }
2101
2073
 
2102
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2103
- float: none;
2074
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2075
+ background-size: 300px 33px;
2076
+ min-height: 33px;
2104
2077
  }
2105
2078
 
2106
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2107
- padding-left: 0;
2108
- }
2109
- .e-multiselect.e-rtl .e-multi-select-wrapper {
2110
- padding: 0 2px 0 32px;
2111
- }
2112
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2113
- left: -10px;
2114
- }
2115
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2116
- margin: 0;
2117
- margin-right: auto;
2118
- }
2119
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2120
- float: right;
2121
- }
2122
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2123
- float: right;
2124
- margin: 2px 0 2px 4px;
2125
- padding: 0 8px 0 0;
2126
- }
2127
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2128
- padding: 6px 10px 6px 10px;
2129
- }
2130
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2131
- float: left;
2132
- }
2133
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2134
- left: -10px;
2135
- }
2136
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2137
- padding: 0 4px 0 8px;
2138
- }
2139
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2140
- padding: 8px 4px;
2141
- }
2142
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2143
- padding: 0 8px 0 4px;
2144
- }
2145
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2146
- padding: 12px 4px;
2147
- }
2148
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2149
- left: 24px;
2150
- position: absolute;
2151
- right: auto;
2152
- }
2153
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2154
- left: -15px;
2155
- }
2156
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2157
- padding-right: 8px;
2079
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2080
+ color: inherit;
2158
2081
  }
2159
2082
 
2160
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2161
- left: 38px;
2083
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2084
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2085
+ -webkit-box-align: normal;
2086
+ -ms-flex-align: normal;
2087
+ align-items: normal;
2162
2088
  }
2163
2089
 
2164
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2165
- left: -15px;
2090
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2091
+ padding: 0 12px 0 8px;
2166
2092
  }
2167
2093
 
2168
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2169
- bottom: 1px;
2170
- margin-right: 8px;
2171
- position: relative;
2172
- text-indent: 0;
2173
- vertical-align: middle;
2094
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2095
+ padding: 0;
2174
2096
  }
2175
2097
 
2176
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2177
- padding-left: 14px;
2098
+ .e-filled.e-float-input .e-multi-select-wrapper {
2099
+ padding: 11px 12px 0;
2178
2100
  }
2179
2101
 
2180
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2181
- padding-right: 29px;
2102
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2103
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2104
+ padding: 12px 12px 0 8px;
2182
2105
  }
2183
2106
 
2184
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2185
- bottom: 1px;
2186
- margin-right: 8px;
2187
- position: relative;
2188
- text-indent: 0;
2189
- vertical-align: middle;
2107
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2108
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2109
+ padding: 0;
2190
2110
  }
2191
2111
 
2192
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2193
- margin-left: 12px;
2194
- margin-right: 0;
2112
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2113
+ height: 28px;
2195
2114
  }
2196
2115
 
2197
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2198
- margin-left: 12px;
2199
- margin-right: 0;
2116
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2117
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2118
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2119
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2120
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2121
+ height: 24px;
2200
2122
  }
2201
2123
 
2202
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2203
- padding-right: 0;
2124
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2125
+ height: 18px;
2204
2126
  }
2205
2127
 
2206
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2207
- padding-right: 15px;
2128
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2129
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2130
+ margin: 8px 8px 0 0;
2131
+ padding: 0 8px;
2208
2132
  }
2209
2133
 
2210
- .e-multi-select-list-wrapper .e-selectall-parent {
2211
- cursor: pointer;
2212
- display: block;
2213
- line-height: 26px;
2214
- overflow: hidden;
2215
- text-overflow: ellipsis;
2216
- padding-right: 24px;
2217
- position: relative;
2218
- text-indent: 21px;
2219
- white-space: nowrap;
2220
- width: 100%;
2134
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2135
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2136
+ margin: 8px 0 0 8px;
2137
+ padding: 0 8px;
2221
2138
  }
2222
2139
 
2223
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2224
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2225
- padding-left: 24px;
2226
- padding-right: 15px;
2140
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2141
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2142
+ height: 16px 16px;
2143
+ margin: 4px 4px 0 0;
2144
+ padding-right: 8px;
2227
2145
  }
2228
2146
 
2229
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2230
- color: #212529;
2231
- font-family: inherit;
2232
- font-size: 14px;
2147
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2148
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2149
+ margin: 4px 0 0 4px;
2233
2150
  }
2234
2151
 
2235
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2236
- bottom: 1px;
2237
- margin-right: 8px;
2238
- position: relative;
2239
- text-indent: 0;
2240
- vertical-align: middle;
2152
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2153
+ font-size: 13px;
2154
+ padding: 0 8px 0 0;
2241
2155
  }
2242
2156
 
2243
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2244
- margin-left: 12px;
2245
- margin-right: 0;
2157
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2158
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2159
+ font-size: 12px;
2246
2160
  }
2247
2161
 
2248
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2249
- float: right;
2250
- margin-top: 0;
2162
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2163
+ font-size: 12px;
2164
+ padding: 0 4px 0 0;
2251
2165
  }
2252
2166
 
2253
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2254
- float: left;
2167
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2168
+ padding: 0 0 0 4px;
2255
2169
  }
2256
2170
 
2257
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
2258
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2259
- padding: 0;
2171
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2172
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2173
+ font-size: 10px;
2260
2174
  }
2261
2175
 
2262
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2263
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2264
- padding: 8px;
2176
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2177
+ font-size: 13px;
2178
+ padding-right: 4px;
2265
2179
  }
2266
2180
 
2267
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2268
- padding-left: 8px;
2181
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2182
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2183
+ height: 38px;
2184
+ margin-top: -38px;
2185
+ right: 12px;
2186
+ top: 100%;
2187
+ width: 16px;
2269
2188
  }
2270
2189
 
2271
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2272
- padding: 0;
2190
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2191
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2192
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2193
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2194
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2195
+ display: none;
2273
2196
  }
2274
2197
 
2275
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2276
- line-height: 20px;
2277
- padding-left: 10px;
2198
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2199
+ margin-right: 0;
2278
2200
  }
2279
2201
 
2280
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2281
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2282
- opacity: 0.3;
2202
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2203
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2204
+ cursor: not-allowed;
2283
2205
  }
2284
2206
 
2285
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2286
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2287
- opacity: 0.7;
2207
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2208
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2209
+ cursor: pointer;
2288
2210
  }
2289
2211
 
2290
- .e-multi-select-wrapper input[readonly=true] {
2291
- pointer-events: none;
2212
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2213
+ bottom: 0;
2214
+ right: 0;
2215
+ cursor: nwse-resize;
2216
+ height: 15px;
2217
+ position: absolute;
2218
+ width: 15px;
2292
2219
  }
2293
2220
 
2294
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2295
- pointer-events: none;
2221
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2222
+ line-height: 30px;
2223
+ top: 0;
2296
2224
  }
2297
2225
 
2298
- ejs-multiselect {
2299
- display: block;
2226
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2227
+ border-radius: 0 4px 4px 0;
2228
+ border-right-width: 0;
2300
2229
  }
2301
2230
 
2302
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2303
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2304
- line-height: 22px;
2231
+ .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
2232
+ font-size: 12px;
2305
2233
  }
2306
2234
 
2307
- .e-small .e-multi-select-wrapper .e-chips-close {
2308
- height: 18px;
2309
- width: auto;
2235
+ .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
2236
+ .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
2237
+ font-size: 10px;
2310
2238
  }
2311
2239
 
2312
- .e-small .e-multi-select-wrapper {
2313
- min-height: 22px;
2240
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2241
+ border-left-width: 0;
2242
+ border-radius: 4px 0 0 4px;
2243
+ border-right-width: 1px;
2314
2244
  }
2315
2245
 
2316
- .e-small .e-multi-select-wrapper input[type=text] {
2317
- height: 22px;
2318
- min-height: 22px;
2246
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
2247
+ -webkit-box-shadow: none;
2248
+ box-shadow: none;
2319
2249
  }
2320
2250
 
2321
- .e-small .e-multi-select-wrapper .e-delim-values {
2322
- font-size: 12px;
2323
- line-height: 22px;
2251
+ .e-input-group.e-multiselect .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
2252
+ stroke-width: 1px;
2324
2253
  }
2325
2254
 
2326
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2327
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2328
- margin-top: -2.4em;
2255
+ .e-small .e-multi-select-wrapper .e-chips {
2256
+ margin: 1px 4px 1px 0;
2329
2257
  }
2330
2258
 
2331
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2332
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2333
- margin-top: -1.85em;
2259
+ .e-multiselect.e-float-input input[readonly],
2260
+ .e-multiselect.e-float-input.e-control-wrapper input[readonly] {
2261
+ background: transparent;
2334
2262
  }
2335
2263
 
2336
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2337
- padding: 0 8px 0 8px;
2264
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2265
+ top: 7px;
2338
2266
  }
2339
2267
 
2340
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2341
- background-size: 300px 33px;
2342
- min-height: 33px;
2268
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2269
+ color: #fff;
2343
2270
  }
2344
2271
 
2345
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2346
- color: inherit;
2272
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2273
+ background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
2347
2274
  }
2348
2275
 
2349
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2350
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2351
- -webkit-box-align: normal;
2352
- -ms-flex-align: normal;
2353
- align-items: normal;
2276
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2277
+ background-color: #6c757d;
2354
2278
  }
2355
2279
 
2356
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2357
- padding: 0 12px 0 8px;
2280
+ .e-multiselect {
2281
+ -webkit-box-sizing: border-box;
2282
+ box-sizing: border-box;
2358
2283
  }
2359
2284
 
2360
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2361
- padding: 0;
2285
+ /* stylelint-disable property-no-vendor-prefix */
2286
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2287
+ -webkit-text-fill-color: #fff;
2288
+ color: #fff;
2289
+ font-family: inherit;
2290
+ font-size: 14px;
2362
2291
  }
2363
2292
 
2364
- .e-filled.e-float-input .e-multi-select-wrapper {
2365
- padding: 11px 12px 0;
2293
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2294
+ color: #fff;
2366
2295
  }
2367
2296
 
2368
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2369
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2370
- padding: 12px 12px 0 8px;
2297
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2298
+ color: #fff;
2371
2299
  }
2372
2300
 
2373
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2374
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2375
- padding: 0;
2301
+ .e-multi-select-wrapper .e-chips {
2302
+ background-color: #6c757d;
2303
+ border-radius: 4px;
2304
+ height: 24px;
2376
2305
  }
2377
2306
 
2378
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2379
- height: 28px;
2307
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2308
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
2380
2309
  }
2381
2310
 
2382
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2383
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2384
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2385
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2386
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2387
- height: 24px;
2311
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2312
+ color: #fff;
2388
2313
  }
2389
2314
 
2390
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2391
- height: 18px;
2315
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2316
+ -webkit-text-fill-color: #fff;
2317
+ color: #fff;
2318
+ font-size: 8px;
2392
2319
  }
2393
2320
 
2394
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2395
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2396
- margin: 8px 8px 0 0;
2397
- padding: 0 8px;
2321
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2322
+ background-color: #6c757d;
2323
+ border-radius: 4px;
2324
+ color: #fff;
2325
+ height: 46px;
2326
+ line-height: 46px;
2398
2327
  }
2399
2328
 
2400
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2401
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2402
- margin: 8px 0 0 8px;
2403
- padding: 0 8px;
2329
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2330
+ color: #fff;
2404
2331
  }
2405
2332
 
2406
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2407
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2408
- height: 16px 16px;
2409
- margin: 4px 4px 0 0;
2410
- padding-right: 8px;
2333
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2334
+ height: 28px;
2411
2335
  }
2412
2336
 
2413
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2414
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2415
- margin: 4px 0 0 4px;
2337
+ .e-popup.e-multi-select-list-wrapper {
2338
+ -webkit-box-shadow: none;
2339
+ box-shadow: none;
2340
+ -webkit-box-sizing: content-box;
2341
+ box-sizing: content-box;
2342
+ overflow: initial;
2416
2343
  }
2417
2344
 
2418
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2419
- font-size: 13px;
2420
- padding: 0 8px 0 0;
2345
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2346
+ border-bottom: 1px solid transparent;
2347
+ border-left: 1px solid #007bff;
2348
+ border-right: 1px solid #007bff;
2349
+ border-top: 1px solid transparent;
2421
2350
  }
2422
2351
 
2423
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2424
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2425
- font-size: 12px;
2352
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2353
+ background-color: transparent;
2354
+ border-color: transparent;
2355
+ color: #212529;
2426
2356
  }
2427
2357
 
2428
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2429
- font-size: 12px;
2430
- padding: 0 4px 0 0;
2358
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2359
+ background-color: transparent;
2360
+ border-color: transparent;
2361
+ color: #212529;
2431
2362
  }
2432
2363
 
2433
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2434
- padding: 0 0 0 4px;
2364
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2365
+ color: #212529;
2435
2366
  }
2436
2367
 
2437
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2438
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2439
- font-size: 10px;
2368
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2369
+ color: #212529;
2440
2370
  }
2441
2371
 
2442
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2443
- font-size: 13px;
2444
- padding-right: 4px;
2372
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2373
+ background-color: rgb(242.05, 243.9, 245.75);
2445
2374
  }
2446
2375
 
2447
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2448
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2449
- height: 38px;
2450
- margin-top: -38px;
2451
- right: 12px;
2452
- top: 100%;
2453
- width: 16px;
2376
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2377
+ background-color: rgb(242.05, 243.9, 245.75);
2454
2378
  }
2455
2379
 
2456
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2457
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2458
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2459
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2460
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2461
- display: none;
2380
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2381
+ border-bottom: 1px solid transparent;
2382
+ border-top: 1px solid transparent;
2462
2383
  }
2463
2384
 
2464
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2465
- margin-right: 0;
2385
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2386
+ border-bottom: 1px solid transparent;
2466
2387
  }
2467
2388
 
2468
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2469
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2470
- cursor: not-allowed;
2389
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2390
+ border-top: 1px solid transparent;
2471
2391
  }
2472
2392
 
2473
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2474
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2475
- cursor: pointer;
2393
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2394
+ background-color: #007bff;
2395
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2396
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2397
+ color: #fff;
2398
+ border: 1px solid #6c757d;
2476
2399
  }
2477
2400
 
2478
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2479
- bottom: 0;
2480
- right: 0;
2481
- cursor: nwse-resize;
2482
- height: 15px;
2483
- position: absolute;
2484
- width: 15px;
2401
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2402
+ background-color: #007bff;
2403
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2404
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2405
+ color: #fff;
2406
+ border: 1px solid #6c757d;
2485
2407
  }
2486
2408
 
2487
- .e-listbox-tool .e-moveup::before {
2488
- content: "\e808";
2409
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2410
+ border: 1px solid transparent;
2489
2411
  }
2490
2412
 
2491
- .e-listbox-tool .e-movedown::before {
2492
- content: "\e806";
2413
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2414
+ border: 1px solid transparent;
2493
2415
  }
2494
2416
 
2495
- .e-listbox-tool .e-moveto::before {
2496
- content: "\e807";
2417
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2418
+ color: #6c757d;
2497
2419
  }
2498
2420
 
2499
- .e-listbox-tool .e-movefrom::before {
2500
- content: "\e809";
2421
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2422
+ color: #6c757d;
2501
2423
  }
2502
2424
 
2503
- .e-listbox-tool .e-moveallto::before {
2504
- content: "\e7bb";
2425
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2426
+ color: #6c757d;
2505
2427
  }
2506
2428
 
2507
- .e-listbox-tool .e-moveallfrom::before {
2508
- content: "\e7ba";
2429
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2430
+ color: #6c757d;
2509
2431
  }
2510
2432
 
2511
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2512
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2513
- height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
2433
+ .e-ul.e-reorder {
2434
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
2514
2435
  }
2515
2436
 
2516
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2517
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2437
+ .e-multi-select-list-wrapper .e-selectall-parent {
2438
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
2518
2439
  }
2519
2440
 
2520
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2521
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2441
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2442
+ background-color: #fff;
2443
+ border-color: #fff;
2444
+ color: #007bff;
2522
2445
  }
2523
2446
 
2524
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2525
- height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
2447
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2448
+ background-color: #fff;
2449
+ border-color: #fff;
2450
+ color: #007bff;
2526
2451
  }
2527
2452
 
2528
- .e-listbox-wrapper,
2529
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2530
- .e-listboxtool-container.e-listbox-container .e-ul {
2531
- border: 1px solid #dee2e6;
2453
+ .e-multi-select-wrapper .e-delim-values {
2454
+ -webkit-text-fill-color: #fff;
2455
+ color: #fff;
2456
+ -webkit-text-fill-color: #212529;
2457
+ color: #212529;
2532
2458
  }
2533
2459
 
2534
- .e-listbox-wrapper,
2535
- .e-listbox-container,
2536
- .e-listboxtool-wrapper {
2537
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2538
- font-size: 14px;
2539
- }
2540
- .e-listbox-wrapper .e-list-header,
2541
- .e-listbox-container .e-list-header,
2542
- .e-listboxtool-wrapper .e-list-header {
2543
- background-color: #fff;
2544
- border-color: rgba(0, 0, 0, 0.13);
2545
- color: #212529;
2546
- font-size: 16px;
2460
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2461
+ color: #495057;
2547
2462
  }
2548
2463
 
2549
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2550
- .e-listbox-container.e-filter-list .e-list-parent,
2551
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2552
- height: calc(100% - 51px);
2464
+ .e-small .e-multi-select-wrapper .e-chips {
2465
+ height: 20px;
2553
2466
  }
2554
2467
 
2555
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2556
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2557
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2558
- height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
2468
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2469
+ font-size: 12px;
2559
2470
  }
2560
2471
 
2561
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2562
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2563
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2564
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2472
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2473
+ left: 0;
2474
+ top: 5px;
2475
+ font-size: 8px;
2565
2476
  }
2566
2477
 
2567
- .e-listbox-wrapper .e-list-item,
2568
- .e-listbox-container .e-list-item,
2569
- .e-listboxtool-wrapper .e-list-item {
2570
- background-color: #fff;
2571
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2572
- border-left: 0 solid rgba(0, 0, 0, 0.13);
2573
- border-right: 0 solid rgba(0, 0, 0, 0.13);
2574
- border-top: 0 solid transparent;
2575
- color: #212529;
2478
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2479
+ left: 4px;
2576
2480
  }
2577
2481
 
2578
- .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),
2579
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2580
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2581
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2582
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2583
- background-color: rgb(233.125, 236.25, 239.375);
2584
- border-color: transparent;
2585
- color: #212529;
2482
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2483
+ -webkit-text-fill-color: #6c757d;
2484
+ color: #6c757d;
2586
2485
  }
2587
2486
 
2588
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2589
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2590
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2591
- background-color: #fff;
2592
- color: #212529;
2487
+ .e-listbox-tool .e-moveup::before {
2488
+ content: "\e808";
2593
2489
  }
2594
2490
 
2595
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
2596
- .e-listbox-container .e-list-item.e-focused,
2597
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2598
- .e-listbox-container .e-list-item.e-selected,
2599
- .e-listboxtool-wrapper .e-list-item.e-focused,
2600
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2601
- .e-listboxtool-wrapper .e-list-item.e-selected {
2602
- background-color: #007bff;
2603
- color: #fff;
2491
+ .e-listbox-tool .e-movedown::before {
2492
+ content: "\e806";
2604
2493
  }
2605
2494
 
2606
- .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,
2607
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2608
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2609
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2610
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2611
- background-color: #fff;
2612
- border-color: #fff;
2613
- color: #000;
2495
+ .e-listbox-tool .e-moveto::before {
2496
+ content: "\e807";
2614
2497
  }
2615
2498
 
2616
- .e-listbox-wrapper .e-list-group-item,
2617
- .e-listbox-container .e-list-group-item,
2618
- .e-listboxtool-wrapper .e-list-group-item {
2619
- background-color: #fff;
2620
- border-color: rgba(0, 0, 0, 0.13);
2621
- color: #6c757d;
2622
- font-size: 14px;
2499
+ .e-listbox-tool .e-movefrom::before {
2500
+ content: "\e809";
2623
2501
  }
2624
2502
 
2625
- .e-listbox-wrapper .e-selectall-parent,
2626
- .e-listbox-container .e-selectall-parent,
2627
- .e-listboxtool-wrapper .e-selectall-parent {
2628
- background-color: #fff;
2629
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
2630
- color: #212529;
2503
+ .e-listbox-tool .e-moveallto::before {
2504
+ content: "\e7bb";
2631
2505
  }
2632
2506
 
2633
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2634
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2635
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2636
- background-color: transparent;
2507
+ .e-listbox-tool .e-moveallfrom::before {
2508
+ content: "\e7ba";
2637
2509
  }
2638
2510
 
2639
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2640
- .e-listbox-container.e-list-template .e-list-wrapper,
2641
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2642
- height: inherit;
2511
+ /* stylelint-disable property-no-vendor-prefix */
2512
+ .e-listbox-wrapper,
2513
+ .e-listbox-container,
2514
+ .e-listboxtool-wrapper {
2515
+ -webkit-overflow-scrolling: touch;
2516
+ -webkit-box-sizing: border-box;
2517
+ box-sizing: border-box;
2518
+ cursor: pointer;
2519
+ display: block;
2643
2520
  position: relative;
2521
+ -webkit-user-select: none;
2522
+ -moz-user-select: none;
2523
+ -ms-user-select: none;
2524
+ user-select: none;
2525
+ width: 100%;
2644
2526
  }
2645
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2646
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2647
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2648
- padding: 0.7142em 1.0714em;
2527
+ .e-listbox-wrapper *,
2528
+ .e-listbox-container *,
2529
+ .e-listboxtool-wrapper * {
2530
+ -webkit-box-sizing: border-box;
2531
+ box-sizing: border-box;
2649
2532
  }
2650
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2651
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2652
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2653
- padding: 0.7142em 1.0714em;
2533
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2534
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2535
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2536
+ width: 86% !important; /* stylelint-disable-line declaration-no-important */
2654
2537
  }
2655
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2656
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2657
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2658
- color: #212529;
2659
- display: block;
2660
- font-size: 18px;
2661
- font-weight: 500;
2662
- margin: 0;
2663
- overflow: hidden;
2664
- padding: 0.038em 0;
2665
- text-overflow: ellipsis;
2666
- white-space: nowrap;
2538
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2539
+ .e-listbox-container .e-list-wrap:focus-visible,
2540
+ .e-listbox-container:focus,
2541
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2542
+ .e-listboxtool-wrapper:focus {
2543
+ outline: none;
2667
2544
  }
2668
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2669
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2670
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2671
- color: #212529;
2672
- display: block;
2673
- font-size: 14px;
2674
- margin: 0;
2675
- padding: 0.038em 0;
2676
- word-wrap: break-word;
2677
- }
2678
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2679
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2680
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2681
- overflow: hidden;
2682
- text-overflow: ellipsis;
2683
- white-space: nowrap;
2684
- }
2685
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2686
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2687
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2688
- height: 2.8571em;
2689
- left: 1.0667em;
2690
- position: absolute;
2691
- width: 2.8571em;
2692
- left: 1.0667em;
2693
- }
2694
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2695
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2696
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2697
- padding-left: 4.6428em;
2698
- padding-right: 1.0714em;
2699
- }
2700
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2701
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2702
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2703
- padding-left: 1.0714em;
2704
- padding-right: 4.6428em;
2705
- }
2706
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2707
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2708
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2709
- height: 2.8571em;
2710
- left: 1.0667em;
2711
- position: absolute;
2712
- width: 2.8571em;
2713
- right: 1.0667em;
2714
- }
2715
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2716
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2717
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2718
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2719
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2720
- top: 0.7142em;
2721
- }
2722
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2723
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2724
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2725
- font-size: 15px;
2726
- height: 1.333em;
2727
- line-height: 1.433em;
2728
- padding: 0;
2729
- position: absolute;
2730
- right: 1em;
2731
- top: 50%;
2732
- -webkit-transform: translateY(-50%);
2733
- transform: translateY(-50%);
2734
- width: 2em;
2735
- }
2736
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2737
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2738
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2739
- padding-left: 4.6428em;
2740
- padding-right: 3.9285em;
2741
- }
2742
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2743
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2744
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2745
- padding-left: 1.0714em;
2746
- padding-right: 3.9285em;
2747
- }
2748
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2749
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2750
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2751
- display: block;
2752
- margin: 0;
2753
- overflow: hidden;
2754
- padding: 0.83em 0;
2755
- text-overflow: ellipsis;
2756
- white-space: nowrap;
2757
- }
2758
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2759
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2760
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2761
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2762
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2763
- color: #212529;
2764
- }
2765
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
2766
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2767
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2768
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2769
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2770
- color: #fff;
2771
- }
2772
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2773
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2774
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2775
- left: inherit;
2776
- right: 1.0667em;
2777
- }
2778
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2779
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2780
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2781
- padding-left: 1.0714em;
2782
- padding-right: 4.6428em;
2783
- }
2784
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2785
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2786
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2787
- padding-left: 4.6428em;
2788
- padding-right: 1.0714em;
2789
- }
2790
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2791
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2792
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2793
- left: 1.0667em;
2794
- right: inherit;
2795
- }
2796
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2797
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2798
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2799
- left: 1em;
2800
- right: inherit;
2801
- }
2802
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2803
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2804
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2805
- padding-left: 3.9285em;
2806
- padding-right: 4.6428em;
2807
- }
2808
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2809
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2810
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2811
- padding-left: 3.9285em;
2812
- padding-right: 1.0714em;
2813
- }
2814
-
2815
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
2816
- height: 100%;
2817
- }
2818
-
2819
- .e-listbox-container.e-filter-list .e-list-wrap {
2820
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2821
- }
2822
-
2823
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2824
- height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
2825
- }
2826
-
2827
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
2828
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2829
- }
2830
-
2831
- /* stylelint-disable property-no-vendor-prefix */
2832
- .e-listbox-wrapper,
2833
- .e-listbox-container,
2834
- .e-listboxtool-wrapper {
2835
- -webkit-overflow-scrolling: touch;
2836
- -webkit-box-sizing: border-box;
2837
- box-sizing: border-box;
2838
- cursor: pointer;
2839
- display: block;
2840
- position: relative;
2841
- -webkit-user-select: none;
2842
- -moz-user-select: none;
2843
- -ms-user-select: none;
2844
- user-select: none;
2845
- width: 100%;
2846
- }
2847
- .e-listbox-wrapper *,
2848
- .e-listbox-container *,
2849
- .e-listboxtool-wrapper * {
2850
- -webkit-box-sizing: border-box;
2851
- box-sizing: border-box;
2852
- }
2853
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2854
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
2855
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2856
- width: 86% !important; /* stylelint-disable-line declaration-no-important */
2857
- }
2858
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2859
- .e-listbox-container .e-list-wrap:focus-visible,
2860
- .e-listbox-container:focus,
2861
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2862
- .e-listboxtool-wrapper:focus {
2863
- outline: none;
2864
- }
2865
- .e-listbox-wrapper.e-disabled,
2866
- .e-listbox-container.e-disabled,
2867
- .e-listboxtool-wrapper.e-disabled {
2868
- cursor: default;
2869
- pointer-events: none;
2545
+ .e-listbox-wrapper.e-disabled,
2546
+ .e-listbox-container.e-disabled,
2547
+ .e-listboxtool-wrapper.e-disabled {
2548
+ cursor: default;
2549
+ pointer-events: none;
2870
2550
  }
2871
2551
  .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2872
2552
  .e-listbox-container:not(.e-list-template) .e-list-nrt,
@@ -3284,4 +2964,324 @@ ejs-listbox {
3284
2964
  width: auto;
3285
2965
  height: auto;
3286
2966
  padding-bottom: 1px;
2967
+ }
2968
+
2969
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2970
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2971
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
2972
+ }
2973
+
2974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2975
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2976
+ }
2977
+
2978
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2979
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2980
+ }
2981
+
2982
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2983
+ height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
2984
+ }
2985
+
2986
+ .e-listbox-wrapper,
2987
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2988
+ .e-listboxtool-container.e-listbox-container .e-ul {
2989
+ border: 1px solid #dee2e6;
2990
+ }
2991
+
2992
+ .e-listbox-wrapper,
2993
+ .e-listbox-container,
2994
+ .e-listboxtool-wrapper {
2995
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2996
+ font-size: 14px;
2997
+ }
2998
+ .e-listbox-wrapper .e-list-header,
2999
+ .e-listbox-container .e-list-header,
3000
+ .e-listboxtool-wrapper .e-list-header {
3001
+ background-color: #fff;
3002
+ border-color: rgba(0, 0, 0, 0.13);
3003
+ color: #212529;
3004
+ font-size: 16px;
3005
+ }
3006
+
3007
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3008
+ .e-listbox-container.e-filter-list .e-list-parent,
3009
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3010
+ height: calc(100% - 51px);
3011
+ }
3012
+
3013
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3014
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3015
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3016
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3017
+ }
3018
+
3019
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3020
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3021
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3022
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3023
+ }
3024
+
3025
+ .e-listbox-wrapper .e-list-item,
3026
+ .e-listbox-container .e-list-item,
3027
+ .e-listboxtool-wrapper .e-list-item {
3028
+ background-color: #fff;
3029
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
3030
+ border-left: 0 solid rgba(0, 0, 0, 0.13);
3031
+ border-right: 0 solid rgba(0, 0, 0, 0.13);
3032
+ border-top: 0 solid transparent;
3033
+ color: #212529;
3034
+ }
3035
+
3036
+ .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),
3037
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3038
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3039
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3040
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3041
+ background-color: rgb(233.125, 236.25, 239.375);
3042
+ border-color: transparent;
3043
+ color: #212529;
3044
+ }
3045
+
3046
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3047
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3048
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3049
+ background-color: #fff;
3050
+ color: #212529;
3051
+ }
3052
+
3053
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3054
+ .e-listbox-container .e-list-item.e-focused,
3055
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3056
+ .e-listbox-container .e-list-item.e-selected,
3057
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3058
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3059
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3060
+ background-color: #007bff;
3061
+ color: #fff;
3062
+ }
3063
+
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,
3065
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3066
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3067
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3068
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3069
+ background-color: #fff;
3070
+ border-color: #fff;
3071
+ color: #000;
3072
+ }
3073
+
3074
+ .e-listbox-wrapper .e-list-group-item,
3075
+ .e-listbox-container .e-list-group-item,
3076
+ .e-listboxtool-wrapper .e-list-group-item {
3077
+ background-color: #fff;
3078
+ border-color: rgba(0, 0, 0, 0.13);
3079
+ color: #6c757d;
3080
+ font-size: 14px;
3081
+ }
3082
+
3083
+ .e-listbox-wrapper .e-selectall-parent,
3084
+ .e-listbox-container .e-selectall-parent,
3085
+ .e-listboxtool-wrapper .e-selectall-parent {
3086
+ background-color: #fff;
3087
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
3088
+ color: #212529;
3089
+ }
3090
+
3091
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3092
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3093
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3094
+ background-color: transparent;
3095
+ }
3096
+
3097
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3098
+ .e-listbox-container.e-list-template .e-list-wrapper,
3099
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3100
+ height: inherit;
3101
+ position: relative;
3102
+ }
3103
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3104
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3105
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3106
+ padding: 0.7142em 1.0714em;
3107
+ }
3108
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3109
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3110
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3111
+ padding: 0.7142em 1.0714em;
3112
+ }
3113
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3114
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3115
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3116
+ color: #212529;
3117
+ display: block;
3118
+ font-size: 18px;
3119
+ font-weight: 500;
3120
+ margin: 0;
3121
+ overflow: hidden;
3122
+ padding: 0.038em 0;
3123
+ text-overflow: ellipsis;
3124
+ white-space: nowrap;
3125
+ }
3126
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3127
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3128
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3129
+ color: #212529;
3130
+ display: block;
3131
+ font-size: 14px;
3132
+ margin: 0;
3133
+ padding: 0.038em 0;
3134
+ word-wrap: break-word;
3135
+ }
3136
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3137
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3138
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3139
+ overflow: hidden;
3140
+ text-overflow: ellipsis;
3141
+ white-space: nowrap;
3142
+ }
3143
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3144
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3145
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3146
+ height: 2.8571em;
3147
+ left: 1.0667em;
3148
+ position: absolute;
3149
+ width: 2.8571em;
3150
+ left: 1.0667em;
3151
+ }
3152
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3153
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3154
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3155
+ padding-left: 4.6428em;
3156
+ padding-right: 1.0714em;
3157
+ }
3158
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3159
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3160
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3161
+ padding-left: 1.0714em;
3162
+ padding-right: 4.6428em;
3163
+ }
3164
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3165
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3166
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3167
+ height: 2.8571em;
3168
+ left: 1.0667em;
3169
+ position: absolute;
3170
+ width: 2.8571em;
3171
+ right: 1.0667em;
3172
+ }
3173
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3174
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3175
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3176
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3177
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3178
+ top: 0.7142em;
3179
+ }
3180
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3181
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3182
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3183
+ font-size: 15px;
3184
+ height: 1.333em;
3185
+ line-height: 1.433em;
3186
+ padding: 0;
3187
+ position: absolute;
3188
+ right: 1em;
3189
+ top: 50%;
3190
+ -webkit-transform: translateY(-50%);
3191
+ transform: translateY(-50%);
3192
+ width: 2em;
3193
+ }
3194
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3195
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3196
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3197
+ padding-left: 4.6428em;
3198
+ padding-right: 3.9285em;
3199
+ }
3200
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3201
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3202
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3203
+ padding-left: 1.0714em;
3204
+ padding-right: 3.9285em;
3205
+ }
3206
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3207
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3208
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3209
+ display: block;
3210
+ margin: 0;
3211
+ overflow: hidden;
3212
+ padding: 0.83em 0;
3213
+ text-overflow: ellipsis;
3214
+ white-space: nowrap;
3215
+ }
3216
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3217
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3218
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3219
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3220
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3221
+ color: #212529;
3222
+ }
3223
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3224
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3225
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3226
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3227
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3228
+ color: #fff;
3229
+ }
3230
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3231
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3232
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3233
+ left: inherit;
3234
+ right: 1.0667em;
3235
+ }
3236
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3237
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3238
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3239
+ padding-left: 1.0714em;
3240
+ padding-right: 4.6428em;
3241
+ }
3242
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3243
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3244
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3245
+ padding-left: 4.6428em;
3246
+ padding-right: 1.0714em;
3247
+ }
3248
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3249
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3250
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3251
+ left: 1.0667em;
3252
+ right: inherit;
3253
+ }
3254
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3255
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3256
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3257
+ left: 1em;
3258
+ right: inherit;
3259
+ }
3260
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3261
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3262
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3263
+ padding-left: 3.9285em;
3264
+ padding-right: 4.6428em;
3265
+ }
3266
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3267
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3268
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3269
+ padding-left: 3.9285em;
3270
+ padding-right: 1.0714em;
3271
+ }
3272
+
3273
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3274
+ height: 100%;
3275
+ }
3276
+
3277
+ .e-listbox-container.e-filter-list .e-list-wrap {
3278
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3279
+ }
3280
+
3281
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3282
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3283
+ }
3284
+
3285
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3286
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3287
3287
  }