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