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