@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
@@ -42,6 +42,152 @@
42
42
  padding: 0 8px 0 0;
43
43
  }
44
44
 
45
+ .e-dropdownbase {
46
+ display: block;
47
+ height: 100%;
48
+ min-height: 36px;
49
+ position: relative;
50
+ width: 100%;
51
+ }
52
+ .e-dropdownbase .e-list-parent {
53
+ margin: 0;
54
+ padding: 0;
55
+ }
56
+
57
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
58
+ cursor: default;
59
+ }
60
+
61
+ .e-dropdownbase .e-list-item {
62
+ cursor: pointer;
63
+ overflow: hidden;
64
+ position: relative;
65
+ text-overflow: ellipsis;
66
+ vertical-align: middle;
67
+ white-space: nowrap;
68
+ width: 100%;
69
+ }
70
+
71
+ .e-dropdownbase .e-list-item .e-list-icon {
72
+ font-size: 16px;
73
+ vertical-align: middle;
74
+ }
75
+
76
+ .e-dropdownbase .e-fixed-head {
77
+ position: absolute;
78
+ top: 0;
79
+ }
80
+
81
+ .e-dropdownbase.e-content {
82
+ overflow: auto;
83
+ position: relative;
84
+ }
85
+
86
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
87
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
88
+ color: #000;
89
+ cursor: default;
90
+ font-family: inherit;
91
+ font-size: 14px;
92
+ padding: 14px 16px;
93
+ text-align: center;
94
+ }
95
+
96
+ .e-mention.e-popup {
97
+ background: #400074;
98
+ border: 0;
99
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
100
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
101
+ margin-top: 2px;
102
+ position: absolute;
103
+ }
104
+
105
+ .e-mention.e-popup .e-dropdownbase {
106
+ min-height: 36px;
107
+ }
108
+
109
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
110
+ display: inline;
111
+ font-weight: bold;
112
+ vertical-align: baseline;
113
+ }
114
+
115
+ .e-mention .e-mention-chip,
116
+ .e-mention .e-mention-chip:hover {
117
+ background: transparent;
118
+ border-radius: 0;
119
+ border: 1px solid #757575;
120
+ color: #400074;
121
+ cursor: default;
122
+ }
123
+
124
+ .e-mention.e-editable-element {
125
+ border: 2px solid #757575;
126
+ height: auto;
127
+ min-height: 120px;
128
+ width: 100%;
129
+ }
130
+
131
+ .e-form-mirror-div {
132
+ white-space: pre-wrap;
133
+ }
134
+
135
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-right: 20px;
137
+ }
138
+
139
+ .e-dropdownbase.e-dd-group .e-list-item {
140
+ padding-left: 20px;
141
+ text-indent: 0;
142
+ }
143
+
144
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
145
+ padding-left: 20px;
146
+ }
147
+
148
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
149
+ text-indent: 0;
150
+ }
151
+
152
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
153
+ cursor: pointer;
154
+ font-weight: normal;
155
+ overflow: hidden;
156
+ position: relative;
157
+ text-overflow: ellipsis;
158
+ vertical-align: middle;
159
+ white-space: nowrap;
160
+ width: 100%;
161
+ }
162
+
163
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
164
+ padding-right: 20px;
165
+ }
166
+
167
+ .e-dropdownbase .e-list-item .e-list-icon {
168
+ padding: 0 10px 0 0;
169
+ }
170
+
171
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
172
+ border: 2px solid #000;
173
+ }
174
+
175
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
176
+ border: 2px solid #fff;
177
+ }
178
+
179
+ .e-dropdownbase .e-list-item.e-active {
180
+ border: 2px solid #400074;
181
+ }
182
+
183
+ .e-dropdownbase .e-list-item.e-item-focus {
184
+ border: 2px solid #ecf;
185
+ }
186
+
187
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
188
+ padding: 0 8px 0 0;
189
+ }
190
+
45
191
  .e-rtl .e-dropdownbase .e-list-item {
46
192
  padding-left: 16px;
47
193
  padding-right: 0;
@@ -217,228 +363,82 @@
217
363
  background-color: #ecf;
218
364
  }
219
365
 
220
- .e-dropdownbase .e-list-item .e-list-icon {
221
- padding: 0 10px 0 0;
366
+ /* stylelint-disable property-no-vendor-prefix */
367
+ /* stylelint-disable property-no-vendor-prefix */
368
+ @-webkit-keyframes material-spinner-rotate {
369
+ 0% {
370
+ -webkit-transform: rotate(0);
371
+ transform: rotate(0);
372
+ }
373
+ 100% {
374
+ -webkit-transform: rotate(360deg);
375
+ transform: rotate(360deg);
376
+ }
222
377
  }
223
-
224
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
225
- border: 2px solid #000;
378
+ @keyframes material-spinner-rotate {
379
+ 0% {
380
+ -webkit-transform: rotate(0);
381
+ transform: rotate(0);
382
+ }
383
+ 100% {
384
+ -webkit-transform: rotate(360deg);
385
+ transform: rotate(360deg);
386
+ }
226
387
  }
227
-
228
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
229
- border: 2px solid #fff;
388
+ @-webkit-keyframes fabric-spinner-rotate {
389
+ 0% {
390
+ -webkit-transform: rotate(0);
391
+ transform: rotate(0);
392
+ }
393
+ 100% {
394
+ -webkit-transform: rotate(360deg);
395
+ transform: rotate(360deg);
396
+ }
230
397
  }
231
-
232
- .e-dropdownbase .e-list-item.e-active {
233
- border: 2px solid #400074;
398
+ @keyframes fabric-spinner-rotate {
399
+ 0% {
400
+ -webkit-transform: rotate(0);
401
+ transform: rotate(0);
402
+ }
403
+ 100% {
404
+ -webkit-transform: rotate(360deg);
405
+ transform: rotate(360deg);
406
+ }
234
407
  }
235
-
236
- .e-dropdownbase .e-list-item.e-item-focus {
237
- border: 2px solid #ecf;
408
+ .e-popup.e-ddl .e-dropdownbase {
409
+ min-height: 26px;
238
410
  }
239
411
 
240
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
241
- padding: 0 8px 0 0;
412
+ .e-ddl.e-popup {
413
+ border: 0;
414
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
415
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
416
+ margin-top: 1px;
242
417
  }
243
-
244
- .e-dropdownbase {
245
- display: block;
246
- height: 100%;
247
- min-height: 36px;
248
- position: relative;
249
- width: 100%;
418
+ .e-ddl.e-popup .e-content.e-nodata {
419
+ background-color: #fff;
250
420
  }
251
- .e-dropdownbase .e-list-parent {
252
- margin: 0;
253
- padding: 0;
421
+ .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
422
+ color: #23726c;
254
423
  }
255
-
256
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
257
- cursor: default;
424
+ .e-ddl.e-popup .e-input-group {
425
+ display: -webkit-box;
426
+ display: -ms-flexbox;
427
+ display: flex;
428
+ width: auto;
258
429
  }
259
-
260
- .e-dropdownbase .e-list-item {
261
- cursor: pointer;
262
- overflow: hidden;
263
- position: relative;
264
- text-overflow: ellipsis;
265
- vertical-align: middle;
266
- white-space: nowrap;
267
- width: 100%;
430
+ .e-ddl.e-popup .e-input-group input {
431
+ line-height: 15px;
268
432
  }
269
433
 
270
- .e-dropdownbase .e-list-item .e-list-icon {
271
- font-size: 16px;
272
- vertical-align: middle;
434
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
435
+ border-radius: 20px;
436
+ height: 20px;
437
+ margin: 5px;
438
+ min-width: 20px;
273
439
  }
274
-
275
- .e-dropdownbase .e-fixed-head {
276
- position: absolute;
277
- top: 0;
278
- }
279
-
280
- .e-dropdownbase.e-content {
281
- overflow: auto;
282
- position: relative;
283
- }
284
-
285
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
286
- .e-popup.e-mention .e-dropdownbase.e-nodata {
287
- color: #000;
288
- cursor: default;
289
- font-family: inherit;
290
- font-size: 14px;
291
- padding: 14px 16px;
292
- text-align: center;
293
- }
294
-
295
- .e-mention.e-popup {
296
- background: #400074;
297
- border: 0;
298
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
299
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
300
- margin-top: 2px;
301
- position: absolute;
302
- }
303
-
304
- .e-mention.e-popup .e-dropdownbase {
305
- min-height: 36px;
306
- }
307
-
308
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
309
- display: inline;
310
- font-weight: bold;
311
- vertical-align: baseline;
312
- }
313
-
314
- .e-mention .e-mention-chip,
315
- .e-mention .e-mention-chip:hover {
316
- background: transparent;
317
- border-radius: 0;
318
- border: 1px solid #757575;
319
- color: #400074;
320
- cursor: default;
321
- }
322
-
323
- .e-mention.e-editable-element {
324
- border: 2px solid #757575;
325
- height: auto;
326
- min-height: 120px;
327
- width: 100%;
328
- }
329
-
330
- .e-form-mirror-div {
331
- white-space: pre-wrap;
332
- }
333
-
334
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
335
- padding-right: 20px;
336
- }
337
-
338
- .e-dropdownbase.e-dd-group .e-list-item {
339
- padding-left: 20px;
340
- text-indent: 0;
341
- }
342
-
343
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
344
- padding-left: 20px;
345
- }
346
-
347
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
348
- text-indent: 0;
349
- }
350
-
351
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
352
- cursor: pointer;
353
- font-weight: normal;
354
- overflow: hidden;
355
- position: relative;
356
- text-overflow: ellipsis;
357
- vertical-align: middle;
358
- white-space: nowrap;
359
- width: 100%;
360
- }
361
-
362
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
363
- padding-right: 20px;
364
- }
365
-
366
- /* stylelint-disable property-no-vendor-prefix */
367
- /* stylelint-disable property-no-vendor-prefix */
368
- @-webkit-keyframes material-spinner-rotate {
369
- 0% {
370
- -webkit-transform: rotate(0);
371
- transform: rotate(0);
372
- }
373
- 100% {
374
- -webkit-transform: rotate(360deg);
375
- transform: rotate(360deg);
376
- }
377
- }
378
- @keyframes material-spinner-rotate {
379
- 0% {
380
- -webkit-transform: rotate(0);
381
- transform: rotate(0);
382
- }
383
- 100% {
384
- -webkit-transform: rotate(360deg);
385
- transform: rotate(360deg);
386
- }
387
- }
388
- @-webkit-keyframes fabric-spinner-rotate {
389
- 0% {
390
- -webkit-transform: rotate(0);
391
- transform: rotate(0);
392
- }
393
- 100% {
394
- -webkit-transform: rotate(360deg);
395
- transform: rotate(360deg);
396
- }
397
- }
398
- @keyframes fabric-spinner-rotate {
399
- 0% {
400
- -webkit-transform: rotate(0);
401
- transform: rotate(0);
402
- }
403
- 100% {
404
- -webkit-transform: rotate(360deg);
405
- transform: rotate(360deg);
406
- }
407
- }
408
- .e-popup.e-ddl .e-dropdownbase {
409
- min-height: 26px;
410
- }
411
-
412
- .e-ddl.e-popup {
413
- border: 0;
414
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
415
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
416
- margin-top: 1px;
417
- }
418
- .e-ddl.e-popup .e-content.e-nodata {
419
- background-color: #fff;
420
- }
421
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
422
- color: #23726c;
423
- }
424
- .e-ddl.e-popup .e-input-group {
425
- display: -webkit-box;
426
- display: -ms-flexbox;
427
- display: flex;
428
- width: auto;
429
- }
430
- .e-ddl.e-popup .e-input-group input {
431
- line-height: 15px;
432
- }
433
-
434
- .e-ddl.e-popup .e-input-group .e-clear-icon {
435
- border-radius: 20px;
436
- height: 20px;
437
- margin: 5px;
438
- min-width: 20px;
439
- }
440
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
441
- font-size: 10px;
440
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
441
+ font-size: 10px;
442
442
  }
443
443
  .e-ddl.e-popup .e-filter-parent {
444
444
  border-left-width: 0;
@@ -511,69 +511,6 @@
511
511
  border-color: #000;
512
512
  }
513
513
 
514
- .e-popup {
515
- border-color: #757575;
516
- }
517
-
518
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
519
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
520
- color: #000;
521
- }
522
-
523
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
524
- border-color: transparent;
525
- }
526
-
527
- .e-popup.e-ddl .e-dropdownbase {
528
- min-height: 26px;
529
- }
530
-
531
- .e-ddl.e-popup {
532
- border: 0;
533
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
534
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
535
- margin-top: 1px;
536
- }
537
-
538
- .e-ddl.e-popup .e-content.e-nodata {
539
- background-color: #fff;
540
- }
541
-
542
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
543
- color: #23726c;
544
- }
545
-
546
- .e-ddl.e-popup .e-input-group {
547
- display: -webkit-box;
548
- display: -ms-flexbox;
549
- display: flex;
550
- width: auto;
551
- }
552
-
553
- .e-ddl.e-popup .e-input-group input {
554
- line-height: 15px;
555
- }
556
-
557
- .e-ddl.e-popup .e-input-group .e-clear-icon {
558
- border-radius: 20px;
559
- height: 20px;
560
- margin: 5px;
561
- min-width: 20px;
562
- }
563
-
564
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
565
- font-size: 10px;
566
- }
567
-
568
- .e-ddl.e-popup .e-filter-parent {
569
- border-left-width: 0;
570
- border-right-width: 0;
571
- }
572
-
573
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
574
- border-color: #000;
575
- }
576
-
577
514
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
578
515
  width: 100%;
579
516
  border: 0 solid;
@@ -803,46 +740,76 @@ ejs-dropdownlist {
803
740
  width: 15px;
804
741
  }
805
742
 
806
- /* stylelint-disable */
807
- /* stylelint-disable */
808
- .e-ddt .e-ddt-icon::before {
809
- content: "\e966";
810
- }
811
- .e-ddt .e-chips-close::before {
812
- content: "\e7a7";
743
+ .e-popup.e-ddl .e-dropdownbase {
744
+ min-height: 26px;
813
745
  }
814
746
 
815
- /* stylelint-disable */
816
- .e-ddt .e-chips {
817
- background-color: #3d3d3d;
818
- }
819
- .e-ddt .e-chips .e-chips-close::before {
820
- color: #fff;
821
- }
822
- .e-ddt .e-chips > .e-chipcontent {
823
- color: #fff;
824
- }
825
- .e-ddt .e-overflow .e-remain {
826
- color: #000;
747
+ .e-ddl.e-popup {
748
+ border: 0;
749
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
750
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
751
+ margin-top: 1px;
827
752
  }
828
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
753
+
754
+ .e-ddl.e-popup .e-content.e-nodata {
829
755
  background-color: #fff;
830
756
  }
831
- .e-ddt.e-popup {
832
- background: #fff;
757
+
758
+ .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
759
+ color: #23726c;
760
+ }
761
+
762
+ .e-ddl.e-popup .e-input-group {
763
+ display: -webkit-box;
764
+ display: -ms-flexbox;
765
+ display: flex;
766
+ width: auto;
767
+ }
768
+
769
+ .e-ddl.e-popup .e-input-group input {
770
+ line-height: 15px;
771
+ }
772
+
773
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
774
+ border-radius: 20px;
775
+ height: 20px;
776
+ margin: 5px;
777
+ min-width: 20px;
778
+ }
779
+
780
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
781
+ font-size: 10px;
782
+ }
783
+
784
+ .e-ddl.e-popup .e-filter-parent {
785
+ border-left-width: 0;
786
+ border-right-width: 0;
787
+ }
788
+
789
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
790
+ border-color: #000;
791
+ }
792
+
793
+ .e-popup {
833
794
  border-color: #757575;
834
795
  }
835
- .e-ddt.e-popup .e-popup-content.e-no-data {
796
+
797
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
798
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
836
799
  color: #000;
837
800
  }
838
- .e-ddt.e-popup .e-selectall-parent {
839
- border-bottom-color: #757575;
801
+
802
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
803
+ border-color: transparent;
840
804
  }
841
- .e-ddt.e-popup .e-selectall-parent:focus {
842
- background: #ecf;
805
+
806
+ /* stylelint-disable */
807
+ /* stylelint-disable */
808
+ .e-ddt .e-ddt-icon::before {
809
+ content: "\e966";
843
810
  }
844
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
845
- color: #000;
811
+ .e-ddt .e-chips-close::before {
812
+ content: "\e7a7";
846
813
  }
847
814
 
848
815
  /* stylelint-disable */
@@ -1159,6 +1126,39 @@ ejs-dropdownlist {
1159
1126
  display: none;
1160
1127
  }
1161
1128
 
1129
+ /* stylelint-disable */
1130
+ .e-ddt .e-chips {
1131
+ background-color: #3d3d3d;
1132
+ }
1133
+ .e-ddt .e-chips .e-chips-close::before {
1134
+ color: #fff;
1135
+ }
1136
+ .e-ddt .e-chips > .e-chipcontent {
1137
+ color: #fff;
1138
+ }
1139
+ .e-ddt .e-overflow .e-remain {
1140
+ color: #000;
1141
+ }
1142
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1143
+ background-color: #fff;
1144
+ }
1145
+ .e-ddt.e-popup {
1146
+ background: #fff;
1147
+ border-color: #757575;
1148
+ }
1149
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1150
+ color: #000;
1151
+ }
1152
+ .e-ddt.e-popup .e-selectall-parent {
1153
+ border-bottom-color: #757575;
1154
+ }
1155
+ .e-ddt.e-popup .e-selectall-parent:focus {
1156
+ background: #ecf;
1157
+ }
1158
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1159
+ color: #000;
1160
+ }
1161
+
1162
1162
  /* stylelint-disable-line no-empty-source */
1163
1163
  /* stylelint-disable-line no-empty-source */
1164
1164
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -1288,6 +1288,30 @@ ejs-dropdownlist {
1288
1288
  content: "";
1289
1289
  }
1290
1290
 
1291
+ .e-dropdownbase .e-list-item .e-list-icon {
1292
+ padding: 0 10px 0 0;
1293
+ }
1294
+
1295
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1296
+ border: 2px solid #000;
1297
+ }
1298
+
1299
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1300
+ border: 2px solid #fff;
1301
+ }
1302
+
1303
+ .e-dropdownbase .e-list-item.e-active {
1304
+ border: 2px solid #400074;
1305
+ }
1306
+
1307
+ .e-dropdownbase .e-list-item.e-item-focus {
1308
+ border: 2px solid #ecf;
1309
+ }
1310
+
1311
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1312
+ padding: 0 8px 0 0;
1313
+ }
1314
+
1291
1315
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1292
1316
  color: #000;
1293
1317
  top: 12px;
@@ -1412,1506 +1436,1162 @@ ejs-dropdownlist {
1412
1436
  width: 30px;
1413
1437
  }
1414
1438
 
1415
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1416
- color: #fff;
1417
- }
1418
-
1419
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1420
- background-color: #400074;
1421
- }
1422
-
1423
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1424
- background-color: #400074;
1425
- }
1426
-
1427
- .e-multiselect {
1439
+ .e-multi-select-wrapper {
1428
1440
  -webkit-box-sizing: border-box;
1429
1441
  box-sizing: border-box;
1442
+ cursor: text;
1443
+ line-height: normal;
1444
+ min-height: 30px;
1445
+ padding: 0 32px 0 2px;
1446
+ position: relative;
1447
+ -webkit-user-select: none;
1448
+ -moz-user-select: none;
1449
+ -ms-user-select: none;
1450
+ user-select: none;
1451
+ width: 100%;
1430
1452
  }
1431
-
1432
- /* stylelint-disable property-no-vendor-prefix */
1433
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1434
- -webkit-text-fill-color: #fff;
1435
- color: #fff;
1436
- font-family: inherit;
1437
- font-size: 14px;
1438
- }
1439
-
1440
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1441
- color: #fff;
1442
- }
1443
-
1444
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1445
- color: #fff;
1453
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1454
+ height: 27px;
1455
+ vertical-align: middle;
1446
1456
  }
1447
-
1448
- .e-multi-select-wrapper .e-chips {
1449
- background-color: #3d3d3d;
1450
- border-radius: 0;
1451
- height: 26px;
1457
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1458
+ height: 100%;
1459
+ min-height: 100%;
1452
1460
  }
1453
-
1454
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1455
- background-color: #ecf;
1461
+ .e-multi-select-wrapper .e-delim-view {
1462
+ white-space: nowrap;
1456
1463
  }
1457
-
1458
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1459
- color: #000;
1464
+ .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 {
1465
+ -webkit-box-sizing: border-box;
1466
+ box-sizing: border-box;
1467
+ display: inline-block;
1468
+ overflow: hidden;
1469
+ text-overflow: ellipsis;
1460
1470
  }
1461
-
1462
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1463
- -webkit-text-fill-color: #fff;
1471
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1464
1472
  color: #fff;
1465
1473
  font-size: 10px;
1474
+ left: 12px;
1475
+ top: 0;
1466
1476
  }
1467
-
1468
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1477
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1469
1478
  background-color: #3d3d3d;
1470
- border-radius: 0;
1471
1479
  color: #fff;
1472
- height: 38px;
1473
- line-height: 38px;
1480
+ padding: 9px 0;
1474
1481
  }
1475
-
1476
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1477
- color: #fff;
1482
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1483
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1484
+ width: 0;
1478
1485
  }
1479
-
1480
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1481
- height: 30px;
1486
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1487
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1488
+ height: 1px;
1489
+ min-height: 1px;
1482
1490
  }
1483
-
1484
- .e-popup.e-multi-select-list-wrapper {
1485
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1486
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1487
- -webkit-box-sizing: content-box;
1488
- box-sizing: content-box;
1489
- overflow: initial;
1491
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1492
+ max-width: 100%;
1490
1493
  }
1491
1494
 
1492
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1493
- border-bottom: 1px solid transparent;
1494
- border-left: 1px solid #400074;
1495
- border-right: 1px solid #400074;
1496
- border-top: 1px solid #400074;
1495
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1496
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1497
+ display: -webkit-box;
1498
+ display: -ms-flexbox;
1499
+ display: flex;
1500
+ float: left;
1501
+ width: auto;
1497
1502
  }
1498
-
1499
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1500
- background-color: transparent;
1501
- border-color: transparent;
1502
- color: #000;
1503
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1504
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1505
+ display: -webkit-inline-box;
1506
+ display: -ms-inline-flexbox;
1507
+ display: inline-flex;
1508
+ float: none;
1503
1509
  }
1504
-
1505
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1506
- background-color: transparent;
1507
- border-color: transparent;
1508
- color: #000;
1510
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1511
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1512
+ width: 0;
1509
1513
  }
1510
-
1511
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1512
- background-color: #ecf;
1514
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1515
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1516
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1517
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1518
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1519
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1520
+ display: none;
1513
1521
  }
1514
-
1515
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1516
- background-color: #ecf;
1522
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1523
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1524
+ padding: 0 48px 0 0;
1517
1525
  }
1518
-
1519
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1520
- border-bottom: 1px solid transparent;
1521
- border-top: 1px solid transparent;
1526
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1527
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1528
+ -webkit-box-align: center;
1529
+ -ms-flex-align: center;
1530
+ align-items: center;
1531
+ display: inline;
1532
+ max-width: 100%;
1533
+ word-break: break-word;
1522
1534
  }
1523
-
1524
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1525
- border-bottom: 1px solid transparent;
1535
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1536
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1537
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1538
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1539
+ -webkit-box-align: center;
1540
+ -ms-flex-align: center;
1541
+ align-items: center;
1542
+ cursor: pointer;
1543
+ display: none;
1544
+ -webkit-box-orient: horizontal;
1545
+ -webkit-box-direction: normal;
1546
+ -ms-flex-direction: row;
1547
+ flex-direction: row;
1548
+ margin-top: -3.2em;
1549
+ outline: 0;
1550
+ padding: 0;
1551
+ position: absolute;
1552
+ right: 0;
1553
+ top: 100%;
1526
1554
  }
1527
-
1528
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1529
- background-color: #400074;
1530
- -webkit-box-shadow: none;
1531
- box-shadow: none;
1532
- color: #fff;
1533
- border: 1px solid #400074;
1555
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1556
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1557
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1558
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1559
+ display: -webkit-box;
1560
+ display: -ms-flexbox;
1561
+ display: flex;
1534
1562
  }
1535
-
1536
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1537
- background-color: #400074;
1538
- -webkit-box-shadow: none;
1539
- box-shadow: none;
1540
- color: #fff;
1541
- border: 1px solid #400074;
1563
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1564
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1565
+ margin-right: 0;
1566
+ margin-top: -2.8em;
1567
+ right: 0;
1542
1568
  }
1543
-
1544
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1545
- border: 1px solid transparent;
1569
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1570
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1571
+ top: -1px;
1546
1572
  }
1547
-
1548
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1549
- border: 1px solid transparent;
1573
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1574
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1575
+ font-size: 10px;
1576
+ height: 30px;
1577
+ width: 30px;
1550
1578
  }
1551
1579
 
1552
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1553
- color: #000;
1580
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1581
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1582
+ float: right;
1554
1583
  }
1555
-
1556
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1557
- color: #000;
1584
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1585
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1586
+ float: none;
1558
1587
  }
1559
-
1560
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1561
- color: #000;
1588
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1589
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1590
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1591
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1592
+ left: 0;
1593
+ right: auto;
1594
+ }
1595
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1596
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1597
+ padding: 0 0 0 48px;
1562
1598
  }
1563
1599
 
1564
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1565
- color: #000;
1600
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1601
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1602
+ opacity: 0.7;
1603
+ pointer-events: none;
1566
1604
  }
1567
1605
 
1568
- .e-ul.e-reorder {
1569
- border-bottom: 1px solid #ecf;
1606
+ .e-multiselect.e-input-group,
1607
+ .e-multiselect.e-float-input {
1608
+ word-wrap: initial;
1570
1609
  }
1571
1610
 
1572
- .e-multi-select-list-wrapper .e-selectall-parent {
1573
- border-bottom: 1px solid #ecf;
1611
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1612
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1613
+ top: 15px;
1574
1614
  }
1575
1615
 
1576
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1577
- background-color: #fff;
1578
- border-color: #fff;
1579
- color: #400074;
1616
+ .e-multi-select-wrapper.e-close-icon-hide {
1617
+ padding-right: 0;
1580
1618
  }
1581
1619
 
1582
- .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 {
1583
- background-color: #fff;
1584
- border-color: #fff;
1585
- color: #400074;
1620
+ .e-multi-select-wrapper .e-chips-collection {
1621
+ cursor: default;
1622
+ display: block;
1586
1623
  }
1587
1624
 
1588
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
1589
- background-color: #fff;
1625
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1626
+ margin-right: 30px;
1590
1627
  }
1591
1628
 
1592
- e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
1593
- background-color: #fff;
1629
+ .e-multi-select-wrapper .e-multi-hidden {
1630
+ border: 0;
1631
+ height: 0;
1632
+ position: absolute;
1633
+ visibility: hidden;
1634
+ width: 0;
1594
1635
  }
1595
1636
 
1596
- .e-multi-select-wrapper .e-delim-values {
1597
- -webkit-text-fill-color: #fff;
1598
- color: #fff;
1637
+ .e-multi-select-wrapper .e-chips {
1638
+ -webkit-box-align: center;
1639
+ -ms-flex-align: center;
1640
+ align-items: center;
1641
+ display: -webkit-inline-box;
1642
+ display: -ms-inline-flexbox;
1643
+ display: inline-flex;
1644
+ float: left;
1645
+ margin: 1.5px 2px 2px 0;
1646
+ max-width: 100%;
1647
+ overflow: hidden;
1648
+ padding: 0 0 0 8px;
1649
+ text-overflow: ellipsis;
1650
+ white-space: nowrap;
1599
1651
  }
1600
1652
 
1601
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1602
- color: #000;
1653
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1654
+ max-width: 100%;
1655
+ overflow: hidden;
1656
+ padding: 3px 8px 4.2px 0;
1657
+ text-indent: 0;
1658
+ text-overflow: ellipsis;
1659
+ white-space: nowrap;
1603
1660
  }
1604
1661
 
1605
1662
  .e-small .e-multi-select-wrapper .e-chips {
1606
- height: 20px;
1663
+ margin: none;
1607
1664
  }
1608
-
1609
1665
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1610
- font-size: 12px;
1611
- }
1612
-
1613
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1614
- font-size: 8px;
1615
- }
1616
-
1617
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1618
- left: 7px;
1666
+ padding: none;
1619
1667
  }
1620
1668
 
1621
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1622
- -webkit-text-fill-color: #757575;
1623
- color: #757575;
1669
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1670
+ display: inline-block;
1671
+ float: none;
1624
1672
  }
1625
1673
 
1626
- .e-dropdownbase .e-list-item .e-list-icon {
1627
- padding: 0 10px 0 0;
1674
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1675
+ padding: 6px 8px 6px 0;
1628
1676
  }
1629
1677
 
1630
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1631
- border: 2px solid #000;
1678
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1679
+ padding: 6px 0 6px 8px;
1632
1680
  }
1633
1681
 
1634
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1635
- border: 2px solid #fff;
1682
+ .e-multi-select-wrapper .e-chips-close {
1683
+ -ms-flex-item-align: center;
1684
+ align-self: center;
1685
+ display: -webkit-box;
1686
+ display: -ms-flexbox;
1687
+ display: flex;
1688
+ float: right;
1689
+ font-family: "e-icons";
1690
+ height: 26px;
1691
+ margin: 0;
1692
+ width: 26px;
1636
1693
  }
1637
1694
 
1638
- .e-dropdownbase .e-list-item.e-active {
1639
- border: 2px solid #400074;
1695
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1696
+ margin: 0;
1640
1697
  }
1641
1698
 
1642
- .e-dropdownbase .e-list-item.e-item-focus {
1643
- border: 2px solid #ecf;
1699
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1700
+ margin: 3px 0 0;
1644
1701
  }
1645
1702
 
1646
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1647
- padding: 0 8px 0 0;
1703
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1704
+ cursor: default;
1705
+ font-size: 10px;
1706
+ height: 30px;
1707
+ margin-top: -3.2em;
1708
+ position: absolute;
1709
+ right: 0;
1710
+ width: 30px;
1711
+ top: 100%;
1648
1712
  }
1649
1713
 
1650
- .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1651
- color: #000;
1652
- top: 12px;
1714
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1715
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1716
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1717
+ right: 27px;
1653
1718
  }
1654
1719
 
1655
- .e-multiselect .e-multi-select-wrapper input {
1656
- /* stylelint-disable property-no-vendor-prefix */
1720
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1721
+ left: 27px;
1722
+ right: auto;
1657
1723
  }
1658
1724
 
1659
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1660
- color: #4f4f4f;
1725
+ .e-multi-select-wrapper input[type=text] {
1726
+ background: none;
1727
+ border: 0;
1661
1728
  font-family: inherit;
1662
1729
  font-size: 14px;
1663
- font-style: italic;
1730
+ font-weight: normal;
1731
+ height: 28px;
1732
+ min-height: 28px;
1733
+ outline: none;
1734
+ padding: 0 0 0 10px;
1735
+ text-indent: 0;
1664
1736
  }
1665
1737
 
1666
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1667
- color: #4f4f4f;
1668
- font-family: inherit;
1669
- font-size: 14px;
1670
- font-style: italic;
1671
- }
1672
-
1673
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1674
- color: #4f4f4f;
1738
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1739
+ background: none;
1740
+ border: 0;
1741
+ color: inherit;
1675
1742
  font-family: inherit;
1676
1743
  font-size: 14px;
1677
- font-style: italic;
1744
+ font-weight: normal;
1745
+ height: 28px;
1746
+ min-height: 28px;
1747
+ outline: none;
1748
+ padding: 0;
1749
+ text-indent: 10px;
1678
1750
  }
1679
1751
 
1680
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1681
- color: #4f4f4f;
1682
- font-family: inherit;
1683
- font-size: 14px;
1684
- font-style: italic;
1752
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1753
+ padding: 5px;
1685
1754
  }
1686
1755
 
1687
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1688
- color: #000;
1756
+ /* stylelint-disable property-no-vendor-prefix */
1757
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1758
+ display: none;
1689
1759
  }
1690
1760
 
1691
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1692
- color: #000;
1761
+ .e-multi-select-wrapper .e-searcher {
1762
+ display: block;
1763
+ float: left;
1764
+ width: auto;
1693
1765
  }
1694
1766
 
1695
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1696
- line-height: 26px;
1697
- top: 0;
1767
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1768
+ width: calc(100% - 40px);
1698
1769
  }
1699
1770
 
1700
- .e-multi-select-wrapper .e-delim-values.e-delim-view {
1701
- color: #000;
1771
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1772
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1773
+ width: calc(100% - 40px);
1702
1774
  }
1703
1775
 
1704
- .e-multi-select-wrapper.e-delimiter .e-delim-values {
1705
- color: #000;
1776
+ .e-multi-select-wrapper .e-delim-values {
1777
+ font-family: inherit;
1778
+ font-size: 14px;
1779
+ line-height: 29px;
1780
+ max-width: 100%;
1781
+ padding-left: 10px;
1782
+ padding-right: 0;
1783
+ vertical-align: middle;
1706
1784
  }
1707
1785
 
1708
- .e-multi-select-wrapper .e-searcher input[type=text] {
1709
- color: #000;
1710
- height: 100%;
1711
- min-height: 28px;
1786
+ .e-multi-select-list-wrapper .e-hide-listitem,
1787
+ .e-multi-select-list-wrapper .e-hide-group-header {
1788
+ display: none;
1712
1789
  }
1713
1790
 
1714
- .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1715
- background-color: #400074;
1791
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1792
+ color: #000;
1793
+ cursor: pointer;
1794
+ display: inline-block;
1795
+ font-size: 14px;
1796
+ padding-left: 16px;
1716
1797
  }
1717
1798
 
1718
- .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1719
- background-color: #400074;
1799
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1800
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1801
+ cursor: not-allowed;
1720
1802
  }
1721
1803
 
1722
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1723
- padding-left: 0;
1804
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1805
+ height: 38px;
1806
+ left: 10px;
1807
+ margin: 0 0 0 0;
1808
+ margin-left: auto;
1809
+ position: relative;
1810
+ top: 0;
1811
+ width: 38px;
1724
1812
  }
1725
1813
 
1726
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1727
- border-bottom: 1px solid #000;
1814
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1815
+ -ms-flex-item-align: center;
1816
+ align-self: center;
1817
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1818
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1819
+ display: -webkit-inline-box;
1820
+ display: -ms-inline-flexbox;
1821
+ display: inline-flex;
1822
+ padding: 0 10px;
1823
+ width: 92%;
1728
1824
  }
1729
1825
 
1730
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1731
- background-color: #400074;
1826
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1827
+ content: "";
1732
1828
  }
1733
1829
 
1734
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1735
- border: 2px solid #400074;
1830
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1831
+ float: none;
1736
1832
  }
1737
1833
 
1738
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1739
- border-bottom: 2px solid #000;
1740
- border-left: 2px solid #000;
1741
- border-right: 2px solid #000;
1742
- border-top: 2px solid #000;
1834
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1835
+ padding-left: 0;
1743
1836
  }
1744
-
1745
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1746
- border: 2px solid #ecf;
1837
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1838
+ padding: 0 2px 0 32px;
1747
1839
  }
1748
-
1749
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1750
- background-color: #000;
1751
- border-bottom: 1px solid #000;
1752
- border-left: 1px solid #000;
1753
- border-right: 1px solid #000;
1754
- border-top: 1px solid #000;
1840
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1841
+ left: -12px;
1755
1842
  }
1756
-
1757
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1758
- border: 2px solid #000;
1843
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1844
+ margin: 0;
1845
+ margin-right: auto;
1759
1846
  }
1760
-
1761
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1762
- border: 2px solid #fff;
1847
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1848
+ float: right;
1763
1849
  }
1764
-
1765
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1766
- border: 2px solid #400074;
1850
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1851
+ float: right;
1852
+ margin: 2px 0 2px 2px;
1853
+ padding: 0 8px 0 0;
1767
1854
  }
1768
-
1769
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1770
- height: 30px;
1771
- width: 30px;
1855
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1856
+ padding: 3px 0 3px 8px;
1772
1857
  }
1773
-
1774
- .e-multi-select-wrapper {
1775
- -webkit-box-sizing: border-box;
1776
- box-sizing: border-box;
1777
- cursor: text;
1778
- line-height: normal;
1779
- min-height: 30px;
1780
- padding: 0 32px 0 2px;
1781
- position: relative;
1782
- -webkit-user-select: none;
1783
- -moz-user-select: none;
1784
- -ms-user-select: none;
1785
- user-select: none;
1786
- width: 100%;
1858
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1859
+ float: left;
1787
1860
  }
1788
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1789
- height: 27px;
1790
- vertical-align: middle;
1861
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1862
+ left: -9px;
1791
1863
  }
1792
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1793
- height: 100%;
1794
- min-height: 100%;
1864
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1865
+ padding: 0 4px 0 4px;
1795
1866
  }
1796
- .e-multi-select-wrapper .e-delim-view {
1797
- white-space: nowrap;
1867
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1868
+ padding: 5px 8px 6px 0;
1798
1869
  }
1799
- .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 {
1800
- -webkit-box-sizing: border-box;
1801
- box-sizing: border-box;
1802
- display: inline-block;
1803
- overflow: hidden;
1804
- text-overflow: ellipsis;
1870
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1871
+ padding: 0 4px 0 0;
1805
1872
  }
1806
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1807
- color: #fff;
1808
- font-size: 10px;
1809
- left: 12px;
1810
- top: 0;
1873
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1874
+ padding: 9px 4px;
1811
1875
  }
1812
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1813
- background-color: #3d3d3d;
1814
- color: #fff;
1815
- padding: 9px 0;
1876
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1877
+ left: 27px;
1878
+ position: absolute;
1879
+ right: auto;
1816
1880
  }
1817
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1818
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1819
- width: 0;
1881
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1882
+ left: -4px;
1820
1883
  }
1821
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1822
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1823
- height: 1px;
1824
- min-height: 1px;
1884
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1885
+ padding-right: 16px;
1825
1886
  }
1826
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1827
- max-width: 100%;
1887
+
1888
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1889
+ left: 30px;
1828
1890
  }
1829
1891
 
1830
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1831
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1832
- display: -webkit-box;
1833
- display: -ms-flexbox;
1834
- display: flex;
1835
- float: left;
1836
- width: auto;
1892
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1893
+ left: -10px;
1837
1894
  }
1838
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1839
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1840
- display: -webkit-inline-box;
1841
- display: -ms-inline-flexbox;
1842
- display: inline-flex;
1843
- float: none;
1895
+
1896
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1897
+ bottom: 1px;
1898
+ margin-right: 8px;
1899
+ position: relative;
1900
+ text-indent: 0;
1901
+ vertical-align: middle;
1844
1902
  }
1845
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1846
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1847
- width: 0;
1903
+
1904
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1905
+ padding-left: 14px;
1848
1906
  }
1849
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1850
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1851
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1852
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1853
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1854
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1855
- display: none;
1907
+
1908
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1909
+ padding-right: 18px;
1856
1910
  }
1857
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1858
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1859
- padding: 0 48px 0 0;
1860
- }
1861
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1862
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1863
- -webkit-box-align: center;
1864
- -ms-flex-align: center;
1865
- align-items: center;
1866
- display: inline;
1867
- max-width: 100%;
1868
- word-break: break-word;
1869
- }
1870
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1871
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1872
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1873
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1874
- -webkit-box-align: center;
1875
- -ms-flex-align: center;
1876
- align-items: center;
1877
- cursor: pointer;
1878
- display: none;
1879
- -webkit-box-orient: horizontal;
1880
- -webkit-box-direction: normal;
1881
- -ms-flex-direction: row;
1882
- flex-direction: row;
1883
- margin-top: -3.2em;
1884
- outline: 0;
1885
- padding: 0;
1886
- position: absolute;
1887
- right: 0;
1888
- top: 100%;
1911
+
1912
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1913
+ bottom: 1px;
1914
+ margin-right: 8px;
1915
+ position: relative;
1916
+ text-indent: 0;
1917
+ vertical-align: middle;
1889
1918
  }
1890
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1891
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1892
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1893
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1894
- display: -webkit-box;
1895
- display: -ms-flexbox;
1896
- display: flex;
1919
+
1920
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1921
+ margin-left: 12px;
1922
+ margin-right: 0;
1897
1923
  }
1898
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1899
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1924
+
1925
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1926
+ margin-left: 12px;
1900
1927
  margin-right: 0;
1901
- margin-top: -2.8em;
1902
- right: 0;
1903
1928
  }
1904
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1905
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1906
- top: -1px;
1929
+
1930
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1931
+ padding-right: 0;
1907
1932
  }
1908
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1909
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1910
- font-size: 10px;
1911
- height: 30px;
1912
- width: 30px;
1933
+
1934
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1935
+ padding-right: 15px;
1913
1936
  }
1914
1937
 
1915
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1916
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1917
- float: right;
1938
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
1939
+ padding-right: 10px;
1918
1940
  }
1919
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1920
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1921
- float: none;
1941
+
1942
+ .e-multi-select-list-wrapper .e-selectall-parent {
1943
+ cursor: pointer;
1944
+ display: block;
1945
+ line-height: 36px;
1946
+ overflow: hidden;
1947
+ text-overflow: ellipsis;
1948
+ padding-right: 16px;
1949
+ position: relative;
1950
+ text-indent: 11px;
1951
+ white-space: nowrap;
1952
+ width: 100%;
1922
1953
  }
1923
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1924
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1925
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1926
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1927
- left: 0;
1928
- right: auto;
1954
+
1955
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1956
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1957
+ padding-left: 16px;
1958
+ padding-right: 15px;
1929
1959
  }
1930
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1931
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1932
- padding: 0 0 0 48px;
1960
+
1961
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1962
+ color: #000;
1963
+ font-family: inherit;
1964
+ font-size: 14px;
1933
1965
  }
1934
1966
 
1935
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1936
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1937
- opacity: 0.7;
1938
- pointer-events: none;
1967
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1968
+ bottom: 1px;
1969
+ margin-right: 8px;
1970
+ position: relative;
1971
+ text-indent: 0;
1972
+ vertical-align: middle;
1939
1973
  }
1940
1974
 
1941
- .e-multiselect.e-input-group,
1942
- .e-multiselect.e-float-input {
1943
- word-wrap: initial;
1975
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1976
+ margin-left: 12px;
1977
+ margin-right: 0;
1944
1978
  }
1945
1979
 
1946
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1947
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1948
- top: 15px;
1980
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1981
+ float: right;
1982
+ margin-top: 0;
1949
1983
  }
1950
1984
 
1951
- .e-multi-select-wrapper.e-close-icon-hide {
1952
- padding-right: 0;
1985
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1986
+ float: left;
1953
1987
  }
1954
1988
 
1955
- .e-multi-select-wrapper .e-chips-collection {
1956
- cursor: default;
1957
- display: block;
1989
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
1990
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
1991
+ padding: 0;
1958
1992
  }
1959
1993
 
1960
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1961
- margin-right: 30px;
1994
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1995
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1996
+ padding: 8px;
1962
1997
  }
1963
1998
 
1964
- .e-multi-select-wrapper .e-multi-hidden {
1965
- border: 0;
1966
- height: 0;
1967
- position: absolute;
1968
- visibility: hidden;
1969
- width: 0;
1999
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2000
+ padding-left: 8px;
1970
2001
  }
1971
2002
 
1972
- .e-multi-select-wrapper .e-chips {
1973
- -webkit-box-align: center;
1974
- -ms-flex-align: center;
1975
- align-items: center;
1976
- display: -webkit-inline-box;
1977
- display: -ms-inline-flexbox;
1978
- display: inline-flex;
1979
- float: left;
1980
- margin: 1.5px 2px 2px 0;
1981
- max-width: 100%;
1982
- overflow: hidden;
1983
- padding: 0 0 0 8px;
1984
- text-overflow: ellipsis;
1985
- white-space: nowrap;
2003
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2004
+ padding: 0;
1986
2005
  }
1987
2006
 
1988
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1989
- max-width: 100%;
1990
- overflow: hidden;
1991
- padding: 3px 8px 4.2px 0;
1992
- text-indent: 0;
1993
- text-overflow: ellipsis;
1994
- white-space: nowrap;
2007
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2008
+ line-height: 20px;
2009
+ padding-left: 10px;
1995
2010
  }
1996
2011
 
1997
- .e-small .e-multi-select-wrapper .e-chips {
1998
- margin: none;
2012
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2013
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2014
+ opacity: 0.3;
1999
2015
  }
2000
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2001
- padding: none;
2016
+
2017
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2018
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2019
+ opacity: 0.7;
2002
2020
  }
2003
2021
 
2004
- .e-multi-select-wrapper.e-delimiter .e-searcher {
2005
- display: inline-block;
2006
- float: none;
2022
+ .e-multi-select-wrapper input[readonly=true] {
2023
+ pointer-events: none;
2007
2024
  }
2008
2025
 
2009
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2010
- padding: 6px 8px 6px 0;
2026
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2027
+ pointer-events: none;
2011
2028
  }
2012
2029
 
2013
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2014
- padding: 6px 0 6px 8px;
2030
+ ejs-multiselect {
2031
+ display: block;
2015
2032
  }
2016
2033
 
2017
- .e-multi-select-wrapper .e-chips-close {
2018
- -ms-flex-item-align: center;
2019
- align-self: center;
2020
- display: -webkit-box;
2021
- display: -ms-flexbox;
2022
- display: flex;
2023
- float: right;
2024
- font-family: "e-icons";
2025
- height: 26px;
2026
- margin: 0;
2027
- width: 26px;
2034
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2035
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2036
+ line-height: 26px;
2028
2037
  }
2029
2038
 
2030
- .e-rtl .e-multi-select-wrapper .e-chips-close {
2031
- margin: 0;
2039
+ .e-small .e-multi-select-wrapper .e-chips-close {
2040
+ height: 22px;
2041
+ width: 22px;
2032
2042
  }
2033
2043
 
2034
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2035
- margin: 3px 0 0;
2044
+ .e-small .e-multi-select-wrapper {
2045
+ min-height: 24px;
2036
2046
  }
2037
2047
 
2038
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2039
- cursor: default;
2040
- font-size: 10px;
2041
- height: 30px;
2042
- margin-top: -3.2em;
2043
- position: absolute;
2044
- right: 0;
2045
- width: 30px;
2046
- top: 100%;
2048
+ .e-small .e-multi-select-wrapper input[type=text] {
2049
+ height: 24px;
2050
+ min-height: 24px;
2047
2051
  }
2048
2052
 
2049
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2050
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2051
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2052
- right: 27px;
2053
+ .e-small .e-multi-select-wrapper .e-delim-values {
2054
+ font-size: 13px;
2055
+ line-height: 24px;
2053
2056
  }
2054
2057
 
2055
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2056
- left: 27px;
2057
- right: auto;
2058
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2059
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2060
+ margin-top: -2.9em;
2058
2061
  }
2059
2062
 
2060
- .e-multi-select-wrapper input[type=text] {
2061
- background: none;
2062
- border: 0;
2063
- font-family: inherit;
2064
- font-size: 14px;
2065
- font-weight: normal;
2066
- height: 28px;
2067
- min-height: 28px;
2068
- outline: none;
2069
- padding: 0 0 0 10px;
2070
- text-indent: 0;
2063
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2064
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2065
+ margin-top: -2.5em;
2071
2066
  }
2072
2067
 
2073
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2074
- background: none;
2075
- border: 0;
2076
- color: inherit;
2077
- font-family: inherit;
2078
- font-size: 14px;
2079
- font-weight: normal;
2080
- height: 28px;
2081
- min-height: 28px;
2082
- outline: none;
2083
- padding: 0;
2084
- text-indent: 10px;
2068
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2069
+ background-size: 300px 33px;
2070
+ min-height: 33px;
2085
2071
  }
2086
2072
 
2087
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2088
- padding: 5px;
2073
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2074
+ color: inherit;
2089
2075
  }
2090
2076
 
2091
- /* stylelint-disable property-no-vendor-prefix */
2092
- .e-multi-select-wrapper input[type=text]::-ms-clear {
2093
- display: none;
2077
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2078
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2079
+ -webkit-box-align: normal;
2080
+ -ms-flex-align: normal;
2081
+ align-items: normal;
2094
2082
  }
2095
2083
 
2096
- .e-multi-select-wrapper .e-searcher {
2097
- display: block;
2098
- float: left;
2099
- width: auto;
2084
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2085
+ padding: 0 12px 0 8px;
2100
2086
  }
2101
2087
 
2102
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2103
- width: calc(100% - 40px);
2088
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2089
+ padding: 0;
2104
2090
  }
2105
2091
 
2106
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2107
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2108
- width: calc(100% - 40px);
2092
+ .e-filled.e-float-input .e-multi-select-wrapper {
2093
+ padding: 11px 12px 0;
2109
2094
  }
2110
2095
 
2111
- .e-multi-select-wrapper .e-delim-values {
2112
- font-family: inherit;
2113
- font-size: 14px;
2114
- line-height: 29px;
2115
- max-width: 100%;
2116
- padding-left: 10px;
2117
- padding-right: 0;
2118
- vertical-align: middle;
2096
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2097
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2098
+ padding: 12px 12px 0 8px;
2119
2099
  }
2120
2100
 
2121
- .e-multi-select-list-wrapper .e-hide-listitem,
2122
- .e-multi-select-list-wrapper .e-hide-group-header {
2123
- display: none;
2101
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2102
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2103
+ padding: 0;
2124
2104
  }
2125
2105
 
2126
- .e-multi-select-wrapper .e-delim-values .e-remain {
2127
- color: #000;
2128
- cursor: pointer;
2129
- display: inline-block;
2130
- font-size: 14px;
2131
- padding-left: 16px;
2106
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2107
+ height: 28px;
2132
2108
  }
2133
2109
 
2134
- .e-multiselect.e-disabled .e-multi-select-wrapper,
2135
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2136
- cursor: not-allowed;
2110
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2111
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2112
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2113
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2114
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2115
+ height: 24px;
2137
2116
  }
2138
2117
 
2139
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2140
- height: 38px;
2141
- left: 10px;
2142
- margin: 0 0 0 0;
2143
- margin-left: auto;
2144
- position: relative;
2145
- top: 0;
2146
- width: 38px;
2118
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2119
+ height: 18px;
2147
2120
  }
2148
2121
 
2149
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2150
- -ms-flex-item-align: center;
2151
- align-self: center;
2152
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2153
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2154
- display: -webkit-inline-box;
2155
- display: -ms-inline-flexbox;
2156
- display: inline-flex;
2157
- padding: 0 10px;
2158
- width: 92%;
2122
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2123
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2124
+ margin: 8px 8px 0 0;
2125
+ padding: 0 8px;
2159
2126
  }
2160
2127
 
2161
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
2162
- content: "";
2128
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2129
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2130
+ margin: 8px 0 0 8px;
2131
+ padding: 0 8px;
2163
2132
  }
2164
2133
 
2165
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2166
- float: none;
2134
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2135
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2136
+ height: 16px 16px;
2137
+ margin: 4px 4px 0 0;
2138
+ padding-right: 8px;
2167
2139
  }
2168
2140
 
2169
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2170
- padding-left: 0;
2171
- }
2172
- .e-multiselect.e-rtl .e-multi-select-wrapper {
2173
- padding: 0 2px 0 32px;
2174
- }
2175
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2176
- left: -12px;
2177
- }
2178
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2179
- margin: 0;
2180
- margin-right: auto;
2181
- }
2182
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2183
- float: right;
2141
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2142
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2143
+ margin: 4px 0 0 4px;
2184
2144
  }
2185
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2186
- float: right;
2187
- margin: 2px 0 2px 2px;
2145
+
2146
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2147
+ font-size: 13px;
2188
2148
  padding: 0 8px 0 0;
2189
2149
  }
2190
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2191
- padding: 3px 0 3px 8px;
2192
- }
2193
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2194
- float: left;
2195
- }
2196
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2197
- left: -9px;
2198
- }
2199
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2200
- padding: 0 4px 0 4px;
2201
- }
2202
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2203
- padding: 5px 8px 6px 0;
2204
- }
2205
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2206
- padding: 0 4px 0 0;
2207
- }
2208
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2209
- padding: 9px 4px;
2210
- }
2211
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2212
- left: 27px;
2213
- position: absolute;
2214
- right: auto;
2215
- }
2216
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2217
- left: -4px;
2218
- }
2219
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2220
- padding-right: 16px;
2150
+
2151
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2152
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2153
+ font-size: 12px;
2221
2154
  }
2222
2155
 
2223
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2224
- left: 30px;
2156
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2157
+ font-size: 12px;
2158
+ padding: 0 4px 0 0;
2225
2159
  }
2226
2160
 
2227
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2228
- left: -10px;
2161
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2162
+ padding: 0 0 0 4px;
2229
2163
  }
2230
2164
 
2231
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2232
- bottom: 1px;
2233
- margin-right: 8px;
2234
- position: relative;
2235
- text-indent: 0;
2236
- vertical-align: middle;
2165
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2166
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2167
+ font-size: 10px;
2237
2168
  }
2238
2169
 
2239
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2240
- padding-left: 14px;
2170
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2171
+ font-size: 13px;
2172
+ padding-right: 4px;
2241
2173
  }
2242
2174
 
2243
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2244
- padding-right: 18px;
2175
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2176
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2177
+ height: 38px;
2178
+ margin-top: -38px;
2179
+ right: 12px;
2180
+ top: 100%;
2181
+ width: 16px;
2245
2182
  }
2246
2183
 
2247
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2248
- bottom: 1px;
2249
- margin-right: 8px;
2250
- position: relative;
2251
- text-indent: 0;
2252
- vertical-align: middle;
2184
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2185
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2186
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2187
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2188
+ .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 {
2189
+ display: none;
2253
2190
  }
2254
2191
 
2255
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2256
- margin-left: 12px;
2192
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2257
2193
  margin-right: 0;
2258
2194
  }
2259
2195
 
2260
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2261
- margin-left: 12px;
2262
- margin-right: 0;
2196
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2197
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2198
+ cursor: not-allowed;
2263
2199
  }
2264
2200
 
2265
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2266
- padding-right: 0;
2201
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2202
+ .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 {
2203
+ cursor: pointer;
2267
2204
  }
2268
2205
 
2269
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2270
- padding-right: 15px;
2206
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2207
+ bottom: 0;
2208
+ right: 0;
2209
+ cursor: nwse-resize;
2210
+ height: 15px;
2211
+ position: absolute;
2212
+ width: 15px;
2271
2213
  }
2272
2214
 
2273
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2274
- padding-right: 10px;
2215
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2216
+ color: #000;
2217
+ top: 12px;
2275
2218
  }
2276
2219
 
2277
- .e-multi-select-list-wrapper .e-selectall-parent {
2278
- cursor: pointer;
2279
- display: block;
2280
- line-height: 36px;
2281
- overflow: hidden;
2282
- text-overflow: ellipsis;
2283
- padding-right: 16px;
2284
- position: relative;
2285
- text-indent: 11px;
2286
- white-space: nowrap;
2287
- width: 100%;
2220
+ .e-multiselect .e-multi-select-wrapper input {
2221
+ /* stylelint-disable property-no-vendor-prefix */
2288
2222
  }
2289
2223
 
2290
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2291
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2292
- padding-left: 16px;
2293
- padding-right: 15px;
2224
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2225
+ color: #4f4f4f;
2226
+ font-family: inherit;
2227
+ font-size: 14px;
2228
+ font-style: italic;
2294
2229
  }
2295
2230
 
2296
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2297
- color: #000;
2231
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2232
+ color: #4f4f4f;
2298
2233
  font-family: inherit;
2299
2234
  font-size: 14px;
2235
+ font-style: italic;
2300
2236
  }
2301
2237
 
2302
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2303
- bottom: 1px;
2304
- margin-right: 8px;
2305
- position: relative;
2306
- text-indent: 0;
2307
- vertical-align: middle;
2238
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2239
+ color: #4f4f4f;
2240
+ font-family: inherit;
2241
+ font-size: 14px;
2242
+ font-style: italic;
2308
2243
  }
2309
2244
 
2310
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2311
- margin-left: 12px;
2312
- margin-right: 0;
2245
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2246
+ color: #4f4f4f;
2247
+ font-family: inherit;
2248
+ font-size: 14px;
2249
+ font-style: italic;
2313
2250
  }
2314
2251
 
2315
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2316
- float: right;
2317
- margin-top: 0;
2252
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2253
+ color: #000;
2318
2254
  }
2319
2255
 
2320
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2321
- float: left;
2256
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2257
+ color: #000;
2322
2258
  }
2323
2259
 
2324
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
2325
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2326
- padding: 0;
2260
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2261
+ line-height: 26px;
2262
+ top: 0;
2327
2263
  }
2328
2264
 
2329
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2330
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2331
- padding: 8px;
2265
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
2266
+ color: #000;
2332
2267
  }
2333
2268
 
2334
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2335
- padding-left: 8px;
2269
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
2270
+ color: #000;
2336
2271
  }
2337
2272
 
2338
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2339
- padding: 0;
2273
+ .e-multi-select-wrapper .e-searcher input[type=text] {
2274
+ color: #000;
2275
+ height: 100%;
2276
+ min-height: 28px;
2340
2277
  }
2341
2278
 
2342
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2343
- line-height: 20px;
2344
- padding-left: 10px;
2279
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2280
+ background-color: #400074;
2345
2281
  }
2346
2282
 
2347
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2348
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2349
- opacity: 0.3;
2283
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2284
+ background-color: #400074;
2350
2285
  }
2351
2286
 
2352
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2353
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2354
- opacity: 0.7;
2287
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2288
+ padding-left: 0;
2355
2289
  }
2356
2290
 
2357
- .e-multi-select-wrapper input[readonly=true] {
2358
- pointer-events: none;
2291
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2292
+ border-bottom: 1px solid #000;
2359
2293
  }
2360
2294
 
2361
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2362
- pointer-events: none;
2295
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2296
+ background-color: #400074;
2363
2297
  }
2364
2298
 
2365
- ejs-multiselect {
2366
- display: block;
2299
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2300
+ border: 2px solid #400074;
2367
2301
  }
2368
2302
 
2369
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2370
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2371
- line-height: 26px;
2303
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2304
+ border-bottom: 2px solid #000;
2305
+ border-left: 2px solid #000;
2306
+ border-right: 2px solid #000;
2307
+ border-top: 2px solid #000;
2372
2308
  }
2373
2309
 
2374
- .e-small .e-multi-select-wrapper .e-chips-close {
2375
- height: 22px;
2376
- width: 22px;
2310
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2311
+ border: 2px solid #ecf;
2377
2312
  }
2378
2313
 
2379
- .e-small .e-multi-select-wrapper {
2380
- min-height: 24px;
2314
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2315
+ background-color: #000;
2316
+ border-bottom: 1px solid #000;
2317
+ border-left: 1px solid #000;
2318
+ border-right: 1px solid #000;
2319
+ border-top: 1px solid #000;
2381
2320
  }
2382
2321
 
2383
- .e-small .e-multi-select-wrapper input[type=text] {
2384
- height: 24px;
2385
- min-height: 24px;
2322
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2323
+ border: 2px solid #000;
2386
2324
  }
2387
2325
 
2388
- .e-small .e-multi-select-wrapper .e-delim-values {
2389
- font-size: 13px;
2390
- line-height: 24px;
2326
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2327
+ border: 2px solid #fff;
2391
2328
  }
2392
2329
 
2393
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2394
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2395
- margin-top: -2.9em;
2330
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2331
+ border: 2px solid #400074;
2396
2332
  }
2397
2333
 
2398
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2399
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2400
- margin-top: -2.5em;
2334
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2335
+ height: 30px;
2336
+ width: 30px;
2401
2337
  }
2402
2338
 
2403
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2404
- background-size: 300px 33px;
2405
- min-height: 33px;
2339
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2340
+ color: #fff;
2406
2341
  }
2407
2342
 
2408
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2409
- color: inherit;
2343
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2344
+ background-color: #400074;
2410
2345
  }
2411
2346
 
2412
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2413
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2414
- -webkit-box-align: normal;
2415
- -ms-flex-align: normal;
2416
- align-items: normal;
2347
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2348
+ background-color: #400074;
2417
2349
  }
2418
2350
 
2419
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2420
- padding: 0 12px 0 8px;
2351
+ .e-multiselect {
2352
+ -webkit-box-sizing: border-box;
2353
+ box-sizing: border-box;
2421
2354
  }
2422
2355
 
2423
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2424
- padding: 0;
2356
+ /* stylelint-disable property-no-vendor-prefix */
2357
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2358
+ -webkit-text-fill-color: #fff;
2359
+ color: #fff;
2360
+ font-family: inherit;
2361
+ font-size: 14px;
2425
2362
  }
2426
2363
 
2427
- .e-filled.e-float-input .e-multi-select-wrapper {
2428
- padding: 11px 12px 0;
2364
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2365
+ color: #fff;
2429
2366
  }
2430
2367
 
2431
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2432
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2433
- padding: 12px 12px 0 8px;
2368
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2369
+ color: #fff;
2434
2370
  }
2435
2371
 
2436
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2437
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2438
- padding: 0;
2372
+ .e-multi-select-wrapper .e-chips {
2373
+ background-color: #3d3d3d;
2374
+ border-radius: 0;
2375
+ height: 26px;
2439
2376
  }
2440
2377
 
2441
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2442
- height: 28px;
2378
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2379
+ background-color: #ecf;
2443
2380
  }
2444
2381
 
2445
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2446
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2447
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2448
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2449
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2450
- height: 24px;
2382
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2383
+ color: #000;
2451
2384
  }
2452
2385
 
2453
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2454
- height: 18px;
2386
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2387
+ -webkit-text-fill-color: #fff;
2388
+ color: #fff;
2389
+ font-size: 10px;
2455
2390
  }
2456
2391
 
2457
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2458
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2459
- margin: 8px 8px 0 0;
2460
- padding: 0 8px;
2392
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2393
+ background-color: #3d3d3d;
2394
+ border-radius: 0;
2395
+ color: #fff;
2396
+ height: 38px;
2397
+ line-height: 38px;
2461
2398
  }
2462
2399
 
2463
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2464
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2465
- margin: 8px 0 0 8px;
2466
- padding: 0 8px;
2400
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2401
+ color: #fff;
2467
2402
  }
2468
2403
 
2469
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2470
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2471
- height: 16px 16px;
2472
- margin: 4px 4px 0 0;
2473
- padding-right: 8px;
2404
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2405
+ height: 30px;
2474
2406
  }
2475
2407
 
2476
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2477
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2478
- margin: 4px 0 0 4px;
2408
+ .e-popup.e-multi-select-list-wrapper {
2409
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2410
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2411
+ -webkit-box-sizing: content-box;
2412
+ box-sizing: content-box;
2413
+ overflow: initial;
2479
2414
  }
2480
2415
 
2481
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2482
- font-size: 13px;
2483
- padding: 0 8px 0 0;
2416
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2417
+ border-bottom: 1px solid transparent;
2418
+ border-left: 1px solid #400074;
2419
+ border-right: 1px solid #400074;
2420
+ border-top: 1px solid #400074;
2484
2421
  }
2485
2422
 
2486
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2487
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2488
- font-size: 12px;
2423
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2424
+ background-color: transparent;
2425
+ border-color: transparent;
2426
+ color: #000;
2489
2427
  }
2490
2428
 
2491
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2492
- font-size: 12px;
2493
- padding: 0 4px 0 0;
2494
- }
2495
-
2496
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2497
- padding: 0 0 0 4px;
2429
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2430
+ background-color: transparent;
2431
+ border-color: transparent;
2432
+ color: #000;
2498
2433
  }
2499
2434
 
2500
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2501
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2502
- font-size: 10px;
2435
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2436
+ background-color: #ecf;
2503
2437
  }
2504
2438
 
2505
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2506
- font-size: 13px;
2507
- padding-right: 4px;
2439
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2440
+ background-color: #ecf;
2508
2441
  }
2509
2442
 
2510
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2511
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2512
- height: 38px;
2513
- margin-top: -38px;
2514
- right: 12px;
2515
- top: 100%;
2516
- width: 16px;
2443
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2444
+ border-bottom: 1px solid transparent;
2445
+ border-top: 1px solid transparent;
2517
2446
  }
2518
2447
 
2519
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2520
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2521
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2522
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2523
- .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 {
2524
- display: none;
2448
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2449
+ border-bottom: 1px solid transparent;
2525
2450
  }
2526
2451
 
2527
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2528
- margin-right: 0;
2452
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2453
+ background-color: #400074;
2454
+ -webkit-box-shadow: none;
2455
+ box-shadow: none;
2456
+ color: #fff;
2457
+ border: 1px solid #400074;
2529
2458
  }
2530
2459
 
2531
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2532
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2533
- cursor: not-allowed;
2460
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2461
+ background-color: #400074;
2462
+ -webkit-box-shadow: none;
2463
+ box-shadow: none;
2464
+ color: #fff;
2465
+ border: 1px solid #400074;
2534
2466
  }
2535
2467
 
2536
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2537
- .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 {
2538
- cursor: pointer;
2468
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2469
+ border: 1px solid transparent;
2539
2470
  }
2540
2471
 
2541
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2542
- bottom: 0;
2543
- right: 0;
2544
- cursor: nwse-resize;
2545
- height: 15px;
2546
- position: absolute;
2547
- width: 15px;
2472
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2473
+ border: 1px solid transparent;
2548
2474
  }
2549
2475
 
2550
- .e-listbox-tool .e-moveup::before {
2551
- content: "\e651";
2476
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2477
+ color: #000;
2552
2478
  }
2553
2479
 
2554
- .e-listbox-tool .e-movedown::before {
2555
- content: "\e652";
2480
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2481
+ color: #000;
2556
2482
  }
2557
2483
 
2558
- .e-listbox-tool .e-moveto::before {
2559
- content: "\e653";
2484
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2485
+ color: #000;
2560
2486
  }
2561
2487
 
2562
- .e-listbox-tool .e-movefrom::before {
2563
- content: "\e654";
2488
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2489
+ color: #000;
2564
2490
  }
2565
2491
 
2566
- .e-listbox-tool .e-moveallto::before {
2567
- content: "\e655";
2492
+ .e-ul.e-reorder {
2493
+ border-bottom: 1px solid #ecf;
2568
2494
  }
2569
2495
 
2570
- .e-listbox-tool .e-moveallfrom::before {
2571
- content: "\e656";
2496
+ .e-multi-select-list-wrapper .e-selectall-parent {
2497
+ border-bottom: 1px solid #ecf;
2572
2498
  }
2573
2499
 
2574
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2575
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2576
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2500
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2501
+ background-color: #fff;
2502
+ border-color: #fff;
2503
+ color: #400074;
2577
2504
  }
2578
2505
 
2579
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2580
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2506
+ .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 {
2507
+ background-color: #fff;
2508
+ border-color: #fff;
2509
+ color: #400074;
2581
2510
  }
2582
2511
 
2583
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2584
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2512
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2513
+ background-color: #fff;
2585
2514
  }
2586
2515
 
2587
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2588
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
2516
+ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
2517
+ background-color: #fff;
2589
2518
  }
2590
2519
 
2591
- .e-listbox-wrapper,
2592
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2593
- .e-listboxtool-container.e-listbox-container .e-ul {
2594
- border: 1px solid #757575;
2520
+ .e-multi-select-wrapper .e-delim-values {
2521
+ -webkit-text-fill-color: #fff;
2522
+ color: #fff;
2595
2523
  }
2596
2524
 
2597
- .e-listbox-wrapper,
2598
- .e-listbox-container,
2599
- .e-listboxtool-wrapper {
2600
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2601
- font-size: 13px;
2602
- }
2603
- .e-listbox-wrapper .e-list-header,
2604
- .e-listbox-container .e-list-header,
2605
- .e-listboxtool-wrapper .e-list-header {
2606
- background-color: #ccc;
2607
- border-color: #757575;
2608
- color: #23726c;
2609
- font-size: 14px;
2525
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2526
+ color: #000;
2610
2527
  }
2611
2528
 
2612
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2613
- .e-listbox-container.e-filter-list .e-list-parent,
2614
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2615
- height: calc(100% - 51px);
2529
+ .e-small .e-multi-select-wrapper .e-chips {
2530
+ height: 20px;
2616
2531
  }
2617
2532
 
2618
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2619
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2620
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2621
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2533
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2534
+ font-size: 12px;
2622
2535
  }
2623
2536
 
2624
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2625
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2626
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2627
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2537
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2538
+ font-size: 8px;
2628
2539
  }
2629
2540
 
2630
- .e-listbox-wrapper .e-list-item,
2631
- .e-listbox-container .e-list-item,
2632
- .e-listboxtool-wrapper .e-list-item {
2633
- background-color: #ccc;
2634
- border-bottom: 2px solid transparent;
2635
- border-left: 2px solid transparent;
2636
- border-right: 2px solid transparent;
2637
- border-top: 2px solid transparent;
2638
- color: #000;
2541
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2542
+ left: 7px;
2639
2543
  }
2640
2544
 
2641
- .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),
2642
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2643
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2644
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2645
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2646
- background-color: #ecf;
2647
- border-color: #000;
2648
- color: #000;
2545
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2546
+ -webkit-text-fill-color: #757575;
2547
+ color: #757575;
2649
2548
  }
2650
2549
 
2651
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2652
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2653
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2654
- background-color: #ccc;
2655
- color: #000;
2550
+ .e-listbox-tool .e-moveup::before {
2551
+ content: "\e651";
2656
2552
  }
2657
2553
 
2658
- .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,
2659
- .e-listbox-container .e-list-item.e-focused,
2660
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2661
- .e-listbox-container .e-list-item.e-selected,
2662
- .e-listboxtool-wrapper .e-list-item.e-focused,
2663
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2664
- .e-listboxtool-wrapper .e-list-item.e-selected {
2665
- background-color: #400074;
2666
- color: #fff;
2554
+ .e-listbox-tool .e-movedown::before {
2555
+ content: "\e652";
2667
2556
  }
2668
2557
 
2669
- .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,
2670
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2671
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2672
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2673
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2674
- background-color: #fff;
2675
- border-color: #fff;
2676
- color: #23726c;
2558
+ .e-listbox-tool .e-moveto::before {
2559
+ content: "\e653";
2677
2560
  }
2678
2561
 
2679
- .e-listbox-wrapper .e-list-group-item,
2680
- .e-listbox-container .e-list-group-item,
2681
- .e-listboxtool-wrapper .e-list-group-item {
2682
- background-color: #ccc;
2683
- border-color: #757575;
2684
- color: #23726c;
2685
- font-size: 14px;
2562
+ .e-listbox-tool .e-movefrom::before {
2563
+ content: "\e654";
2686
2564
  }
2687
2565
 
2688
- .e-listbox-wrapper .e-selectall-parent,
2689
- .e-listbox-container .e-selectall-parent,
2690
- .e-listboxtool-wrapper .e-selectall-parent {
2691
- background-color: #ccc;
2692
- border-bottom: 1px solid #000;
2693
- color: #000;
2566
+ .e-listbox-tool .e-moveallto::before {
2567
+ content: "\e655";
2694
2568
  }
2695
2569
 
2696
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2697
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2698
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2699
- background-color: transparent;
2570
+ .e-listbox-tool .e-moveallfrom::before {
2571
+ content: "\e656";
2700
2572
  }
2701
2573
 
2702
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2703
- .e-listbox-container.e-list-template .e-list-wrapper,
2704
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2705
- height: inherit;
2574
+ /* stylelint-disable property-no-vendor-prefix */
2575
+ .e-listbox-wrapper,
2576
+ .e-listbox-container,
2577
+ .e-listboxtool-wrapper {
2578
+ -webkit-overflow-scrolling: touch;
2579
+ -webkit-box-sizing: border-box;
2580
+ box-sizing: border-box;
2581
+ cursor: pointer;
2582
+ display: block;
2706
2583
  position: relative;
2584
+ -webkit-user-select: none;
2585
+ -moz-user-select: none;
2586
+ -ms-user-select: none;
2587
+ user-select: none;
2588
+ width: 100%;
2707
2589
  }
2708
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2709
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2710
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2711
- padding: 0.6153em 0.923em;
2712
- }
2713
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2714
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2715
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2716
- padding: 0.6153em 0.923em;
2717
- }
2718
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2719
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2720
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2721
- color: #000;
2722
- display: block;
2723
- font-size: 13px;
2724
- font-weight: 500;
2725
- margin: 0;
2726
- overflow: hidden;
2727
- padding: 0.093em 0;
2728
- text-overflow: ellipsis;
2729
- white-space: nowrap;
2730
- }
2731
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2732
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
2733
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
2734
- color: #000;
2735
- display: block;
2736
- font-size: 13px;
2737
- margin: 0;
2738
- padding: 0.093em 0;
2739
- word-wrap: break-word;
2740
- }
2741
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2742
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
2743
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
2744
- overflow: hidden;
2745
- text-overflow: ellipsis;
2746
- white-space: nowrap;
2747
- }
2748
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2749
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2750
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2751
- height: 3.0769em;
2752
- left: 0.923em;
2753
- position: absolute;
2754
- width: 3.0769em;
2755
- left: 0.923em;
2756
- }
2757
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2758
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2759
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2760
- padding-left: 4.923em;
2761
- padding-right: 0.923em;
2762
- }
2763
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2764
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2765
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2766
- padding-left: 0.923em;
2767
- padding-right: 4.923em;
2768
- }
2769
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2770
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2771
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2772
- height: 3.0769em;
2773
- left: 0.923em;
2774
- position: absolute;
2775
- width: 3.0769em;
2776
- right: 0.923em;
2777
- }
2778
- .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,
2779
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2780
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2781
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
2782
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2783
- top: 0.6153em;
2784
- }
2785
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2786
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2787
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2788
- font-size: 13px;
2789
- height: 1.5384em;
2790
- line-height: 1.3384em;
2791
- padding: 0;
2792
- position: absolute;
2793
- right: 0.923em;
2794
- top: 50%;
2795
- -webkit-transform: translateY(-50%);
2796
- transform: translateY(-50%);
2797
- width: 1.5384em;
2798
- }
2799
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2800
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2801
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2802
- padding-left: 4.923em;
2803
- padding-right: 3.3846em;
2804
- }
2805
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2806
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2807
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2808
- padding-left: 0.923em;
2809
- padding-right: 3.3846em;
2810
- }
2811
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2812
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
2813
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
2814
- display: block;
2815
- margin: 0;
2816
- overflow: hidden;
2817
- padding: 0.867em 0;
2818
- text-overflow: ellipsis;
2819
- white-space: nowrap;
2820
- }
2821
- .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,
2822
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2823
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
2824
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
2825
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
2826
- color: #000;
2827
- }
2828
- .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,
2829
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
2830
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
2831
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
2832
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
2833
- color: #fff;
2834
- }
2835
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2836
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
2837
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
2838
- left: inherit;
2839
- right: 0.923em;
2840
- }
2841
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2842
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
2843
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
2844
- padding-left: 0.923em;
2845
- padding-right: 4.923em;
2846
- }
2847
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2848
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
2849
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
2850
- padding-left: 4.923em;
2851
- padding-right: 0.923em;
2852
- }
2853
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2854
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
2855
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
2856
- left: 0.923em;
2857
- right: inherit;
2858
- }
2859
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2860
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
2861
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
2862
- left: 0.923em;
2863
- right: inherit;
2864
- }
2865
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2866
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
2867
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
2868
- padding-left: 3.3846em;
2869
- padding-right: 4.923em;
2870
- }
2871
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2872
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
2873
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
2874
- padding-left: 3.3846em;
2875
- padding-right: 0.923em;
2876
- }
2877
-
2878
- .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 {
2879
- height: 100%;
2880
- }
2881
-
2882
- .e-listbox-container.e-filter-list .e-list-wrap {
2883
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
2884
- }
2885
-
2886
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
2887
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2888
- }
2889
-
2890
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
2891
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2892
- }
2893
-
2894
- /* stylelint-disable property-no-vendor-prefix */
2895
- .e-listbox-wrapper,
2896
- .e-listbox-container,
2897
- .e-listboxtool-wrapper {
2898
- -webkit-overflow-scrolling: touch;
2899
- -webkit-box-sizing: border-box;
2900
- box-sizing: border-box;
2901
- cursor: pointer;
2902
- display: block;
2903
- position: relative;
2904
- -webkit-user-select: none;
2905
- -moz-user-select: none;
2906
- -ms-user-select: none;
2907
- user-select: none;
2908
- width: 100%;
2909
- }
2910
- .e-listbox-wrapper *,
2911
- .e-listbox-container *,
2912
- .e-listboxtool-wrapper * {
2913
- -webkit-box-sizing: border-box;
2914
- box-sizing: border-box;
2590
+ .e-listbox-wrapper *,
2591
+ .e-listbox-container *,
2592
+ .e-listboxtool-wrapper * {
2593
+ -webkit-box-sizing: border-box;
2594
+ box-sizing: border-box;
2915
2595
  }
2916
2596
  .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2917
2597
  .e-listbox-container .e-list-wrap:focus-visible,
@@ -3342,4 +3022,324 @@ ejs-listbox {
3342
3022
  width: auto;
3343
3023
  height: auto;
3344
3024
  padding-bottom: 2px;
3025
+ }
3026
+
3027
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3028
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3029
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3030
+ }
3031
+
3032
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3033
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3034
+ }
3035
+
3036
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3037
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3038
+ }
3039
+
3040
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3041
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3042
+ }
3043
+
3044
+ .e-listbox-wrapper,
3045
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3046
+ .e-listboxtool-container.e-listbox-container .e-ul {
3047
+ border: 1px solid #757575;
3048
+ }
3049
+
3050
+ .e-listbox-wrapper,
3051
+ .e-listbox-container,
3052
+ .e-listboxtool-wrapper {
3053
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3054
+ font-size: 13px;
3055
+ }
3056
+ .e-listbox-wrapper .e-list-header,
3057
+ .e-listbox-container .e-list-header,
3058
+ .e-listboxtool-wrapper .e-list-header {
3059
+ background-color: #ccc;
3060
+ border-color: #757575;
3061
+ color: #23726c;
3062
+ font-size: 14px;
3063
+ }
3064
+
3065
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3066
+ .e-listbox-container.e-filter-list .e-list-parent,
3067
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3068
+ height: calc(100% - 51px);
3069
+ }
3070
+
3071
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3072
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3073
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3074
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3075
+ }
3076
+
3077
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3078
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3079
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3080
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3081
+ }
3082
+
3083
+ .e-listbox-wrapper .e-list-item,
3084
+ .e-listbox-container .e-list-item,
3085
+ .e-listboxtool-wrapper .e-list-item {
3086
+ background-color: #ccc;
3087
+ border-bottom: 2px solid transparent;
3088
+ border-left: 2px solid transparent;
3089
+ border-right: 2px solid transparent;
3090
+ border-top: 2px solid transparent;
3091
+ color: #000;
3092
+ }
3093
+
3094
+ .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),
3095
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3096
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3097
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3098
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3099
+ background-color: #ecf;
3100
+ border-color: #000;
3101
+ color: #000;
3102
+ }
3103
+
3104
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3105
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3106
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3107
+ background-color: #ccc;
3108
+ color: #000;
3109
+ }
3110
+
3111
+ .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,
3112
+ .e-listbox-container .e-list-item.e-focused,
3113
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3114
+ .e-listbox-container .e-list-item.e-selected,
3115
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3116
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3117
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3118
+ background-color: #400074;
3119
+ color: #fff;
3120
+ }
3121
+
3122
+ .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,
3123
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3124
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3125
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3126
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3127
+ background-color: #fff;
3128
+ border-color: #fff;
3129
+ color: #23726c;
3130
+ }
3131
+
3132
+ .e-listbox-wrapper .e-list-group-item,
3133
+ .e-listbox-container .e-list-group-item,
3134
+ .e-listboxtool-wrapper .e-list-group-item {
3135
+ background-color: #ccc;
3136
+ border-color: #757575;
3137
+ color: #23726c;
3138
+ font-size: 14px;
3139
+ }
3140
+
3141
+ .e-listbox-wrapper .e-selectall-parent,
3142
+ .e-listbox-container .e-selectall-parent,
3143
+ .e-listboxtool-wrapper .e-selectall-parent {
3144
+ background-color: #ccc;
3145
+ border-bottom: 1px solid #000;
3146
+ color: #000;
3147
+ }
3148
+
3149
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3150
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3151
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3152
+ background-color: transparent;
3153
+ }
3154
+
3155
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3156
+ .e-listbox-container.e-list-template .e-list-wrapper,
3157
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3158
+ height: inherit;
3159
+ position: relative;
3160
+ }
3161
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3162
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3163
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3164
+ padding: 0.6153em 0.923em;
3165
+ }
3166
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3167
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3168
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3169
+ padding: 0.6153em 0.923em;
3170
+ }
3171
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3172
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3173
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3174
+ color: #000;
3175
+ display: block;
3176
+ font-size: 13px;
3177
+ font-weight: 500;
3178
+ margin: 0;
3179
+ overflow: hidden;
3180
+ padding: 0.093em 0;
3181
+ text-overflow: ellipsis;
3182
+ white-space: nowrap;
3183
+ }
3184
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3185
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3186
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3187
+ color: #000;
3188
+ display: block;
3189
+ font-size: 13px;
3190
+ margin: 0;
3191
+ padding: 0.093em 0;
3192
+ word-wrap: break-word;
3193
+ }
3194
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3195
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3196
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3197
+ overflow: hidden;
3198
+ text-overflow: ellipsis;
3199
+ white-space: nowrap;
3200
+ }
3201
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3202
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3203
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3204
+ height: 3.0769em;
3205
+ left: 0.923em;
3206
+ position: absolute;
3207
+ width: 3.0769em;
3208
+ left: 0.923em;
3209
+ }
3210
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3211
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3212
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3213
+ padding-left: 4.923em;
3214
+ padding-right: 0.923em;
3215
+ }
3216
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3217
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3218
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3219
+ padding-left: 0.923em;
3220
+ padding-right: 4.923em;
3221
+ }
3222
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3223
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3224
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3225
+ height: 3.0769em;
3226
+ left: 0.923em;
3227
+ position: absolute;
3228
+ width: 3.0769em;
3229
+ right: 0.923em;
3230
+ }
3231
+ .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,
3232
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3233
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3234
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3235
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3236
+ top: 0.6153em;
3237
+ }
3238
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3239
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3240
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3241
+ font-size: 13px;
3242
+ height: 1.5384em;
3243
+ line-height: 1.3384em;
3244
+ padding: 0;
3245
+ position: absolute;
3246
+ right: 0.923em;
3247
+ top: 50%;
3248
+ -webkit-transform: translateY(-50%);
3249
+ transform: translateY(-50%);
3250
+ width: 1.5384em;
3251
+ }
3252
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3253
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3254
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3255
+ padding-left: 4.923em;
3256
+ padding-right: 3.3846em;
3257
+ }
3258
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3259
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3260
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3261
+ padding-left: 0.923em;
3262
+ padding-right: 3.3846em;
3263
+ }
3264
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3265
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3266
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3267
+ display: block;
3268
+ margin: 0;
3269
+ overflow: hidden;
3270
+ padding: 0.867em 0;
3271
+ text-overflow: ellipsis;
3272
+ white-space: nowrap;
3273
+ }
3274
+ .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,
3275
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3276
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3277
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3278
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3279
+ color: #000;
3280
+ }
3281
+ .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,
3282
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3283
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3284
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3285
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3286
+ color: #fff;
3287
+ }
3288
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3289
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3290
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3291
+ left: inherit;
3292
+ right: 0.923em;
3293
+ }
3294
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3295
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3296
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3297
+ padding-left: 0.923em;
3298
+ padding-right: 4.923em;
3299
+ }
3300
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3301
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3302
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3303
+ padding-left: 4.923em;
3304
+ padding-right: 0.923em;
3305
+ }
3306
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3307
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3308
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3309
+ left: 0.923em;
3310
+ right: inherit;
3311
+ }
3312
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3313
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3314
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3315
+ left: 0.923em;
3316
+ right: inherit;
3317
+ }
3318
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3319
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3320
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3321
+ padding-left: 3.3846em;
3322
+ padding-right: 4.923em;
3323
+ }
3324
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3325
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3326
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3327
+ padding-left: 3.3846em;
3328
+ padding-right: 0.923em;
3329
+ }
3330
+
3331
+ .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 {
3332
+ height: 100%;
3333
+ }
3334
+
3335
+ .e-listbox-container.e-filter-list .e-list-wrap {
3336
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3337
+ }
3338
+
3339
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3340
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3341
+ }
3342
+
3343
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3344
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3345
3345
  }