@syncfusion/ej2-vue-inputs 20.1.48 → 20.1.59

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