@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;
@@ -241,225 +387,79 @@
241
387
  padding: 0 8px 0 0;
242
388
  }
243
389
 
244
- .e-dropdownbase {
245
- display: block;
246
- height: 100%;
247
- min-height: 36px;
248
- position: relative;
249
- width: 100%;
390
+ .e-bigger .e-dropdownbase,
391
+ .e-dropdownbase.e-bigger {
392
+ min-height: 45px;
250
393
  }
251
- .e-dropdownbase .e-list-parent {
252
- margin: 0;
253
- padding: 0;
394
+ .e-bigger .e-dropdownbase .e-list-item,
395
+ .e-dropdownbase.e-bigger .e-list-item {
396
+ line-height: 48px;
397
+ text-indent: 10px;
254
398
  }
255
399
 
256
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
257
- cursor: default;
400
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
401
+ .e-dropdownbase.e-bigger .e-list-group-item,
402
+ .e-dropdownbase.e-bigger .e-fixed-head {
403
+ line-height: 48px;
404
+ text-indent: 10px;
258
405
  }
259
406
 
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%;
407
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
408
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
409
+ font-size: 20px;
268
410
  }
269
411
 
270
- .e-dropdownbase .e-list-item .e-list-icon {
271
- font-size: 16px;
272
- vertical-align: middle;
412
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
413
+ padding-left: 20px;
273
414
  }
274
415
 
275
- .e-dropdownbase .e-fixed-head {
276
- position: absolute;
277
- top: 0;
416
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
417
+ padding-left: 20px;
278
418
  }
279
419
 
280
- .e-dropdownbase.e-content {
281
- overflow: auto;
282
- position: relative;
420
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
421
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
422
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
423
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
424
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
425
+ padding-left: 16px;
426
+ padding-right: 0;
427
+ }
428
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
429
+ font-size: 14px;
430
+ padding-left: 10px;
283
431
  }
284
432
 
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;
433
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
434
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
435
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
290
436
  font-size: 14px;
291
- padding: 14px 16px;
292
- text-align: center;
293
437
  }
294
438
 
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;
439
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
440
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
441
+ color: #000;
442
+ line-height: 40px;
443
+ min-height: 40px;
444
+ text-indent: 16px;
302
445
  }
303
446
 
304
- .e-mention.e-popup .e-dropdownbase {
305
- min-height: 36px;
447
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
448
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
449
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
450
+ line-height: 40px;
451
+ min-height: 40px;
452
+ padding-left: 10px;
306
453
  }
307
454
 
308
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
309
- display: inline;
310
- font-weight: bold;
311
- vertical-align: baseline;
455
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
456
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
457
+ font-size: 18px;
312
458
  }
313
459
 
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
- .e-dropdownbase .e-list-item .e-list-icon {
367
- padding: 0 10px 0 0;
368
- }
369
-
370
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
371
- border: 2px solid #000;
372
- }
373
-
374
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
375
- border: 2px solid #fff;
376
- }
377
-
378
- .e-dropdownbase .e-list-item.e-active {
379
- border: 2px solid #400074;
380
- }
381
-
382
- .e-dropdownbase .e-list-item.e-item-focus {
383
- border: 2px solid #ecf;
384
- }
385
-
386
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
387
- padding: 0 8px 0 0;
388
- }
389
-
390
- .e-bigger .e-dropdownbase,
391
- .e-dropdownbase.e-bigger {
392
- min-height: 45px;
393
- }
394
- .e-bigger .e-dropdownbase .e-list-item,
395
- .e-dropdownbase.e-bigger .e-list-item {
396
- line-height: 48px;
397
- text-indent: 10px;
398
- }
399
-
400
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
401
- .e-dropdownbase.e-bigger .e-list-group-item,
402
- .e-dropdownbase.e-bigger .e-fixed-head {
403
- line-height: 48px;
404
- text-indent: 10px;
405
- }
406
-
407
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
408
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
409
- font-size: 20px;
410
- }
411
-
412
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
413
- padding-left: 20px;
414
- }
415
-
416
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
417
- padding-left: 20px;
418
- }
419
-
420
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
421
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
422
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
423
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
424
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
425
- padding-left: 16px;
426
- padding-right: 0;
427
- }
428
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
429
- font-size: 14px;
430
- padding-left: 10px;
431
- }
432
-
433
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
434
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
435
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
436
- font-size: 14px;
437
- }
438
-
439
- .e-bigger.e-small .e-dropdownbase .e-list-item,
440
- .e-dropdownbase.e-small.e-bigger .e-list-item {
441
- color: #000;
442
- line-height: 40px;
443
- min-height: 40px;
444
- text-indent: 16px;
445
- }
446
-
447
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
448
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
449
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
450
- line-height: 40px;
451
- min-height: 40px;
452
- padding-left: 10px;
453
- }
454
-
455
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
456
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
457
- font-size: 18px;
458
- }
459
-
460
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
- padding: 0 12px 0 0;
460
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
+ padding: 0 12px 0 0;
463
463
  }
464
464
 
465
465
  /* stylelint-disable property-no-vendor-prefix */
@@ -610,69 +610,6 @@
610
610
  border-color: #000;
611
611
  }
612
612
 
613
- .e-popup {
614
- border-color: #757575;
615
- }
616
-
617
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
618
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
619
- color: #000;
620
- }
621
-
622
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
623
- border-color: transparent;
624
- }
625
-
626
- .e-popup.e-ddl .e-dropdownbase {
627
- min-height: 26px;
628
- }
629
-
630
- .e-ddl.e-popup {
631
- border: 0;
632
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
633
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
634
- margin-top: 1px;
635
- }
636
-
637
- .e-ddl.e-popup .e-content.e-nodata {
638
- background-color: #fff;
639
- }
640
-
641
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
642
- color: #23726c;
643
- }
644
-
645
- .e-ddl.e-popup .e-input-group {
646
- display: -webkit-box;
647
- display: -ms-flexbox;
648
- display: flex;
649
- width: auto;
650
- }
651
-
652
- .e-ddl.e-popup .e-input-group input {
653
- line-height: 15px;
654
- }
655
-
656
- .e-ddl.e-popup .e-input-group .e-clear-icon {
657
- border-radius: 20px;
658
- height: 20px;
659
- margin: 5px;
660
- min-width: 20px;
661
- }
662
-
663
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
664
- font-size: 10px;
665
- }
666
-
667
- .e-ddl.e-popup .e-filter-parent {
668
- border-left-width: 0;
669
- border-right-width: 0;
670
- }
671
-
672
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
673
- border-color: #000;
674
- }
675
-
676
613
  .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
677
614
  width: 100%;
678
615
  border: 0 solid;
@@ -952,46 +889,109 @@ ejs-dropdownlist {
952
889
  border-color: #000;
953
890
  }
954
891
 
955
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
956
- margin-left: -20px;
892
+ .e-popup {
893
+ border-color: #757575;
957
894
  }
958
895
 
959
- .e-bigger .e-ddl.e-popup .e-list-item {
960
- font-size: 15px;
961
- }
962
- .e-bigger .e-ddl.e-popup .e-list-group-item {
963
- font-size: 15px;
964
- }
965
- .e-bigger .e-ddl.e-popup .e-input-group {
966
- padding: 4px 0;
896
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
897
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
898
+ color: #000;
967
899
  }
968
900
 
969
- .e-bigger.e-ddl.e-popup .e-list-item {
970
- font-size: 15px;
971
- }
972
- .e-bigger.e-ddl.e-popup .e-list-group-item {
973
- font-size: 15px;
901
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
902
+ border-color: transparent;
974
903
  }
975
- .e-bigger.e-ddl.e-popup .e-input-group {
976
- padding: 4px 0;
904
+
905
+ .e-popup.e-ddl .e-dropdownbase {
906
+ min-height: 26px;
977
907
  }
978
908
 
979
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
980
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
981
- font-size: 14px;
909
+ .e-ddl.e-popup {
910
+ border: 0;
911
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
912
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
913
+ margin-top: 1px;
982
914
  }
983
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
984
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
985
- font-size: 14px;
915
+
916
+ .e-ddl.e-popup .e-content.e-nodata {
917
+ background-color: #fff;
986
918
  }
987
919
 
988
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
989
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
990
- font-size: 14px;
920
+ .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
921
+ color: #23726c;
991
922
  }
992
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
993
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
994
- font-size: 14px;
923
+
924
+ .e-ddl.e-popup .e-input-group {
925
+ display: -webkit-box;
926
+ display: -ms-flexbox;
927
+ display: flex;
928
+ width: auto;
929
+ }
930
+
931
+ .e-ddl.e-popup .e-input-group input {
932
+ line-height: 15px;
933
+ }
934
+
935
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
936
+ border-radius: 20px;
937
+ height: 20px;
938
+ margin: 5px;
939
+ min-width: 20px;
940
+ }
941
+
942
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
943
+ font-size: 10px;
944
+ }
945
+
946
+ .e-ddl.e-popup .e-filter-parent {
947
+ border-left-width: 0;
948
+ border-right-width: 0;
949
+ }
950
+
951
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
952
+ border-color: #000;
953
+ }
954
+
955
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
956
+ margin-left: -20px;
957
+ }
958
+
959
+ .e-bigger .e-ddl.e-popup .e-list-item {
960
+ font-size: 15px;
961
+ }
962
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
963
+ font-size: 15px;
964
+ }
965
+ .e-bigger .e-ddl.e-popup .e-input-group {
966
+ padding: 4px 0;
967
+ }
968
+
969
+ .e-bigger.e-ddl.e-popup .e-list-item {
970
+ font-size: 15px;
971
+ }
972
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
973
+ font-size: 15px;
974
+ }
975
+ .e-bigger.e-ddl.e-popup .e-input-group {
976
+ padding: 4px 0;
977
+ }
978
+
979
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
980
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
981
+ font-size: 14px;
982
+ }
983
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
984
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
985
+ font-size: 14px;
986
+ }
987
+
988
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
989
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
990
+ font-size: 14px;
991
+ }
992
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
993
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
994
+ font-size: 14px;
995
995
  }
996
996
 
997
997
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
@@ -1051,39 +1051,6 @@ ejs-dropdownlist {
1051
1051
  content: "\e7a7";
1052
1052
  }
1053
1053
 
1054
- /* stylelint-disable */
1055
- .e-ddt .e-chips {
1056
- background-color: #3d3d3d;
1057
- }
1058
- .e-ddt .e-chips .e-chips-close::before {
1059
- color: #fff;
1060
- }
1061
- .e-ddt .e-chips > .e-chipcontent {
1062
- color: #fff;
1063
- }
1064
- .e-ddt .e-overflow .e-remain {
1065
- color: #000;
1066
- }
1067
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1068
- background-color: #fff;
1069
- }
1070
- .e-ddt.e-popup {
1071
- background: #fff;
1072
- border-color: #757575;
1073
- }
1074
- .e-ddt.e-popup .e-popup-content.e-no-data {
1075
- color: #000;
1076
- }
1077
- .e-ddt.e-popup .e-selectall-parent {
1078
- border-bottom-color: #757575;
1079
- }
1080
- .e-ddt.e-popup .e-selectall-parent:focus {
1081
- background: #ecf;
1082
- }
1083
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1084
- color: #000;
1085
- }
1086
-
1087
1054
  /* stylelint-disable */
1088
1055
  .e-ddt {
1089
1056
  cursor: pointer;
@@ -1398,6 +1365,39 @@ ejs-dropdownlist {
1398
1365
  display: none;
1399
1366
  }
1400
1367
 
1368
+ /* stylelint-disable */
1369
+ .e-ddt .e-chips {
1370
+ background-color: #3d3d3d;
1371
+ }
1372
+ .e-ddt .e-chips .e-chips-close::before {
1373
+ color: #fff;
1374
+ }
1375
+ .e-ddt .e-chips > .e-chipcontent {
1376
+ color: #fff;
1377
+ }
1378
+ .e-ddt .e-overflow .e-remain {
1379
+ color: #000;
1380
+ }
1381
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1382
+ background-color: #fff;
1383
+ }
1384
+ .e-ddt.e-popup {
1385
+ background: #fff;
1386
+ border-color: #757575;
1387
+ }
1388
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1389
+ color: #000;
1390
+ }
1391
+ .e-ddt.e-popup .e-selectall-parent {
1392
+ border-bottom-color: #757575;
1393
+ }
1394
+ .e-ddt.e-popup .e-selectall-parent:focus {
1395
+ background: #ecf;
1396
+ }
1397
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1398
+ color: #000;
1399
+ }
1400
+
1401
1401
  /* stylelint-disable */
1402
1402
  .e-bigger .e-ddt .e-chips,
1403
1403
  .e-ddt.e-bigger .e-chips {
@@ -1615,6 +1615,30 @@ ejs-dropdownlist {
1615
1615
  content: "";
1616
1616
  }
1617
1617
 
1618
+ .e-dropdownbase .e-list-item .e-list-icon {
1619
+ padding: 0 10px 0 0;
1620
+ }
1621
+
1622
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1623
+ border: 2px solid #000;
1624
+ }
1625
+
1626
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1627
+ border: 2px solid #fff;
1628
+ }
1629
+
1630
+ .e-dropdownbase .e-list-item.e-active {
1631
+ border: 2px solid #400074;
1632
+ }
1633
+
1634
+ .e-dropdownbase .e-list-item.e-item-focus {
1635
+ border: 2px solid #ecf;
1636
+ }
1637
+
1638
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1639
+ padding: 0 8px 0 0;
1640
+ }
1641
+
1618
1642
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1619
1643
  color: #000;
1620
1644
  top: 12px;
@@ -1739,1139 +1763,1115 @@ ejs-dropdownlist {
1739
1763
  width: 30px;
1740
1764
  }
1741
1765
 
1742
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1743
- color: #fff;
1744
- }
1745
-
1746
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1747
- background-color: #400074;
1748
- }
1749
-
1750
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1751
- background-color: #400074;
1752
- }
1753
-
1754
- .e-multiselect {
1766
+ .e-multi-select-wrapper {
1755
1767
  -webkit-box-sizing: border-box;
1756
1768
  box-sizing: border-box;
1769
+ cursor: text;
1770
+ line-height: normal;
1771
+ min-height: 30px;
1772
+ padding: 0 32px 0 2px;
1773
+ position: relative;
1774
+ -webkit-user-select: none;
1775
+ -moz-user-select: none;
1776
+ -ms-user-select: none;
1777
+ user-select: none;
1778
+ width: 100%;
1757
1779
  }
1758
-
1759
- /* stylelint-disable property-no-vendor-prefix */
1760
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1761
- -webkit-text-fill-color: #fff;
1762
- color: #fff;
1763
- font-family: inherit;
1764
- font-size: 14px;
1765
- }
1766
-
1767
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1768
- color: #fff;
1769
- }
1770
-
1771
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1772
- color: #fff;
1780
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1781
+ height: 27px;
1782
+ vertical-align: middle;
1773
1783
  }
1774
-
1775
- .e-multi-select-wrapper .e-chips {
1776
- background-color: #3d3d3d;
1777
- border-radius: 0;
1778
- height: 26px;
1784
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1785
+ height: 100%;
1786
+ min-height: 100%;
1779
1787
  }
1780
-
1781
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1782
- background-color: #ecf;
1788
+ .e-multi-select-wrapper .e-delim-view {
1789
+ white-space: nowrap;
1783
1790
  }
1784
-
1785
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1786
- color: #000;
1791
+ .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 {
1792
+ -webkit-box-sizing: border-box;
1793
+ box-sizing: border-box;
1794
+ display: inline-block;
1795
+ overflow: hidden;
1796
+ text-overflow: ellipsis;
1787
1797
  }
1788
-
1789
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1790
- -webkit-text-fill-color: #fff;
1798
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1791
1799
  color: #fff;
1792
1800
  font-size: 10px;
1801
+ left: 12px;
1802
+ top: 0;
1793
1803
  }
1794
-
1795
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1804
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1796
1805
  background-color: #3d3d3d;
1797
- border-radius: 0;
1798
1806
  color: #fff;
1799
- height: 38px;
1800
- line-height: 38px;
1807
+ padding: 9px 0;
1801
1808
  }
1802
-
1803
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1804
- color: #fff;
1809
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1810
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1811
+ width: 0;
1805
1812
  }
1806
-
1807
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1808
- height: 30px;
1813
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1814
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1815
+ height: 1px;
1816
+ min-height: 1px;
1809
1817
  }
1810
-
1811
- .e-popup.e-multi-select-list-wrapper {
1812
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1813
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1814
- -webkit-box-sizing: content-box;
1815
- box-sizing: content-box;
1816
- overflow: initial;
1818
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1819
+ max-width: 100%;
1817
1820
  }
1818
1821
 
1819
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1820
- border-bottom: 1px solid transparent;
1821
- border-left: 1px solid #400074;
1822
- border-right: 1px solid #400074;
1823
- border-top: 1px solid #400074;
1822
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1823
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1824
+ display: -webkit-box;
1825
+ display: -ms-flexbox;
1826
+ display: flex;
1827
+ float: left;
1828
+ width: auto;
1824
1829
  }
1825
-
1826
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1827
- background-color: transparent;
1828
- border-color: transparent;
1829
- color: #000;
1830
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1831
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1832
+ display: -webkit-inline-box;
1833
+ display: -ms-inline-flexbox;
1834
+ display: inline-flex;
1835
+ float: none;
1830
1836
  }
1831
-
1832
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1833
- background-color: transparent;
1834
- border-color: transparent;
1835
- color: #000;
1837
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1838
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1839
+ width: 0;
1836
1840
  }
1837
-
1838
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1839
- background-color: #ecf;
1841
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1842
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1843
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1844
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1845
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1846
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1847
+ display: none;
1840
1848
  }
1841
-
1842
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1843
- background-color: #ecf;
1849
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1850
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1851
+ padding: 0 48px 0 0;
1844
1852
  }
1845
-
1846
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1847
- border-bottom: 1px solid transparent;
1848
- border-top: 1px solid transparent;
1853
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1854
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1855
+ -webkit-box-align: center;
1856
+ -ms-flex-align: center;
1857
+ align-items: center;
1858
+ display: inline;
1859
+ max-width: 100%;
1860
+ word-break: break-word;
1849
1861
  }
1850
-
1851
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1852
- border-bottom: 1px solid transparent;
1862
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1863
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1864
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1865
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1866
+ -webkit-box-align: center;
1867
+ -ms-flex-align: center;
1868
+ align-items: center;
1869
+ cursor: pointer;
1870
+ display: none;
1871
+ -webkit-box-orient: horizontal;
1872
+ -webkit-box-direction: normal;
1873
+ -ms-flex-direction: row;
1874
+ flex-direction: row;
1875
+ margin-top: -3.2em;
1876
+ outline: 0;
1877
+ padding: 0;
1878
+ position: absolute;
1879
+ right: 0;
1880
+ top: 100%;
1853
1881
  }
1854
-
1855
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1856
- background-color: #400074;
1857
- -webkit-box-shadow: none;
1858
- box-shadow: none;
1859
- color: #fff;
1860
- border: 1px solid #400074;
1882
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1883
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1884
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1885
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1886
+ display: -webkit-box;
1887
+ display: -ms-flexbox;
1888
+ display: flex;
1861
1889
  }
1862
-
1863
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1864
- background-color: #400074;
1865
- -webkit-box-shadow: none;
1866
- box-shadow: none;
1867
- color: #fff;
1868
- border: 1px solid #400074;
1890
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1891
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1892
+ margin-right: 0;
1893
+ margin-top: -2.8em;
1894
+ right: 0;
1869
1895
  }
1870
-
1871
- .e-popup.e-multi-select-list-wrapper .e-list-item {
1872
- border: 1px solid transparent;
1896
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1897
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1898
+ top: -1px;
1873
1899
  }
1874
-
1875
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1876
- border: 1px solid transparent;
1900
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1901
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1902
+ font-size: 10px;
1903
+ height: 30px;
1904
+ width: 30px;
1877
1905
  }
1878
1906
 
1879
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1880
- color: #000;
1907
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1908
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1909
+ float: right;
1881
1910
  }
1882
-
1883
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1884
- color: #000;
1911
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1912
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1913
+ float: none;
1885
1914
  }
1886
-
1887
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1888
- color: #000;
1915
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1916
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1917
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1918
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1919
+ left: 0;
1920
+ right: auto;
1921
+ }
1922
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1923
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1924
+ padding: 0 0 0 48px;
1889
1925
  }
1890
1926
 
1891
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1892
- color: #000;
1927
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1928
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1929
+ opacity: 0.7;
1930
+ pointer-events: none;
1893
1931
  }
1894
1932
 
1895
- .e-ul.e-reorder {
1896
- border-bottom: 1px solid #ecf;
1933
+ .e-multiselect.e-input-group,
1934
+ .e-multiselect.e-float-input {
1935
+ word-wrap: initial;
1897
1936
  }
1898
1937
 
1899
- .e-multi-select-list-wrapper .e-selectall-parent {
1900
- border-bottom: 1px solid #ecf;
1938
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1939
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1940
+ top: 15px;
1901
1941
  }
1902
1942
 
1903
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1904
- background-color: #fff;
1905
- border-color: #fff;
1906
- color: #400074;
1943
+ .e-multi-select-wrapper.e-close-icon-hide {
1944
+ padding-right: 0;
1907
1945
  }
1908
1946
 
1909
- .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 {
1910
- background-color: #fff;
1911
- border-color: #fff;
1912
- color: #400074;
1947
+ .e-multi-select-wrapper .e-chips-collection {
1948
+ cursor: default;
1949
+ display: block;
1913
1950
  }
1914
1951
 
1915
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
1916
- background-color: #fff;
1952
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1953
+ margin-right: 30px;
1917
1954
  }
1918
1955
 
1919
- 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) {
1920
- background-color: #fff;
1956
+ .e-multi-select-wrapper .e-multi-hidden {
1957
+ border: 0;
1958
+ height: 0;
1959
+ position: absolute;
1960
+ visibility: hidden;
1961
+ width: 0;
1921
1962
  }
1922
1963
 
1923
- .e-multi-select-wrapper .e-delim-values {
1924
- -webkit-text-fill-color: #fff;
1925
- color: #fff;
1964
+ .e-multi-select-wrapper .e-chips {
1965
+ -webkit-box-align: center;
1966
+ -ms-flex-align: center;
1967
+ align-items: center;
1968
+ display: -webkit-inline-box;
1969
+ display: -ms-inline-flexbox;
1970
+ display: inline-flex;
1971
+ float: left;
1972
+ margin: 1.5px 2px 2px 0;
1973
+ max-width: 100%;
1974
+ overflow: hidden;
1975
+ padding: 0 0 0 8px;
1976
+ text-overflow: ellipsis;
1977
+ white-space: nowrap;
1926
1978
  }
1927
1979
 
1928
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1929
- color: #000;
1980
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1981
+ max-width: 100%;
1982
+ overflow: hidden;
1983
+ padding: 3px 8px 4.2px 0;
1984
+ text-indent: 0;
1985
+ text-overflow: ellipsis;
1986
+ white-space: nowrap;
1930
1987
  }
1931
1988
 
1932
1989
  .e-small .e-multi-select-wrapper .e-chips {
1933
- height: 20px;
1990
+ margin: none;
1934
1991
  }
1935
-
1936
1992
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1937
- font-size: 12px;
1938
- }
1939
-
1940
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1941
- font-size: 8px;
1993
+ padding: none;
1942
1994
  }
1943
1995
 
1944
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
1945
- left: 7px;
1996
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1997
+ display: inline-block;
1998
+ float: none;
1946
1999
  }
1947
2000
 
1948
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1949
- -webkit-text-fill-color: #757575;
1950
- color: #757575;
2001
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2002
+ padding: 6px 8px 6px 0;
1951
2003
  }
1952
2004
 
1953
- .e-dropdownbase .e-list-item .e-list-icon {
1954
- padding: 0 10px 0 0;
2005
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2006
+ padding: 6px 0 6px 8px;
1955
2007
  }
1956
2008
 
1957
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1958
- border: 2px solid #000;
2009
+ .e-multi-select-wrapper .e-chips-close {
2010
+ -ms-flex-item-align: center;
2011
+ align-self: center;
2012
+ display: -webkit-box;
2013
+ display: -ms-flexbox;
2014
+ display: flex;
2015
+ float: right;
2016
+ font-family: "e-icons";
2017
+ height: 26px;
2018
+ margin: 0;
2019
+ width: 26px;
1959
2020
  }
1960
2021
 
1961
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1962
- border: 2px solid #fff;
2022
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
2023
+ margin: 0;
1963
2024
  }
1964
2025
 
1965
- .e-dropdownbase .e-list-item.e-active {
1966
- border: 2px solid #400074;
2026
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2027
+ margin: 3px 0 0;
1967
2028
  }
1968
2029
 
1969
- .e-dropdownbase .e-list-item.e-item-focus {
1970
- border: 2px solid #ecf;
1971
- }
1972
-
1973
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
1974
- padding: 0 8px 0 0;
2030
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2031
+ cursor: default;
2032
+ font-size: 10px;
2033
+ height: 30px;
2034
+ margin-top: -3.2em;
2035
+ position: absolute;
2036
+ right: 0;
2037
+ width: 30px;
2038
+ top: 100%;
1975
2039
  }
1976
2040
 
1977
- .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1978
- color: #000;
1979
- top: 12px;
2041
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2042
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2043
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2044
+ right: 27px;
1980
2045
  }
1981
2046
 
1982
- .e-multiselect .e-multi-select-wrapper input {
1983
- /* stylelint-disable property-no-vendor-prefix */
2047
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2048
+ left: 27px;
2049
+ right: auto;
1984
2050
  }
1985
2051
 
1986
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1987
- color: #4f4f4f;
2052
+ .e-multi-select-wrapper input[type=text] {
2053
+ background: none;
2054
+ border: 0;
1988
2055
  font-family: inherit;
1989
2056
  font-size: 14px;
1990
- font-style: italic;
2057
+ font-weight: normal;
2058
+ height: 28px;
2059
+ min-height: 28px;
2060
+ outline: none;
2061
+ padding: 0 0 0 10px;
2062
+ text-indent: 0;
1991
2063
  }
1992
2064
 
1993
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1994
- color: #4f4f4f;
2065
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2066
+ background: none;
2067
+ border: 0;
2068
+ color: inherit;
1995
2069
  font-family: inherit;
1996
2070
  font-size: 14px;
1997
- font-style: italic;
2071
+ font-weight: normal;
2072
+ height: 28px;
2073
+ min-height: 28px;
2074
+ outline: none;
2075
+ padding: 0;
2076
+ text-indent: 10px;
1998
2077
  }
1999
2078
 
2000
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2001
- color: #4f4f4f;
2002
- font-family: inherit;
2003
- font-size: 14px;
2004
- font-style: italic;
2079
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2080
+ padding: 5px;
2005
2081
  }
2006
2082
 
2007
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2008
- color: #4f4f4f;
2009
- font-family: inherit;
2010
- font-size: 14px;
2011
- font-style: italic;
2083
+ /* stylelint-disable property-no-vendor-prefix */
2084
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
2085
+ display: none;
2012
2086
  }
2013
2087
 
2014
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2015
- color: #000;
2088
+ .e-multi-select-wrapper .e-searcher {
2089
+ display: block;
2090
+ float: left;
2091
+ width: auto;
2016
2092
  }
2017
2093
 
2018
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2019
- color: #000;
2094
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2095
+ width: calc(100% - 40px);
2020
2096
  }
2021
2097
 
2022
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2023
- line-height: 26px;
2024
- top: 0;
2098
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2099
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2100
+ width: calc(100% - 40px);
2025
2101
  }
2026
2102
 
2027
- .e-multi-select-wrapper .e-delim-values.e-delim-view {
2028
- color: #000;
2103
+ .e-multi-select-wrapper .e-delim-values {
2104
+ font-family: inherit;
2105
+ font-size: 14px;
2106
+ line-height: 29px;
2107
+ max-width: 100%;
2108
+ padding-left: 10px;
2109
+ padding-right: 0;
2110
+ vertical-align: middle;
2029
2111
  }
2030
2112
 
2031
- .e-multi-select-wrapper.e-delimiter .e-delim-values {
2032
- color: #000;
2113
+ .e-multi-select-list-wrapper .e-hide-listitem,
2114
+ .e-multi-select-list-wrapper .e-hide-group-header {
2115
+ display: none;
2033
2116
  }
2034
2117
 
2035
- .e-multi-select-wrapper .e-searcher input[type=text] {
2118
+ .e-multi-select-wrapper .e-delim-values .e-remain {
2036
2119
  color: #000;
2037
- height: 100%;
2038
- min-height: 28px;
2120
+ cursor: pointer;
2121
+ display: inline-block;
2122
+ font-size: 14px;
2123
+ padding-left: 16px;
2039
2124
  }
2040
2125
 
2041
- .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2042
- background-color: #400074;
2126
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
2127
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2128
+ cursor: not-allowed;
2043
2129
  }
2044
2130
 
2045
- .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2046
- background-color: #400074;
2131
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2132
+ height: 38px;
2133
+ left: 10px;
2134
+ margin: 0 0 0 0;
2135
+ margin-left: auto;
2136
+ position: relative;
2137
+ top: 0;
2138
+ width: 38px;
2047
2139
  }
2048
2140
 
2049
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2050
- padding-left: 0;
2141
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2142
+ -ms-flex-item-align: center;
2143
+ align-self: center;
2144
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2145
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2146
+ display: -webkit-inline-box;
2147
+ display: -ms-inline-flexbox;
2148
+ display: inline-flex;
2149
+ padding: 0 10px;
2150
+ width: 92%;
2051
2151
  }
2052
2152
 
2053
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2054
- border-bottom: 1px solid #000;
2153
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2154
+ content: "";
2055
2155
  }
2056
2156
 
2057
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2058
- background-color: #400074;
2157
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2158
+ float: none;
2059
2159
  }
2060
2160
 
2061
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2062
- border: 2px solid #400074;
2161
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2162
+ padding-left: 0;
2063
2163
  }
2064
-
2065
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2066
- border-bottom: 2px solid #000;
2067
- border-left: 2px solid #000;
2068
- border-right: 2px solid #000;
2069
- border-top: 2px solid #000;
2164
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2165
+ padding: 0 2px 0 32px;
2070
2166
  }
2071
-
2072
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2073
- border: 2px solid #ecf;
2167
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2168
+ left: -12px;
2169
+ }
2170
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2171
+ margin: 0;
2172
+ margin-right: auto;
2173
+ }
2174
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2175
+ float: right;
2176
+ }
2177
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2178
+ float: right;
2179
+ margin: 2px 0 2px 2px;
2180
+ padding: 0 8px 0 0;
2181
+ }
2182
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2183
+ padding: 3px 0 3px 8px;
2184
+ }
2185
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2186
+ float: left;
2187
+ }
2188
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2189
+ left: -9px;
2190
+ }
2191
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2192
+ padding: 0 4px 0 4px;
2193
+ }
2194
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2195
+ padding: 5px 8px 6px 0;
2196
+ }
2197
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2198
+ padding: 0 4px 0 0;
2199
+ }
2200
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2201
+ padding: 9px 4px;
2202
+ }
2203
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2204
+ left: 27px;
2205
+ position: absolute;
2206
+ right: auto;
2207
+ }
2208
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2209
+ left: -4px;
2210
+ }
2211
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2212
+ padding-right: 16px;
2074
2213
  }
2075
2214
 
2076
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2077
- background-color: #000;
2078
- border-bottom: 1px solid #000;
2079
- border-left: 1px solid #000;
2080
- border-right: 1px solid #000;
2081
- border-top: 1px solid #000;
2215
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2216
+ left: 30px;
2082
2217
  }
2083
2218
 
2084
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2085
- border: 2px solid #000;
2219
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2220
+ left: -10px;
2086
2221
  }
2087
2222
 
2088
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2089
- border: 2px solid #fff;
2223
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2224
+ bottom: 1px;
2225
+ margin-right: 8px;
2226
+ position: relative;
2227
+ text-indent: 0;
2228
+ vertical-align: middle;
2090
2229
  }
2091
2230
 
2092
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2093
- border: 2px solid #400074;
2231
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2232
+ padding-left: 14px;
2094
2233
  }
2095
2234
 
2096
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2097
- height: 30px;
2098
- width: 30px;
2235
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2236
+ padding-right: 18px;
2099
2237
  }
2100
2238
 
2101
- .e-multi-select-wrapper {
2102
- -webkit-box-sizing: border-box;
2103
- box-sizing: border-box;
2104
- cursor: text;
2105
- line-height: normal;
2106
- min-height: 30px;
2107
- padding: 0 32px 0 2px;
2239
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2240
+ bottom: 1px;
2241
+ margin-right: 8px;
2108
2242
  position: relative;
2109
- -webkit-user-select: none;
2110
- -moz-user-select: none;
2111
- -ms-user-select: none;
2112
- user-select: none;
2113
- width: 100%;
2114
- }
2115
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2116
- height: 27px;
2243
+ text-indent: 0;
2117
2244
  vertical-align: middle;
2118
2245
  }
2119
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
2120
- height: 100%;
2121
- min-height: 100%;
2246
+
2247
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2248
+ margin-left: 12px;
2249
+ margin-right: 0;
2122
2250
  }
2123
- .e-multi-select-wrapper .e-delim-view {
2124
- white-space: nowrap;
2251
+
2252
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2253
+ margin-left: 12px;
2254
+ margin-right: 0;
2125
2255
  }
2126
- .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 {
2127
- -webkit-box-sizing: border-box;
2128
- box-sizing: border-box;
2129
- display: inline-block;
2256
+
2257
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2258
+ padding-right: 0;
2259
+ }
2260
+
2261
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2262
+ padding-right: 15px;
2263
+ }
2264
+
2265
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2266
+ padding-right: 10px;
2267
+ }
2268
+
2269
+ .e-multi-select-list-wrapper .e-selectall-parent {
2270
+ cursor: pointer;
2271
+ display: block;
2272
+ line-height: 36px;
2130
2273
  overflow: hidden;
2131
2274
  text-overflow: ellipsis;
2275
+ padding-right: 16px;
2276
+ position: relative;
2277
+ text-indent: 11px;
2278
+ white-space: nowrap;
2279
+ width: 100%;
2132
2280
  }
2133
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2134
- color: #fff;
2135
- font-size: 10px;
2136
- left: 12px;
2137
- top: 0;
2281
+
2282
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2283
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2284
+ padding-left: 16px;
2285
+ padding-right: 15px;
2138
2286
  }
2139
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2140
- background-color: #3d3d3d;
2141
- color: #fff;
2142
- padding: 9px 0;
2287
+
2288
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2289
+ color: #000;
2290
+ font-family: inherit;
2291
+ font-size: 14px;
2143
2292
  }
2144
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2145
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2146
- width: 0;
2293
+
2294
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2295
+ bottom: 1px;
2296
+ margin-right: 8px;
2297
+ position: relative;
2298
+ text-indent: 0;
2299
+ vertical-align: middle;
2147
2300
  }
2148
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
2149
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
2150
- height: 1px;
2151
- min-height: 1px;
2301
+
2302
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2303
+ margin-left: 12px;
2304
+ margin-right: 0;
2152
2305
  }
2153
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
2154
- max-width: 100%;
2306
+
2307
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2308
+ float: right;
2309
+ margin-top: 0;
2155
2310
  }
2156
2311
 
2157
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2158
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2159
- display: -webkit-box;
2160
- display: -ms-flexbox;
2161
- display: flex;
2312
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2162
2313
  float: left;
2163
- width: auto;
2164
2314
  }
2165
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2166
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2167
- display: -webkit-inline-box;
2168
- display: -ms-inline-flexbox;
2169
- display: inline-flex;
2170
- float: none;
2315
+
2316
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2317
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2318
+ padding: 0;
2171
2319
  }
2172
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
2173
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2174
- width: 0;
2320
+
2321
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2322
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2323
+ padding: 8px;
2175
2324
  }
2176
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2177
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2178
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
2179
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2180
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2181
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
2182
- display: none;
2325
+
2326
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2327
+ padding-left: 8px;
2183
2328
  }
2184
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
2185
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
2186
- padding: 0 48px 0 0;
2329
+
2330
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2331
+ padding: 0;
2187
2332
  }
2188
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2189
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2190
- -webkit-box-align: center;
2191
- -ms-flex-align: center;
2192
- align-items: center;
2193
- display: inline;
2194
- max-width: 100%;
2195
- word-break: break-word;
2333
+
2334
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2335
+ line-height: 20px;
2336
+ padding-left: 10px;
2196
2337
  }
2197
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2198
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2199
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2200
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2201
- -webkit-box-align: center;
2202
- -ms-flex-align: center;
2203
- align-items: center;
2204
- cursor: pointer;
2205
- display: none;
2206
- -webkit-box-orient: horizontal;
2207
- -webkit-box-direction: normal;
2208
- -ms-flex-direction: row;
2209
- flex-direction: row;
2210
- margin-top: -3.2em;
2211
- outline: 0;
2212
- padding: 0;
2213
- position: absolute;
2214
- right: 0;
2215
- top: 100%;
2338
+
2339
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2340
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2341
+ opacity: 0.3;
2216
2342
  }
2217
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2218
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2219
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2220
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2221
- display: -webkit-box;
2222
- display: -ms-flexbox;
2223
- display: flex;
2343
+
2344
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2345
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2346
+ opacity: 0.7;
2224
2347
  }
2225
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2226
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2227
- margin-right: 0;
2228
- margin-top: -2.8em;
2229
- right: 0;
2348
+
2349
+ .e-multi-select-wrapper input[readonly=true] {
2350
+ pointer-events: none;
2230
2351
  }
2231
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
2232
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
2233
- top: -1px;
2352
+
2353
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2354
+ pointer-events: none;
2234
2355
  }
2235
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2236
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
2237
- font-size: 10px;
2238
- height: 30px;
2239
- width: 30px;
2356
+
2357
+ ejs-multiselect {
2358
+ display: block;
2240
2359
  }
2241
2360
 
2242
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
2243
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
2244
- float: right;
2361
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2362
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2363
+ line-height: 26px;
2245
2364
  }
2246
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2247
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2248
- float: none;
2365
+
2366
+ .e-small .e-multi-select-wrapper .e-chips-close {
2367
+ height: 22px;
2368
+ width: 22px;
2249
2369
  }
2250
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
2251
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
2252
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
2253
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
2254
- left: 0;
2255
- right: auto;
2370
+
2371
+ .e-small .e-multi-select-wrapper {
2372
+ min-height: 24px;
2256
2373
  }
2257
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
2258
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
2259
- padding: 0 0 0 48px;
2374
+
2375
+ .e-small .e-multi-select-wrapper input[type=text] {
2376
+ height: 24px;
2377
+ min-height: 24px;
2260
2378
  }
2261
2379
 
2262
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
2263
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
2264
- opacity: 0.7;
2265
- pointer-events: none;
2380
+ .e-small .e-multi-select-wrapper .e-delim-values {
2381
+ font-size: 13px;
2382
+ line-height: 24px;
2266
2383
  }
2267
2384
 
2268
- .e-multiselect.e-input-group,
2269
- .e-multiselect.e-float-input {
2270
- word-wrap: initial;
2385
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2386
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2387
+ margin-top: -2.9em;
2271
2388
  }
2272
2389
 
2273
- .e-multiselect.e-input-group .e-searcher .e-label-top,
2274
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2275
- top: 15px;
2390
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2391
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2392
+ margin-top: -2.5em;
2276
2393
  }
2277
2394
 
2278
- .e-multi-select-wrapper.e-close-icon-hide {
2279
- padding-right: 0;
2395
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2396
+ background-size: 300px 33px;
2397
+ min-height: 33px;
2280
2398
  }
2281
2399
 
2282
- .e-multi-select-wrapper .e-chips-collection {
2283
- cursor: default;
2284
- display: block;
2400
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2401
+ color: inherit;
2285
2402
  }
2286
2403
 
2287
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2288
- margin-right: 30px;
2404
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2405
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2406
+ -webkit-box-align: normal;
2407
+ -ms-flex-align: normal;
2408
+ align-items: normal;
2289
2409
  }
2290
2410
 
2291
- .e-multi-select-wrapper .e-multi-hidden {
2292
- border: 0;
2293
- height: 0;
2294
- position: absolute;
2295
- visibility: hidden;
2296
- width: 0;
2411
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2412
+ padding: 0 12px 0 8px;
2297
2413
  }
2298
2414
 
2299
- .e-multi-select-wrapper .e-chips {
2300
- -webkit-box-align: center;
2301
- -ms-flex-align: center;
2302
- align-items: center;
2303
- display: -webkit-inline-box;
2304
- display: -ms-inline-flexbox;
2305
- display: inline-flex;
2306
- float: left;
2307
- margin: 1.5px 2px 2px 0;
2308
- max-width: 100%;
2309
- overflow: hidden;
2310
- padding: 0 0 0 8px;
2311
- text-overflow: ellipsis;
2312
- white-space: nowrap;
2415
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2416
+ padding: 0;
2313
2417
  }
2314
2418
 
2315
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
2316
- max-width: 100%;
2317
- overflow: hidden;
2318
- padding: 3px 8px 4.2px 0;
2319
- text-indent: 0;
2320
- text-overflow: ellipsis;
2321
- white-space: nowrap;
2419
+ .e-filled.e-float-input .e-multi-select-wrapper {
2420
+ padding: 11px 12px 0;
2322
2421
  }
2323
2422
 
2324
- .e-small .e-multi-select-wrapper .e-chips {
2325
- margin: none;
2326
- }
2327
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2328
- padding: none;
2423
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2424
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2425
+ padding: 12px 12px 0 8px;
2329
2426
  }
2330
2427
 
2331
- .e-multi-select-wrapper.e-delimiter .e-searcher {
2332
- display: inline-block;
2333
- float: none;
2428
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2429
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2430
+ padding: 0;
2334
2431
  }
2335
2432
 
2336
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2337
- padding: 6px 8px 6px 0;
2433
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2434
+ height: 28px;
2338
2435
  }
2339
2436
 
2340
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2341
- padding: 6px 0 6px 8px;
2437
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2438
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2439
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2440
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2441
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2442
+ height: 24px;
2342
2443
  }
2343
2444
 
2344
- .e-multi-select-wrapper .e-chips-close {
2345
- -ms-flex-item-align: center;
2346
- align-self: center;
2347
- display: -webkit-box;
2348
- display: -ms-flexbox;
2349
- display: flex;
2350
- float: right;
2351
- font-family: "e-icons";
2352
- height: 26px;
2353
- margin: 0;
2354
- width: 26px;
2445
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2446
+ height: 18px;
2355
2447
  }
2356
2448
 
2357
- .e-rtl .e-multi-select-wrapper .e-chips-close {
2358
- margin: 0;
2449
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2450
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2451
+ margin: 8px 8px 0 0;
2452
+ padding: 0 8px;
2359
2453
  }
2360
2454
 
2361
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2362
- margin: 3px 0 0;
2455
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2456
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2457
+ margin: 8px 0 0 8px;
2458
+ padding: 0 8px;
2363
2459
  }
2364
2460
 
2365
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2366
- cursor: default;
2367
- font-size: 10px;
2368
- height: 30px;
2369
- margin-top: -3.2em;
2370
- position: absolute;
2371
- right: 0;
2372
- width: 30px;
2373
- top: 100%;
2461
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2462
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2463
+ height: 16px 16px;
2464
+ margin: 4px 4px 0 0;
2465
+ padding-right: 8px;
2374
2466
  }
2375
2467
 
2376
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2377
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2378
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2379
- right: 27px;
2468
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2469
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2470
+ margin: 4px 0 0 4px;
2380
2471
  }
2381
2472
 
2382
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2383
- left: 27px;
2384
- right: auto;
2473
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2474
+ font-size: 13px;
2475
+ padding: 0 8px 0 0;
2385
2476
  }
2386
2477
 
2387
- .e-multi-select-wrapper input[type=text] {
2388
- background: none;
2389
- border: 0;
2390
- font-family: inherit;
2391
- font-size: 14px;
2392
- font-weight: normal;
2393
- height: 28px;
2394
- min-height: 28px;
2395
- outline: none;
2396
- padding: 0 0 0 10px;
2397
- text-indent: 0;
2478
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2479
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2480
+ font-size: 12px;
2398
2481
  }
2399
2482
 
2400
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2401
- background: none;
2402
- border: 0;
2403
- color: inherit;
2404
- font-family: inherit;
2405
- font-size: 14px;
2406
- font-weight: normal;
2407
- height: 28px;
2408
- min-height: 28px;
2409
- outline: none;
2410
- padding: 0;
2411
- text-indent: 10px;
2483
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2484
+ font-size: 12px;
2485
+ padding: 0 4px 0 0;
2412
2486
  }
2413
2487
 
2414
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2415
- padding: 5px;
2488
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2489
+ padding: 0 0 0 4px;
2416
2490
  }
2417
2491
 
2418
- /* stylelint-disable property-no-vendor-prefix */
2419
- .e-multi-select-wrapper input[type=text]::-ms-clear {
2420
- display: none;
2492
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2493
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2494
+ font-size: 10px;
2421
2495
  }
2422
2496
 
2423
- .e-multi-select-wrapper .e-searcher {
2424
- display: block;
2425
- float: left;
2426
- width: auto;
2497
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2498
+ font-size: 13px;
2499
+ padding-right: 4px;
2427
2500
  }
2428
2501
 
2429
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2430
- width: calc(100% - 40px);
2502
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2503
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2504
+ height: 38px;
2505
+ margin-top: -38px;
2506
+ right: 12px;
2507
+ top: 100%;
2508
+ width: 16px;
2431
2509
  }
2432
2510
 
2433
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2434
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2435
- width: calc(100% - 40px);
2511
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2512
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2513
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2514
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2515
+ .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 {
2516
+ display: none;
2436
2517
  }
2437
2518
 
2438
- .e-multi-select-wrapper .e-delim-values {
2439
- font-family: inherit;
2440
- font-size: 14px;
2441
- line-height: 29px;
2442
- max-width: 100%;
2443
- padding-left: 10px;
2444
- padding-right: 0;
2445
- vertical-align: middle;
2519
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2520
+ margin-right: 0;
2446
2521
  }
2447
2522
 
2448
- .e-multi-select-list-wrapper .e-hide-listitem,
2449
- .e-multi-select-list-wrapper .e-hide-group-header {
2450
- display: none;
2523
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2524
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2525
+ cursor: not-allowed;
2451
2526
  }
2452
2527
 
2453
- .e-multi-select-wrapper .e-delim-values .e-remain {
2454
- color: #000;
2528
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2529
+ .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 {
2455
2530
  cursor: pointer;
2456
- display: inline-block;
2457
- font-size: 14px;
2458
- padding-left: 16px;
2459
2531
  }
2460
2532
 
2461
- .e-multiselect.e-disabled .e-multi-select-wrapper,
2462
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2463
- cursor: not-allowed;
2533
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2534
+ bottom: 0;
2535
+ right: 0;
2536
+ cursor: nwse-resize;
2537
+ height: 15px;
2538
+ position: absolute;
2539
+ width: 15px;
2464
2540
  }
2465
2541
 
2466
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2467
- height: 38px;
2468
- left: 10px;
2469
- margin: 0 0 0 0;
2470
- margin-left: auto;
2471
- position: relative;
2472
- top: 0;
2473
- width: 38px;
2542
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2543
+ color: #000;
2544
+ top: 12px;
2474
2545
  }
2475
2546
 
2476
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2477
- -ms-flex-item-align: center;
2478
- align-self: center;
2479
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2480
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2481
- display: -webkit-inline-box;
2482
- display: -ms-inline-flexbox;
2483
- display: inline-flex;
2484
- padding: 0 10px;
2485
- width: 92%;
2547
+ .e-multiselect .e-multi-select-wrapper input {
2548
+ /* stylelint-disable property-no-vendor-prefix */
2486
2549
  }
2487
2550
 
2488
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
2489
- content: "";
2551
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2552
+ color: #4f4f4f;
2553
+ font-family: inherit;
2554
+ font-size: 14px;
2555
+ font-style: italic;
2490
2556
  }
2491
2557
 
2492
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2493
- float: none;
2558
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2559
+ color: #4f4f4f;
2560
+ font-family: inherit;
2561
+ font-size: 14px;
2562
+ font-style: italic;
2494
2563
  }
2495
2564
 
2496
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2497
- padding-left: 0;
2498
- }
2499
- .e-multiselect.e-rtl .e-multi-select-wrapper {
2500
- padding: 0 2px 0 32px;
2565
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2566
+ color: #4f4f4f;
2567
+ font-family: inherit;
2568
+ font-size: 14px;
2569
+ font-style: italic;
2501
2570
  }
2502
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2503
- left: -12px;
2571
+
2572
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2573
+ color: #4f4f4f;
2574
+ font-family: inherit;
2575
+ font-size: 14px;
2576
+ font-style: italic;
2504
2577
  }
2505
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2506
- margin: 0;
2507
- margin-right: auto;
2508
- }
2509
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2510
- float: right;
2511
- }
2512
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2513
- float: right;
2514
- margin: 2px 0 2px 2px;
2515
- padding: 0 8px 0 0;
2516
- }
2517
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2518
- padding: 3px 0 3px 8px;
2578
+
2579
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2580
+ color: #000;
2519
2581
  }
2520
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2521
- float: left;
2582
+
2583
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2584
+ color: #000;
2522
2585
  }
2523
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2524
- left: -9px;
2586
+
2587
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2588
+ line-height: 26px;
2589
+ top: 0;
2525
2590
  }
2526
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2527
- padding: 0 4px 0 4px;
2591
+
2592
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
2593
+ color: #000;
2528
2594
  }
2529
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2530
- padding: 5px 8px 6px 0;
2595
+
2596
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
2597
+ color: #000;
2531
2598
  }
2532
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2533
- padding: 0 4px 0 0;
2599
+
2600
+ .e-multi-select-wrapper .e-searcher input[type=text] {
2601
+ color: #000;
2602
+ height: 100%;
2603
+ min-height: 28px;
2534
2604
  }
2535
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2536
- padding: 9px 4px;
2605
+
2606
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2607
+ background-color: #400074;
2537
2608
  }
2538
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2539
- left: 27px;
2540
- position: absolute;
2541
- right: auto;
2609
+
2610
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2611
+ background-color: #400074;
2542
2612
  }
2543
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2544
- left: -4px;
2613
+
2614
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2615
+ padding-left: 0;
2545
2616
  }
2546
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2547
- padding-right: 16px;
2617
+
2618
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2619
+ border-bottom: 1px solid #000;
2548
2620
  }
2549
2621
 
2550
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2551
- left: 30px;
2622
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2623
+ background-color: #400074;
2552
2624
  }
2553
2625
 
2554
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2555
- left: -10px;
2626
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2627
+ border: 2px solid #400074;
2556
2628
  }
2557
2629
 
2558
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2559
- bottom: 1px;
2560
- margin-right: 8px;
2561
- position: relative;
2562
- text-indent: 0;
2563
- vertical-align: middle;
2630
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2631
+ border-bottom: 2px solid #000;
2632
+ border-left: 2px solid #000;
2633
+ border-right: 2px solid #000;
2634
+ border-top: 2px solid #000;
2564
2635
  }
2565
2636
 
2566
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2567
- padding-left: 14px;
2637
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2638
+ border: 2px solid #ecf;
2568
2639
  }
2569
2640
 
2570
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2571
- padding-right: 18px;
2641
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2642
+ background-color: #000;
2643
+ border-bottom: 1px solid #000;
2644
+ border-left: 1px solid #000;
2645
+ border-right: 1px solid #000;
2646
+ border-top: 1px solid #000;
2572
2647
  }
2573
2648
 
2574
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2575
- bottom: 1px;
2576
- margin-right: 8px;
2577
- position: relative;
2578
- text-indent: 0;
2579
- vertical-align: middle;
2649
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2650
+ border: 2px solid #000;
2580
2651
  }
2581
2652
 
2582
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2583
- margin-left: 12px;
2584
- margin-right: 0;
2653
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2654
+ border: 2px solid #fff;
2585
2655
  }
2586
2656
 
2587
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2588
- margin-left: 12px;
2589
- margin-right: 0;
2657
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2658
+ border: 2px solid #400074;
2590
2659
  }
2591
2660
 
2592
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2593
- padding-right: 0;
2661
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2662
+ height: 30px;
2663
+ width: 30px;
2594
2664
  }
2595
2665
 
2596
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2597
- padding-right: 15px;
2666
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2667
+ color: #fff;
2598
2668
  }
2599
2669
 
2600
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2601
- padding-right: 10px;
2670
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2671
+ background-color: #400074;
2602
2672
  }
2603
2673
 
2604
- .e-multi-select-list-wrapper .e-selectall-parent {
2605
- cursor: pointer;
2606
- display: block;
2607
- line-height: 36px;
2608
- overflow: hidden;
2609
- text-overflow: ellipsis;
2610
- padding-right: 16px;
2611
- position: relative;
2612
- text-indent: 11px;
2613
- white-space: nowrap;
2614
- width: 100%;
2674
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2675
+ background-color: #400074;
2615
2676
  }
2616
2677
 
2617
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2618
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2619
- padding-left: 16px;
2620
- padding-right: 15px;
2678
+ .e-multiselect {
2679
+ -webkit-box-sizing: border-box;
2680
+ box-sizing: border-box;
2621
2681
  }
2622
2682
 
2623
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2624
- color: #000;
2683
+ /* stylelint-disable property-no-vendor-prefix */
2684
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2685
+ -webkit-text-fill-color: #fff;
2686
+ color: #fff;
2625
2687
  font-family: inherit;
2626
2688
  font-size: 14px;
2627
2689
  }
2628
2690
 
2629
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2630
- bottom: 1px;
2631
- margin-right: 8px;
2632
- position: relative;
2633
- text-indent: 0;
2634
- vertical-align: middle;
2691
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2692
+ color: #fff;
2635
2693
  }
2636
2694
 
2637
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2638
- margin-left: 12px;
2639
- margin-right: 0;
2695
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2696
+ color: #fff;
2640
2697
  }
2641
2698
 
2642
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2643
- float: right;
2644
- margin-top: 0;
2699
+ .e-multi-select-wrapper .e-chips {
2700
+ background-color: #3d3d3d;
2701
+ border-radius: 0;
2702
+ height: 26px;
2645
2703
  }
2646
2704
 
2647
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2648
- float: left;
2705
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2706
+ background-color: #ecf;
2649
2707
  }
2650
2708
 
2651
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
2652
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2653
- padding: 0;
2709
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2710
+ color: #000;
2654
2711
  }
2655
2712
 
2656
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2657
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2658
- padding: 8px;
2713
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2714
+ -webkit-text-fill-color: #fff;
2715
+ color: #fff;
2716
+ font-size: 10px;
2659
2717
  }
2660
2718
 
2661
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2662
- padding-left: 8px;
2719
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2720
+ background-color: #3d3d3d;
2721
+ border-radius: 0;
2722
+ color: #fff;
2723
+ height: 38px;
2724
+ line-height: 38px;
2663
2725
  }
2664
2726
 
2665
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2666
- padding: 0;
2727
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2728
+ color: #fff;
2667
2729
  }
2668
2730
 
2669
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2670
- line-height: 20px;
2671
- padding-left: 10px;
2731
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2732
+ height: 30px;
2672
2733
  }
2673
2734
 
2674
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2675
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2676
- opacity: 0.3;
2735
+ .e-popup.e-multi-select-list-wrapper {
2736
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2737
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2738
+ -webkit-box-sizing: content-box;
2739
+ box-sizing: content-box;
2740
+ overflow: initial;
2677
2741
  }
2678
2742
 
2679
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2680
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2681
- opacity: 0.7;
2743
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2744
+ border-bottom: 1px solid transparent;
2745
+ border-left: 1px solid #400074;
2746
+ border-right: 1px solid #400074;
2747
+ border-top: 1px solid #400074;
2682
2748
  }
2683
2749
 
2684
- .e-multi-select-wrapper input[readonly=true] {
2685
- pointer-events: none;
2750
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2751
+ background-color: transparent;
2752
+ border-color: transparent;
2753
+ color: #000;
2686
2754
  }
2687
2755
 
2688
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2689
- pointer-events: none;
2756
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2757
+ background-color: transparent;
2758
+ border-color: transparent;
2759
+ color: #000;
2690
2760
  }
2691
2761
 
2692
- ejs-multiselect {
2693
- display: block;
2762
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2763
+ background-color: #ecf;
2694
2764
  }
2695
2765
 
2696
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2697
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2698
- line-height: 26px;
2766
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2767
+ background-color: #ecf;
2699
2768
  }
2700
2769
 
2701
- .e-small .e-multi-select-wrapper .e-chips-close {
2702
- height: 22px;
2703
- width: 22px;
2770
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2771
+ border-bottom: 1px solid transparent;
2772
+ border-top: 1px solid transparent;
2704
2773
  }
2705
2774
 
2706
- .e-small .e-multi-select-wrapper {
2707
- min-height: 24px;
2775
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2776
+ border-bottom: 1px solid transparent;
2708
2777
  }
2709
2778
 
2710
- .e-small .e-multi-select-wrapper input[type=text] {
2711
- height: 24px;
2712
- min-height: 24px;
2713
- }
2714
-
2715
- .e-small .e-multi-select-wrapper .e-delim-values {
2716
- font-size: 13px;
2717
- line-height: 24px;
2718
- }
2719
-
2720
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2721
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2722
- margin-top: -2.9em;
2723
- }
2724
-
2725
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2726
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2727
- margin-top: -2.5em;
2728
- }
2729
-
2730
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2731
- background-size: 300px 33px;
2732
- min-height: 33px;
2779
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2780
+ background-color: #400074;
2781
+ -webkit-box-shadow: none;
2782
+ box-shadow: none;
2783
+ color: #fff;
2784
+ border: 1px solid #400074;
2733
2785
  }
2734
2786
 
2735
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2736
- color: inherit;
2787
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2788
+ background-color: #400074;
2789
+ -webkit-box-shadow: none;
2790
+ box-shadow: none;
2791
+ color: #fff;
2792
+ border: 1px solid #400074;
2737
2793
  }
2738
2794
 
2739
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2740
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2741
- -webkit-box-align: normal;
2742
- -ms-flex-align: normal;
2743
- align-items: normal;
2795
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2796
+ border: 1px solid transparent;
2744
2797
  }
2745
2798
 
2746
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2747
- padding: 0 12px 0 8px;
2799
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2800
+ border: 1px solid transparent;
2748
2801
  }
2749
2802
 
2750
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2751
- padding: 0;
2803
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2804
+ color: #000;
2752
2805
  }
2753
2806
 
2754
- .e-filled.e-float-input .e-multi-select-wrapper {
2755
- padding: 11px 12px 0;
2807
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2808
+ color: #000;
2756
2809
  }
2757
2810
 
2758
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2759
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2760
- padding: 12px 12px 0 8px;
2811
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2812
+ color: #000;
2761
2813
  }
2762
2814
 
2763
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2764
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2765
- padding: 0;
2815
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2816
+ color: #000;
2766
2817
  }
2767
2818
 
2768
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2769
- height: 28px;
2819
+ .e-ul.e-reorder {
2820
+ border-bottom: 1px solid #ecf;
2770
2821
  }
2771
2822
 
2772
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2773
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2774
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2775
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2776
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2777
- height: 24px;
2823
+ .e-multi-select-list-wrapper .e-selectall-parent {
2824
+ border-bottom: 1px solid #ecf;
2778
2825
  }
2779
2826
 
2780
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2781
- height: 18px;
2827
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2828
+ background-color: #fff;
2829
+ border-color: #fff;
2830
+ color: #400074;
2782
2831
  }
2783
2832
 
2784
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2785
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2786
- margin: 8px 8px 0 0;
2787
- padding: 0 8px;
2833
+ .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 {
2834
+ background-color: #fff;
2835
+ border-color: #fff;
2836
+ color: #400074;
2788
2837
  }
2789
2838
 
2790
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2791
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2792
- margin: 8px 0 0 8px;
2793
- padding: 0 8px;
2839
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2840
+ background-color: #fff;
2794
2841
  }
2795
2842
 
2796
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2797
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2798
- height: 16px 16px;
2799
- margin: 4px 4px 0 0;
2800
- padding-right: 8px;
2843
+ 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) {
2844
+ background-color: #fff;
2801
2845
  }
2802
2846
 
2803
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2804
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2805
- margin: 4px 0 0 4px;
2847
+ .e-multi-select-wrapper .e-delim-values {
2848
+ -webkit-text-fill-color: #fff;
2849
+ color: #fff;
2806
2850
  }
2807
2851
 
2808
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2809
- font-size: 13px;
2810
- padding: 0 8px 0 0;
2852
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2853
+ color: #000;
2811
2854
  }
2812
2855
 
2813
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2814
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2815
- font-size: 12px;
2856
+ .e-small .e-multi-select-wrapper .e-chips {
2857
+ height: 20px;
2816
2858
  }
2817
2859
 
2818
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2860
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2819
2861
  font-size: 12px;
2820
- padding: 0 4px 0 0;
2821
- }
2822
-
2823
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2824
- padding: 0 0 0 4px;
2825
- }
2826
-
2827
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2828
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2829
- font-size: 10px;
2830
- }
2831
-
2832
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2833
- font-size: 13px;
2834
- padding-right: 4px;
2835
- }
2836
-
2837
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2838
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2839
- height: 38px;
2840
- margin-top: -38px;
2841
- right: 12px;
2842
- top: 100%;
2843
- width: 16px;
2844
- }
2845
-
2846
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2847
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2848
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2849
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2850
- .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 {
2851
- display: none;
2852
- }
2853
-
2854
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2855
- margin-right: 0;
2856
2862
  }
2857
2863
 
2858
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2859
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2860
- cursor: not-allowed;
2864
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2865
+ font-size: 8px;
2861
2866
  }
2862
2867
 
2863
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2864
- .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 {
2865
- cursor: pointer;
2868
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2869
+ left: 7px;
2866
2870
  }
2867
2871
 
2868
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2869
- bottom: 0;
2870
- right: 0;
2871
- cursor: nwse-resize;
2872
- height: 15px;
2873
- position: absolute;
2874
- width: 15px;
2872
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2873
+ -webkit-text-fill-color: #757575;
2874
+ color: #757575;
2875
2875
  }
2876
2876
 
2877
2877
  .e-dropdownbase .e-list-item .e-list-icon {
@@ -3361,777 +3361,777 @@ ejs-multiselect {
3361
3361
  content: "\e656";
3362
3362
  }
3363
3363
 
3364
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3365
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3366
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3367
- }
3368
-
3369
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3370
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3371
- }
3372
-
3373
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3374
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3375
- }
3376
-
3377
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3378
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3379
- }
3380
-
3381
- .e-listbox-wrapper,
3382
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3383
- .e-listboxtool-container.e-listbox-container .e-ul {
3384
- border: 1px solid #757575;
3385
- }
3386
-
3364
+ /* stylelint-disable property-no-vendor-prefix */
3387
3365
  .e-listbox-wrapper,
3388
3366
  .e-listbox-container,
3389
3367
  .e-listboxtool-wrapper {
3390
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3391
- font-size: 13px;
3392
- }
3393
- .e-listbox-wrapper .e-list-header,
3394
- .e-listbox-container .e-list-header,
3395
- .e-listboxtool-wrapper .e-list-header {
3396
- background-color: #ccc;
3397
- border-color: #757575;
3398
- color: #23726c;
3399
- font-size: 14px;
3368
+ -webkit-overflow-scrolling: touch;
3369
+ -webkit-box-sizing: border-box;
3370
+ box-sizing: border-box;
3371
+ cursor: pointer;
3372
+ display: block;
3373
+ position: relative;
3374
+ -webkit-user-select: none;
3375
+ -moz-user-select: none;
3376
+ -ms-user-select: none;
3377
+ user-select: none;
3378
+ width: 100%;
3400
3379
  }
3401
-
3402
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3403
- .e-listbox-container.e-filter-list .e-list-parent,
3404
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3405
- height: calc(100% - 51px);
3380
+ .e-listbox-wrapper *,
3381
+ .e-listbox-container *,
3382
+ .e-listboxtool-wrapper * {
3383
+ -webkit-box-sizing: border-box;
3384
+ box-sizing: border-box;
3406
3385
  }
3407
-
3408
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3409
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3410
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3411
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3386
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3387
+ .e-listbox-container .e-list-wrap:focus-visible,
3388
+ .e-listbox-container:focus,
3389
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3390
+ .e-listboxtool-wrapper:focus {
3391
+ outline: none;
3412
3392
  }
3413
-
3414
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3415
- .e-listbox-container .e-selectall-parent + .e-list-parent,
3416
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3417
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3393
+ .e-listbox-wrapper.e-disabled,
3394
+ .e-listbox-container.e-disabled,
3395
+ .e-listboxtool-wrapper.e-disabled {
3396
+ cursor: default;
3397
+ pointer-events: none;
3418
3398
  }
3419
-
3420
- .e-listbox-wrapper .e-list-item,
3399
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3400
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
3401
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3402
+ text-align: center;
3403
+ }
3404
+ .e-listbox-wrapper .e-list-parent,
3405
+ .e-listbox-container .e-list-parent,
3406
+ .e-listboxtool-wrapper .e-list-parent {
3407
+ height: 100%;
3408
+ min-height: 36px;
3409
+ }
3410
+ .e-listbox-wrapper .e-list-item,
3421
3411
  .e-listbox-container .e-list-item,
3422
3412
  .e-listboxtool-wrapper .e-list-item {
3423
- background-color: #ccc;
3424
- border-bottom: 2px solid transparent;
3425
- border-left: 2px solid transparent;
3426
- border-right: 2px solid transparent;
3427
- border-top: 2px solid transparent;
3428
- color: #000;
3413
+ border-bottom: 0 solid;
3414
+ outline: none;
3429
3415
  }
3430
-
3431
- .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),
3432
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3433
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3434
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3435
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3436
- background-color: #ecf;
3437
- border-color: #000;
3438
- color: #000;
3416
+ .e-listbox-wrapper .e-list-item.e-disabled,
3417
+ .e-listbox-container .e-list-item.e-disabled,
3418
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3419
+ pointer-events: none;
3439
3420
  }
3440
-
3441
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3442
- .e-listbox-container .e-list-item.e-selected.e-checklist,
3443
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3444
- background-color: #ccc;
3445
- color: #000;
3421
+ .e-listbox-wrapper .e-disable,
3422
+ .e-listbox-container .e-disable,
3423
+ .e-listboxtool-wrapper .e-disable {
3424
+ opacity: 0.7;
3446
3425
  }
3447
-
3448
- .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,
3449
- .e-listbox-container .e-list-item.e-focused,
3450
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3451
- .e-listbox-container .e-list-item.e-selected,
3452
- .e-listboxtool-wrapper .e-list-item.e-focused,
3453
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3454
- .e-listboxtool-wrapper .e-list-item.e-selected {
3455
- background-color: #400074;
3456
- color: #fff;
3426
+ .e-listbox-wrapper .e-list-parent,
3427
+ .e-listbox-container .e-list-parent,
3428
+ .e-listboxtool-wrapper .e-list-parent {
3429
+ margin: 0;
3430
+ padding: 0;
3457
3431
  }
3458
-
3459
- .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,
3460
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3461
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3462
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3463
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3464
- background-color: #fff;
3465
- border-color: #fff;
3466
- color: #23726c;
3432
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3433
+ .e-listbox-container .e-list-header .e-text.header,
3434
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3435
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3436
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3437
+ display: none;
3438
+ }
3439
+ .e-listbox-wrapper .e-icon-back,
3440
+ .e-listbox-container .e-icon-back,
3441
+ .e-listboxtool-wrapper .e-icon-back {
3442
+ margin-top: 2px;
3443
+ }
3444
+ .e-listbox-wrapper .e-list-header,
3445
+ .e-listbox-container .e-list-header,
3446
+ .e-listboxtool-wrapper .e-list-header {
3447
+ -webkit-box-align: center;
3448
+ -ms-flex-align: center;
3449
+ align-items: center;
3450
+ border-bottom: 1px solid;
3451
+ display: -webkit-box;
3452
+ display: -ms-flexbox;
3453
+ display: flex;
3454
+ font-weight: 600;
3455
+ height: 36px;
3456
+ padding: 0 16px;
3457
+ }
3458
+ .e-listbox-wrapper .e-has-header > .e-view,
3459
+ .e-listbox-container .e-has-header > .e-view,
3460
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3461
+ top: 45px;
3462
+ }
3463
+ .e-listbox-wrapper .e-but-back,
3464
+ .e-listbox-container .e-but-back,
3465
+ .e-listboxtool-wrapper .e-but-back {
3466
+ cursor: pointer;
3467
+ padding-right: 20px;
3468
+ }
3469
+ .e-listbox-wrapper .e-list-group-item:first-child,
3470
+ .e-listbox-container .e-list-group-item:first-child,
3471
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3472
+ border: 0;
3473
+ border-bottom: 0 solid transparent;
3467
3474
  }
3468
-
3469
3475
  .e-listbox-wrapper .e-list-group-item,
3470
3476
  .e-listbox-container .e-list-group-item,
3471
3477
  .e-listboxtool-wrapper .e-list-group-item {
3472
- background-color: #ccc;
3473
- border-color: #757575;
3474
- color: #23726c;
3475
- font-size: 14px;
3476
- }
3477
-
3478
- .e-listbox-wrapper .e-selectall-parent,
3479
- .e-listbox-container .e-selectall-parent,
3480
- .e-listboxtool-wrapper .e-selectall-parent {
3481
- background-color: #ccc;
3482
- border-bottom: 1px solid #000;
3483
- color: #000;
3478
+ border-bottom: 0 solid transparent;
3479
+ border-top: 1px solid;
3480
+ font-weight: 600;
3481
+ height: 36px;
3482
+ line-height: 30px;
3483
+ padding: 9px 16px;
3484
3484
  }
3485
-
3486
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3487
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3488
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3489
- background-color: transparent;
3485
+ .e-listbox-wrapper .e-icon-collapsible,
3486
+ .e-listbox-container .e-icon-collapsible,
3487
+ .e-listboxtool-wrapper .e-icon-collapsible {
3488
+ cursor: pointer;
3489
+ font-size: 12px;
3490
+ position: absolute;
3491
+ right: 0%;
3492
+ top: 50%;
3493
+ -webkit-transform: translateY(-50%);
3494
+ transform: translateY(-50%);
3490
3495
  }
3491
-
3492
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
3493
- .e-listbox-container.e-list-template .e-list-wrapper,
3494
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3495
- height: inherit;
3496
+ .e-listbox-wrapper .e-text-content,
3497
+ .e-listbox-container .e-text-content,
3498
+ .e-listboxtool-wrapper .e-text-content {
3499
+ height: 100%;
3496
3500
  position: relative;
3501
+ vertical-align: middle;
3497
3502
  }
3498
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3499
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3500
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3501
- padding: 0.6153em 0.923em;
3503
+ .e-listbox-wrapper .e-text-content *,
3504
+ .e-listbox-container .e-text-content *,
3505
+ .e-listboxtool-wrapper .e-text-content * {
3506
+ display: inline-block;
3507
+ vertical-align: middle;
3502
3508
  }
3503
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3504
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3505
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3506
- padding: 0.6153em 0.923em;
3509
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3510
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3511
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3512
+ width: calc(100% - 40px);
3507
3513
  }
3508
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3509
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3510
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3511
- color: #000;
3512
- display: block;
3513
- font-size: 13px;
3514
- font-weight: 500;
3515
- margin: 0;
3516
- overflow: hidden;
3517
- padding: 0.093em 0;
3518
- text-overflow: ellipsis;
3519
- white-space: nowrap;
3514
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3515
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3516
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3517
+ width: calc(100% - 90px);
3520
3518
  }
3521
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3522
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3523
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3524
- color: #000;
3525
- display: block;
3526
- font-size: 13px;
3527
- margin: 0;
3528
- padding: 0.093em 0;
3529
- word-wrap: break-word;
3519
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3520
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3521
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3522
+ width: calc(100% - 80px);
3530
3523
  }
3531
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3532
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3533
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3524
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3525
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3526
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3527
+ width: calc(100% - 92px);
3528
+ }
3529
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3530
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3531
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3532
+ margin: -2px 10px 0 0;
3533
+ }
3534
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3535
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3536
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3537
+ margin: -2px 0 0 10px;
3538
+ }
3539
+ .e-listbox-wrapper .e-list-text,
3540
+ .e-listbox-container .e-list-text,
3541
+ .e-listboxtool-wrapper .e-list-text {
3542
+ cursor: pointer;
3543
+ display: inline-block;
3534
3544
  overflow: hidden;
3535
3545
  text-overflow: ellipsis;
3546
+ vertical-align: top;
3536
3547
  white-space: nowrap;
3548
+ width: 100%;
3537
3549
  }
3538
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3539
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3540
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3541
- height: 3.0769em;
3542
- left: 0.923em;
3543
- position: absolute;
3544
- width: 3.0769em;
3545
- left: 0.923em;
3550
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3551
+ .e-listbox-container .e-list-icon + .e-list-text,
3552
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3553
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3554
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3555
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3556
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3557
+ width: calc(100% - 60px);
3546
3558
  }
3547
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3548
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3549
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3550
- padding-left: 4.923em;
3551
- padding-right: 0.923em;
3559
+ .e-listbox-wrapper .e-list-icon,
3560
+ .e-listbox-container .e-list-icon,
3561
+ .e-listboxtool-wrapper .e-list-icon {
3562
+ height: 30px;
3563
+ margin-right: 16px;
3564
+ width: 30px;
3552
3565
  }
3553
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3554
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3555
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3556
- padding-left: 0.923em;
3557
- padding-right: 4.923em;
3566
+ .e-listbox-wrapper .e-content,
3567
+ .e-listbox-container .e-content,
3568
+ .e-listboxtool-wrapper .e-content {
3569
+ overflow: hidden;
3570
+ position: relative;
3558
3571
  }
3559
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3560
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3561
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3562
- height: 3.0769em;
3563
- left: 0.923em;
3564
- position: absolute;
3565
- width: 3.0769em;
3566
- right: 0.923em;
3572
+ .e-listbox-wrapper .e-list-header .e-text,
3573
+ .e-listbox-container .e-list-header .e-text,
3574
+ .e-listboxtool-wrapper .e-list-header .e-text {
3575
+ cursor: pointer;
3576
+ text-indent: 0;
3567
3577
  }
3568
- .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,
3569
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3570
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3571
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3572
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3573
- top: 0.6153em;
3578
+ .e-listbox-wrapper .e-text .e-headertext,
3579
+ .e-listbox-container .e-text .e-headertext,
3580
+ .e-listboxtool-wrapper .e-text .e-headertext {
3581
+ display: inline-block;
3582
+ line-height: 0;
3574
3583
  }
3575
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3576
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3577
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3578
- font-size: 13px;
3579
- height: 1.5384em;
3580
- line-height: 1.3384em;
3581
- padding: 0;
3582
- position: absolute;
3583
- right: 0.923em;
3584
- top: 50%;
3585
- -webkit-transform: translateY(-50%);
3586
- transform: translateY(-50%);
3587
- width: 1.5384em;
3584
+ .e-listbox-wrapper.e-rtl,
3585
+ .e-listbox-container.e-rtl,
3586
+ .e-listboxtool-wrapper.e-rtl {
3587
+ direction: rtl;
3588
3588
  }
3589
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3590
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3591
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3592
- padding-left: 4.923em;
3593
- padding-right: 3.3846em;
3589
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3590
+ .e-listbox-container.e-rtl .e-list-icon,
3591
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3592
+ margin-left: 16px;
3593
+ margin-right: 0;
3594
3594
  }
3595
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3596
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3597
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3598
- padding-left: 0.923em;
3599
- padding-right: 3.3846em;
3595
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3596
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3597
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3598
+ left: 0%;
3599
+ right: initial;
3600
+ top: 50%;
3601
+ -webkit-transform: translateY(-50%) rotate(180deg);
3602
+ transform: translateY(-50%) rotate(180deg);
3600
3603
  }
3601
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3602
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3603
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3604
- display: block;
3605
- margin: 0;
3606
- overflow: hidden;
3607
- padding: 0.867em 0;
3608
- text-overflow: ellipsis;
3609
- white-space: nowrap;
3604
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3605
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3606
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3607
+ cursor: pointer;
3610
3608
  }
3611
- .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,
3612
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3613
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3614
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3615
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3616
- color: #000;
3609
+ .e-listbox-wrapper.e-rtl .e-but-back,
3610
+ .e-listbox-container.e-rtl .e-but-back,
3611
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3612
+ -webkit-transform: rotate(180deg);
3613
+ transform: rotate(180deg);
3617
3614
  }
3618
- .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,
3619
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3620
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3621
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3622
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3623
- color: #fff;
3615
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3616
+ .e-listbox-container.e-rtl .e-icon-back,
3617
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3618
+ margin-top: 1px;
3624
3619
  }
3625
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3626
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3627
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3628
- left: inherit;
3629
- right: 0.923em;
3620
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3621
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3622
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3623
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3624
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3625
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3626
+ margin: -2px 0 0 10px;
3630
3627
  }
3631
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3632
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3633
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3634
- padding-left: 0.923em;
3635
- padding-right: 4.923em;
3628
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3629
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3630
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3631
+ margin: -2px 10px 0 0;
3636
3632
  }
3637
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3638
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3639
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3640
- padding-left: 4.923em;
3641
- padding-right: 0.923em;
3633
+ .e-listbox-wrapper .e-checkbox-wrapper,
3634
+ .e-listbox-container .e-checkbox-wrapper,
3635
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3636
+ margin: -2px 10px 0 0;
3637
+ text-indent: 0;
3638
+ vertical-align: middle;
3642
3639
  }
3643
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3644
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3645
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3646
- left: 0.923em;
3647
- right: inherit;
3640
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3641
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3642
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3643
+ position: absolute;
3644
+ right: 0;
3645
+ top: 30%;
3648
3646
  }
3649
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3650
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3651
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3652
- left: 0.923em;
3653
- right: inherit;
3647
+ .e-listbox-wrapper .e-input-group,
3648
+ .e-listbox-container .e-input-group,
3649
+ .e-listboxtool-wrapper .e-input-group {
3650
+ padding: 4px 8px;
3654
3651
  }
3655
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3656
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3657
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3658
- padding-left: 3.3846em;
3659
- padding-right: 4.923em;
3652
+ .e-listbox-wrapper .e-input-focus,
3653
+ .e-listbox-container .e-input-focus,
3654
+ .e-listboxtool-wrapper .e-input-focus {
3655
+ padding: 4px 4px 4px 8px;
3660
3656
  }
3661
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3662
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3663
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3664
- padding-left: 3.3846em;
3665
- padding-right: 0.923em;
3657
+ .e-listbox-wrapper .e-hidden-select,
3658
+ .e-listbox-container .e-hidden-select,
3659
+ .e-listboxtool-wrapper .e-hidden-select {
3660
+ height: 1px;
3661
+ opacity: 0;
3662
+ position: absolute;
3663
+ width: 100%;
3664
+ }
3665
+ .e-listbox-wrapper .e-placeholder,
3666
+ .e-listbox-container .e-placeholder,
3667
+ .e-listboxtool-wrapper .e-placeholder {
3668
+ background-color: #400074;
3669
+ display: block;
3670
+ height: 1px;
3666
3671
  }
3667
3672
 
3668
- .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 {
3669
- height: 100%;
3673
+ ejs-listbox {
3674
+ display: block;
3670
3675
  }
3671
3676
 
3672
- .e-listbox-container.e-filter-list .e-list-wrap {
3673
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3677
+ .e-listbox-wrapper:not(.e-listbox-container),
3678
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3679
+ overflow: auto;
3674
3680
  }
3675
3681
 
3676
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3677
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3682
+ .e-listbox-wrapper.e-sortableclone,
3683
+ .e-listbox-container.e-sortableclone,
3684
+ .e-listboxtool-wrapper.e-sortableclone {
3685
+ border-width: 0;
3686
+ overflow: visible;
3687
+ }
3688
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3689
+ .e-listbox-container.e-sortableclone .e-list-item,
3690
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3691
+ list-style-type: none;
3692
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3693
+ }
3694
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3695
+ .e-listbox-container.e-sortableclone .e-ripple,
3696
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3697
+ overflow: visible;
3698
+ }
3699
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3700
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3701
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3702
+ display: none;
3703
+ }
3704
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3705
+ .e-listbox-container.e-sortableclone .e-list-badge,
3706
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3707
+ -webkit-box-align: center;
3708
+ -ms-flex-align: center;
3709
+ align-items: center;
3710
+ background-color: #400074;
3711
+ border: 1px solid #fff;
3712
+ border-radius: 50%;
3713
+ color: #fff;
3714
+ display: -webkit-box;
3715
+ display: -ms-flexbox;
3716
+ display: flex;
3717
+ font-size: 12px;
3718
+ height: 22px;
3719
+ -webkit-box-pack: center;
3720
+ -ms-flex-pack: center;
3721
+ justify-content: center;
3722
+ position: absolute;
3723
+ right: -10px;
3724
+ top: -10px;
3725
+ width: 22px;
3678
3726
  }
3679
3727
 
3680
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
3681
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3728
+ .e-listboxtool-wrapper.e-sortableclone {
3729
+ display: block;
3682
3730
  }
3683
3731
 
3684
- /* stylelint-disable property-no-vendor-prefix */
3685
- .e-listbox-wrapper,
3686
- .e-listbox-container,
3687
- .e-listboxtool-wrapper {
3688
- -webkit-overflow-scrolling: touch;
3689
- -webkit-box-sizing: border-box;
3690
- box-sizing: border-box;
3691
- cursor: pointer;
3692
- display: block;
3693
- position: relative;
3694
- -webkit-user-select: none;
3695
- -moz-user-select: none;
3696
- -ms-user-select: none;
3697
- user-select: none;
3698
- width: 100%;
3699
- }
3700
- .e-listbox-wrapper *,
3701
- .e-listbox-container *,
3702
- .e-listboxtool-wrapper * {
3732
+ .e-listboxtool-wrapper,
3733
+ .e-listboxtool-container {
3734
+ cursor: pointer;
3735
+ display: -webkit-box;
3736
+ display: -ms-flexbox;
3737
+ display: flex;
3738
+ }
3739
+ .e-listboxtool-wrapper *,
3740
+ .e-listboxtool-container * {
3703
3741
  -webkit-box-sizing: border-box;
3704
3742
  box-sizing: border-box;
3705
3743
  }
3706
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3707
- .e-listbox-container .e-list-wrap:focus-visible,
3708
- .e-listbox-container:focus,
3709
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3710
- .e-listboxtool-wrapper:focus {
3711
- outline: none;
3712
- }
3713
- .e-listbox-wrapper.e-disabled,
3714
- .e-listbox-container.e-disabled,
3715
- .e-listboxtool-wrapper.e-disabled {
3744
+ .e-listboxtool-wrapper.e-disabled,
3745
+ .e-listboxtool-container.e-disabled {
3716
3746
  cursor: default;
3717
3747
  pointer-events: none;
3718
3748
  }
3719
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3720
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
3721
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3722
- text-align: center;
3723
- }
3724
- .e-listbox-wrapper .e-list-parent,
3725
- .e-listbox-container .e-list-parent,
3726
- .e-listboxtool-wrapper .e-list-parent {
3727
- height: 100%;
3728
- min-height: 36px;
3729
- }
3730
- .e-listbox-wrapper .e-list-item,
3731
- .e-listbox-container .e-list-item,
3732
- .e-listboxtool-wrapper .e-list-item {
3733
- border-bottom: 0 solid;
3734
- outline: none;
3735
- }
3736
- .e-listbox-wrapper .e-list-item.e-disabled,
3737
- .e-listbox-container .e-list-item.e-disabled,
3738
- .e-listboxtool-wrapper .e-list-item.e-disabled {
3739
- pointer-events: none;
3740
- }
3741
- .e-listbox-wrapper .e-disable,
3742
- .e-listbox-container .e-disable,
3743
- .e-listboxtool-wrapper .e-disable {
3744
- opacity: 0.7;
3749
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3750
+ .e-listboxtool-wrapper .e-list-wrap,
3751
+ .e-listboxtool-container .e-listbox-wrapper,
3752
+ .e-listboxtool-container .e-list-wrap {
3753
+ -webkit-box-flex: 1;
3754
+ -ms-flex: 1;
3755
+ flex: 1;
3745
3756
  }
3746
- .e-listbox-wrapper .e-list-parent,
3747
- .e-listbox-container .e-list-parent,
3748
- .e-listboxtool-wrapper .e-list-parent {
3749
- margin: 0;
3750
- padding: 0;
3757
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3758
+ .e-listboxtool-container.e-right .e-listbox-tool {
3759
+ margin-left: 15px;
3751
3760
  }
3752
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3753
- .e-listbox-container .e-list-header .e-text.header,
3754
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3755
- .e-listboxtool-wrapper .e-list-header .e-text.header,
3756
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3757
- display: none;
3761
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3762
+ .e-listboxtool-container.e-left .e-listbox-tool {
3763
+ margin-right: 15px;
3758
3764
  }
3759
- .e-listbox-wrapper .e-icon-back,
3760
- .e-listbox-container .e-icon-back,
3761
- .e-listboxtool-wrapper .e-icon-back {
3762
- margin-top: 2px;
3765
+ .e-listboxtool-wrapper .e-listbox-tool,
3766
+ .e-listboxtool-container .e-listbox-tool {
3767
+ border: 1px solid #757575;
3768
+ overflow: auto;
3769
+ padding: 8px;
3763
3770
  }
3764
- .e-listbox-wrapper .e-list-header,
3765
- .e-listbox-container .e-list-header,
3766
- .e-listboxtool-wrapper .e-list-header {
3767
- -webkit-box-align: center;
3768
- -ms-flex-align: center;
3769
- align-items: center;
3770
- border-bottom: 1px solid;
3771
- display: -webkit-box;
3772
- display: -ms-flexbox;
3773
- display: flex;
3774
- font-weight: 600;
3775
- height: 36px;
3776
- padding: 0 16px;
3771
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3772
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3773
+ display: list-item;
3774
+ list-style-type: none;
3775
+ margin-bottom: 10px;
3777
3776
  }
3778
- .e-listbox-wrapper .e-has-header > .e-view,
3779
- .e-listbox-container .e-has-header > .e-view,
3780
- .e-listboxtool-wrapper .e-has-header > .e-view {
3781
- top: 45px;
3777
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3778
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3779
+ position: absolute;
3780
+ right: 0;
3781
+ top: 30%;
3782
3782
  }
3783
- .e-listbox-wrapper .e-but-back,
3784
- .e-listbox-container .e-but-back,
3785
- .e-listboxtool-wrapper .e-but-back {
3786
- cursor: pointer;
3787
- padding-right: 20px;
3783
+
3784
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3785
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3786
+ margin-right: 15px;
3788
3787
  }
3789
- .e-listbox-wrapper .e-list-group-item:first-child,
3790
- .e-listbox-container .e-list-group-item:first-child,
3791
- .e-listboxtool-wrapper .e-list-group-item:first-child {
3792
- border: 0;
3793
- border-bottom: 0 solid transparent;
3788
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3789
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3790
+ margin-left: 15px;
3794
3791
  }
3795
- .e-listbox-wrapper .e-list-group-item,
3796
- .e-listbox-container .e-list-group-item,
3797
- .e-listboxtool-wrapper .e-list-group-item {
3798
- border-bottom: 0 solid transparent;
3799
- border-top: 1px solid;
3800
- font-weight: 600;
3792
+
3793
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3794
+ .e-listbox-wrapper .e-list-nrt,
3795
+ .e-listbox-wrapper .e-selectall-parent,
3796
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3797
+ .e-listbox-container .e-list-nrt,
3798
+ .e-listbox-container .e-selectall-parent,
3799
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3800
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3801
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3801
3802
  height: 36px;
3802
- line-height: 30px;
3803
+ line-height: 1;
3803
3804
  padding: 9px 16px;
3804
- }
3805
- .e-listbox-wrapper .e-icon-collapsible,
3806
- .e-listbox-container .e-icon-collapsible,
3807
- .e-listboxtool-wrapper .e-icon-collapsible {
3808
- cursor: pointer;
3809
- font-size: 12px;
3810
- position: absolute;
3811
- right: 0%;
3812
- top: 50%;
3813
- -webkit-transform: translateY(-50%);
3814
- transform: translateY(-50%);
3815
- }
3816
- .e-listbox-wrapper .e-text-content,
3817
- .e-listbox-container .e-text-content,
3818
- .e-listboxtool-wrapper .e-text-content {
3819
- height: 100%;
3820
3805
  position: relative;
3821
- vertical-align: middle;
3822
3806
  }
3823
- .e-listbox-wrapper .e-text-content *,
3824
- .e-listbox-container .e-text-content *,
3825
- .e-listboxtool-wrapper .e-text-content * {
3826
- display: inline-block;
3807
+ .e-listbox-wrapper .e-list-icon,
3808
+ .e-listbox-container .e-list-icon,
3809
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3810
+ display: inline;
3827
3811
  vertical-align: middle;
3812
+ width: auto;
3813
+ height: auto;
3814
+ padding-bottom: 2px;
3828
3815
  }
3829
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3830
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3831
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3832
- width: calc(100% - 40px);
3833
- }
3834
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3835
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3836
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3837
- width: calc(100% - 90px);
3838
- }
3839
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3840
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3841
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3842
- width: calc(100% - 80px);
3843
- }
3844
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3845
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3846
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3847
- width: calc(100% - 92px);
3848
- }
3849
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3850
- .e-listbox-container .e-checkbox .e-checkbox-left,
3851
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3852
- margin: -2px 10px 0 0;
3816
+
3817
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3818
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3819
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3853
3820
  }
3854
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3855
- .e-listbox-container .e-checkbox .e-checkbox-right,
3856
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3857
- margin: -2px 0 0 10px;
3821
+
3822
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3823
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3858
3824
  }
3859
- .e-listbox-wrapper .e-list-text,
3860
- .e-listbox-container .e-list-text,
3861
- .e-listboxtool-wrapper .e-list-text {
3862
- cursor: pointer;
3863
- display: inline-block;
3864
- overflow: hidden;
3865
- text-overflow: ellipsis;
3866
- vertical-align: top;
3867
- white-space: nowrap;
3868
- width: 100%;
3825
+
3826
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3827
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3869
3828
  }
3870
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3871
- .e-listbox-container .e-list-icon + .e-list-text,
3872
- .e-listbox-container .e-icon-wrapper .e-list-text,
3873
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3874
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3875
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3876
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3877
- width: calc(100% - 60px);
3829
+
3830
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3831
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3878
3832
  }
3879
- .e-listbox-wrapper .e-list-icon,
3880
- .e-listbox-container .e-list-icon,
3881
- .e-listboxtool-wrapper .e-list-icon {
3882
- height: 30px;
3883
- margin-right: 16px;
3884
- width: 30px;
3833
+
3834
+ .e-listbox-wrapper,
3835
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3836
+ .e-listboxtool-container.e-listbox-container .e-ul {
3837
+ border: 1px solid #757575;
3885
3838
  }
3886
- .e-listbox-wrapper .e-content,
3887
- .e-listbox-container .e-content,
3888
- .e-listboxtool-wrapper .e-content {
3889
- overflow: hidden;
3890
- position: relative;
3839
+
3840
+ .e-listbox-wrapper,
3841
+ .e-listbox-container,
3842
+ .e-listboxtool-wrapper {
3843
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3844
+ font-size: 13px;
3891
3845
  }
3892
- .e-listbox-wrapper .e-list-header .e-text,
3893
- .e-listbox-container .e-list-header .e-text,
3894
- .e-listboxtool-wrapper .e-list-header .e-text {
3895
- cursor: pointer;
3896
- text-indent: 0;
3846
+ .e-listbox-wrapper .e-list-header,
3847
+ .e-listbox-container .e-list-header,
3848
+ .e-listboxtool-wrapper .e-list-header {
3849
+ background-color: #ccc;
3850
+ border-color: #757575;
3851
+ color: #23726c;
3852
+ font-size: 14px;
3897
3853
  }
3898
- .e-listbox-wrapper .e-text .e-headertext,
3899
- .e-listbox-container .e-text .e-headertext,
3900
- .e-listboxtool-wrapper .e-text .e-headertext {
3901
- display: inline-block;
3902
- line-height: 0;
3854
+
3855
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3856
+ .e-listbox-container.e-filter-list .e-list-parent,
3857
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3858
+ height: calc(100% - 51px);
3903
3859
  }
3904
- .e-listbox-wrapper.e-rtl,
3905
- .e-listbox-container.e-rtl,
3906
- .e-listboxtool-wrapper.e-rtl {
3907
- direction: rtl;
3860
+
3861
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3862
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3863
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3864
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3908
3865
  }
3909
- .e-listbox-wrapper.e-rtl .e-list-icon,
3910
- .e-listbox-container.e-rtl .e-list-icon,
3911
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
3912
- margin-left: 16px;
3913
- margin-right: 0;
3866
+
3867
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3868
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3869
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3870
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3914
3871
  }
3915
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3916
- .e-listbox-container.e-rtl .e-icon-collapsible,
3917
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3918
- left: 0%;
3919
- right: initial;
3920
- top: 50%;
3921
- -webkit-transform: translateY(-50%) rotate(180deg);
3922
- transform: translateY(-50%) rotate(180deg);
3872
+
3873
+ .e-listbox-wrapper .e-list-item,
3874
+ .e-listbox-container .e-list-item,
3875
+ .e-listboxtool-wrapper .e-list-item {
3876
+ background-color: #ccc;
3877
+ border-bottom: 2px solid transparent;
3878
+ border-left: 2px solid transparent;
3879
+ border-right: 2px solid transparent;
3880
+ border-top: 2px solid transparent;
3881
+ color: #000;
3923
3882
  }
3924
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3925
- .e-listbox-container.e-rtl .e-list-header .e-text,
3926
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3927
- cursor: pointer;
3883
+
3884
+ .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),
3885
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3886
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3887
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3888
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3889
+ background-color: #ecf;
3890
+ border-color: #000;
3891
+ color: #000;
3928
3892
  }
3929
- .e-listbox-wrapper.e-rtl .e-but-back,
3930
- .e-listbox-container.e-rtl .e-but-back,
3931
- .e-listboxtool-wrapper.e-rtl .e-but-back {
3932
- -webkit-transform: rotate(180deg);
3933
- transform: rotate(180deg);
3893
+
3894
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3895
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3896
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3897
+ background-color: #ccc;
3898
+ color: #000;
3934
3899
  }
3935
- .e-listbox-wrapper.e-rtl .e-icon-back,
3936
- .e-listbox-container.e-rtl .e-icon-back,
3937
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
3938
- margin-top: 1px;
3900
+
3901
+ .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,
3902
+ .e-listbox-container .e-list-item.e-focused,
3903
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3904
+ .e-listbox-container .e-list-item.e-selected,
3905
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3906
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3907
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3908
+ background-color: #400074;
3909
+ color: #fff;
3939
3910
  }
3940
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3941
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3942
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3943
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
3944
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3945
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3946
- margin: -2px 0 0 10px;
3911
+
3912
+ .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,
3913
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3914
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3915
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3916
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3917
+ background-color: #fff;
3918
+ border-color: #fff;
3919
+ color: #23726c;
3947
3920
  }
3948
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3949
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3950
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3951
- margin: -2px 10px 0 0;
3921
+
3922
+ .e-listbox-wrapper .e-list-group-item,
3923
+ .e-listbox-container .e-list-group-item,
3924
+ .e-listboxtool-wrapper .e-list-group-item {
3925
+ background-color: #ccc;
3926
+ border-color: #757575;
3927
+ color: #23726c;
3928
+ font-size: 14px;
3952
3929
  }
3953
- .e-listbox-wrapper .e-checkbox-wrapper,
3954
- .e-listbox-container .e-checkbox-wrapper,
3955
- .e-listboxtool-wrapper .e-checkbox-wrapper {
3956
- margin: -2px 10px 0 0;
3957
- text-indent: 0;
3958
- vertical-align: middle;
3930
+
3931
+ .e-listbox-wrapper .e-selectall-parent,
3932
+ .e-listbox-container .e-selectall-parent,
3933
+ .e-listboxtool-wrapper .e-selectall-parent {
3934
+ background-color: #ccc;
3935
+ border-bottom: 1px solid #000;
3936
+ color: #000;
3959
3937
  }
3960
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3961
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3962
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3963
- position: absolute;
3964
- right: 0;
3965
- top: 30%;
3938
+
3939
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3940
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3941
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3942
+ background-color: transparent;
3966
3943
  }
3967
- .e-listbox-wrapper .e-input-group,
3968
- .e-listbox-container .e-input-group,
3969
- .e-listboxtool-wrapper .e-input-group {
3970
- padding: 4px 8px;
3944
+
3945
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3946
+ .e-listbox-container.e-list-template .e-list-wrapper,
3947
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3948
+ height: inherit;
3949
+ position: relative;
3971
3950
  }
3972
- .e-listbox-wrapper .e-input-focus,
3973
- .e-listbox-container .e-input-focus,
3974
- .e-listboxtool-wrapper .e-input-focus {
3975
- padding: 4px 4px 4px 8px;
3951
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3952
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3953
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3954
+ padding: 0.6153em 0.923em;
3976
3955
  }
3977
- .e-listbox-wrapper .e-hidden-select,
3978
- .e-listbox-container .e-hidden-select,
3979
- .e-listboxtool-wrapper .e-hidden-select {
3980
- height: 1px;
3981
- opacity: 0;
3982
- position: absolute;
3983
- width: 100%;
3956
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3957
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3958
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3959
+ padding: 0.6153em 0.923em;
3984
3960
  }
3985
- .e-listbox-wrapper .e-placeholder,
3986
- .e-listbox-container .e-placeholder,
3987
- .e-listboxtool-wrapper .e-placeholder {
3988
- background-color: #400074;
3961
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3962
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3963
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3964
+ color: #000;
3989
3965
  display: block;
3990
- height: 1px;
3966
+ font-size: 13px;
3967
+ font-weight: 500;
3968
+ margin: 0;
3969
+ overflow: hidden;
3970
+ padding: 0.093em 0;
3971
+ text-overflow: ellipsis;
3972
+ white-space: nowrap;
3991
3973
  }
3992
-
3993
- ejs-listbox {
3974
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3975
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3976
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3977
+ color: #000;
3994
3978
  display: block;
3979
+ font-size: 13px;
3980
+ margin: 0;
3981
+ padding: 0.093em 0;
3982
+ word-wrap: break-word;
3995
3983
  }
3996
-
3997
- .e-listbox-wrapper:not(.e-listbox-container),
3998
- .e-listbox-wrapper.e-filter-list .e-list-parent {
3999
- overflow: auto;
3984
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3985
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3986
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3987
+ overflow: hidden;
3988
+ text-overflow: ellipsis;
3989
+ white-space: nowrap;
4000
3990
  }
4001
-
4002
- .e-listbox-wrapper.e-sortableclone,
4003
- .e-listbox-container.e-sortableclone,
4004
- .e-listboxtool-wrapper.e-sortableclone {
4005
- border-width: 0;
4006
- overflow: visible;
3991
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3992
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3993
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3994
+ height: 3.0769em;
3995
+ left: 0.923em;
3996
+ position: absolute;
3997
+ width: 3.0769em;
3998
+ left: 0.923em;
4007
3999
  }
4008
- .e-listbox-wrapper.e-sortableclone .e-list-item,
4009
- .e-listbox-container.e-sortableclone .e-list-item,
4010
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4011
- list-style-type: none;
4012
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
4000
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4001
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4002
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4003
+ padding-left: 4.923em;
4004
+ padding-right: 0.923em;
4013
4005
  }
4014
- .e-listbox-wrapper.e-sortableclone .e-ripple,
4015
- .e-listbox-container.e-sortableclone .e-ripple,
4016
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
4017
- overflow: visible;
4006
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4007
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4008
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4009
+ padding-left: 0.923em;
4010
+ padding-right: 4.923em;
4018
4011
  }
4019
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
4020
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
4021
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
4022
- display: none;
4012
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4013
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4014
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4015
+ height: 3.0769em;
4016
+ left: 0.923em;
4017
+ position: absolute;
4018
+ width: 3.0769em;
4019
+ right: 0.923em;
4023
4020
  }
4024
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
4025
- .e-listbox-container.e-sortableclone .e-list-badge,
4026
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4027
- -webkit-box-align: center;
4028
- -ms-flex-align: center;
4029
- align-items: center;
4030
- background-color: #400074;
4031
- border: 1px solid #fff;
4032
- border-radius: 50%;
4033
- color: #fff;
4034
- display: -webkit-box;
4035
- display: -ms-flexbox;
4036
- display: flex;
4037
- font-size: 12px;
4038
- height: 22px;
4039
- -webkit-box-pack: center;
4040
- -ms-flex-pack: center;
4041
- justify-content: center;
4021
+ .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,
4022
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4023
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4024
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4025
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4026
+ top: 0.6153em;
4027
+ }
4028
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4029
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4030
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4031
+ font-size: 13px;
4032
+ height: 1.5384em;
4033
+ line-height: 1.3384em;
4034
+ padding: 0;
4042
4035
  position: absolute;
4043
- right: -10px;
4044
- top: -10px;
4045
- width: 22px;
4036
+ right: 0.923em;
4037
+ top: 50%;
4038
+ -webkit-transform: translateY(-50%);
4039
+ transform: translateY(-50%);
4040
+ width: 1.5384em;
4046
4041
  }
4047
-
4048
- .e-listboxtool-wrapper.e-sortableclone {
4042
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4043
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4044
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4045
+ padding-left: 4.923em;
4046
+ padding-right: 3.3846em;
4047
+ }
4048
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4049
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4050
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4051
+ padding-left: 0.923em;
4052
+ padding-right: 3.3846em;
4053
+ }
4054
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4055
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
4056
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
4049
4057
  display: block;
4058
+ margin: 0;
4059
+ overflow: hidden;
4060
+ padding: 0.867em 0;
4061
+ text-overflow: ellipsis;
4062
+ white-space: nowrap;
4050
4063
  }
4051
-
4052
- .e-listboxtool-wrapper,
4053
- .e-listboxtool-container {
4054
- cursor: pointer;
4055
- display: -webkit-box;
4056
- display: -ms-flexbox;
4057
- display: flex;
4064
+ .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,
4065
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4066
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4067
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4068
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4069
+ color: #000;
4058
4070
  }
4059
- .e-listboxtool-wrapper *,
4060
- .e-listboxtool-container * {
4061
- -webkit-box-sizing: border-box;
4062
- box-sizing: border-box;
4071
+ .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,
4072
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4073
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4074
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4075
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4076
+ color: #fff;
4063
4077
  }
4064
- .e-listboxtool-wrapper.e-disabled,
4065
- .e-listboxtool-container.e-disabled {
4066
- cursor: default;
4067
- pointer-events: none;
4078
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4079
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
4080
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
4081
+ left: inherit;
4082
+ right: 0.923em;
4068
4083
  }
4069
- .e-listboxtool-wrapper .e-listbox-wrapper,
4070
- .e-listboxtool-wrapper .e-list-wrap,
4071
- .e-listboxtool-container .e-listbox-wrapper,
4072
- .e-listboxtool-container .e-list-wrap {
4073
- -webkit-box-flex: 1;
4074
- -ms-flex: 1;
4075
- flex: 1;
4084
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4085
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4086
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
4087
+ padding-left: 0.923em;
4088
+ padding-right: 4.923em;
4076
4089
  }
4077
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
4078
- .e-listboxtool-container.e-right .e-listbox-tool {
4079
- margin-left: 15px;
4090
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4091
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
4092
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
4093
+ padding-left: 4.923em;
4094
+ padding-right: 0.923em;
4080
4095
  }
4081
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
4082
- .e-listboxtool-container.e-left .e-listbox-tool {
4083
- margin-right: 15px;
4096
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4097
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4098
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4099
+ left: 0.923em;
4100
+ right: inherit;
4084
4101
  }
4085
- .e-listboxtool-wrapper .e-listbox-tool,
4086
- .e-listboxtool-container .e-listbox-tool {
4087
- border: 1px solid #757575;
4088
- overflow: auto;
4089
- padding: 8px;
4102
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4103
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
4104
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
4105
+ left: 0.923em;
4106
+ right: inherit;
4090
4107
  }
4091
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
4092
- .e-listboxtool-container .e-listbox-tool .e-btn {
4093
- display: list-item;
4094
- list-style-type: none;
4095
- margin-bottom: 10px;
4108
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4109
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
4110
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
4111
+ padding-left: 3.3846em;
4112
+ padding-right: 4.923em;
4096
4113
  }
4097
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4098
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4099
- position: absolute;
4100
- right: 0;
4101
- top: 30%;
4114
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4115
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
4116
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
4117
+ padding-left: 3.3846em;
4118
+ padding-right: 0.923em;
4102
4119
  }
4103
4120
 
4104
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4105
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
4106
- margin-right: 15px;
4121
+ .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 {
4122
+ height: 100%;
4107
4123
  }
4108
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
4109
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
4110
- margin-left: 15px;
4124
+
4125
+ .e-listbox-container.e-filter-list .e-list-wrap {
4126
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4111
4127
  }
4112
4128
 
4113
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4114
- .e-listbox-wrapper .e-list-nrt,
4115
- .e-listbox-wrapper .e-selectall-parent,
4116
- .e-listbox-container:not(.e-list-template) .e-list-item,
4117
- .e-listbox-container .e-list-nrt,
4118
- .e-listbox-container .e-selectall-parent,
4119
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4120
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4121
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4122
- height: 36px;
4123
- line-height: 1;
4124
- padding: 9px 16px;
4125
- position: relative;
4129
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4130
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4126
4131
  }
4127
- .e-listbox-wrapper .e-list-icon,
4128
- .e-listbox-container .e-list-icon,
4129
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4130
- display: inline;
4131
- vertical-align: middle;
4132
- width: auto;
4133
- height: auto;
4134
- padding-bottom: 2px;
4132
+
4133
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4134
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4135
4135
  }
4136
4136
 
4137
4137
  .e-bigger .e-listbox-wrapper .e-list-item,