@syncfusion/ej2-inputs 27.2.4 → 28.1.37

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 (195) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-inputs.min.js +3 -3
  3. package/dist/ej2-inputs.umd.min.js +3 -3
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +63 -65
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +64 -66
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +3 -3
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +10 -14
  13. package/src/common/signature-base.js +22 -11
  14. package/src/numerictextbox/numerictextbox.js +1 -1
  15. package/src/otp-input/otp-input.js +35 -49
  16. package/src/slider/slider.d.ts +1 -0
  17. package/src/slider/slider.js +5 -4
  18. package/src/uploader/uploader.js +1 -1
  19. package/styles/bds-lite.css +5293 -0
  20. package/styles/bds-lite.scss +37 -0
  21. package/styles/bds.css +8139 -0
  22. package/styles/bds.scss +46 -0
  23. package/styles/bootstrap-dark-lite.css +4 -0
  24. package/styles/bootstrap-dark.css +4 -0
  25. package/styles/bootstrap-lite.css +4 -0
  26. package/styles/bootstrap.css +4 -0
  27. package/styles/bootstrap4-lite.css +4 -1
  28. package/styles/bootstrap4.css +4 -1
  29. package/styles/bootstrap5-dark-lite.css +7 -4
  30. package/styles/bootstrap5-dark.css +7 -4
  31. package/styles/bootstrap5-lite.css +5 -2
  32. package/styles/bootstrap5.3-lite.css +4 -1
  33. package/styles/bootstrap5.3.css +4 -1
  34. package/styles/bootstrap5.css +5 -2
  35. package/styles/color-picker/_bigger.scss +46 -7
  36. package/styles/color-picker/_layout.scss +41 -3
  37. package/styles/color-picker/_tailwind3-definition.scss +152 -0
  38. package/styles/color-picker/_theme.scss +13 -2
  39. package/styles/color-picker/bds.css +1080 -0
  40. package/styles/color-picker/bds.scss +12 -0
  41. package/styles/color-picker/bootstrap-dark.css +3 -0
  42. package/styles/color-picker/bootstrap.css +3 -0
  43. package/styles/color-picker/bootstrap4.css +3 -0
  44. package/styles/color-picker/bootstrap5-dark.css +3 -0
  45. package/styles/color-picker/bootstrap5.3.css +3 -0
  46. package/styles/color-picker/bootstrap5.css +3 -0
  47. package/styles/color-picker/fabric-dark.css +3 -0
  48. package/styles/color-picker/fabric.css +3 -0
  49. package/styles/color-picker/fluent-dark.css +3 -0
  50. package/styles/color-picker/fluent.css +3 -0
  51. package/styles/color-picker/fluent2.css +3 -0
  52. package/styles/color-picker/highcontrast-light.css +3 -0
  53. package/styles/color-picker/highcontrast.css +3 -0
  54. package/styles/color-picker/icons/_tailwind3.scss +9 -0
  55. package/styles/color-picker/material-dark.css +3 -0
  56. package/styles/color-picker/material.css +3 -0
  57. package/styles/color-picker/material3-dark.css +3 -0
  58. package/styles/color-picker/material3.css +3 -0
  59. package/styles/color-picker/tailwind-dark.css +3 -0
  60. package/styles/color-picker/tailwind.css +3 -0
  61. package/styles/color-picker/tailwind3.css +880 -0
  62. package/styles/color-picker/tailwind3.scss +12 -0
  63. package/styles/data-form/_tailwind3-definition.scss +41 -0
  64. package/styles/data-form/bds.css +236 -0
  65. package/styles/data-form/bds.scss +3 -0
  66. package/styles/data-form/tailwind3.css +236 -0
  67. package/styles/data-form/tailwind3.scss +3 -0
  68. package/styles/fabric-dark-lite.css +4 -0
  69. package/styles/fabric-dark.css +4 -0
  70. package/styles/fabric-lite.css +4 -0
  71. package/styles/fabric.css +4 -0
  72. package/styles/fluent-dark-lite.css +8 -5
  73. package/styles/fluent-dark.css +8 -5
  74. package/styles/fluent-lite.css +6 -3
  75. package/styles/fluent.css +6 -3
  76. package/styles/fluent2-lite.css +10 -6
  77. package/styles/fluent2.css +11 -7
  78. package/styles/highcontrast-light-lite.css +3 -0
  79. package/styles/highcontrast-light.css +3 -0
  80. package/styles/highcontrast-lite.css +3 -0
  81. package/styles/highcontrast.css +3 -0
  82. package/styles/input/_bigger.scss +124 -120
  83. package/styles/input/_layout.scss +143 -121
  84. package/styles/input/_tailwind3-definition.scss +511 -0
  85. package/styles/input/_theme.scss +67 -40
  86. package/styles/input/bds.css +4537 -0
  87. package/styles/input/bds.scss +5 -0
  88. package/styles/input/fluent2.css +2 -2
  89. package/styles/input/icons/_tailwind3.scss +17 -0
  90. package/styles/input/tailwind-dark.css +2 -0
  91. package/styles/input/tailwind.css +2 -0
  92. package/styles/input/tailwind3.css +8926 -0
  93. package/styles/input/tailwind3.scss +5 -0
  94. package/styles/maskedtextbox/_tailwind3-definition.scss +7 -0
  95. package/styles/maskedtextbox/bds.css +180 -0
  96. package/styles/maskedtextbox/bds.scss +5 -0
  97. package/styles/maskedtextbox/fluent2.css +1 -1
  98. package/styles/maskedtextbox/tailwind3.css +47 -0
  99. package/styles/maskedtextbox/tailwind3.scss +5 -0
  100. package/styles/material-dark-lite.css +4 -0
  101. package/styles/material-dark.css +4 -0
  102. package/styles/material-lite.css +4 -0
  103. package/styles/material.css +4 -0
  104. package/styles/material3-dark-lite.css +8 -4
  105. package/styles/material3-dark.css +8 -4
  106. package/styles/material3-lite.css +8 -4
  107. package/styles/material3.css +8 -4
  108. package/styles/numerictextbox/_tailwind3-definition.scss +3 -0
  109. package/styles/numerictextbox/bds.css +197 -0
  110. package/styles/numerictextbox/bds.scss +6 -0
  111. package/styles/numerictextbox/icons/_tailwind3.scss +11 -0
  112. package/styles/numerictextbox/tailwind3.css +64 -0
  113. package/styles/numerictextbox/tailwind3.scss +6 -0
  114. package/styles/otp-input/_tailwind3-definition.scss +59 -0
  115. package/styles/otp-input/bds.css +230 -0
  116. package/styles/otp-input/bds.scss +4 -0
  117. package/styles/otp-input/tailwind3.css +230 -0
  118. package/styles/otp-input/tailwind3.scss +4 -0
  119. package/styles/rating/_tailwind3-definition.scss +47 -0
  120. package/styles/rating/bds.css +323 -0
  121. package/styles/rating/bds.scss +5 -0
  122. package/styles/rating/tailwind3.css +319 -0
  123. package/styles/rating/tailwind3.scss +5 -0
  124. package/styles/signature/_layout.scss +3 -0
  125. package/styles/signature/_tailwind3-definition.scss +3 -0
  126. package/styles/signature/bds.css +13 -0
  127. package/styles/signature/bds.scss +3 -0
  128. package/styles/signature/tailwind3.css +15 -0
  129. package/styles/signature/tailwind3.scss +3 -0
  130. package/styles/slider/_layout.scss +29 -15
  131. package/styles/slider/_tailwind3-definition.scss +92 -0
  132. package/styles/slider/_theme.scss +4 -2
  133. package/styles/slider/bds.css +620 -0
  134. package/styles/slider/bds.scss +6 -0
  135. package/styles/slider/bootstrap-dark.css +1 -0
  136. package/styles/slider/bootstrap.css +1 -0
  137. package/styles/slider/bootstrap4.css +1 -1
  138. package/styles/slider/bootstrap5.3.css +1 -1
  139. package/styles/slider/fabric-dark.css +1 -0
  140. package/styles/slider/fabric.css +1 -0
  141. package/styles/slider/fluent-dark.css +1 -1
  142. package/styles/slider/fluent.css +1 -1
  143. package/styles/slider/fluent2.css +3 -2
  144. package/styles/slider/material-dark.css +1 -0
  145. package/styles/slider/material.css +1 -0
  146. package/styles/slider/material3-dark.css +1 -0
  147. package/styles/slider/material3.css +1 -0
  148. package/styles/slider/tailwind3.css +442 -0
  149. package/styles/slider/tailwind3.scss +6 -0
  150. package/styles/smart-textarea/_bootstrap5-definition.scss +3 -3
  151. package/styles/smart-textarea/_fluent-definition.scss +3 -3
  152. package/styles/smart-textarea/_material3-definition.scss +3 -3
  153. package/styles/smart-textarea/_tailwind-definition.scss +3 -3
  154. package/styles/smart-textarea/_tailwind3-definition.scss +3 -0
  155. package/styles/smart-textarea/_theme.scss +2 -29
  156. package/styles/smart-textarea/bds.css +67 -0
  157. package/styles/smart-textarea/bds.scss +4 -0
  158. package/styles/smart-textarea/bootstrap5-dark.css +4 -4
  159. package/styles/smart-textarea/bootstrap5.css +2 -2
  160. package/styles/smart-textarea/fluent-dark.css +4 -4
  161. package/styles/smart-textarea/fluent.css +2 -2
  162. package/styles/smart-textarea/material3-dark.css +4 -4
  163. package/styles/smart-textarea/material3.css +4 -4
  164. package/styles/smart-textarea/tailwind-dark.css +4 -4
  165. package/styles/smart-textarea/tailwind.css +2 -2
  166. package/styles/smart-textarea/tailwind3.css +67 -0
  167. package/styles/smart-textarea/tailwind3.scss +4 -0
  168. package/styles/tailwind-dark-lite.css +9 -4
  169. package/styles/tailwind-dark.css +9 -4
  170. package/styles/tailwind-lite.css +7 -2
  171. package/styles/tailwind.css +7 -2
  172. package/styles/tailwind3-lite.css +7247 -0
  173. package/styles/tailwind3-lite.scss +37 -0
  174. package/styles/tailwind3.css +12252 -0
  175. package/styles/tailwind3.scss +46 -0
  176. package/styles/textarea/_tailwind3-definition.scss +1 -0
  177. package/styles/textarea/bds.css +183 -0
  178. package/styles/textarea/bds.scss +5 -0
  179. package/styles/textarea/tailwind3.css +50 -0
  180. package/styles/textarea/tailwind3.scss +5 -0
  181. package/styles/textbox/_tailwind3-definition.scss +4 -0
  182. package/styles/textbox/bds.css +177 -0
  183. package/styles/textbox/bds.scss +5 -0
  184. package/styles/textbox/tailwind3.css +44 -0
  185. package/styles/textbox/tailwind3.scss +5 -0
  186. package/styles/uploader/_bigger.scss +3 -0
  187. package/styles/uploader/_layout.scss +3 -0
  188. package/styles/uploader/_tailwind3-definition.scss +211 -0
  189. package/styles/uploader/_theme.scss +21 -0
  190. package/styles/uploader/bds.css +1124 -0
  191. package/styles/uploader/bds.scss +7 -0
  192. package/styles/uploader/fluent2.css +2 -2
  193. package/styles/uploader/icons/_tailwind3.scss +34 -0
  194. package/styles/uploader/tailwind3.css +1036 -0
  195. package/styles/uploader/tailwind3.scss +7 -0
@@ -0,0 +1,1036 @@
1
+
2
+
3
+
4
+
5
+ /* stylelint-disable property-no-vendor-prefix */
6
+ @-webkit-keyframes material-spinner-rotate {
7
+ 0% {
8
+ -webkit-transform: rotate(0);
9
+ transform: rotate(0);
10
+ }
11
+ 100% {
12
+ -webkit-transform: rotate(360deg);
13
+ transform: rotate(360deg);
14
+ }
15
+ }
16
+ @keyframes material-spinner-rotate {
17
+ 0% {
18
+ -webkit-transform: rotate(0);
19
+ transform: rotate(0);
20
+ }
21
+ 100% {
22
+ -webkit-transform: rotate(360deg);
23
+ transform: rotate(360deg);
24
+ }
25
+ }
26
+ @-webkit-keyframes fabric-spinner-rotate {
27
+ 0% {
28
+ -webkit-transform: rotate(0);
29
+ transform: rotate(0);
30
+ }
31
+ 100% {
32
+ -webkit-transform: rotate(360deg);
33
+ transform: rotate(360deg);
34
+ }
35
+ }
36
+ @keyframes fabric-spinner-rotate {
37
+ 0% {
38
+ -webkit-transform: rotate(0);
39
+ transform: rotate(0);
40
+ }
41
+ 100% {
42
+ -webkit-transform: rotate(360deg);
43
+ transform: rotate(360deg);
44
+ }
45
+ }
46
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
47
+ content: "\e7e7";
48
+ }
49
+
50
+ .e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
51
+ content: "\e77b";
52
+ }
53
+
54
+ .e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
55
+ content: "\e706";
56
+ }
57
+
58
+ .e-upload .e-upload-files .e-icons.e-file-play-btn::before {
59
+ content: "\e70c";
60
+ }
61
+
62
+ .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
63
+ content: "\e820";
64
+ }
65
+
66
+ .e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
67
+ content: "\e81b";
68
+ }
69
+
70
+ .e-upload .e-upload-files .e-icons.e-msie::before {
71
+ position: relative;
72
+ right: 10px;
73
+ }
74
+
75
+ .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
76
+ right: 12px;
77
+ }
78
+
79
+ .e-upload {
80
+ width: 100%;
81
+ }
82
+ .e-upload.e-control-wrapper {
83
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
84
+ }
85
+ .e-upload .e-hidden-file-input {
86
+ border: 0;
87
+ height: 0;
88
+ margin: 0;
89
+ outline: none;
90
+ padding: 0;
91
+ text-indent: 0;
92
+ visibility: hidden;
93
+ width: 0;
94
+ }
95
+ .e-upload .e-file-select-wrap {
96
+ padding: 12px 0 12px 12px;
97
+ }
98
+ .e-upload .e-file-select-wrap .e-file-select,
99
+ .e-upload .e-file-select-wrap .e-file-select .e-uploader {
100
+ display: inline-block;
101
+ width: 0;
102
+ }
103
+ .e-upload .e-file-select-wrap .e-file-select .e-uploader {
104
+ opacity: 0;
105
+ }
106
+ .e-upload .e-file-select-wrap .e-file-drop {
107
+ font-family: inherit;
108
+ font-size: 14px;
109
+ margin-left: 12px;
110
+ }
111
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
112
+ min-height: 35px;
113
+ padding-bottom: 15px;
114
+ padding-top: 11px;
115
+ }
116
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
117
+ top: 0;
118
+ }
119
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
120
+ display: none;
121
+ }
122
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
123
+ line-height: 1.5;
124
+ padding-top: 4px;
125
+ }
126
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
127
+ color: var(--color-sf-danger);
128
+ }
129
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
130
+ color: var(--color-sf-content-text-color-alt2);
131
+ display: block;
132
+ font-size: 12px;
133
+ line-height: 1.5;
134
+ padding-bottom: 0;
135
+ padding-top: 4px;
136
+ position: relative;
137
+ }
138
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
139
+ color: var(--color-sf-danger);
140
+ }
141
+ .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
142
+ color: var(--color-sf-danger);
143
+ }
144
+ .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
145
+ -webkit-box-sizing: border-box;
146
+ box-sizing: border-box;
147
+ top: 42px;
148
+ }
149
+ .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
150
+ color: var(--color-sf-icon-color-disabled);
151
+ cursor: not-allowed;
152
+ opacity: 0.4;
153
+ pointer-events: none;
154
+ }
155
+ .e-upload .e-upload-files {
156
+ list-style-type: none;
157
+ margin: 0;
158
+ padding: 0;
159
+ }
160
+ .e-upload .e-upload-files .e-upload-file-list {
161
+ font-family: inherit;
162
+ font-size: 14px;
163
+ height: 100%;
164
+ line-height: 22px;
165
+ min-height: 82px;
166
+ position: relative;
167
+ }
168
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container {
169
+ display: block;
170
+ height: 100%;
171
+ margin-left: 12px;
172
+ margin-right: 90px;
173
+ min-height: 35px;
174
+ position: relative;
175
+ top: 0;
176
+ }
177
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
178
+ float: left;
179
+ font-family: inherit;
180
+ font-size: 14px;
181
+ max-width: 75%;
182
+ overflow: hidden;
183
+ padding-top: 12px;
184
+ position: relative;
185
+ text-overflow: ellipsis;
186
+ top: 0;
187
+ white-space: nowrap;
188
+ }
189
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before {
190
+ content: attr(data-tail);
191
+ float: right;
192
+ }
193
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
194
+ display: block;
195
+ font-family: inherit;
196
+ font-size: 14px;
197
+ padding-top: 12px;
198
+ }
199
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden {
200
+ visibility: hidden;
201
+ }
202
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
203
+ display: block;
204
+ font-size: 12px;
205
+ padding: 0;
206
+ }
207
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
208
+ display: block;
209
+ font-family: inherit;
210
+ font-size: 12px;
211
+ padding-bottom: 12px;
212
+ }
213
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress {
214
+ display: none;
215
+ }
216
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
217
+ display: block;
218
+ height: 10px;
219
+ padding-bottom: 11px;
220
+ padding-top: 6px;
221
+ position: absolute;
222
+ width: 95%;
223
+ }
224
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
225
+ border-radius: 4px;
226
+ display: block;
227
+ height: 4px;
228
+ width: 100%;
229
+ }
230
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
231
+ border-radius: 4px;
232
+ display: inherit;
233
+ height: 4px;
234
+ }
235
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
236
+ float: right;
237
+ font-family: inherit;
238
+ font-size: 12px;
239
+ position: relative;
240
+ right: 0;
241
+ top: -33px;
242
+ }
243
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons {
244
+ -webkit-box-align: center;
245
+ -ms-flex-align: center;
246
+ align-items: center;
247
+ -webkit-box-sizing: border-box;
248
+ box-sizing: border-box;
249
+ cursor: pointer;
250
+ display: -webkit-inline-box;
251
+ display: -ms-inline-flexbox;
252
+ display: inline-flex;
253
+ font-size: 16px;
254
+ height: 20px;
255
+ -webkit-box-pack: center;
256
+ -ms-flex-pack: center;
257
+ justify-content: center;
258
+ margin: 15px;
259
+ margin-top: -9px;
260
+ padding: 10px;
261
+ position: absolute;
262
+ right: 0;
263
+ top: 50%;
264
+ vertical-align: middle;
265
+ width: 20px;
266
+ }
267
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress {
268
+ cursor: default;
269
+ }
270
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
271
+ color: var(--color-sf-icon-color-disabled);
272
+ cursor: not-allowed;
273
+ opacity: 0.4;
274
+ pointer-events: none;
275
+ }
276
+ .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons {
277
+ padding: 18px 13px 18px 23px;
278
+ }
279
+ .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons {
280
+ right: 36px;
281
+ }
282
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus {
283
+ background-color: rgba(var(--color-sf-black), 0.12);
284
+ border-color: transparent;
285
+ border-radius: 50%;
286
+ -webkit-box-shadow: 0 0 0 transparent;
287
+ box-shadow: 0 0 0 transparent;
288
+ }
289
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
290
+ border-radius: 50%;
291
+ }
292
+ .e-upload .e-upload-files .e-file-delete-btn.e-icons {
293
+ font-size: 14px;
294
+ opacity: 1;
295
+ }
296
+ .e-upload .e-upload-files .e-file-abort-btn.e-icons {
297
+ font-size: 14px;
298
+ opacity: 1;
299
+ }
300
+ .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn {
301
+ font-family: inherit;
302
+ font-weight: 600;
303
+ }
304
+ .e-upload .e-upload-actions {
305
+ position: relative;
306
+ text-align: right;
307
+ }
308
+ .e-upload .e-upload-actions .e-file-upload-btn {
309
+ margin: 8px;
310
+ }
311
+ .e-upload .e-upload-actions .e-file-clear-btn {
312
+ margin: 8px;
313
+ }
314
+ .e-upload.e-rtl .e-file-select-wrap {
315
+ padding: 16px 12px 16px 0;
316
+ }
317
+ .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
318
+ margin-right: 0;
319
+ }
320
+ .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
321
+ margin-left: 60px;
322
+ margin-right: 12px;
323
+ position: relative;
324
+ }
325
+ .e-upload.e-rtl .e-upload-actions {
326
+ text-align: left;
327
+ }
328
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
329
+ height: 100%;
330
+ margin-left: 60px;
331
+ margin-right: 11px;
332
+ position: relative;
333
+ }
334
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container {
335
+ direction: ltr;
336
+ float: right;
337
+ width: 100%;
338
+ }
339
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
340
+ float: right;
341
+ }
342
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
343
+ float: right;
344
+ }
345
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
346
+ direction: ltr;
347
+ float: right;
348
+ position: relative;
349
+ text-align: right;
350
+ width: 100%;
351
+ }
352
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
353
+ float: right;
354
+ position: initial;
355
+ top: 23px;
356
+ width: 86%;
357
+ }
358
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
359
+ float: left;
360
+ right: 0;
361
+ top: -32px;
362
+ }
363
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons {
364
+ left: 0;
365
+ margin-left: 11px;
366
+ margin-right: 11px;
367
+ right: auto;
368
+ top: 50%;
369
+ }
370
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons {
371
+ left: 36px;
372
+ right: auto;
373
+ }
374
+ .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
375
+ left: 36px;
376
+ }
377
+ .e-upload.e-disabled .e-file-drop {
378
+ color: var(--color-sf-icon-color-disabled);
379
+ }
380
+ .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
381
+ color: var(--color-sf-icon-color-disabled);
382
+ }
383
+ .e-upload .e-content-placeholder.e-upload.e-placeholder-upload {
384
+ background-size: 400px 65px;
385
+ min-height: 65px;
386
+ }
387
+
388
+ .e-small .e-upload .e-file-select-wrap {
389
+ padding: 12px 0 12px 12px;
390
+ }
391
+ .e-small .e-upload .e-file-select-wrap .e-file-drop {
392
+ font-size: 12px;
393
+ margin-left: 10px;
394
+ }
395
+ .e-small .e-upload .e-upload-files .e-upload-file-list {
396
+ min-height: 79px;
397
+ }
398
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
399
+ font-size: 12px;
400
+ padding-top: 12px;
401
+ }
402
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
403
+ font-size: 12px;
404
+ padding: 6px 0;
405
+ }
406
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
407
+ font-size: 12px;
408
+ padding-top: 12px;
409
+ }
410
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
411
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
412
+ padding-bottom: 12px;
413
+ }
414
+ .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
415
+ padding-bottom: 2px;
416
+ padding-top: 2px;
417
+ }
418
+ .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons {
419
+ font-size: 14px;
420
+ height: 24px;
421
+ padding: 12px;
422
+ width: 24px;
423
+ }
424
+ .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
425
+ color: var(--color-sf-icon-color-disabled);
426
+ cursor: not-allowed;
427
+ opacity: 0.4;
428
+ pointer-events: none;
429
+ }
430
+ .e-small .e-upload.e-rtl .e-file-select-wrap {
431
+ padding: 12px 12px 12px 0;
432
+ }
433
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
434
+ min-height: 35px;
435
+ padding-bottom: 12px;
436
+ padding-top: 8px;
437
+ }
438
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
439
+ top: 0;
440
+ }
441
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
442
+ display: none;
443
+ }
444
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
445
+ line-height: 1.5;
446
+ padding-top: 4px;
447
+ }
448
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
449
+ color: var(--color-sf-danger);
450
+ }
451
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
452
+ color: var(--color-sf-content-text-color-alt2);
453
+ display: block;
454
+ font-size: 12px;
455
+ line-height: 1.5;
456
+ padding-bottom: 0;
457
+ padding-top: 4px;
458
+ position: relative;
459
+ }
460
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
461
+ color: var(--color-sf-danger);
462
+ }
463
+ .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
464
+ color: var(--color-sf-danger);
465
+ }
466
+ .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
467
+ -webkit-box-sizing: border-box;
468
+ box-sizing: border-box;
469
+ top: 42px;
470
+ }
471
+ .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
472
+ color: var(--color-sf-icon-color-disabled);
473
+ cursor: not-allowed;
474
+ opacity: 0.4;
475
+ pointer-events: none;
476
+ }
477
+
478
+ .e-upload {
479
+ border: 1px dashed var(--color-sf-border-dark);
480
+ }
481
+ .e-upload .e-file-drop {
482
+ color: var(--color-sf-content-text-color-alt2);
483
+ vertical-align: middle;
484
+ }
485
+ .e-upload .e-upload-files {
486
+ border-top: 1px solid var(--color-sf-border-light);
487
+ }
488
+ .e-upload .e-upload-files .e-upload-file-list {
489
+ border-bottom: 1px solid var(--color-sf-border-light);
490
+ }
491
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
492
+ color: var(--color-sf-content-text-color);
493
+ font-weight: 500;
494
+ }
495
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
496
+ color: var(--color-sf-content-text-color);
497
+ font-weight: 500;
498
+ }
499
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
500
+ color: var(--color-sf-content-text-color-alt2);
501
+ font-weight: 500;
502
+ }
503
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
504
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
505
+ color: var(--color-sf-content-text-color);
506
+ font-weight: 500;
507
+ }
508
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
509
+ color: var(--color-sf-success);
510
+ font-weight: 500;
511
+ }
512
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
513
+ color: var(--color-sf-danger);
514
+ font-weight: 500;
515
+ }
516
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
517
+ color: var(--color-sf-danger);
518
+ font-weight: 500;
519
+ }
520
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
521
+ background-color: var(--color-sf-content-bg-color-alt3);
522
+ }
523
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
524
+ background: var(--color-sf-primary);
525
+ }
526
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {
527
+ background: var(--color-sf-success);
528
+ }
529
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed {
530
+ background: var(--color-sf-danger);
531
+ }
532
+ .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text {
533
+ color: var(--color-sf-content-text-color);
534
+ }
535
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons {
536
+ color: var(--color-sf-icon-color);
537
+ }
538
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
539
+ color: var(--color-sf-icon-color-hover);
540
+ }
541
+ .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
542
+ background-color: rgba(var(--color-sf-black), 0.12);
543
+ border-color: transparent;
544
+ -webkit-box-shadow: 0 0 0 transparent;
545
+ box-shadow: 0 0 0 transparent;
546
+ }
547
+
548
+ .e-bigger .e-upload {
549
+ width: 100%;
550
+ }
551
+ .e-bigger .e-upload .e-file-select-wrap {
552
+ padding: 16px 0 16px 16px;
553
+ }
554
+ .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
555
+ font-size: 16px;
556
+ margin-left: 16px;
557
+ }
558
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list {
559
+ font-size: 14px;
560
+ line-height: 22px;
561
+ min-height: 108px;
562
+ }
563
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container {
564
+ margin-left: 15px;
565
+ top: 0;
566
+ }
567
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
568
+ font-size: 16px;
569
+ padding-top: 15px;
570
+ }
571
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
572
+ font-size: 12px;
573
+ padding: 10px 0;
574
+ }
575
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
576
+ font-size: 16px;
577
+ padding-top: 15px;
578
+ top: initial;
579
+ }
580
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
581
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
582
+ font-size: 12px;
583
+ padding-bottom: 15px;
584
+ }
585
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
586
+ height: 4px;
587
+ }
588
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
589
+ height: 4px;
590
+ width: 95%;
591
+ }
592
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
593
+ height: 90%;
594
+ }
595
+ .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
596
+ font-size: 12px;
597
+ right: 16px;
598
+ top: -36px;
599
+ }
600
+ .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
601
+ -webkit-box-sizing: border-box;
602
+ box-sizing: border-box;
603
+ font-size: 16px;
604
+ height: 24px;
605
+ margin: 15px;
606
+ margin-top: -24px;
607
+ padding: 24px;
608
+ top: 50%;
609
+ width: 24px;
610
+ }
611
+ .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
612
+ color: var(--color-sf-icon-color-disabled);
613
+ cursor: not-allowed;
614
+ opacity: 0.4;
615
+ pointer-events: none;
616
+ }
617
+ .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons {
618
+ padding: 20px 17px 20px 26px;
619
+ }
620
+ .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
621
+ right: 45px;
622
+ }
623
+ .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons {
624
+ font-size: 14px;
625
+ }
626
+ .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons {
627
+ font-size: 14px;
628
+ }
629
+ .e-bigger .e-upload .e-upload-actions .e-btn {
630
+ margin-left: 15px;
631
+ }
632
+ .e-bigger .e-upload .e-upload-actions .e-file-upload-btn {
633
+ margin: 15px;
634
+ }
635
+ .e-bigger .e-upload .e-upload-actions .e-file-clear-btn {
636
+ margin: 15px;
637
+ }
638
+ .e-bigger .e-upload.e-rtl .e-file-select-wrap {
639
+ padding: 20px 15px 20px 0;
640
+ }
641
+ .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
642
+ margin-right: 0;
643
+ }
644
+ .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
645
+ margin-right: 16px;
646
+ }
647
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
648
+ margin-left: 60px;
649
+ margin-right: 15px;
650
+ }
651
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
652
+ top: 30px;
653
+ }
654
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
655
+ left: 16px;
656
+ right: initial;
657
+ }
658
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
659
+ -webkit-box-sizing: border-box;
660
+ box-sizing: border-box;
661
+ left: 0;
662
+ margin-left: 15px;
663
+ margin-right: 15px;
664
+ padding: 24px;
665
+ top: 50%;
666
+ }
667
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled {
668
+ color: var(--color-sf-icon-color-disabled);
669
+ cursor: not-allowed;
670
+ opacity: 0.4;
671
+ pointer-events: none;
672
+ }
673
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons {
674
+ padding: 20px 17px 20px 26px;
675
+ }
676
+ .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
677
+ left: 41px;
678
+ }
679
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
680
+ min-height: 35px;
681
+ padding-bottom: 15px;
682
+ padding-top: 11px;
683
+ }
684
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
685
+ top: 0;
686
+ }
687
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
688
+ display: none;
689
+ }
690
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
691
+ line-height: 1.5;
692
+ padding-top: 4px;
693
+ }
694
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
695
+ color: var(--color-sf-danger);
696
+ }
697
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
698
+ color: var(--color-sf-content-text-color-alt2);
699
+ display: block;
700
+ font-size: 12px;
701
+ line-height: 1.5;
702
+ padding-bottom: 0;
703
+ padding-top: 4px;
704
+ position: relative;
705
+ }
706
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
707
+ color: var(--color-sf-danger);
708
+ }
709
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
710
+ color: var(--color-sf-danger);
711
+ }
712
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
713
+ -webkit-box-sizing: border-box;
714
+ box-sizing: border-box;
715
+ top: 38px;
716
+ }
717
+ .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
718
+ color: var(--color-sf-icon-color-disabled);
719
+ cursor: not-allowed;
720
+ opacity: 0.4;
721
+ pointer-events: none;
722
+ }
723
+
724
+ .e-bigger.e-small .e-upload {
725
+ width: 100%;
726
+ }
727
+ .e-bigger.e-small .e-upload.e-control-wrapper {
728
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
729
+ }
730
+ .e-bigger.e-small .e-upload .e-hidden-file-input {
731
+ border: 0;
732
+ height: 0;
733
+ margin: 0;
734
+ outline: none;
735
+ padding: 0;
736
+ text-indent: 0;
737
+ visibility: hidden;
738
+ width: 0;
739
+ }
740
+ .e-bigger.e-small .e-upload .e-file-select-wrap {
741
+ padding: 12px 0 12px 12px;
742
+ }
743
+ .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select,
744
+ .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader {
745
+ display: inline-block;
746
+ width: 0;
747
+ }
748
+ .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader {
749
+ opacity: 0;
750
+ }
751
+ .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop {
752
+ font-family: inherit;
753
+ font-size: 14px;
754
+ margin-left: 12px;
755
+ }
756
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list {
757
+ min-height: 35px;
758
+ padding-bottom: 15px;
759
+ padding-top: 11px;
760
+ }
761
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container {
762
+ top: 0;
763
+ }
764
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input {
765
+ display: none;
766
+ }
767
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
768
+ line-height: 1.5;
769
+ padding-top: 4px;
770
+ }
771
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
772
+ color: var(--color-sf-danger);
773
+ }
774
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
775
+ color: var(--color-sf-content-text-color-alt2);
776
+ display: block;
777
+ font-size: 12px;
778
+ line-height: 1.5;
779
+ padding-bottom: 0;
780
+ padding-top: 4px;
781
+ position: relative;
782
+ }
783
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
784
+ color: var(--color-sf-danger);
785
+ }
786
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
787
+ color: var(--color-sf-danger);
788
+ }
789
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
790
+ -webkit-box-sizing: border-box;
791
+ box-sizing: border-box;
792
+ top: 42px;
793
+ }
794
+ .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
795
+ color: var(--color-sf-icon-color-disabled);
796
+ cursor: not-allowed;
797
+ opacity: 0.4;
798
+ pointer-events: none;
799
+ }
800
+ .e-bigger.e-small .e-upload .e-upload-files {
801
+ list-style-type: none;
802
+ margin: 0;
803
+ padding: 0;
804
+ }
805
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
806
+ font-family: inherit;
807
+ font-size: 14px;
808
+ height: 100%;
809
+ line-height: 22px;
810
+ min-height: 82px;
811
+ position: relative;
812
+ }
813
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
814
+ display: block;
815
+ height: 100%;
816
+ margin-left: 12px;
817
+ margin-right: 90px;
818
+ min-height: 35px;
819
+ position: relative;
820
+ top: 0;
821
+ }
822
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
823
+ float: left;
824
+ font-family: inherit;
825
+ font-size: 14px;
826
+ max-width: 75%;
827
+ overflow: hidden;
828
+ padding-top: 12px;
829
+ position: relative;
830
+ text-overflow: ellipsis;
831
+ top: 0;
832
+ white-space: nowrap;
833
+ }
834
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before {
835
+ content: attr(data-tail);
836
+ float: right;
837
+ }
838
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
839
+ display: block;
840
+ font-family: inherit;
841
+ font-size: 14px;
842
+ padding-top: 12px;
843
+ }
844
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden {
845
+ visibility: hidden;
846
+ }
847
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
848
+ display: block;
849
+ font-size: 12px;
850
+ padding: 0;
851
+ }
852
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
853
+ display: block;
854
+ font-family: inherit;
855
+ font-size: 12px;
856
+ padding-bottom: 12px;
857
+ }
858
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress {
859
+ display: none;
860
+ }
861
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
862
+ display: block;
863
+ height: 10px;
864
+ padding-bottom: 11px;
865
+ padding-top: 6px;
866
+ position: absolute;
867
+ width: 95%;
868
+ }
869
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
870
+ border-radius: 4px;
871
+ display: block;
872
+ height: 4px;
873
+ width: 100%;
874
+ }
875
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
876
+ border-radius: 4px;
877
+ display: inherit;
878
+ height: 4px;
879
+ }
880
+ .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
881
+ float: right;
882
+ font-family: inherit;
883
+ font-size: 12px;
884
+ position: relative;
885
+ right: 0;
886
+ top: -33px;
887
+ }
888
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
889
+ -webkit-box-align: center;
890
+ -ms-flex-align: center;
891
+ align-items: center;
892
+ -webkit-box-sizing: border-box;
893
+ box-sizing: border-box;
894
+ cursor: pointer;
895
+ display: -webkit-inline-box;
896
+ display: -ms-inline-flexbox;
897
+ display: inline-flex;
898
+ font-size: 16px;
899
+ height: 20px;
900
+ -webkit-box-pack: center;
901
+ -ms-flex-pack: center;
902
+ justify-content: center;
903
+ margin: 15px;
904
+ margin-top: -9px;
905
+ padding: 10px;
906
+ position: absolute;
907
+ right: 0;
908
+ top: 50%;
909
+ vertical-align: middle;
910
+ width: 20px;
911
+ }
912
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress {
913
+ cursor: default;
914
+ }
915
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
916
+ color: var(--color-sf-icon-color-disabled);
917
+ cursor: not-allowed;
918
+ opacity: 0.4;
919
+ pointer-events: none;
920
+ }
921
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons {
922
+ padding: 18px 13px 18px 23px;
923
+ }
924
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
925
+ right: 36px;
926
+ }
927
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
928
+ background-color: rgba(var(--color-sf-black), 0.12);
929
+ border-color: transparent;
930
+ border-radius: 50%;
931
+ -webkit-box-shadow: 0 0 0 transparent;
932
+ box-shadow: 0 0 0 transparent;
933
+ }
934
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
935
+ border-radius: 50%;
936
+ }
937
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons {
938
+ font-size: 16px;
939
+ font-size: 14px;
940
+ opacity: 1;
941
+ }
942
+ .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons {
943
+ font-size: 14px;
944
+ opacity: 1;
945
+ }
946
+ .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn {
947
+ font-family: inherit;
948
+ }
949
+ .e-bigger.e-small .e-upload .e-upload-actions {
950
+ position: relative;
951
+ text-align: right;
952
+ }
953
+ .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn {
954
+ margin: 8px;
955
+ }
956
+ .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn {
957
+ margin: 8px;
958
+ }
959
+ .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap {
960
+ padding: 16px 12px 16px 0;
961
+ }
962
+ .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
963
+ margin-right: 0;
964
+ }
965
+ .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
966
+ margin-left: 60px;
967
+ margin-right: 12px;
968
+ position: relative;
969
+ }
970
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-actions {
971
+ text-align: left;
972
+ }
973
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container {
974
+ height: 100%;
975
+ margin-left: 60px;
976
+ margin-right: 11px;
977
+ position: relative;
978
+ }
979
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container {
980
+ direction: ltr;
981
+ float: right;
982
+ width: 100%;
983
+ }
984
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
985
+ float: right;
986
+ }
987
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
988
+ float: right;
989
+ }
990
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
991
+ direction: ltr;
992
+ float: right;
993
+ position: relative;
994
+ text-align: right;
995
+ width: 100%;
996
+ }
997
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
998
+ float: right;
999
+ position: initial;
1000
+ top: 23px;
1001
+ width: 86%;
1002
+ }
1003
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
1004
+ float: left;
1005
+ right: 0;
1006
+ top: -32px;
1007
+ }
1008
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons {
1009
+ left: 0;
1010
+ margin-left: 11px;
1011
+ margin-right: 11px;
1012
+ right: auto;
1013
+ top: 50%;
1014
+ }
1015
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons {
1016
+ left: 36px;
1017
+ right: auto;
1018
+ }
1019
+ .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
1020
+ left: 36px;
1021
+ }
1022
+ .e-bigger.e-small .e-upload.e-disabled .e-file-drop {
1023
+ color: var(--color-sf-icon-color-disabled);
1024
+ }
1025
+ .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
1026
+ color: var(--color-sf-icon-color-disabled);
1027
+ }
1028
+ .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload {
1029
+ background-size: 400px 65px;
1030
+ min-height: 65px;
1031
+ }
1032
+ .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload,
1033
+ .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload {
1034
+ background-size: 400px 80px;
1035
+ min-height: 80px;
1036
+ }