urfu-ui-kit-vanilla 1.0.8 → 1.0.10
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.
- package/package.json +1 -1
- package/playground/index.html +143 -11
- package/src/main.css +250 -23
- package/src/styles/components/button.less +3 -1
- package/src/styles/components/checkbox.less +1 -1
- package/src/styles/components/input.less +206 -2
- package/src/styles/components/tab.less +7 -18
- package/src/styles/components/table.less +16 -22
package/package.json
CHANGED
package/playground/index.html
CHANGED
|
@@ -8,6 +8,129 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
<body>
|
|
10
10
|
<div id="app">
|
|
11
|
+
<label id="fileinput" class="u-file">
|
|
12
|
+
<input type="file" id="fileinput">
|
|
13
|
+
<i class="u-file-icon"></i>
|
|
14
|
+
<p class="u-file-title">Перетащите сюда файлы или нажмите, чтобы выбрать</p>
|
|
15
|
+
<p class="u-file-subtitle">Максимальный размер файла 8 Мб</p>
|
|
16
|
+
</label>
|
|
17
|
+
<label id="fileinput" class="u-file">
|
|
18
|
+
<input type="file" id="fileinput">
|
|
19
|
+
<i class="u-file-icon-loading"></i>
|
|
20
|
+
<p class="u-file-title-loading">Загрузка файлов...</p>
|
|
21
|
+
</label>
|
|
22
|
+
<div style="display: flex;
|
|
23
|
+
margin-top: 14px;
|
|
24
|
+
min-height: 120px;">
|
|
25
|
+
<div class="u-file-cell">
|
|
26
|
+
<div class="u-file-cell-icon zip"></div>
|
|
27
|
+
<div class="u-file-cell-content">
|
|
28
|
+
<div class="u-file-cell-content-wrapper">
|
|
29
|
+
<p>Приказ о проведении</p>
|
|
30
|
+
<div class="u-file-cell-content-props">
|
|
31
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<button type="button"></button>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="u-file-cell">
|
|
38
|
+
<div class="u-file-cell-icon pdf"></div>
|
|
39
|
+
<div class="u-file-cell-content">
|
|
40
|
+
<div class="u-file-cell-content-wrapper">
|
|
41
|
+
<p>Приказ о проведении</p>
|
|
42
|
+
<div class="u-file-cell-content-props">
|
|
43
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<button type="button"></button>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="u-file-cell">
|
|
50
|
+
<div class="u-file-cell-icon img"></div>
|
|
51
|
+
<div class="u-file-cell-content">
|
|
52
|
+
<div class="u-file-cell-content-wrapper">
|
|
53
|
+
<p>Приказ о проведении</p>
|
|
54
|
+
<div class="u-file-cell-content-props">
|
|
55
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<button type="button"></button>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="u-file-cell">
|
|
62
|
+
<div class="u-file-cell-icon png"></div>
|
|
63
|
+
<div class="u-file-cell-content">
|
|
64
|
+
<div class="u-file-cell-content-wrapper">
|
|
65
|
+
<p>Приказ о проведении</p>
|
|
66
|
+
<div class="u-file-cell-content-props">
|
|
67
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
<button type="button"></button>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="u-file-cell">
|
|
74
|
+
<div class="u-file-cell-icon jpg"></div>
|
|
75
|
+
<div class="u-file-cell-content">
|
|
76
|
+
<div class="u-file-cell-content-wrapper">
|
|
77
|
+
<p>Приказ о проведении</p>
|
|
78
|
+
<div class="u-file-cell-content-props">
|
|
79
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<button type="button"></button>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="u-file-cell">
|
|
86
|
+
<div class="u-file-cell-icon svg"></div>
|
|
87
|
+
<div class="u-file-cell-content">
|
|
88
|
+
<div class="u-file-cell-content-wrapper">
|
|
89
|
+
<p>Приказ о проведении</p>
|
|
90
|
+
<div class="u-file-cell-content-props">
|
|
91
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<button type="button"></button>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="u-file-cell">
|
|
98
|
+
<div class="u-file-cell-icon ppt"></div>
|
|
99
|
+
<div class="u-file-cell-content">
|
|
100
|
+
<div class="u-file-cell-content-wrapper">
|
|
101
|
+
<p>Приказ о проведении</p>
|
|
102
|
+
<div class="u-file-cell-content-props">
|
|
103
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
<button type="button"></button>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="u-file-cell">
|
|
110
|
+
<div class="u-file-cell-icon doc"></div>
|
|
111
|
+
<div class="u-file-cell-content">
|
|
112
|
+
<div class="u-file-cell-content-wrapper">
|
|
113
|
+
<p>Приказ о проведении</p>
|
|
114
|
+
<div class="u-file-cell-content-props">
|
|
115
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
<button type="button"></button>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="u-file-cell">
|
|
122
|
+
<div class="u-file-cell-icon xls"></div>
|
|
123
|
+
<div class="u-file-cell-content">
|
|
124
|
+
<div class="u-file-cell-content-wrapper">
|
|
125
|
+
<p>Приказ о проведении</p>
|
|
126
|
+
<div class="u-file-cell-content-props">
|
|
127
|
+
<span>10 Кб</span><span>10.10.2018</span>
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
<button type="button"></button>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
11
134
|
<div class="u-table">
|
|
12
135
|
<table class="table">
|
|
13
136
|
<thead>
|
|
@@ -19,7 +142,7 @@
|
|
|
19
142
|
<p>Тип отчета</p>
|
|
20
143
|
</th>
|
|
21
144
|
<th>
|
|
22
|
-
|
|
145
|
+
<p class="sort">Тип поездки</p>
|
|
23
146
|
</th>
|
|
24
147
|
<th>
|
|
25
148
|
<p>Страна командирования</p>
|
|
@@ -31,13 +154,13 @@
|
|
|
31
154
|
<p>Сроки</p>
|
|
32
155
|
</th>
|
|
33
156
|
<th>
|
|
34
|
-
|
|
157
|
+
<p>ФИО</p>
|
|
35
158
|
</th>
|
|
36
159
|
<th>
|
|
37
160
|
<p>Статус заявки</p>
|
|
38
161
|
</th>
|
|
39
162
|
<th>
|
|
40
|
-
|
|
163
|
+
<p>Статус заявки</p>
|
|
41
164
|
</th>
|
|
42
165
|
<th>
|
|
43
166
|
<p>Статус отчета</p>
|
|
@@ -117,19 +240,19 @@
|
|
|
117
240
|
<div>222 <br>435 <br>435 <br>435 <br>435</div>
|
|
118
241
|
</td>
|
|
119
242
|
<td>
|
|
120
|
-
<div>
|
|
243
|
+
<div>333fdgfdfgsdgsgsdgsg</div>
|
|
121
244
|
</td>
|
|
122
245
|
<td>
|
|
123
246
|
<div>444</div>
|
|
124
247
|
</td>
|
|
125
248
|
<td>
|
|
126
|
-
<div>
|
|
249
|
+
<div>55gsdfdsfsdfsdfsdfsdfsfsdfsdfsdffgsfgsg5</div>
|
|
127
250
|
</td>
|
|
128
251
|
<td>
|
|
129
|
-
<div>
|
|
252
|
+
<div>66sgsdgsdgsd6</div>
|
|
130
253
|
</td>
|
|
131
254
|
<td>
|
|
132
|
-
<div>
|
|
255
|
+
<div>77gsdgdsgsdgsfdfsdgsd7</div>
|
|
133
256
|
</td>
|
|
134
257
|
<td>
|
|
135
258
|
<div>888</div>
|
|
@@ -138,7 +261,7 @@
|
|
|
138
261
|
<div><span>999</span></div>
|
|
139
262
|
</td>
|
|
140
263
|
<td>
|
|
141
|
-
<div><span>
|
|
264
|
+
<div><span>00gsdgdsgsgs0</span></div>
|
|
142
265
|
</td>
|
|
143
266
|
</tr>
|
|
144
267
|
</tbody>
|
|
@@ -372,7 +495,14 @@
|
|
|
372
495
|
<h2>Inputs</h2>
|
|
373
496
|
<section>
|
|
374
497
|
<input type="text" class="u-input-required" placeholder="введите">
|
|
375
|
-
<
|
|
498
|
+
<div class="u-password">
|
|
499
|
+
<input type="password" class="u-input" placeholder="введите">
|
|
500
|
+
<i class="u-password-icon"></i>
|
|
501
|
+
</div>
|
|
502
|
+
<div class="u-password">
|
|
503
|
+
<input type="text" class="u-input" placeholder="введите">
|
|
504
|
+
<i class="u-password-icon-active"></i>
|
|
505
|
+
</div>
|
|
376
506
|
<input type="text" disabled class="u-input" placeholder="введите">
|
|
377
507
|
<input type="text" class="u-input">
|
|
378
508
|
</section>
|
|
@@ -384,8 +514,9 @@
|
|
|
384
514
|
</div>
|
|
385
515
|
<div class="u-selectbox">
|
|
386
516
|
<div class="u-selectbox-select">
|
|
387
|
-
<span
|
|
388
|
-
<i class="u-selectbox-select-icon"></i>
|
|
517
|
+
<span class="u-selectbox-select-title">Выбрать324 23 42342342342342342 34234 2342344 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 423234234 23 4234 24 23424234242342234</span>
|
|
518
|
+
<i class="u-selectbox-select-icon-cross"></i>
|
|
519
|
+
<i class="u-selectbox-select-icon-arrow"></i>
|
|
389
520
|
</div>
|
|
390
521
|
<div class="u-selectbox-options">
|
|
391
522
|
<div class="u-selectbox-option">раз</div>
|
|
@@ -400,6 +531,7 @@
|
|
|
400
531
|
<div class="u-calendar">
|
|
401
532
|
<input type="date" class="u-input">
|
|
402
533
|
</div>
|
|
534
|
+
|
|
403
535
|
</section>
|
|
404
536
|
<section>
|
|
405
537
|
<div class="u-message">Инфо</div>
|
package/src/main.css
CHANGED
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
border: none;
|
|
73
73
|
font-weight: 500;
|
|
74
74
|
font-size: 13px;
|
|
75
|
+
white-space: nowrap;
|
|
75
76
|
cursor: pointer;
|
|
76
77
|
transition-property: color, background-color, border-color, background-image;
|
|
77
78
|
transition-duration: 0.15s;
|
|
@@ -168,6 +169,7 @@
|
|
|
168
169
|
border: none;
|
|
169
170
|
font-weight: 500;
|
|
170
171
|
font-size: 13px;
|
|
172
|
+
white-space: nowrap;
|
|
171
173
|
cursor: pointer;
|
|
172
174
|
transition-property: color, background-color, border-color, background-image;
|
|
173
175
|
transition-duration: 0.15s;
|
|
@@ -195,6 +197,8 @@
|
|
|
195
197
|
font-weight: 600;
|
|
196
198
|
font-size: 14px;
|
|
197
199
|
background: none;
|
|
200
|
+
align-items: center;
|
|
201
|
+
white-space: nowrap;
|
|
198
202
|
cursor: pointer;
|
|
199
203
|
transition-property: color, background-color, border-color, background-image;
|
|
200
204
|
transition-duration: 0.15s;
|
|
@@ -211,7 +215,6 @@
|
|
|
211
215
|
}
|
|
212
216
|
.u-button-text .u-icon {
|
|
213
217
|
position: relative;
|
|
214
|
-
top: 3px;
|
|
215
218
|
margin-left: 8px;
|
|
216
219
|
}
|
|
217
220
|
.u-button-text .u-icon::before {
|
|
@@ -247,6 +250,8 @@
|
|
|
247
250
|
font-size: 14px;
|
|
248
251
|
line-height: 20px;
|
|
249
252
|
color: #222222;
|
|
253
|
+
background-color: #FFFFFF;
|
|
254
|
+
width: 100%;
|
|
250
255
|
transition-property: color, background-color, border-color, background-image;
|
|
251
256
|
transition-duration: 0.15s;
|
|
252
257
|
transition-timing-function: ease-in-out;
|
|
@@ -330,19 +335,24 @@
|
|
|
330
335
|
font-size: 14px;
|
|
331
336
|
line-height: 20px;
|
|
332
337
|
color: #222222;
|
|
338
|
+
background-color: #FFFFFF;
|
|
339
|
+
width: 100%;
|
|
333
340
|
transition-property: color, background-color, border-color, background-image;
|
|
334
341
|
transition-duration: 0.15s;
|
|
335
342
|
transition-timing-function: ease-in-out;
|
|
336
343
|
border: 1px solid #EF302B;
|
|
337
344
|
}
|
|
338
345
|
.u-input-required:hover,
|
|
339
|
-
.u-input-required:focus,
|
|
340
346
|
.u-input-required.active {
|
|
341
347
|
border: 1px solid #748AB9;
|
|
342
348
|
}
|
|
343
349
|
.u-input-required::placeholder {
|
|
344
350
|
color: #A7A7A7;
|
|
345
351
|
}
|
|
352
|
+
.u-input-required:focus {
|
|
353
|
+
outline: 0;
|
|
354
|
+
border: 1px solid #748AB9;
|
|
355
|
+
}
|
|
346
356
|
.u-number {
|
|
347
357
|
display: inline-block;
|
|
348
358
|
position: relative;
|
|
@@ -403,6 +413,8 @@
|
|
|
403
413
|
font-size: 14px;
|
|
404
414
|
line-height: 20px;
|
|
405
415
|
color: #222222;
|
|
416
|
+
background-color: #FFFFFF;
|
|
417
|
+
width: 100%;
|
|
406
418
|
transition-property: color, background-color, border-color, background-image;
|
|
407
419
|
transition-duration: 0.15s;
|
|
408
420
|
transition-timing-function: ease-in-out;
|
|
@@ -487,19 +499,24 @@
|
|
|
487
499
|
font-size: 14px;
|
|
488
500
|
line-height: 20px;
|
|
489
501
|
color: #222222;
|
|
502
|
+
background-color: #FFFFFF;
|
|
503
|
+
width: 100%;
|
|
490
504
|
transition-property: color, background-color, border-color, background-image;
|
|
491
505
|
transition-duration: 0.15s;
|
|
492
506
|
transition-timing-function: ease-in-out;
|
|
493
507
|
border: 1px solid #EF302B;
|
|
494
508
|
}
|
|
495
509
|
.u-selectbox-select-required:hover,
|
|
496
|
-
.u-selectbox-select-required:focus,
|
|
497
510
|
.u-selectbox-select-required.active {
|
|
498
511
|
border: 1px solid #748AB9;
|
|
499
512
|
}
|
|
500
513
|
.u-selectbox-select-required::placeholder {
|
|
501
514
|
color: #A7A7A7;
|
|
502
515
|
}
|
|
516
|
+
.u-selectbox-select-required:focus {
|
|
517
|
+
outline: 0;
|
|
518
|
+
border: 1px solid #748AB9;
|
|
519
|
+
}
|
|
503
520
|
.u-selectbox-select-open {
|
|
504
521
|
border: 1px solid #748AB9;
|
|
505
522
|
}
|
|
@@ -509,7 +526,7 @@
|
|
|
509
526
|
.u-selectbox-select-open + .u-selectbox-options {
|
|
510
527
|
display: block;
|
|
511
528
|
}
|
|
512
|
-
.u-selectbox-select-icon {
|
|
529
|
+
.u-selectbox-select-icon-arrow {
|
|
513
530
|
position: absolute;
|
|
514
531
|
display: block;
|
|
515
532
|
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
@@ -519,10 +536,34 @@
|
|
|
519
536
|
right: 20px;
|
|
520
537
|
top: calc(50% - 7px);
|
|
521
538
|
}
|
|
539
|
+
.u-selectbox-select-icon-cross {
|
|
540
|
+
position: absolute;
|
|
541
|
+
display: block;
|
|
542
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
|
|
543
|
+
background-repeat: no-repeat;
|
|
544
|
+
width: 12px;
|
|
545
|
+
height: 12px;
|
|
546
|
+
right: 44px;
|
|
547
|
+
top: calc(50% - 5px);
|
|
548
|
+
transition-property: color, background-color, border-color, background-image;
|
|
549
|
+
transition-duration: 0.15s;
|
|
550
|
+
transition-timing-function: ease-in-out;
|
|
551
|
+
}
|
|
552
|
+
.u-selectbox-select-icon-cross:hover {
|
|
553
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
554
|
+
}
|
|
555
|
+
.u-selectbox-select-title {
|
|
556
|
+
display: block;
|
|
557
|
+
max-width: calc(100% - 52px);
|
|
558
|
+
overflow: hidden;
|
|
559
|
+
white-space: nowrap;
|
|
560
|
+
text-overflow: ellipsis;
|
|
561
|
+
}
|
|
522
562
|
.u-selectbox-options {
|
|
523
563
|
display: none;
|
|
524
564
|
position: absolute;
|
|
525
565
|
width: 100%;
|
|
566
|
+
z-index: 100;
|
|
526
567
|
border: 1px solid #748AB9;
|
|
527
568
|
border-radius: 10px;
|
|
528
569
|
margin-top: 2px;
|
|
@@ -579,6 +620,188 @@
|
|
|
579
620
|
transition-duration: 0.15s;
|
|
580
621
|
transition-timing-function: ease-in-out;
|
|
581
622
|
}
|
|
623
|
+
.u-password {
|
|
624
|
+
position: relative;
|
|
625
|
+
}
|
|
626
|
+
.u-password-icon {
|
|
627
|
+
cursor: pointer;
|
|
628
|
+
display: block;
|
|
629
|
+
position: absolute;
|
|
630
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%23A7A7A7'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%23A7A7A7'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
|
|
631
|
+
background-repeat: no-repeat;
|
|
632
|
+
width: 20px;
|
|
633
|
+
height: 20px;
|
|
634
|
+
top: calc(50% - 10px);
|
|
635
|
+
right: 16px;
|
|
636
|
+
}
|
|
637
|
+
.u-password-icon:hover {
|
|
638
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%231E4391'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%231E4391'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
639
|
+
}
|
|
640
|
+
.u-password-icon-active {
|
|
641
|
+
cursor: pointer;
|
|
642
|
+
display: block;
|
|
643
|
+
position: absolute;
|
|
644
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10284 9.98348C2.44682 10.6466 3.24951 12.0125 4.53943 13.2203C5.86638 14.4627 7.66459 15.5 9.99991 15.5C12.3352 15.5 14.1334 14.4627 15.4604 13.2203C16.7503 12.0125 17.553 10.6465 17.897 9.98347C17.5594 9.27768 16.755 7.78976 15.4554 6.47189C14.1188 5.11653 12.3214 4 9.99991 4C7.67847 4 5.88102 5.11653 4.54442 6.47189C3.24479 7.78976 2.44044 9.27769 2.10284 9.98348ZM3.12039 5.06756C4.69389 3.47198 6.97332 2 9.99991 2C13.0265 2 15.3059 3.47198 16.8794 5.06756C18.4463 6.65642 19.3754 8.42605 19.7397 9.20165C19.9825 9.71869 19.9751 10.3102 19.7146 10.8221C19.337 11.5642 18.3983 13.2093 16.8273 14.6802C15.2474 16.1595 12.9838 17.5 9.99991 17.5C7.01599 17.5 4.75246 16.1595 3.17249 14.6802C1.60154 13.2093 0.662772 11.5642 0.285193 10.8221C0.0247449 10.3102 0.0173107 9.71869 0.260136 9.20165C0.624388 8.42605 1.55353 6.65642 3.12039 5.06756Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
645
|
+
background-repeat: no-repeat;
|
|
646
|
+
width: 20px;
|
|
647
|
+
height: 20px;
|
|
648
|
+
top: calc(50% - 10px);
|
|
649
|
+
right: 16px;
|
|
650
|
+
}
|
|
651
|
+
.u-file {
|
|
652
|
+
position: relative;
|
|
653
|
+
display: flex;
|
|
654
|
+
flex-direction: column;
|
|
655
|
+
border-radius: 10px;
|
|
656
|
+
width: 100%;
|
|
657
|
+
height: 122px;
|
|
658
|
+
background-color: #E7F2FF;
|
|
659
|
+
border: 1px solid #E7F2FF;
|
|
660
|
+
cursor: pointer;
|
|
661
|
+
padding-top: 19px;
|
|
662
|
+
padding-bottom: 19px;
|
|
663
|
+
}
|
|
664
|
+
.u-file input {
|
|
665
|
+
display: none;
|
|
666
|
+
}
|
|
667
|
+
.u-file:hover {
|
|
668
|
+
border: 1px solid #748AB9;
|
|
669
|
+
}
|
|
670
|
+
.u-file-icon {
|
|
671
|
+
cursor: pointer;
|
|
672
|
+
margin: auto;
|
|
673
|
+
display: block;
|
|
674
|
+
background-repeat: no-repeat;
|
|
675
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2061_7629)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3787 1.48454C14.3787 0.66465 15.0503 0 15.8787 0C16.7071 0 17.3787 0.66465 17.3787 1.48454V21.434L23.3086 15.5652C23.8944 14.9855 24.8442 14.9855 25.4299 15.5652C26.0157 16.145 26.0157 17.0849 25.4299 17.6647L17.2273 25.7827C17.0993 25.9094 16.954 26.0084 16.7988 26.0797C16.5448 26.2753 16.2255 26.3918 15.8787 26.3918C15.4198 26.3918 15.009 26.1878 14.7339 25.8665C14.7024 25.8401 14.6717 25.8122 14.642 25.7827L6.43933 17.6647C5.85356 17.0849 5.85356 16.145 6.43933 15.5652C7.02513 14.9855 7.97486 14.9855 8.56066 15.5652L14.3787 21.3232V1.48454Z' fill='%23748AB9'/%3E%3Cpath d='M25.3333 28.7197C26.8347 28.7197 28.1253 27.8266 28.6924 26.548C29.0283 25.7907 29.6716 25.0908 30.5 25.0908C31.3284 25.0908 32.0177 25.7714 31.8299 26.5783C31.1483 29.5059 28.4984 31.6888 25.3333 31.6888H6.66667C3.5016 31.6888 0.851688 29.5059 0.170109 26.5783C-0.0177357 25.7714 0.671573 25.0908 1.5 25.0908C2.32843 25.0908 2.97172 25.7907 3.3076 26.548C3.87471 27.8266 5.16532 28.7197 6.66667 28.7197H25.3333Z' fill='%23748AB9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2061_7629'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
|
|
676
|
+
width: 35px;
|
|
677
|
+
height: 35px;
|
|
678
|
+
min-height: 35px;
|
|
679
|
+
margin-bottom: 7px;
|
|
680
|
+
}
|
|
681
|
+
.u-file-icon-loading {
|
|
682
|
+
cursor: pointer;
|
|
683
|
+
margin: 12px auto 0;
|
|
684
|
+
display: block;
|
|
685
|
+
background-repeat: no-repeat;
|
|
686
|
+
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2061_7635)'%3E%3Cpath d='M2.5 16C2.5 23.732 8.76801 30 16.5 30C24.232 30 30.5 23.732 30.5 16C30.5 12.8483 29.4586 9.93985 27.701 7.6C26.9047 6.53985 25.9614 5.59643 24.9014 4.8C23.6475 3.85798 22.2304 3.12159 20.7 2.64092C19.3741 2.2245 17.9633 2 16.5 2C13.3477 2 10.4387 3.04185 8.09863 4.8' stroke='%23748AB9' stroke-width='3' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95289 10.5478C8.72569 10.5727 9.37235 9.9664 9.39726 9.19361C9.42216 8.42081 8.81587 7.77415 8.04307 7.74924L5.38873 7.66371L5.47813 4.88939C5.50304 4.1166 4.89675 3.46993 4.12395 3.44503C3.35115 3.42013 2.70449 4.02641 2.67958 4.79921L2.54509 8.9728C2.54198 9.0694 2.54873 9.16403 2.56443 9.25572C2.60441 9.48914 2.70243 9.70352 2.84351 9.88288C2.89639 9.9501 2.95532 10.0124 3.0195 10.069C3.25495 10.2764 3.56117 10.4063 3.89927 10.4172L7.95289 10.5478Z' fill='%23748AB9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2061_7635'%3E%3Crect width='32' height='32' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
|
|
687
|
+
width: 32px;
|
|
688
|
+
height: 32px;
|
|
689
|
+
min-height: 32px;
|
|
690
|
+
margin-bottom: 8px;
|
|
691
|
+
transform-origin: center;
|
|
692
|
+
animation: negative_rotate 3s linear infinite;
|
|
693
|
+
-webkit-animation: negative_rotate 3s linear infinite;
|
|
694
|
+
-moz-animation: negative_rotate 3s linear infinite;
|
|
695
|
+
}
|
|
696
|
+
.u-file-title {
|
|
697
|
+
/*table text*/
|
|
698
|
+
/*table text*/
|
|
699
|
+
font-weight: 400;
|
|
700
|
+
font-size: 14px;
|
|
701
|
+
line-height: 20px;
|
|
702
|
+
color: #748AB9;
|
|
703
|
+
text-align: center;
|
|
704
|
+
margin-bottom: 7px;
|
|
705
|
+
}
|
|
706
|
+
.u-file-title-loading {
|
|
707
|
+
/*simple text*/
|
|
708
|
+
/*simple text*/
|
|
709
|
+
font-weight: 400;
|
|
710
|
+
font-size: 16px;
|
|
711
|
+
line-height: 22.4px;
|
|
712
|
+
color: #748AB9;
|
|
713
|
+
text-align: center;
|
|
714
|
+
}
|
|
715
|
+
.u-file-subtitle {
|
|
716
|
+
font-weight: 400;
|
|
717
|
+
font-size: 12px;
|
|
718
|
+
line-height: 16.8px;
|
|
719
|
+
color: #748AB9;
|
|
720
|
+
text-align: center;
|
|
721
|
+
}
|
|
722
|
+
.u-file-cell {
|
|
723
|
+
cursor: pointer;
|
|
724
|
+
position: relative;
|
|
725
|
+
background-color: #F6F6F6;
|
|
726
|
+
border: 2px solid #F6F6F6;
|
|
727
|
+
border-radius: 10px;
|
|
728
|
+
width: 120px;
|
|
729
|
+
}
|
|
730
|
+
.u-file-cell:hover {
|
|
731
|
+
border: 2px solid #A7A7A7;
|
|
732
|
+
}
|
|
733
|
+
.u-file-cell button {
|
|
734
|
+
position: absolute;
|
|
735
|
+
cursor: pointer;
|
|
736
|
+
background-color: transparent;
|
|
737
|
+
border: none;
|
|
738
|
+
padding: 0;
|
|
739
|
+
top: -6px;
|
|
740
|
+
right: -4px;
|
|
741
|
+
}
|
|
742
|
+
.u-file-cell button:hover::after {
|
|
743
|
+
content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21.1234C16.6754 21.1234 21.1805 16.5364 21.1805 11C21.1805 5.46364 16.6754 0.876552 11 0.876552C5.32459 0.876552 0.819462 5.46364 0.819462 11C0.819462 16.5364 5.32459 21.1234 11 21.1234ZM11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2994 6.70049C15.4539 6.87731 15.4452 7.15466 15.2799 7.31996L11.5082 11.0917L14.9528 14.6861C15.1148 14.8551 15.118 15.1326 14.96 15.3058C14.802 15.4791 14.5426 15.4825 14.3806 15.3135L10.9089 11.6909L7.27988 15.32C7.11457 15.4853 6.85529 15.4759 6.70076 15.2991C6.54622 15.1223 6.55495 14.8449 6.72025 14.6796L10.3217 11.0782L6.71395 7.31353C6.55197 7.1445 6.54876 6.86702 6.70677 6.69376C6.86479 6.52049 7.12419 6.51705 7.28618 6.68608L10.921 10.4789L14.7203 6.67964C14.8856 6.51434 15.1448 6.52368 15.2994 6.70049Z' fill='%23222222'/%3E%3C/svg%3E ");
|
|
744
|
+
}
|
|
745
|
+
.u-file-cell button::after {
|
|
746
|
+
cursor: pointer;
|
|
747
|
+
content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21.1234C16.6754 21.1234 21.1805 16.5364 21.1805 11C21.1805 5.46364 16.6754 0.876552 11 0.876552C5.32459 0.876552 0.819462 5.46364 0.819462 11C0.819462 16.5364 5.32459 21.1234 11 21.1234ZM11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z' fill='%23D3D3D3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2992 6.70049C15.4538 6.87731 15.4451 7.15466 15.2798 7.31996L11.5081 11.0917L14.9527 14.6861C15.1147 14.8551 15.1179 15.1326 14.9599 15.3058C14.8019 15.4791 14.5425 15.4826 14.3805 15.3135L10.9088 11.6909L7.27976 15.32C7.11445 15.4853 6.85517 15.4759 6.70064 15.2991C6.5461 15.1223 6.55483 14.8449 6.72013 14.6796L10.3216 11.0782L6.71383 7.31353C6.55185 7.1445 6.54864 6.86702 6.70665 6.69376C6.86467 6.52049 7.12407 6.51705 7.28605 6.68608L10.9209 10.4789L14.7201 6.67964C14.8854 6.51434 15.1447 6.52368 15.2992 6.70049Z' fill='%23545454'/%3E%3C/svg%3E ");
|
|
748
|
+
position: relative;
|
|
749
|
+
}
|
|
750
|
+
.u-file-cell-icon {
|
|
751
|
+
margin: auto;
|
|
752
|
+
padding-top: 12px;
|
|
753
|
+
}
|
|
754
|
+
.u-file-cell-icon.pdf {
|
|
755
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23EF302B'/%3E%3Cpath d='M8.7 17C9.4 17 10 17.2 10.5 17.7C11 18.2 11.2 18.7 11.2 19.4C11.2 20.1 11 20.7 10.5 21.1C10 21.6 9.4 21.8 8.7 21.8H7.5V24H6V17H8.7ZM8.7 20.4C9 20.4 9.2 20.3 9.4 20.1C9.6 19.9 9.7 19.7 9.7 19.4C9.7 19.1 9.6 18.9 9.4 18.7C9.2 18.5 9 18.4 8.7 18.4H7.5V20.4H8.7ZM15 17C16 17 16.9 17.3 17.6 18C18.3 18.7 18.6 19.5 18.6 20.5C18.6 21.5 18.3 22.4 17.6 23C16.9 23.7 16.1 24 15 24H12.3V17H15ZM14.9 22.6C15.5 22.6 16 22.4 16.4 22C16.8 21.6 17 21.1 17 20.5C17 19.9 16.8 19.4 16.4 19C16 18.6 15.5 18.4 14.9 18.4H13.8V22.6H14.9ZM24 18.4H21.3V20H23.7V21.4H21.3V24H19.8V17H24V18.4Z' fill='%23EF302B'/%3E%3C/svg%3E ");
|
|
756
|
+
}
|
|
757
|
+
.u-file-cell-icon.xls {
|
|
758
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%233BA68C'/%3E%3Cpath d='M12.5 23.9H10.7L9.2 21.6L7.7 23.9H6L8.3 20.4L6.2 17.2H8L9.3 19.3L10.6 17.2H12.3L10.2 20.5L12.5 23.9ZM15 22.5H17.8V23.9H13.4V17.2H15V22.5ZM21.2 24C20.3 24 19.7 23.8 19.1 23.4C18.6 23 18.3 22.4 18.3 21.7H20C20 21.9 20 22 20.1 22.1C20.2 22.2 20.3 22.3 20.4 22.4C20.5 22.5 20.7 22.5 20.8 22.6C20.9 22.6 21.1 22.7 21.3 22.7C21.6 22.7 21.9 22.6 22.1 22.5C22.3 22.4 22.5 22.2 22.5 21.9C22.5 21.8 22.5 21.7 22.4 21.6C22.3 21.5 22.3 21.5 22.2 21.4C22.1 21.3 22 21.3 21.9 21.2C21.8 21.1 21.6 21.1 21.5 21.1C21.4 21.1 21.2 21 21 21C20.8 21 20.7 20.9 20.6 20.9C20.5 20.9 20.4 20.8 20.2 20.8C20 20.8 19.9 20.7 19.8 20.7C19.7 20.7 19.6 20.6 19.5 20.5C19.4 20.4 19.3 20.4 19.2 20.3C19.1 20.2 19 20.2 18.9 20.1C18.8 20 18.7 19.9 18.7 19.8C18.7 19.7 18.6 19.6 18.6 19.4C18.6 19.3 18.5 19.1 18.5 19C18.5 18.4 18.7 17.9 19.2 17.5C19.7 17.1 20.3 17 21.2 17C22 17 22.7 17.2 23.1 17.6C23.6 18 23.8 18.5 23.8 19.2H22.2C22.2 18.9 22.1 18.7 21.9 18.6C21.7 18.5 21.4 18.4 21.1 18.4C20.8 18.4 20.6 18.5 20.4 18.6C20.1 18.6 20 18.7 20 19C20 19.1 20 19.2 20.1 19.3C20.2 19.4 20.2 19.4 20.3 19.5C20.4 19.5 20.5 19.6 20.6 19.6C20.7 19.6 20.9 19.7 21 19.7C21.1 19.7 21.3 19.8 21.5 19.8C21.7 19.9 21.9 19.9 22 19.9C22.1 19.9 22.3 20 22.5 20C22.7 20.1 22.9 20.1 23 20.2C23.1 20.3 23.3 20.4 23.4 20.5C23.6 20.6 23.7 20.7 23.7 20.8C23.8 20.9 23.9 21.1 23.9 21.3C24 21.5 24 21.7 24 21.9C24 22.4 23.9 22.8 23.6 23.1C23.3 23.4 23 23.7 22.6 23.8C22.2 23.9 21.7 24 21.2 24Z' fill='%233BA68C'/%3E%3C/svg%3E ");
|
|
759
|
+
}
|
|
760
|
+
.u-file-cell-icon.doc {
|
|
761
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%231E4391'/%3E%3Cpath d='M8.1 17.1004C8.9 17.1004 9.6 17.4004 10.2 18.0004C10.7 18.6004 11 19.4004 11 20.4004C11 21.4004 10.7 22.2004 10.2 22.8004C9.7 23.4004 9 23.7004 8.1 23.7004H6V17.0004H8.1V17.1004ZM8.1 22.5004C8.6 22.5004 9 22.3004 9.3 21.9004C9.6 21.5004 9.8 21.0004 9.8 20.5004C9.8 20.0004 9.6 19.4004 9.3 19.1004C9 18.7004 8.6 18.5004 8.1 18.5004H7.2V22.5004H8.1ZM14.7 24.0004C13.8 24.0004 13.1 23.7004 12.5 23.0004C11.9 22.3004 11.6 21.5004 11.6 20.5004C11.6 19.5004 11.9 18.7004 12.5 18.0004C13.1 17.3004 13.8 17.0004 14.7 17.0004C15.3 17.0004 15.8 17.2004 16.2 17.5004C16.7 17.8004 17 18.2004 17.3 18.8004C17.6 19.3004 17.7 19.9004 17.7 20.6004C17.7 21.6004 17.4 22.4004 16.8 23.1004C16.3 23.7004 15.5 24.0004 14.7 24.0004ZM14.7 22.6004C15 22.6004 15.3 22.5004 15.6 22.3004C15.9 22.1004 16.1 21.9004 16.2 21.5004C16.4 21.2004 16.4 20.8004 16.4 20.4004C16.4 19.8004 16.2 19.3004 15.9 18.9004C15.6 18.5004 15.1 18.3004 14.6 18.3004C14.1 18.3004 13.7 18.5004 13.3 18.9004C13 19.3004 12.8 19.8004 12.8 20.4004C12.8 21.0004 13 21.5004 13.3 21.9004C13.8 22.4004 14.2 22.6004 14.7 22.6004ZM21.2 24.0004C20.7 24.0004 20.2 23.8004 19.7 23.5004C19.3 23.2004 18.9 22.8004 18.6 22.2004C18.3 21.7004 18.2 21.1004 18.2 20.4004C18.2 19.4004 18.5 18.6004 19 17.9004C19.6 17.2004 20.3 16.9004 21.1 16.9004C21.8 16.9004 22.4 17.1004 22.9 17.6004C23.4 18.1004 23.7 18.7004 23.9 19.5004H22.7C22.6 19.2004 22.5 19.0004 22.4 18.8004C22.3 18.6004 22.1 18.5004 21.9 18.3004C21.7 18.2004 21.5 18.1004 21.2 18.1004C20.7 18.1004 20.3 18.3004 20 18.7004C19.7 19.1004 19.5 19.6004 19.5 20.2004C19.5 20.8004 19.7 21.3004 20 21.7004C20.3 22.1004 20.7 22.3004 21.2 22.3004C21.6 22.3004 21.9 22.2004 22.2 21.9004C22.5 21.7004 22.7 21.3004 22.8 20.9004H24C23.9 21.7004 23.6 22.4004 23 22.9004C22.5 23.7004 21.9 24.0004 21.2 24.0004Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
762
|
+
}
|
|
763
|
+
.u-file-cell-icon.img {
|
|
764
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 22.0004C28.8001 22.0004 29.2001 21.6004 29.2001 21.0004V11.7004C29.2001 9.70039 28.3 7.90039 26.8 6.70039L21.4 2.30039C20.3 1.40039 18.9 0.900391 17.5 0.900391H7.10005C3.60005 0.900391 0.800049 3.80039 0.800049 7.40039V29.9004C0.800049 33.5004 3.60005 36.4004 7.10005 36.4004H23C26.5 36.4004 29.3 33.5004 29.3 29.9004V27.1004C29.3 26.5004 28.9 26.1004 28.3 26.1004C27.7 26.1004 27.3 26.5004 27.3 27.1004V29.9004C27.3 32.4004 25.4 34.4004 23 34.4004H7.10005C4.70005 34.4004 2.80005 32.4004 2.80005 29.9004V7.30039C2.80005 4.80039 4.70005 2.80039 7.10005 2.80039H17.6V8.60039C17.6 10.2004 18.8 11.4004 20.4 11.4004H27.3C27.3 11.5004 27.3 11.6004 27.3 11.7004V21.0004C27.2 21.6004 27.7001 22.0004 28.2001 22.0004Z' fill='%23467BE3'/%3E%3Cpath d='M6 23.9004V17.2004H7.4V23.9004H6ZM16.7 23.9004H15.3L14.7 19.5004L12.8 23.9004H12.5L10.6 19.5004L10 23.9004H8.5L9.5 17.2004H10.9L12.6 21.3004L14.3 17.2004H15.7L16.7 23.9004ZM20.6 20.3004H24C24 21.4004 23.7 22.2004 23.1 22.9004C22.5 23.6004 21.7 23.9004 20.7 23.9004C19.8 23.9004 19 23.6004 18.3 22.9004C17.7 22.2004 17.4 21.4004 17.4 20.4004C17.4 19.4004 17.7 18.6004 18.3 17.9004C18.9 17.2004 19.7 16.9004 20.7 16.9004C21.5 16.9004 22.2 17.1004 22.8 17.6004C23.4 18.1004 23.8 18.7004 23.9 19.4004H22.5C22.4 19.2004 22.3 18.9004 22.1 18.8004C21.9 18.6004 21.7 18.5004 21.5 18.4004C21.3 18.3004 21 18.3004 20.7 18.3004C20.1 18.3004 19.7 18.5004 19.3 18.9004C18.9 19.3004 18.8 19.8004 18.8 20.4004C18.8 20.8004 18.9 21.2004 19 21.5004C19.2 21.8004 19.4 22.1004 19.7 22.2004C20 22.4004 20.3 22.5004 20.7 22.5004C21 22.5004 21.2 22.5004 21.5 22.4004C21.7 22.3004 22 22.2004 22.1 22.0004C22.3 21.8004 22.4 21.6004 22.5 21.4004H20.6V20.3004Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
765
|
+
}
|
|
766
|
+
.u-file-cell-icon.ppt {
|
|
767
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23E98446'/%3E%3Cpath d='M8.69 17C9.39667 17 9.98667 17.23 10.46 17.69C10.9333 18.1433 11.17 18.7167 11.17 19.41C11.17 20.0967 10.9333 20.67 10.46 21.13C9.98667 21.5833 9.39667 21.81 8.69 21.81H7.52V24H6V17H8.69ZM8.63 20.41C8.93 20.41 9.17 20.3167 9.35 20.13C9.53667 19.9433 9.63 19.7033 9.63 19.41C9.63 19.1167 9.53667 18.8767 9.35 18.69C9.17 18.4967 8.93 18.4 8.63 18.4H7.52V20.41H8.63Z' fill='%23E98446'/%3E%3Cpath d='M14.9107 17C15.6174 17 16.2074 17.23 16.6807 17.69C17.154 18.1433 17.3907 18.7167 17.3907 19.41C17.3907 20.0967 17.154 20.67 16.6807 21.13C16.2074 21.5833 15.6174 21.81 14.9107 21.81H13.7407V24H12.2207V17H14.9107ZM14.8507 20.41C15.1507 20.41 15.3907 20.3167 15.5707 20.13C15.7574 19.9433 15.8507 19.7033 15.8507 19.41C15.8507 19.1167 15.7574 18.8767 15.5707 18.69C15.3907 18.4967 15.1507 18.4 14.8507 18.4H13.7407V20.41H14.8507Z' fill='%23E98446'/%3E%3Cpath d='M23.2714 17V18.41H21.3214V24H19.8014V18.41H17.8614V17H23.2714Z' fill='%23E98446'/%3E%3C/svg%3E ");
|
|
768
|
+
}
|
|
769
|
+
.u-file-cell-icon.zip {
|
|
770
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%230987AE'/%3E%3Cpath d='M10.28 22.59H13.29V24H8V23.77L10.92 18.41H8.17V17H13.18V17.28L10.28 22.59Z' fill='%230987AE'/%3E%3Cpath d='M14.3701 24V17H15.8901V24H14.3701Z' fill='%230987AE'/%3E%3Cpath d='M20.1753 17C20.882 17 21.472 17.23 21.9453 17.69C22.4186 18.1433 22.6553 18.7167 22.6553 19.41C22.6553 20.0967 22.4186 20.67 21.9453 21.13C21.472 21.5833 20.882 21.81 20.1753 21.81H19.0053V24H17.4853V17H20.1753ZM20.1153 20.41C20.4153 20.41 20.6553 20.3167 20.8353 20.13C21.022 19.9433 21.1153 19.7033 21.1153 19.41C21.1153 19.1167 21.022 18.8767 20.8353 18.69C20.6553 18.4967 20.4153 18.4 20.1153 18.4H19.0053V20.41H20.1153Z' fill='%230987AE'/%3E%3C/svg%3E ");
|
|
771
|
+
}
|
|
772
|
+
.u-file-cell-icon.svg {
|
|
773
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23A872BC'/%3E%3Cpath d='M7.71 24.29C6.89667 24.29 6.24 24.0767 5.74 23.65C5.24667 23.2167 5 22.6267 5 21.88H6.53C6.53 22.0467 6.56 22.1967 6.62 22.33C6.68667 22.4567 6.77333 22.56 6.88 22.64C6.99333 22.72 7.12 22.78 7.26 22.82C7.4 22.86 7.54667 22.88 7.7 22.88C8.00667 22.88 8.27 22.8067 8.49 22.66C8.71667 22.5133 8.83 22.3133 8.83 22.06C8.83 21.9533 8.80333 21.86 8.75 21.78C8.69667 21.6933 8.63333 21.6267 8.56 21.58C8.49333 21.5267 8.38667 21.4733 8.24 21.42C8.1 21.3667 7.98 21.3267 7.88 21.3C7.78 21.2733 7.63 21.2367 7.43 21.19C7.27 21.15 7.15 21.12 7.07 21.1C6.99 21.08 6.87 21.0467 6.71 21C6.55667 20.9533 6.43667 20.9133 6.35 20.88C6.27 20.84 6.16333 20.7867 6.03 20.72C5.89667 20.6533 5.79333 20.5867 5.72 20.52C5.64667 20.4533 5.56333 20.37 5.47 20.27C5.38333 20.17 5.31667 20.0667 5.27 19.96C5.22333 19.8467 5.18333 19.72 5.15 19.58C5.11667 19.4333 5.1 19.28 5.1 19.12C5.1 18.4533 5.32667 17.9367 5.78 17.57C6.23333 17.2033 6.85333 17.02 7.64 17.02C8.43333 17.02 9.05 17.22 9.49 17.62C9.93667 18.02 10.16 18.57 10.16 19.27H8.66C8.66 18.9833 8.55667 18.7667 8.35 18.62C8.15 18.4667 7.9 18.39 7.6 18.39C7.33333 18.39 7.1 18.4467 6.9 18.56C6.70667 18.6733 6.61 18.8367 6.61 19.05C6.61 19.15 6.63333 19.24 6.68 19.32C6.73333 19.3933 6.79333 19.4567 6.86 19.51C6.92667 19.5567 7.03 19.6067 7.17 19.66C7.31 19.7067 7.42667 19.7433 7.52 19.77C7.62 19.79 7.76667 19.8233 7.96 19.87C8.17333 19.9233 8.33333 19.9667 8.44 20C8.54667 20.0267 8.7 20.0767 8.9 20.15C9.1 20.2167 9.25333 20.2833 9.36 20.35C9.47333 20.4167 9.60333 20.5067 9.75 20.62C9.89667 20.7267 10.0067 20.8467 10.08 20.98C10.16 21.1067 10.2267 21.2633 10.28 21.45C10.34 21.63 10.37 21.8267 10.37 22.04C10.37 22.5267 10.2467 22.9433 10 23.29C9.75333 23.6367 9.43333 23.89 9.04 24.05C8.65333 24.21 8.21 24.29 7.71 24.29Z' fill='%23A872BC'/%3E%3Cpath d='M15.7382 17.15H17.3882L14.7482 24.15H13.3182L10.5782 17.15H12.2482L14.0182 22.1L15.7382 17.15Z' fill='%23A872BC'/%3E%3Cpath d='M21.087 20.49H24.817C24.8103 21.5967 24.4736 22.51 23.807 23.23C23.1403 23.9433 22.2836 24.3 21.237 24.3C20.2036 24.3 19.3403 23.9567 18.647 23.27C17.9603 22.5767 17.617 21.7067 17.617 20.66C17.617 19.6067 17.957 18.7333 18.637 18.04C19.317 17.3467 20.1736 17 21.207 17C22.0803 17 22.8436 17.25 23.497 17.75C24.1503 18.2433 24.557 18.8833 24.717 19.67H23.157C23.057 19.4167 22.9136 19.2 22.727 19.02C22.5403 18.8333 22.317 18.69 22.057 18.59C21.8036 18.49 21.5303 18.44 21.237 18.44C20.617 18.44 20.1136 18.6467 19.727 19.06C19.3403 19.4733 19.147 20.0067 19.147 20.66C19.147 21.0867 19.2336 21.4667 19.407 21.8C19.5803 22.1333 19.8236 22.3933 20.137 22.58C20.457 22.7667 20.8236 22.86 21.237 22.86C21.537 22.86 21.8203 22.81 22.087 22.71C22.3536 22.61 22.5803 22.47 22.767 22.29C22.9603 22.1033 23.1003 21.8933 23.187 21.66H21.087V20.49Z' fill='%23A872BC'/%3E%3C/svg%3E ");
|
|
774
|
+
}
|
|
775
|
+
.u-file-cell-icon.png {
|
|
776
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23467BE3'/%3E%3Cpath d='M7.69 17.15C8.39667 17.15 8.98667 17.38 9.46 17.84C9.93333 18.2933 10.17 18.8667 10.17 19.56C10.17 20.2467 9.93333 20.82 9.46 21.28C8.98667 21.7333 8.39667 21.96 7.69 21.96H6.52V24.15H5V17.15H7.69ZM7.63 20.56C7.93 20.56 8.17 20.4667 8.35 20.28C8.53667 20.0933 8.63 19.8533 8.63 19.56C8.63 19.2667 8.53667 19.0267 8.35 18.84C8.17 18.6467 7.93 18.55 7.63 18.55H6.52V20.56H7.63Z' fill='%23467BE3'/%3E%3Cpath d='M15.6607 17.15H17.1407V24.15H15.8807L12.7107 19.78V24.15H11.2207V17.15H12.5907L15.6607 21.42V17.15Z' fill='%23467BE3'/%3E%3Cpath d='M21.8102 20.49H25.5402C25.5336 21.5967 25.1969 22.51 24.5302 23.23C23.8636 23.9433 23.0069 24.3 21.9602 24.3C20.9269 24.3 20.0636 23.9567 19.3702 23.27C18.6836 22.5767 18.3402 21.7067 18.3402 20.66C18.3402 19.6067 18.6802 18.7333 19.3602 18.04C20.0402 17.3467 20.8969 17 21.9302 17C22.8036 17 23.5669 17.25 24.2202 17.75C24.8736 18.2433 25.2802 18.8833 25.4402 19.67H23.8802C23.7802 19.4167 23.6369 19.2 23.4502 19.02C23.2636 18.8333 23.0402 18.69 22.7802 18.59C22.5269 18.49 22.2536 18.44 21.9602 18.44C21.3402 18.44 20.8369 18.6467 20.4502 19.06C20.0636 19.4733 19.8702 20.0067 19.8702 20.66C19.8702 21.0867 19.9569 21.4667 20.1302 21.8C20.3036 22.1333 20.5469 22.3933 20.8602 22.58C21.1802 22.7667 21.5469 22.86 21.9602 22.86C22.2602 22.86 22.5436 22.81 22.8102 22.71C23.0769 22.61 23.3036 22.47 23.4902 22.29C23.6836 22.1033 23.8236 21.8933 23.9102 21.66H21.8102V20.49Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
777
|
+
}
|
|
778
|
+
.u-file-cell-icon.jpg {
|
|
779
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23467BE3'/%3E%3Cpath d='M7.58 24.3C6.82667 24.3 6.20667 24.0633 5.72 23.59C5.24 23.1167 5 22.5067 5 21.76V21.51H6.5V21.68C6.5 21.92 6.54333 22.13 6.63 22.31C6.71667 22.49 6.84 22.63 7 22.73C7.16667 22.8233 7.36 22.87 7.58 22.87C7.78667 22.87 7.96667 22.8233 8.12 22.73C8.28 22.63 8.40333 22.49 8.49 22.31C8.57667 22.13 8.62 21.92 8.62 21.68V17.15H10.12V21.76C10.12 22.5067 9.88333 23.1167 9.41 23.59C8.94333 24.0633 8.33333 24.3 7.58 24.3Z' fill='%23467BE3'/%3E%3Cpath d='M14.3538 17.15C15.0604 17.15 15.6504 17.38 16.1238 17.84C16.5971 18.2933 16.8337 18.8667 16.8337 19.56C16.8337 20.2467 16.5971 20.82 16.1238 21.28C15.6504 21.7333 15.0604 21.96 14.3538 21.96H13.1838V24.15H11.6638V17.15H14.3538ZM14.2938 20.56C14.5938 20.56 14.8337 20.4667 15.0138 20.28C15.2004 20.0933 15.2938 19.8533 15.2938 19.56C15.2938 19.2667 15.2004 19.0267 15.0138 18.84C14.8337 18.6467 14.5938 18.55 14.2938 18.55H13.1838V20.56H14.2938Z' fill='%23467BE3'/%3E%3Cpath d='M20.9545 20.49H24.6845C24.6778 21.5967 24.3411 22.51 23.6745 23.23C23.0078 23.9433 22.1511 24.3 21.1045 24.3C20.0711 24.3 19.2078 23.9567 18.5145 23.27C17.8278 22.5767 17.4845 21.7067 17.4845 20.66C17.4845 19.6067 17.8245 18.7333 18.5045 18.04C19.1845 17.3467 20.0411 17 21.0745 17C21.9478 17 22.7111 17.25 23.3645 17.75C24.0178 18.2433 24.4245 18.8833 24.5845 19.67H23.0245C22.9245 19.4167 22.7811 19.2 22.5945 19.02C22.4078 18.8333 22.1845 18.69 21.9245 18.59C21.6711 18.49 21.3978 18.44 21.1045 18.44C20.4845 18.44 19.9811 18.6467 19.5945 19.06C19.2078 19.4733 19.0145 20.0067 19.0145 20.66C19.0145 21.0867 19.1011 21.4667 19.2745 21.8C19.4478 22.1333 19.6911 22.3933 20.0045 22.58C20.3245 22.7667 20.6911 22.86 21.1045 22.86C21.4045 22.86 21.6878 22.81 21.9545 22.71C22.2211 22.61 22.4478 22.47 22.6345 22.29C22.8278 22.1033 22.9678 21.8933 23.0545 21.66H20.9545V20.49Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
780
|
+
}
|
|
781
|
+
.u-file-cell-content {
|
|
782
|
+
padding: 7px 12px 12px 12px;
|
|
783
|
+
font-size: 12px;
|
|
784
|
+
height: 51%;
|
|
785
|
+
text-align: center;
|
|
786
|
+
display: flex;
|
|
787
|
+
word-break: break-all;
|
|
788
|
+
}
|
|
789
|
+
.u-file-cell-content-wrapper {
|
|
790
|
+
margin: auto;
|
|
791
|
+
word-wrap: break-word;
|
|
792
|
+
font-size: 12px;
|
|
793
|
+
line-height: 16.8px;
|
|
794
|
+
}
|
|
795
|
+
.u-file-cell-content-props {
|
|
796
|
+
display: flex;
|
|
797
|
+
justify-content: space-between;
|
|
798
|
+
}
|
|
799
|
+
.u-file-cell-content-props span {
|
|
800
|
+
font-size: 10px;
|
|
801
|
+
line-height: 14px;
|
|
802
|
+
margin-top: 7px;
|
|
803
|
+
color: #545454;
|
|
804
|
+
}
|
|
582
805
|
.u-switch input {
|
|
583
806
|
display: none;
|
|
584
807
|
}
|
|
@@ -682,7 +905,7 @@
|
|
|
682
905
|
}
|
|
683
906
|
.u-checkbox div {
|
|
684
907
|
cursor: pointer;
|
|
685
|
-
width: 16px;
|
|
908
|
+
min-width: 16px;
|
|
686
909
|
height: 16px;
|
|
687
910
|
position: relative;
|
|
688
911
|
transition: all 0.15s ease-in-out;
|
|
@@ -696,15 +919,17 @@
|
|
|
696
919
|
padding: 0 18px;
|
|
697
920
|
font-size: 16px;
|
|
698
921
|
font-weight: 600;
|
|
699
|
-
transition:
|
|
922
|
+
transition-property: color, background-color, border-color, background-image;
|
|
923
|
+
transition-duration: 0.15s;
|
|
924
|
+
transition-timing-function: ease-in-out;
|
|
700
925
|
color: #A7A7A7;
|
|
701
|
-
background-color:
|
|
926
|
+
background-color: transparent;
|
|
702
927
|
border: 2px solid #D3D3D3;
|
|
703
928
|
}
|
|
704
929
|
.u-tab:focus,
|
|
705
930
|
.u-tab.u-tab-active {
|
|
706
931
|
color: #1E4391;
|
|
707
|
-
background-color:
|
|
932
|
+
background-color: transparent;
|
|
708
933
|
border: 2px solid #1E4391;
|
|
709
934
|
}
|
|
710
935
|
.u-tab:hover {
|
|
@@ -715,7 +940,7 @@
|
|
|
715
940
|
.u-tab-all-danger:focus,
|
|
716
941
|
.u-tab-all-danger.u-tab-active {
|
|
717
942
|
color: #EF302B;
|
|
718
|
-
background-color:
|
|
943
|
+
background-color: transparent;
|
|
719
944
|
border: 2px solid #EF302B;
|
|
720
945
|
}
|
|
721
946
|
.u-tab-all-danger:hover {
|
|
@@ -728,11 +953,13 @@
|
|
|
728
953
|
height: 54px;
|
|
729
954
|
padding: 0 16px;
|
|
730
955
|
border: none;
|
|
731
|
-
border-bottom: 2px solid
|
|
956
|
+
border-bottom: 2px solid transparent;
|
|
732
957
|
font-size: 16px;
|
|
733
958
|
font-weight: 400;
|
|
734
|
-
transition:
|
|
735
|
-
|
|
959
|
+
transition-property: color, background-color, border-color, background-image;
|
|
960
|
+
transition-duration: 0.15s;
|
|
961
|
+
transition-timing-function: ease-in-out;
|
|
962
|
+
background-color: transparent;
|
|
736
963
|
color: #545454;
|
|
737
964
|
}
|
|
738
965
|
.u-tab-line:hover,
|
|
@@ -746,11 +973,13 @@
|
|
|
746
973
|
height: 54px;
|
|
747
974
|
padding: 0 16px;
|
|
748
975
|
border: none;
|
|
749
|
-
border-bottom: 2px solid
|
|
976
|
+
border-bottom: 2px solid transparent;
|
|
750
977
|
font-size: 16px;
|
|
751
978
|
font-weight: 400;
|
|
752
|
-
transition:
|
|
753
|
-
|
|
979
|
+
transition-property: color, background-color, border-color, background-image;
|
|
980
|
+
transition-duration: 0.15s;
|
|
981
|
+
transition-timing-function: ease-in-out;
|
|
982
|
+
background-color: transparent;
|
|
754
983
|
color: #748AB9;
|
|
755
984
|
}
|
|
756
985
|
.u-tab-line-secondary:hover,
|
|
@@ -1044,27 +1273,25 @@ p {
|
|
|
1044
1273
|
.u-table table thead tr th {
|
|
1045
1274
|
color: #1E4391;
|
|
1046
1275
|
border-bottom: 2px solid #1E4391;
|
|
1047
|
-
padding:
|
|
1276
|
+
padding: 18px 20px;
|
|
1048
1277
|
width: 100%;
|
|
1049
1278
|
}
|
|
1050
|
-
.u-table table thead tr th.sort
|
|
1279
|
+
.u-table table thead tr th .sort {
|
|
1280
|
+
cursor: pointer;
|
|
1051
1281
|
position: relative;
|
|
1052
1282
|
display: flex;
|
|
1053
1283
|
width: 100%;
|
|
1054
1284
|
}
|
|
1055
|
-
.u-table table thead tr th.sort
|
|
1056
|
-
cursor: pointer;
|
|
1285
|
+
.u-table table thead tr th .sort:after {
|
|
1057
1286
|
position: absolute;
|
|
1058
1287
|
content: "";
|
|
1059
1288
|
top: 4px;
|
|
1060
1289
|
right: 0;
|
|
1061
1290
|
width: 10px;
|
|
1062
1291
|
height: 16px;
|
|
1292
|
+
background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.61597 0.461158L0.683495 5.18013C0.412109 5.5058 0.643687 6.00023 1.06761 6.00023H8.93256C9.35648 6.00023 9.58806 5.5058 9.31668 5.18013L5.3842 0.461158C5.1843 0.221281 4.81587 0.22128 4.61597 0.461158Z' fill='%231E4391'/%3E%3Cpath d='M5.38403 15.5388L9.3165 10.8199C9.58789 10.4942 9.35631 9.99977 8.93239 9.99977H1.06744C0.643517 9.99977 0.411939 10.4942 0.683325 10.8199L4.6158 15.5388C4.8157 15.7787 5.18413 15.7787 5.38403 15.5388Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
1063
1293
|
background-repeat: no-repeat;
|
|
1064
1294
|
}
|
|
1065
|
-
.u-table table thead tr th.sort div span {
|
|
1066
|
-
display: none;
|
|
1067
|
-
}
|
|
1068
1295
|
.u-table table thead tr th.sticky {
|
|
1069
1296
|
position: sticky;
|
|
1070
1297
|
left: 0;
|
|
@@ -1089,7 +1316,7 @@ p {
|
|
|
1089
1316
|
.u-table table tbody tr td {
|
|
1090
1317
|
border-bottom: 1px solid #CAD1E1;
|
|
1091
1318
|
width: 200px;
|
|
1092
|
-
padding:
|
|
1319
|
+
padding: 20px;
|
|
1093
1320
|
}
|
|
1094
1321
|
.u-table table tbody tr td.sticky {
|
|
1095
1322
|
position: sticky;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
border: none;
|
|
9
9
|
font-weight: 500;
|
|
10
10
|
font-size: 13px;
|
|
11
|
+
white-space: nowrap;
|
|
11
12
|
cursor: pointer;
|
|
12
13
|
.transition;
|
|
13
14
|
}
|
|
@@ -20,6 +21,8 @@
|
|
|
20
21
|
font-weight: 600;
|
|
21
22
|
font-size: 14px;
|
|
22
23
|
background: none;
|
|
24
|
+
align-items: center;
|
|
25
|
+
white-space: nowrap;
|
|
23
26
|
cursor: pointer;
|
|
24
27
|
.transition;
|
|
25
28
|
}
|
|
@@ -134,7 +137,6 @@
|
|
|
134
137
|
}
|
|
135
138
|
.u-icon {
|
|
136
139
|
position: relative;
|
|
137
|
-
top: 3px;
|
|
138
140
|
margin-left: 8px;
|
|
139
141
|
&::before {
|
|
140
142
|
color: inherit;
|
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
font-size: 14px;
|
|
9
9
|
line-height: 20px;
|
|
10
10
|
color: @clr-main-dark;
|
|
11
|
+
background-color: @clr-secondary-empty;
|
|
12
|
+
width: 100%;
|
|
11
13
|
.transition;
|
|
12
14
|
}
|
|
13
15
|
|
|
@@ -76,12 +78,16 @@
|
|
|
76
78
|
&-required {
|
|
77
79
|
.input;
|
|
78
80
|
border: 1px solid @clr-main-danger;
|
|
79
|
-
&:hover,
|
|
81
|
+
&:hover, &.active {
|
|
80
82
|
border: 1px solid @clr-border-active;
|
|
81
83
|
}
|
|
82
84
|
&::placeholder {
|
|
83
85
|
color: @clr-secondary-subject;
|
|
84
86
|
}
|
|
87
|
+
&:focus {
|
|
88
|
+
outline: 0;
|
|
89
|
+
border: 1px solid @clr-border-active;
|
|
90
|
+
}
|
|
85
91
|
}
|
|
86
92
|
}
|
|
87
93
|
|
|
@@ -148,7 +154,7 @@
|
|
|
148
154
|
display: block;
|
|
149
155
|
}
|
|
150
156
|
}
|
|
151
|
-
&-icon {
|
|
157
|
+
&-icon-arrow {
|
|
152
158
|
position: absolute;
|
|
153
159
|
display: block;
|
|
154
160
|
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
@@ -158,11 +164,33 @@
|
|
|
158
164
|
right: 20px;
|
|
159
165
|
top: calc(50% - 7px);
|
|
160
166
|
}
|
|
167
|
+
&-icon-cross {
|
|
168
|
+
position: absolute;
|
|
169
|
+
display: block;
|
|
170
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
|
|
171
|
+
background-repeat: no-repeat;
|
|
172
|
+
width: 12px;
|
|
173
|
+
height: 12px;
|
|
174
|
+
right: 44px;
|
|
175
|
+
top: calc(50% - 5px);
|
|
176
|
+
.transition;
|
|
177
|
+
&:hover {
|
|
178
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
&-title {
|
|
182
|
+
display: block;
|
|
183
|
+
max-width: calc(100% - 52px);
|
|
184
|
+
overflow: hidden;
|
|
185
|
+
white-space: nowrap;
|
|
186
|
+
text-overflow: ellipsis;
|
|
187
|
+
}
|
|
161
188
|
}
|
|
162
189
|
&-options {
|
|
163
190
|
display: none;
|
|
164
191
|
position: absolute;
|
|
165
192
|
width: 100%;
|
|
193
|
+
z-index: 100;
|
|
166
194
|
border: 1px solid @clr-secondary-cold;
|
|
167
195
|
border-radius: @radius;
|
|
168
196
|
margin-top: 2px;
|
|
@@ -218,3 +246,179 @@
|
|
|
218
246
|
}
|
|
219
247
|
}
|
|
220
248
|
|
|
249
|
+
.u-password {
|
|
250
|
+
position: relative;
|
|
251
|
+
&-icon {
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
display: block;
|
|
254
|
+
position: absolute;
|
|
255
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%23A7A7A7'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%23A7A7A7'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
|
|
256
|
+
background-repeat: no-repeat;
|
|
257
|
+
width: 20px;
|
|
258
|
+
height: 20px;
|
|
259
|
+
top: calc(50% - 10px);
|
|
260
|
+
right: 16px;
|
|
261
|
+
&:hover {
|
|
262
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%231E4391'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%231E4391'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
263
|
+
}
|
|
264
|
+
&-active {
|
|
265
|
+
cursor: pointer;
|
|
266
|
+
display: block;
|
|
267
|
+
position: absolute;
|
|
268
|
+
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10284 9.98348C2.44682 10.6466 3.24951 12.0125 4.53943 13.2203C5.86638 14.4627 7.66459 15.5 9.99991 15.5C12.3352 15.5 14.1334 14.4627 15.4604 13.2203C16.7503 12.0125 17.553 10.6465 17.897 9.98347C17.5594 9.27768 16.755 7.78976 15.4554 6.47189C14.1188 5.11653 12.3214 4 9.99991 4C7.67847 4 5.88102 5.11653 4.54442 6.47189C3.24479 7.78976 2.44044 9.27769 2.10284 9.98348ZM3.12039 5.06756C4.69389 3.47198 6.97332 2 9.99991 2C13.0265 2 15.3059 3.47198 16.8794 5.06756C18.4463 6.65642 19.3754 8.42605 19.7397 9.20165C19.9825 9.71869 19.9751 10.3102 19.7146 10.8221C19.337 11.5642 18.3983 13.2093 16.8273 14.6802C15.2474 16.1595 12.9838 17.5 9.99991 17.5C7.01599 17.5 4.75246 16.1595 3.17249 14.6802C1.60154 13.2093 0.662772 11.5642 0.285193 10.8221C0.0247449 10.3102 0.0173107 9.71869 0.260136 9.20165C0.624388 8.42605 1.55353 6.65642 3.12039 5.06756Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
269
|
+
background-repeat: no-repeat;
|
|
270
|
+
width: 20px;
|
|
271
|
+
height: 20px;
|
|
272
|
+
top: calc(50% - 10px);
|
|
273
|
+
right: 16px;
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.u-file {
|
|
279
|
+
position: relative;
|
|
280
|
+
display: flex;
|
|
281
|
+
flex-direction: column;
|
|
282
|
+
border-radius: @radius;
|
|
283
|
+
width: 100%;
|
|
284
|
+
height: 122px;
|
|
285
|
+
background-color: #E7F2FF;
|
|
286
|
+
border: 1px solid #E7F2FF;
|
|
287
|
+
cursor: pointer;
|
|
288
|
+
padding-top: 19px;
|
|
289
|
+
padding-bottom: 19px;
|
|
290
|
+
input {
|
|
291
|
+
display: none;
|
|
292
|
+
}
|
|
293
|
+
&:hover {
|
|
294
|
+
border: 1px solid @clr-secondary-cold;
|
|
295
|
+
}
|
|
296
|
+
&-icon {
|
|
297
|
+
cursor: pointer;
|
|
298
|
+
margin: auto;
|
|
299
|
+
display: block;
|
|
300
|
+
background-repeat: no-repeat;
|
|
301
|
+
background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2061_7629)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3787 1.48454C14.3787 0.66465 15.0503 0 15.8787 0C16.7071 0 17.3787 0.66465 17.3787 1.48454V21.434L23.3086 15.5652C23.8944 14.9855 24.8442 14.9855 25.4299 15.5652C26.0157 16.145 26.0157 17.0849 25.4299 17.6647L17.2273 25.7827C17.0993 25.9094 16.954 26.0084 16.7988 26.0797C16.5448 26.2753 16.2255 26.3918 15.8787 26.3918C15.4198 26.3918 15.009 26.1878 14.7339 25.8665C14.7024 25.8401 14.6717 25.8122 14.642 25.7827L6.43933 17.6647C5.85356 17.0849 5.85356 16.145 6.43933 15.5652C7.02513 14.9855 7.97486 14.9855 8.56066 15.5652L14.3787 21.3232V1.48454Z' fill='%23748AB9'/%3E%3Cpath d='M25.3333 28.7197C26.8347 28.7197 28.1253 27.8266 28.6924 26.548C29.0283 25.7907 29.6716 25.0908 30.5 25.0908C31.3284 25.0908 32.0177 25.7714 31.8299 26.5783C31.1483 29.5059 28.4984 31.6888 25.3333 31.6888H6.66667C3.5016 31.6888 0.851688 29.5059 0.170109 26.5783C-0.0177357 25.7714 0.671573 25.0908 1.5 25.0908C2.32843 25.0908 2.97172 25.7907 3.3076 26.548C3.87471 27.8266 5.16532 28.7197 6.66667 28.7197H25.3333Z' fill='%23748AB9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2061_7629'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
|
|
302
|
+
width: 35px;
|
|
303
|
+
height: 35px;
|
|
304
|
+
min-height: 35px;
|
|
305
|
+
margin-bottom: 7px;
|
|
306
|
+
&-loading {
|
|
307
|
+
cursor: pointer;
|
|
308
|
+
margin: 12px auto 0;
|
|
309
|
+
display: block;
|
|
310
|
+
background-repeat: no-repeat;
|
|
311
|
+
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2061_7635)'%3E%3Cpath d='M2.5 16C2.5 23.732 8.76801 30 16.5 30C24.232 30 30.5 23.732 30.5 16C30.5 12.8483 29.4586 9.93985 27.701 7.6C26.9047 6.53985 25.9614 5.59643 24.9014 4.8C23.6475 3.85798 22.2304 3.12159 20.7 2.64092C19.3741 2.2245 17.9633 2 16.5 2C13.3477 2 10.4387 3.04185 8.09863 4.8' stroke='%23748AB9' stroke-width='3' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95289 10.5478C8.72569 10.5727 9.37235 9.9664 9.39726 9.19361C9.42216 8.42081 8.81587 7.77415 8.04307 7.74924L5.38873 7.66371L5.47813 4.88939C5.50304 4.1166 4.89675 3.46993 4.12395 3.44503C3.35115 3.42013 2.70449 4.02641 2.67958 4.79921L2.54509 8.9728C2.54198 9.0694 2.54873 9.16403 2.56443 9.25572C2.60441 9.48914 2.70243 9.70352 2.84351 9.88288C2.89639 9.9501 2.95532 10.0124 3.0195 10.069C3.25495 10.2764 3.56117 10.4063 3.89927 10.4172L7.95289 10.5478Z' fill='%23748AB9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2061_7635'%3E%3Crect width='32' height='32' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
|
|
312
|
+
width: 32px;
|
|
313
|
+
height: 32px;
|
|
314
|
+
min-height: 32px;
|
|
315
|
+
margin-bottom: 8px;
|
|
316
|
+
transform-origin: center;
|
|
317
|
+
animation: negative_rotate 3s linear infinite;
|
|
318
|
+
-webkit-animation: negative_rotate 3s linear infinite;
|
|
319
|
+
-moz-animation: negative_rotate 3s linear infinite;
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
&-title {
|
|
323
|
+
.tt;
|
|
324
|
+
color: @clr-secondary-cold;
|
|
325
|
+
text-align: center;
|
|
326
|
+
margin-bottom: 7px;
|
|
327
|
+
&-loading {
|
|
328
|
+
.st;
|
|
329
|
+
color: @clr-secondary-cold;
|
|
330
|
+
text-align: center;
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
&-subtitle {
|
|
334
|
+
.h5;
|
|
335
|
+
color: @clr-secondary-cold;
|
|
336
|
+
text-align: center;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.u-file-cell {
|
|
341
|
+
cursor: pointer;
|
|
342
|
+
position: relative;
|
|
343
|
+
background-color: @clr-main-light;
|
|
344
|
+
border: 2px solid @clr-main-light;
|
|
345
|
+
border-radius: 10px;
|
|
346
|
+
width: 120px;
|
|
347
|
+
&:hover {
|
|
348
|
+
border: 2px solid @clr-secondary-subject;
|
|
349
|
+
}
|
|
350
|
+
button {
|
|
351
|
+
position: absolute;
|
|
352
|
+
cursor: pointer;
|
|
353
|
+
background-color: transparent;
|
|
354
|
+
border: none;
|
|
355
|
+
padding: 0;
|
|
356
|
+
top: -6px;
|
|
357
|
+
right: -4px;
|
|
358
|
+
&:hover {
|
|
359
|
+
&::after {
|
|
360
|
+
content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21.1234C16.6754 21.1234 21.1805 16.5364 21.1805 11C21.1805 5.46364 16.6754 0.876552 11 0.876552C5.32459 0.876552 0.819462 5.46364 0.819462 11C0.819462 16.5364 5.32459 21.1234 11 21.1234ZM11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2994 6.70049C15.4539 6.87731 15.4452 7.15466 15.2799 7.31996L11.5082 11.0917L14.9528 14.6861C15.1148 14.8551 15.118 15.1326 14.96 15.3058C14.802 15.4791 14.5426 15.4825 14.3806 15.3135L10.9089 11.6909L7.27988 15.32C7.11457 15.4853 6.85529 15.4759 6.70076 15.2991C6.54622 15.1223 6.55495 14.8449 6.72025 14.6796L10.3217 11.0782L6.71395 7.31353C6.55197 7.1445 6.54876 6.86702 6.70677 6.69376C6.86479 6.52049 7.12419 6.51705 7.28618 6.68608L10.921 10.4789L14.7203 6.67964C14.8856 6.51434 15.1448 6.52368 15.2994 6.70049Z' fill='%23222222'/%3E%3C/svg%3E ");
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
&::after {
|
|
364
|
+
cursor: pointer;
|
|
365
|
+
content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21.1234C16.6754 21.1234 21.1805 16.5364 21.1805 11C21.1805 5.46364 16.6754 0.876552 11 0.876552C5.32459 0.876552 0.819462 5.46364 0.819462 11C0.819462 16.5364 5.32459 21.1234 11 21.1234ZM11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z' fill='%23D3D3D3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2992 6.70049C15.4538 6.87731 15.4451 7.15466 15.2798 7.31996L11.5081 11.0917L14.9527 14.6861C15.1147 14.8551 15.1179 15.1326 14.9599 15.3058C14.8019 15.4791 14.5425 15.4826 14.3805 15.3135L10.9088 11.6909L7.27976 15.32C7.11445 15.4853 6.85517 15.4759 6.70064 15.2991C6.5461 15.1223 6.55483 14.8449 6.72013 14.6796L10.3216 11.0782L6.71383 7.31353C6.55185 7.1445 6.54864 6.86702 6.70665 6.69376C6.86467 6.52049 7.12407 6.51705 7.28605 6.68608L10.9209 10.4789L14.7201 6.67964C14.8854 6.51434 15.1447 6.52368 15.2992 6.70049Z' fill='%23545454'/%3E%3C/svg%3E ");
|
|
366
|
+
position: relative;
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
&-icon {
|
|
370
|
+
&.pdf {
|
|
371
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23EF302B'/%3E%3Cpath d='M8.7 17C9.4 17 10 17.2 10.5 17.7C11 18.2 11.2 18.7 11.2 19.4C11.2 20.1 11 20.7 10.5 21.1C10 21.6 9.4 21.8 8.7 21.8H7.5V24H6V17H8.7ZM8.7 20.4C9 20.4 9.2 20.3 9.4 20.1C9.6 19.9 9.7 19.7 9.7 19.4C9.7 19.1 9.6 18.9 9.4 18.7C9.2 18.5 9 18.4 8.7 18.4H7.5V20.4H8.7ZM15 17C16 17 16.9 17.3 17.6 18C18.3 18.7 18.6 19.5 18.6 20.5C18.6 21.5 18.3 22.4 17.6 23C16.9 23.7 16.1 24 15 24H12.3V17H15ZM14.9 22.6C15.5 22.6 16 22.4 16.4 22C16.8 21.6 17 21.1 17 20.5C17 19.9 16.8 19.4 16.4 19C16 18.6 15.5 18.4 14.9 18.4H13.8V22.6H14.9ZM24 18.4H21.3V20H23.7V21.4H21.3V24H19.8V17H24V18.4Z' fill='%23EF302B'/%3E%3C/svg%3E ");
|
|
372
|
+
}
|
|
373
|
+
&.xls {
|
|
374
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%233BA68C'/%3E%3Cpath d='M12.5 23.9H10.7L9.2 21.6L7.7 23.9H6L8.3 20.4L6.2 17.2H8L9.3 19.3L10.6 17.2H12.3L10.2 20.5L12.5 23.9ZM15 22.5H17.8V23.9H13.4V17.2H15V22.5ZM21.2 24C20.3 24 19.7 23.8 19.1 23.4C18.6 23 18.3 22.4 18.3 21.7H20C20 21.9 20 22 20.1 22.1C20.2 22.2 20.3 22.3 20.4 22.4C20.5 22.5 20.7 22.5 20.8 22.6C20.9 22.6 21.1 22.7 21.3 22.7C21.6 22.7 21.9 22.6 22.1 22.5C22.3 22.4 22.5 22.2 22.5 21.9C22.5 21.8 22.5 21.7 22.4 21.6C22.3 21.5 22.3 21.5 22.2 21.4C22.1 21.3 22 21.3 21.9 21.2C21.8 21.1 21.6 21.1 21.5 21.1C21.4 21.1 21.2 21 21 21C20.8 21 20.7 20.9 20.6 20.9C20.5 20.9 20.4 20.8 20.2 20.8C20 20.8 19.9 20.7 19.8 20.7C19.7 20.7 19.6 20.6 19.5 20.5C19.4 20.4 19.3 20.4 19.2 20.3C19.1 20.2 19 20.2 18.9 20.1C18.8 20 18.7 19.9 18.7 19.8C18.7 19.7 18.6 19.6 18.6 19.4C18.6 19.3 18.5 19.1 18.5 19C18.5 18.4 18.7 17.9 19.2 17.5C19.7 17.1 20.3 17 21.2 17C22 17 22.7 17.2 23.1 17.6C23.6 18 23.8 18.5 23.8 19.2H22.2C22.2 18.9 22.1 18.7 21.9 18.6C21.7 18.5 21.4 18.4 21.1 18.4C20.8 18.4 20.6 18.5 20.4 18.6C20.1 18.6 20 18.7 20 19C20 19.1 20 19.2 20.1 19.3C20.2 19.4 20.2 19.4 20.3 19.5C20.4 19.5 20.5 19.6 20.6 19.6C20.7 19.6 20.9 19.7 21 19.7C21.1 19.7 21.3 19.8 21.5 19.8C21.7 19.9 21.9 19.9 22 19.9C22.1 19.9 22.3 20 22.5 20C22.7 20.1 22.9 20.1 23 20.2C23.1 20.3 23.3 20.4 23.4 20.5C23.6 20.6 23.7 20.7 23.7 20.8C23.8 20.9 23.9 21.1 23.9 21.3C24 21.5 24 21.7 24 21.9C24 22.4 23.9 22.8 23.6 23.1C23.3 23.4 23 23.7 22.6 23.8C22.2 23.9 21.7 24 21.2 24Z' fill='%233BA68C'/%3E%3C/svg%3E ");
|
|
375
|
+
}
|
|
376
|
+
&.doc {
|
|
377
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%231E4391'/%3E%3Cpath d='M8.1 17.1004C8.9 17.1004 9.6 17.4004 10.2 18.0004C10.7 18.6004 11 19.4004 11 20.4004C11 21.4004 10.7 22.2004 10.2 22.8004C9.7 23.4004 9 23.7004 8.1 23.7004H6V17.0004H8.1V17.1004ZM8.1 22.5004C8.6 22.5004 9 22.3004 9.3 21.9004C9.6 21.5004 9.8 21.0004 9.8 20.5004C9.8 20.0004 9.6 19.4004 9.3 19.1004C9 18.7004 8.6 18.5004 8.1 18.5004H7.2V22.5004H8.1ZM14.7 24.0004C13.8 24.0004 13.1 23.7004 12.5 23.0004C11.9 22.3004 11.6 21.5004 11.6 20.5004C11.6 19.5004 11.9 18.7004 12.5 18.0004C13.1 17.3004 13.8 17.0004 14.7 17.0004C15.3 17.0004 15.8 17.2004 16.2 17.5004C16.7 17.8004 17 18.2004 17.3 18.8004C17.6 19.3004 17.7 19.9004 17.7 20.6004C17.7 21.6004 17.4 22.4004 16.8 23.1004C16.3 23.7004 15.5 24.0004 14.7 24.0004ZM14.7 22.6004C15 22.6004 15.3 22.5004 15.6 22.3004C15.9 22.1004 16.1 21.9004 16.2 21.5004C16.4 21.2004 16.4 20.8004 16.4 20.4004C16.4 19.8004 16.2 19.3004 15.9 18.9004C15.6 18.5004 15.1 18.3004 14.6 18.3004C14.1 18.3004 13.7 18.5004 13.3 18.9004C13 19.3004 12.8 19.8004 12.8 20.4004C12.8 21.0004 13 21.5004 13.3 21.9004C13.8 22.4004 14.2 22.6004 14.7 22.6004ZM21.2 24.0004C20.7 24.0004 20.2 23.8004 19.7 23.5004C19.3 23.2004 18.9 22.8004 18.6 22.2004C18.3 21.7004 18.2 21.1004 18.2 20.4004C18.2 19.4004 18.5 18.6004 19 17.9004C19.6 17.2004 20.3 16.9004 21.1 16.9004C21.8 16.9004 22.4 17.1004 22.9 17.6004C23.4 18.1004 23.7 18.7004 23.9 19.5004H22.7C22.6 19.2004 22.5 19.0004 22.4 18.8004C22.3 18.6004 22.1 18.5004 21.9 18.3004C21.7 18.2004 21.5 18.1004 21.2 18.1004C20.7 18.1004 20.3 18.3004 20 18.7004C19.7 19.1004 19.5 19.6004 19.5 20.2004C19.5 20.8004 19.7 21.3004 20 21.7004C20.3 22.1004 20.7 22.3004 21.2 22.3004C21.6 22.3004 21.9 22.2004 22.2 21.9004C22.5 21.7004 22.7 21.3004 22.8 20.9004H24C23.9 21.7004 23.6 22.4004 23 22.9004C22.5 23.7004 21.9 24.0004 21.2 24.0004Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
378
|
+
}
|
|
379
|
+
&.img {
|
|
380
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 22.0004C28.8001 22.0004 29.2001 21.6004 29.2001 21.0004V11.7004C29.2001 9.70039 28.3 7.90039 26.8 6.70039L21.4 2.30039C20.3 1.40039 18.9 0.900391 17.5 0.900391H7.10005C3.60005 0.900391 0.800049 3.80039 0.800049 7.40039V29.9004C0.800049 33.5004 3.60005 36.4004 7.10005 36.4004H23C26.5 36.4004 29.3 33.5004 29.3 29.9004V27.1004C29.3 26.5004 28.9 26.1004 28.3 26.1004C27.7 26.1004 27.3 26.5004 27.3 27.1004V29.9004C27.3 32.4004 25.4 34.4004 23 34.4004H7.10005C4.70005 34.4004 2.80005 32.4004 2.80005 29.9004V7.30039C2.80005 4.80039 4.70005 2.80039 7.10005 2.80039H17.6V8.60039C17.6 10.2004 18.8 11.4004 20.4 11.4004H27.3C27.3 11.5004 27.3 11.6004 27.3 11.7004V21.0004C27.2 21.6004 27.7001 22.0004 28.2001 22.0004Z' fill='%23467BE3'/%3E%3Cpath d='M6 23.9004V17.2004H7.4V23.9004H6ZM16.7 23.9004H15.3L14.7 19.5004L12.8 23.9004H12.5L10.6 19.5004L10 23.9004H8.5L9.5 17.2004H10.9L12.6 21.3004L14.3 17.2004H15.7L16.7 23.9004ZM20.6 20.3004H24C24 21.4004 23.7 22.2004 23.1 22.9004C22.5 23.6004 21.7 23.9004 20.7 23.9004C19.8 23.9004 19 23.6004 18.3 22.9004C17.7 22.2004 17.4 21.4004 17.4 20.4004C17.4 19.4004 17.7 18.6004 18.3 17.9004C18.9 17.2004 19.7 16.9004 20.7 16.9004C21.5 16.9004 22.2 17.1004 22.8 17.6004C23.4 18.1004 23.8 18.7004 23.9 19.4004H22.5C22.4 19.2004 22.3 18.9004 22.1 18.8004C21.9 18.6004 21.7 18.5004 21.5 18.4004C21.3 18.3004 21 18.3004 20.7 18.3004C20.1 18.3004 19.7 18.5004 19.3 18.9004C18.9 19.3004 18.8 19.8004 18.8 20.4004C18.8 20.8004 18.9 21.2004 19 21.5004C19.2 21.8004 19.4 22.1004 19.7 22.2004C20 22.4004 20.3 22.5004 20.7 22.5004C21 22.5004 21.2 22.5004 21.5 22.4004C21.7 22.3004 22 22.2004 22.1 22.0004C22.3 21.8004 22.4 21.6004 22.5 21.4004H20.6V20.3004Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
381
|
+
}
|
|
382
|
+
&.ppt {
|
|
383
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23E98446'/%3E%3Cpath d='M8.69 17C9.39667 17 9.98667 17.23 10.46 17.69C10.9333 18.1433 11.17 18.7167 11.17 19.41C11.17 20.0967 10.9333 20.67 10.46 21.13C9.98667 21.5833 9.39667 21.81 8.69 21.81H7.52V24H6V17H8.69ZM8.63 20.41C8.93 20.41 9.17 20.3167 9.35 20.13C9.53667 19.9433 9.63 19.7033 9.63 19.41C9.63 19.1167 9.53667 18.8767 9.35 18.69C9.17 18.4967 8.93 18.4 8.63 18.4H7.52V20.41H8.63Z' fill='%23E98446'/%3E%3Cpath d='M14.9107 17C15.6174 17 16.2074 17.23 16.6807 17.69C17.154 18.1433 17.3907 18.7167 17.3907 19.41C17.3907 20.0967 17.154 20.67 16.6807 21.13C16.2074 21.5833 15.6174 21.81 14.9107 21.81H13.7407V24H12.2207V17H14.9107ZM14.8507 20.41C15.1507 20.41 15.3907 20.3167 15.5707 20.13C15.7574 19.9433 15.8507 19.7033 15.8507 19.41C15.8507 19.1167 15.7574 18.8767 15.5707 18.69C15.3907 18.4967 15.1507 18.4 14.8507 18.4H13.7407V20.41H14.8507Z' fill='%23E98446'/%3E%3Cpath d='M23.2714 17V18.41H21.3214V24H19.8014V18.41H17.8614V17H23.2714Z' fill='%23E98446'/%3E%3C/svg%3E ");
|
|
384
|
+
}
|
|
385
|
+
&.zip {
|
|
386
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%230987AE'/%3E%3Cpath d='M10.28 22.59H13.29V24H8V23.77L10.92 18.41H8.17V17H13.18V17.28L10.28 22.59Z' fill='%230987AE'/%3E%3Cpath d='M14.3701 24V17H15.8901V24H14.3701Z' fill='%230987AE'/%3E%3Cpath d='M20.1753 17C20.882 17 21.472 17.23 21.9453 17.69C22.4186 18.1433 22.6553 18.7167 22.6553 19.41C22.6553 20.0967 22.4186 20.67 21.9453 21.13C21.472 21.5833 20.882 21.81 20.1753 21.81H19.0053V24H17.4853V17H20.1753ZM20.1153 20.41C20.4153 20.41 20.6553 20.3167 20.8353 20.13C21.022 19.9433 21.1153 19.7033 21.1153 19.41C21.1153 19.1167 21.022 18.8767 20.8353 18.69C20.6553 18.4967 20.4153 18.4 20.1153 18.4H19.0053V20.41H20.1153Z' fill='%230987AE'/%3E%3C/svg%3E ");
|
|
387
|
+
}
|
|
388
|
+
&.svg {
|
|
389
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23A872BC'/%3E%3Cpath d='M7.71 24.29C6.89667 24.29 6.24 24.0767 5.74 23.65C5.24667 23.2167 5 22.6267 5 21.88H6.53C6.53 22.0467 6.56 22.1967 6.62 22.33C6.68667 22.4567 6.77333 22.56 6.88 22.64C6.99333 22.72 7.12 22.78 7.26 22.82C7.4 22.86 7.54667 22.88 7.7 22.88C8.00667 22.88 8.27 22.8067 8.49 22.66C8.71667 22.5133 8.83 22.3133 8.83 22.06C8.83 21.9533 8.80333 21.86 8.75 21.78C8.69667 21.6933 8.63333 21.6267 8.56 21.58C8.49333 21.5267 8.38667 21.4733 8.24 21.42C8.1 21.3667 7.98 21.3267 7.88 21.3C7.78 21.2733 7.63 21.2367 7.43 21.19C7.27 21.15 7.15 21.12 7.07 21.1C6.99 21.08 6.87 21.0467 6.71 21C6.55667 20.9533 6.43667 20.9133 6.35 20.88C6.27 20.84 6.16333 20.7867 6.03 20.72C5.89667 20.6533 5.79333 20.5867 5.72 20.52C5.64667 20.4533 5.56333 20.37 5.47 20.27C5.38333 20.17 5.31667 20.0667 5.27 19.96C5.22333 19.8467 5.18333 19.72 5.15 19.58C5.11667 19.4333 5.1 19.28 5.1 19.12C5.1 18.4533 5.32667 17.9367 5.78 17.57C6.23333 17.2033 6.85333 17.02 7.64 17.02C8.43333 17.02 9.05 17.22 9.49 17.62C9.93667 18.02 10.16 18.57 10.16 19.27H8.66C8.66 18.9833 8.55667 18.7667 8.35 18.62C8.15 18.4667 7.9 18.39 7.6 18.39C7.33333 18.39 7.1 18.4467 6.9 18.56C6.70667 18.6733 6.61 18.8367 6.61 19.05C6.61 19.15 6.63333 19.24 6.68 19.32C6.73333 19.3933 6.79333 19.4567 6.86 19.51C6.92667 19.5567 7.03 19.6067 7.17 19.66C7.31 19.7067 7.42667 19.7433 7.52 19.77C7.62 19.79 7.76667 19.8233 7.96 19.87C8.17333 19.9233 8.33333 19.9667 8.44 20C8.54667 20.0267 8.7 20.0767 8.9 20.15C9.1 20.2167 9.25333 20.2833 9.36 20.35C9.47333 20.4167 9.60333 20.5067 9.75 20.62C9.89667 20.7267 10.0067 20.8467 10.08 20.98C10.16 21.1067 10.2267 21.2633 10.28 21.45C10.34 21.63 10.37 21.8267 10.37 22.04C10.37 22.5267 10.2467 22.9433 10 23.29C9.75333 23.6367 9.43333 23.89 9.04 24.05C8.65333 24.21 8.21 24.29 7.71 24.29Z' fill='%23A872BC'/%3E%3Cpath d='M15.7382 17.15H17.3882L14.7482 24.15H13.3182L10.5782 17.15H12.2482L14.0182 22.1L15.7382 17.15Z' fill='%23A872BC'/%3E%3Cpath d='M21.087 20.49H24.817C24.8103 21.5967 24.4736 22.51 23.807 23.23C23.1403 23.9433 22.2836 24.3 21.237 24.3C20.2036 24.3 19.3403 23.9567 18.647 23.27C17.9603 22.5767 17.617 21.7067 17.617 20.66C17.617 19.6067 17.957 18.7333 18.637 18.04C19.317 17.3467 20.1736 17 21.207 17C22.0803 17 22.8436 17.25 23.497 17.75C24.1503 18.2433 24.557 18.8833 24.717 19.67H23.157C23.057 19.4167 22.9136 19.2 22.727 19.02C22.5403 18.8333 22.317 18.69 22.057 18.59C21.8036 18.49 21.5303 18.44 21.237 18.44C20.617 18.44 20.1136 18.6467 19.727 19.06C19.3403 19.4733 19.147 20.0067 19.147 20.66C19.147 21.0867 19.2336 21.4667 19.407 21.8C19.5803 22.1333 19.8236 22.3933 20.137 22.58C20.457 22.7667 20.8236 22.86 21.237 22.86C21.537 22.86 21.8203 22.81 22.087 22.71C22.3536 22.61 22.5803 22.47 22.767 22.29C22.9603 22.1033 23.1003 21.8933 23.187 21.66H21.087V20.49Z' fill='%23A872BC'/%3E%3C/svg%3E ");
|
|
390
|
+
}
|
|
391
|
+
&.png {
|
|
392
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23467BE3'/%3E%3Cpath d='M7.69 17.15C8.39667 17.15 8.98667 17.38 9.46 17.84C9.93333 18.2933 10.17 18.8667 10.17 19.56C10.17 20.2467 9.93333 20.82 9.46 21.28C8.98667 21.7333 8.39667 21.96 7.69 21.96H6.52V24.15H5V17.15H7.69ZM7.63 20.56C7.93 20.56 8.17 20.4667 8.35 20.28C8.53667 20.0933 8.63 19.8533 8.63 19.56C8.63 19.2667 8.53667 19.0267 8.35 18.84C8.17 18.6467 7.93 18.55 7.63 18.55H6.52V20.56H7.63Z' fill='%23467BE3'/%3E%3Cpath d='M15.6607 17.15H17.1407V24.15H15.8807L12.7107 19.78V24.15H11.2207V17.15H12.5907L15.6607 21.42V17.15Z' fill='%23467BE3'/%3E%3Cpath d='M21.8102 20.49H25.5402C25.5336 21.5967 25.1969 22.51 24.5302 23.23C23.8636 23.9433 23.0069 24.3 21.9602 24.3C20.9269 24.3 20.0636 23.9567 19.3702 23.27C18.6836 22.5767 18.3402 21.7067 18.3402 20.66C18.3402 19.6067 18.6802 18.7333 19.3602 18.04C20.0402 17.3467 20.8969 17 21.9302 17C22.8036 17 23.5669 17.25 24.2202 17.75C24.8736 18.2433 25.2802 18.8833 25.4402 19.67H23.8802C23.7802 19.4167 23.6369 19.2 23.4502 19.02C23.2636 18.8333 23.0402 18.69 22.7802 18.59C22.5269 18.49 22.2536 18.44 21.9602 18.44C21.3402 18.44 20.8369 18.6467 20.4502 19.06C20.0636 19.4733 19.8702 20.0067 19.8702 20.66C19.8702 21.0867 19.9569 21.4667 20.1302 21.8C20.3036 22.1333 20.5469 22.3933 20.8602 22.58C21.1802 22.7667 21.5469 22.86 21.9602 22.86C22.2602 22.86 22.5436 22.81 22.8102 22.71C23.0769 22.61 23.3036 22.47 23.4902 22.29C23.6836 22.1033 23.8236 21.8933 23.9102 21.66H21.8102V20.49Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
393
|
+
}
|
|
394
|
+
&.jpg {
|
|
395
|
+
content: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.2001 23.0004C28.8001 23.0004 29.2001 22.6004 29.2001 22.0004V12.7004C29.2001 10.7004 28.3 8.90039 26.8 7.70039L21.4 3.30039C20.3 2.40039 18.9 1.90039 17.5 1.90039H7.10005C3.60005 1.90039 0.800049 4.80039 0.800049 8.40039V30.9004C0.800049 34.5004 3.60005 37.4004 7.10005 37.4004H23C26.5 37.4004 29.3 34.5004 29.3 30.9004V28.1004C29.3 27.5004 28.9 27.1004 28.3 27.1004C27.7 27.1004 27.3 27.5004 27.3 28.1004V30.9004C27.3 33.4004 25.4 35.4004 23 35.4004H7.10005C4.70005 35.4004 2.80005 33.4004 2.80005 30.9004V8.30039C2.80005 5.80039 4.70005 3.80039 7.10005 3.80039H17.6V9.60039C17.6 11.2004 18.8 12.4004 20.4 12.4004H27.3C27.3 12.5004 27.3 12.6004 27.3 12.7004V22.0004C27.2 22.6004 27.7001 23.0004 28.2001 23.0004Z' fill='%23467BE3'/%3E%3Cpath d='M7.58 24.3C6.82667 24.3 6.20667 24.0633 5.72 23.59C5.24 23.1167 5 22.5067 5 21.76V21.51H6.5V21.68C6.5 21.92 6.54333 22.13 6.63 22.31C6.71667 22.49 6.84 22.63 7 22.73C7.16667 22.8233 7.36 22.87 7.58 22.87C7.78667 22.87 7.96667 22.8233 8.12 22.73C8.28 22.63 8.40333 22.49 8.49 22.31C8.57667 22.13 8.62 21.92 8.62 21.68V17.15H10.12V21.76C10.12 22.5067 9.88333 23.1167 9.41 23.59C8.94333 24.0633 8.33333 24.3 7.58 24.3Z' fill='%23467BE3'/%3E%3Cpath d='M14.3538 17.15C15.0604 17.15 15.6504 17.38 16.1238 17.84C16.5971 18.2933 16.8337 18.8667 16.8337 19.56C16.8337 20.2467 16.5971 20.82 16.1238 21.28C15.6504 21.7333 15.0604 21.96 14.3538 21.96H13.1838V24.15H11.6638V17.15H14.3538ZM14.2938 20.56C14.5938 20.56 14.8337 20.4667 15.0138 20.28C15.2004 20.0933 15.2938 19.8533 15.2938 19.56C15.2938 19.2667 15.2004 19.0267 15.0138 18.84C14.8337 18.6467 14.5938 18.55 14.2938 18.55H13.1838V20.56H14.2938Z' fill='%23467BE3'/%3E%3Cpath d='M20.9545 20.49H24.6845C24.6778 21.5967 24.3411 22.51 23.6745 23.23C23.0078 23.9433 22.1511 24.3 21.1045 24.3C20.0711 24.3 19.2078 23.9567 18.5145 23.27C17.8278 22.5767 17.4845 21.7067 17.4845 20.66C17.4845 19.6067 17.8245 18.7333 18.5045 18.04C19.1845 17.3467 20.0411 17 21.0745 17C21.9478 17 22.7111 17.25 23.3645 17.75C24.0178 18.2433 24.4245 18.8833 24.5845 19.67H23.0245C22.9245 19.4167 22.7811 19.2 22.5945 19.02C22.4078 18.8333 22.1845 18.69 21.9245 18.59C21.6711 18.49 21.3978 18.44 21.1045 18.44C20.4845 18.44 19.9811 18.6467 19.5945 19.06C19.2078 19.4733 19.0145 20.0067 19.0145 20.66C19.0145 21.0867 19.1011 21.4667 19.2745 21.8C19.4478 22.1333 19.6911 22.3933 20.0045 22.58C20.3245 22.7667 20.6911 22.86 21.1045 22.86C21.4045 22.86 21.6878 22.81 21.9545 22.71C22.2211 22.61 22.4478 22.47 22.6345 22.29C22.8278 22.1033 22.9678 21.8933 23.0545 21.66H20.9545V20.49Z' fill='%23467BE3'/%3E%3C/svg%3E ");
|
|
396
|
+
}
|
|
397
|
+
margin: auto;
|
|
398
|
+
padding-top: 12px;
|
|
399
|
+
}
|
|
400
|
+
&-content {
|
|
401
|
+
padding: 7px 12px 12px 12px;
|
|
402
|
+
font-size: 12px;
|
|
403
|
+
height: 51%;
|
|
404
|
+
text-align: center;
|
|
405
|
+
display: flex;
|
|
406
|
+
word-break: break-all;
|
|
407
|
+
&-wrapper {
|
|
408
|
+
margin: auto;
|
|
409
|
+
word-wrap: break-word;
|
|
410
|
+
font-size: 12px;
|
|
411
|
+
line-height: 16.8px;
|
|
412
|
+
}
|
|
413
|
+
&-props {
|
|
414
|
+
display: flex;
|
|
415
|
+
justify-content: space-between;
|
|
416
|
+
span {
|
|
417
|
+
font-size: 10px;
|
|
418
|
+
line-height: 14px;
|
|
419
|
+
margin-top: 7px;
|
|
420
|
+
color: #545454;
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
}
|
|
@@ -7,18 +7,7 @@
|
|
|
7
7
|
padding: 0 18px;
|
|
8
8
|
font-size: 16px;
|
|
9
9
|
font-weight: 600;
|
|
10
|
-
transition
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.tab-secondary() {
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
height: @height-secondary;
|
|
16
|
-
padding: 0 16px;
|
|
17
|
-
font-size: 16px;
|
|
18
|
-
font-weight: 400;
|
|
19
|
-
border: none;
|
|
20
|
-
border-radius: 10px;
|
|
21
|
-
transition: all .15s ease-out;
|
|
10
|
+
.transition;
|
|
22
11
|
}
|
|
23
12
|
|
|
24
13
|
.tab-line() {
|
|
@@ -26,21 +15,21 @@
|
|
|
26
15
|
height: @height-secondary;
|
|
27
16
|
padding: 0 16px;
|
|
28
17
|
border: none;
|
|
29
|
-
border-bottom: 2px solid
|
|
18
|
+
border-bottom: 2px solid transparent;
|
|
30
19
|
font-size: 16px;
|
|
31
20
|
font-weight: 400;
|
|
32
|
-
transition
|
|
33
|
-
background-color:
|
|
21
|
+
.transition;
|
|
22
|
+
background-color: transparent;
|
|
34
23
|
}
|
|
35
24
|
|
|
36
25
|
.u-tab {
|
|
37
26
|
.tab;
|
|
38
27
|
color: @clr-secondary-subject;
|
|
39
|
-
background-color:
|
|
28
|
+
background-color: transparent;
|
|
40
29
|
border: 2px solid @clr-secondary-outside;
|
|
41
30
|
&:focus, &.u-tab-active {
|
|
42
31
|
color: @clr-main-primary;
|
|
43
|
-
background-color:
|
|
32
|
+
background-color: transparent;
|
|
44
33
|
border: 2px solid @clr-main-primary;
|
|
45
34
|
}
|
|
46
35
|
&:hover {
|
|
@@ -51,7 +40,7 @@
|
|
|
51
40
|
&-all-danger {
|
|
52
41
|
&:focus, &.u-tab-active {
|
|
53
42
|
color: @clr-main-danger;
|
|
54
|
-
background-color:
|
|
43
|
+
background-color: transparent;
|
|
55
44
|
border: 2px solid @clr-main-danger;
|
|
56
45
|
}
|
|
57
46
|
&:hover {
|
|
@@ -28,29 +28,23 @@ p {
|
|
|
28
28
|
th {
|
|
29
29
|
color: @clr-main-primary;
|
|
30
30
|
border-bottom: 2px solid @clr-main-primary;
|
|
31
|
-
padding:
|
|
31
|
+
padding: 18px 20px;
|
|
32
32
|
width: 100%;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
background-repeat: no-repeat;
|
|
48
|
-
}
|
|
49
|
-
span {
|
|
50
|
-
display: none;
|
|
51
|
-
}
|
|
33
|
+
.sort {
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
position: relative;
|
|
36
|
+
display: flex;
|
|
37
|
+
width: 100%;
|
|
38
|
+
&:after {
|
|
39
|
+
position: absolute;
|
|
40
|
+
content: "";
|
|
41
|
+
top: 4px;
|
|
42
|
+
right: 0;
|
|
43
|
+
width: 10px;
|
|
44
|
+
height: 16px;
|
|
45
|
+
background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.61597 0.461158L0.683495 5.18013C0.412109 5.5058 0.643687 6.00023 1.06761 6.00023H8.93256C9.35648 6.00023 9.58806 5.5058 9.31668 5.18013L5.3842 0.461158C5.1843 0.221281 4.81587 0.22128 4.61597 0.461158Z' fill='%231E4391'/%3E%3Cpath d='M5.38403 15.5388L9.3165 10.8199C9.58789 10.4942 9.35631 9.99977 8.93239 9.99977H1.06744C0.643517 9.99977 0.411939 10.4942 0.683325 10.8199L4.6158 15.5388C4.8157 15.7787 5.18413 15.7787 5.38403 15.5388Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
46
|
+
background-repeat: no-repeat;
|
|
52
47
|
}
|
|
53
|
-
|
|
54
48
|
}
|
|
55
49
|
&.sticky {
|
|
56
50
|
position: sticky;
|
|
@@ -79,7 +73,7 @@ p {
|
|
|
79
73
|
td {
|
|
80
74
|
border-bottom: 1px solid @clr-secondary-quiet;
|
|
81
75
|
width: 200px;
|
|
82
|
-
padding:
|
|
76
|
+
padding: 20px;
|
|
83
77
|
&.sticky {
|
|
84
78
|
position: sticky;
|
|
85
79
|
left: 0;
|