1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 |
|
15 | .next-table {
|
16 | box-sizing: border-box;
|
17 | position: relative;
|
18 | border-top-left-radius: 0;
|
19 | border-top-left-radius: var(--table-header-corner-top, 0);
|
20 | border-top-right-radius: 0;
|
21 | border-top-right-radius: var(--table-header-corner-top, 0);
|
22 | border-bottom-left-radius: 0;
|
23 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
24 | border-bottom-right-radius: 0;
|
25 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
26 | border-top: 1px solid #DCDEE3;
|
27 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
28 | border-left: 1px solid #DCDEE3;
|
29 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
30 | .next-table *,
|
31 | .next-table *:before,
|
32 | .next-table *:after {
|
33 | box-sizing: border-box; }
|
34 | .next-table .next-table-header tr:first-child th:first-child {
|
35 | border-top-left-radius: 0;
|
36 | border-top-left-radius: var(--table-header-corner-top, 0); }
|
37 | .next-table .next-table-header tr:first-child th:last-child {
|
38 | border-top-right-radius: 0;
|
39 | border-top-right-radius: var(--table-header-corner-top, 0); }
|
40 | .next-table .next-table-header tr:last-child th:first-child {
|
41 | border-bottom-left-radius: 0;
|
42 | border-bottom-left-radius: var(--table-header-corner-bottom, 0); }
|
43 | .next-table .next-table-header tr:last-child th:last-child {
|
44 | border-bottom-right-radius: 0;
|
45 | border-bottom-right-radius: var(--table-header-corner-bottom, 0); }
|
46 | .next-table.next-table-layout-fixed {
|
47 | overflow: auto; }
|
48 | .next-table.next-table-layout-fixed table {
|
49 | table-layout: fixed; }
|
50 | .next-table.next-table-layout-auto table {
|
51 | table-layout: auto; }
|
52 | .next-table.next-table-small th .next-table-cell-wrapper {
|
53 | padding: 8px 8px;
|
54 | padding: var(--table-size-s-header-padding-top, 8px) var(--table-size-s-header-padding-left, 8px); }
|
55 | .next-table.next-table-small td .next-table-cell-wrapper {
|
56 | padding: 8px 8px;
|
57 | padding: var(--table-size-s-cell-padding-top, 8px) var(--table-size-s-cell-padding-left, 8px); }
|
58 | .next-table.next-table-small .next-table-prerow .next-table-cell-wrapper {
|
59 | padding: 8px 8px;
|
60 | padding: var(--s-2, 8px) var(--s-2, 8px); }
|
61 | .next-table table {
|
62 | border-collapse: separate;
|
63 | border-spacing: 0;
|
64 | width: 100%;
|
65 | background: #FFFFFF;
|
66 | background: var(--table-row-bg, #FFFFFF);
|
67 | border-top-left-radius: 0;
|
68 | border-top-left-radius: var(--table-header-corner-top, 0);
|
69 | border-top-right-radius: 0;
|
70 | border-top-right-radius: var(--table-header-corner-top, 0);
|
71 | border-bottom-left-radius: 0;
|
72 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
73 | border-bottom-right-radius: 0;
|
74 | border-bottom-right-radius: var(--table-header-corner-bottom, 0); }
|
75 | .next-table table tr:first-child td {
|
76 | border-top-width: 0; }
|
77 | .next-table th {
|
78 | padding: 0;
|
79 | background: #EBECF0;
|
80 | background: var(--table-th-bg, #EBECF0);
|
81 | color: #333333;
|
82 | color: var(--table-th-color, #333333);
|
83 | text-align: left;
|
84 | font-weight: normal;
|
85 | font-weight: var(--table-th-font-weight, normal);
|
86 | border-right: 1px solid #DCDEE3;
|
87 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
88 | border-bottom: 1px solid #DCDEE3;
|
89 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
90 | .next-table th .next-table-cell-wrapper {
|
91 | padding: 12px 16px;
|
92 | padding: var(--table-header-padding-top, 12px) var(--table-header-padding-left, 16px);
|
93 | overflow: hidden;
|
94 | text-overflow: ellipsis;
|
95 | word-break: break-all; }
|
96 | .next-table th.next-table-prerow .next-table-cell-wrapper {
|
97 | padding: 12px 16px;
|
98 | padding: var(--s-3, 12px) var(--s-4, 16px); }
|
99 | .next-table th.next-table-word-break-word .next-table-cell-wrapper {
|
100 | word-break: break-word; }
|
101 | .next-table th.next-table-fix-left, .next-table th.next-table-fix-right {
|
102 | z-index: 1; }
|
103 | .next-table-affix {
|
104 | z-index: 1;
|
105 | overflow: hidden; }
|
106 | .next-table-stickylock .next-table-affix {
|
107 | z-index: 9; }
|
108 | .next-table-header-resizable {
|
109 | position: relative; }
|
110 | .next-table-header-resizable .next-table-resize-handler {
|
111 | position: absolute;
|
112 | right: -5px;
|
113 | top: 0;
|
114 | bottom: 0;
|
115 | width: 10px;
|
116 | background: transparent;
|
117 | cursor: ew-resize; }
|
118 | .next-table-header-resizable .next-table-resize-handler::after {
|
119 | position: absolute;
|
120 | display: block;
|
121 | content: ' ';
|
122 | width: 2px;
|
123 | width: var(--line-2, 2px);
|
124 | height: 100%;
|
125 | right: 50%; }
|
126 | .next-table-header-resizable .next-table-resize-handler:hover::after {
|
127 | z-index: 1;
|
128 | background: #5584FF;
|
129 | background: var(--color-brand1-6, #5584FF); }
|
130 | .next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler,
|
131 | .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler {
|
132 | cursor: initial; }
|
133 | .next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler:hover::after,
|
134 | .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler:hover::after {
|
135 | z-index: -1; }
|
136 | .next-table td {
|
137 | padding: 0;
|
138 | border-right: 1px solid #DCDEE3;
|
139 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
140 | border-bottom: 1px solid #DCDEE3;
|
141 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
142 | .next-table td .next-table-cell-wrapper {
|
143 | padding: 12px 16px;
|
144 | padding: var(--table-cell-padding-top, 12px) var(--table-cell-padding-left, 16px);
|
145 | overflow: hidden;
|
146 | text-overflow: ellipsis;
|
147 | word-break: break-all; }
|
148 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
|
149 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
|
150 | .next-table td .next-table-cell-wrapper .next-table-tree-placeholder {
|
151 | margin-right: 8px;
|
152 | margin-right: var(--table-header-icon-margin-left, 8px);
|
153 | outline: 0;
|
154 | cursor: pointer; }
|
155 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow:before,
|
156 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow .next-icon-remote {
|
157 | width: 12px;
|
158 | width: var(--table-tree-expanded-icon-size, 12px);
|
159 | font-size: 12px;
|
160 | font-size: var(--table-tree-expanded-icon-size, 12px);
|
161 | line-height: inherit; }
|
162 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow::before {
|
163 | content: "";
|
164 | content: var(--table-tree-fold-icon-content, ""); }
|
165 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow:before,
|
166 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow .next-icon-remote {
|
167 | width: 12px;
|
168 | width: var(--table-tree-expanded-icon-size, 12px);
|
169 | font-size: 12px;
|
170 | font-size: var(--table-tree-expanded-icon-size, 12px);
|
171 | line-height: inherit; }
|
172 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow::before {
|
173 | content: "";
|
174 | content: var(--table-tree-unfold-icon-content, ""); }
|
175 | .next-table td.next-table-prerow .next-table-cell-wrapper {
|
176 | padding: 12px 16px;
|
177 | padding: var(--s-3, 12px) var(--s-4, 16px); }
|
178 | .next-table td.next-table-word-break-word .next-table-cell-wrapper {
|
179 | word-break: break-word; }
|
180 | .next-table .next-table-expanded .next-table-cell-wrapper,
|
181 | .next-table .next-table-selection .next-table-cell-wrapper {
|
182 | overflow: visible; }
|
183 | .next-table.no-header table tr:first-child td {
|
184 | border-top-width: 1px; }
|
185 | .next-table.only-bottom-border {
|
186 | border-width: 0; }
|
187 | .next-table.only-bottom-border th {
|
188 | border-width: 0 0 1px 0;
|
189 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
190 | .next-table.only-bottom-border td {
|
191 | border-width: 0 0 1px 0;
|
192 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
193 | .next-table.only-bottom-border table tr td:first-child,
|
194 | .next-table.only-bottom-border table tr th:first-child {
|
195 | border-left-width: 0; }
|
196 | .next-table.only-bottom-border .next-table-header tr th:last-child {
|
197 | border-right-width: 0; }
|
198 | .next-table.only-bottom-border .next-table-body tr td:last-child {
|
199 | border-right-width: 0; }
|
200 | .next-table-loading {
|
201 | display: block; }
|
202 | .next-table.zebra tr:nth-child(odd) td {
|
203 | background: #FFFFFF;
|
204 | background: var(--table-td-normal, #FFFFFF); }
|
205 | .next-table.zebra tr:nth-child(even) td {
|
206 | background: #F7F8FA;
|
207 | background: var(--table-td-gray, #F7F8FA); }
|
208 | .next-table.zebra .next-table-row.hovered td {
|
209 | background: #F2F3F7;
|
210 | background: var(--table-row-hover-bg, #F2F3F7);
|
211 | color: #333333;
|
212 | color: var(--table-row-hover-color, #333333); }
|
213 | .next-table.zebra .next-table-cell.hovered {
|
214 | background: #F2F3F7;
|
215 | background: var(--table-row-hover-bg, #F2F3F7);
|
216 | color: #333333;
|
217 | color: var(--table-row-hover-color, #333333); }
|
218 | .next-table.zebra .next-table-row.selected td {
|
219 | background: #F2F3F7;
|
220 | background: var(--table-row-selected-bg, #F2F3F7);
|
221 | color: #333333;
|
222 | color: var(--table-row-selected-color, #333333); }
|
223 | .next-table-empty {
|
224 | color: #A0A2AD;
|
225 | color: var(--table-empty-color, #A0A2AD);
|
226 | padding: 32px 0;
|
227 | padding: var(--table-empty-padding, 32px) 0;
|
228 | text-align: center; }
|
229 | .next-table-expanded-row > td {
|
230 | border-width: 0 0 1px 0;
|
231 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
232 | .next-table-expanded-row > td:first-child {
|
233 | border-left-width: 1px;
|
234 | border-left-width: var(--table-normal-border-width, 1px); }
|
235 | .next-table-expanded-row > td:last-child {
|
236 | border-right-width: 1px;
|
237 | border-right-width: var(--table-normal-border-width, 1px); }
|
238 | .next-table-expanded-row:last-child > td {
|
239 | border-bottom-width: 1px;
|
240 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
241 | .next-table-expanded-row .next-table {
|
242 | border-top: 0;
|
243 | border-left: 0; }
|
244 | .next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
|
245 | border-right: 1px solid #DCDEE3;
|
246 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
247 | .next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
|
248 | border-right: 0; }
|
249 | .next-table-expanded-row .next-table .last td {
|
250 | border-bottom: 0; }
|
251 | .next-table-expanded-row .next-table td.last,
|
252 | .next-table-expanded-row .next-table th:last-child {
|
253 | border-right: 0; }
|
254 | .next-table-filter-footer {
|
255 | margin: 10px 10px 0; }
|
256 | .next-table-filter-footer button {
|
257 | margin-right: 5px; }
|
258 | .next-table-row {
|
259 | transition: all 100ms linear;
|
260 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
261 | background: #FFFFFF;
|
262 | background: var(--table-row-bg, #FFFFFF);
|
263 | color: #333333;
|
264 | color: var(--table-row-color, #333333); }
|
265 | .next-table-row.hidden {
|
266 | display: none; }
|
267 | .next-table-row.hovered {
|
268 | background: #F2F3F7;
|
269 | background: var(--table-row-hover-bg, #F2F3F7);
|
270 | color: #333333;
|
271 | color: var(--table-row-hover-color, #333333); }
|
272 | .next-table-row.selected {
|
273 | background: #F2F3F7;
|
274 | background: var(--table-row-selected-bg, #F2F3F7);
|
275 | color: #333333;
|
276 | color: var(--table-row-selected-color, #333333); }
|
277 | .next-table-cell.hovered {
|
278 | background: #F2F3F7;
|
279 | background: var(--table-row-hover-bg, #F2F3F7);
|
280 | color: #333333;
|
281 | color: var(--table-row-hover-color, #333333); }
|
282 | .next-table-tree-placeholder {
|
283 | display: inline-block;
|
284 | width: 12px; }
|
285 |
|
286 | .last .next-table-expanded-row td {
|
287 | border-bottom-width: 1px; }
|
288 |
|
289 | .next-table-body,
|
290 | .next-table-header {
|
291 | overflow: auto;
|
292 | font-size: 12px;
|
293 | font-size: var(--table-th-font-size, 12px); }
|
294 |
|
295 | .next-table-column-resize-proxy {
|
296 | position: absolute;
|
297 | top: 0;
|
298 | bottom: 0;
|
299 | width: 0;
|
300 | border-left: 2px solid #5584FF;
|
301 | border-left: var(--line-2, 2px) solid var(--color-brand1-6, #5584FF);
|
302 | z-index: 10;
|
303 | display: none; }
|
304 |
|
305 | .next-table-header {
|
306 | margin-bottom: -20px;
|
307 | padding-bottom: 20px;
|
308 | border-top-left-radius: 0;
|
309 | border-top-left-radius: var(--table-header-corner-top, 0);
|
310 | border-top-right-radius: 0;
|
311 | border-top-right-radius: var(--table-header-corner-top, 0);
|
312 | border-bottom-left-radius: 0;
|
313 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
314 | border-bottom-right-radius: 0;
|
315 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
316 | overflow: -moz-scrollbars-none;
|
317 | -ms-overflow-style: none;
|
318 | scrollbar-width: none; }
|
319 | .next-table-header::-webkit-scrollbar {
|
320 | display: none; }
|
321 |
|
322 | .next-table-body {
|
323 | font-size: 12px;
|
324 | font-size: var(--table-body-font-size, 12px);
|
325 | position: relative; }
|
326 |
|
327 | .next-table-fixed {
|
328 | border-right: 1px solid #DCDEE3;
|
329 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
330 | border-bottom: 1px solid #DCDEE3;
|
331 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
332 | .next-table-fixed table {
|
333 | table-layout: fixed; }
|
334 | .next-table-fixed .next-table-header {
|
335 | background: #EBECF0;
|
336 | background: var(--table-th-bg, #EBECF0); }
|
337 | .next-table-fixed table tr td:first-child,
|
338 | .next-table-fixed table tr th:first-child {
|
339 | border-left-width: 0; }
|
340 | .next-table-fixed .next-table-header th {
|
341 | border-top-width: 0; }
|
342 | .next-table-fixed .next-table-header tr th:last-child {
|
343 | border-right-width: 0; }
|
344 | .next-table-fixed .next-table-body td {
|
345 | border-top-width: 0; }
|
346 | .next-table-fixed .next-table-body tr:last-child td {
|
347 | border-bottom-width: 0; }
|
348 | .next-table-fixed .next-table-body tr td:last-child {
|
349 | border-right-width: 0; }
|
350 | .next-table-fixed.only-bottom-border .next-table-body tr:last-child td {
|
351 | border-bottom-width: 1px;
|
352 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
353 | .next-table-fixed.next-table-group table tr td:first-child,
|
354 | .next-table-fixed.next-table-group table tr th:first-child {
|
355 | border-left-width: 1px;
|
356 | border-left-width: var(--table-normal-border-width, 1px); }
|
357 | .next-table-fixed.next-table-group .next-table-header th {
|
358 | border-top-width: 1px;
|
359 | border-top-width: var(--table-normal-border-width, 1px); }
|
360 | .next-table-fixed.next-table-group .next-table-header tr th:last-child {
|
361 | border-right-width: 1px;
|
362 | border-right-width: var(--table-normal-border-width, 1px); }
|
363 | .next-table-fixed.next-table-group .next-table-body td {
|
364 | border-top-width: 1px;
|
365 | border-top-width: var(--table-normal-border-width, 1px); }
|
366 | .next-table-fixed.next-table-group .next-table-body tr:last-child td {
|
367 | border-bottom-width: 1px;
|
368 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
369 | .next-table-fixed.next-table-group .next-table-body tr td:last-child {
|
370 | border-right-width: 1px;
|
371 | border-right-width: var(--table-normal-border-width, 1px); }
|
372 | .next-table-fixed.next-table-lock-left .next-table-header tr th:last-child {
|
373 | border-right-width: 1px;
|
374 | border-right-width: var(--table-normal-border-width, 1px); }
|
375 | .next-table-fixed.next-table-lock-left .next-table-body tr td:last-child {
|
376 | border-right-width: 1px;
|
377 | border-right-width: var(--table-normal-border-width, 1px); }
|
378 |
|
379 | .next-table-lock .next-table-body {
|
380 | overflow-x: auto;
|
381 | overflow-y: visible; }
|
382 |
|
383 | .next-table-group {
|
384 | border-width: 0; }
|
385 | .next-table-group.only-bottom-border .next-table-body table,
|
386 | .next-table-group.only-bottom-border .next-table-header table {
|
387 | border-left: 0; }
|
388 | .next-table-group.only-bottom-border .next-table-header table,
|
389 | .next-table-group.only-bottom-border .next-table-body table,
|
390 | .next-table-group.only-bottom-border .next-table-body table.next-table-row {
|
391 | border-top: 0; }
|
392 | .next-table-group.only-bottom-border .next-table-body .next-table-group-footer td {
|
393 | border-bottom: 0; }
|
394 | .next-table-group .next-table-body {
|
395 | margin-top: 8px;
|
396 | margin-top: var(--table-group-split, 8px); }
|
397 | .next-table-group .next-table-body table {
|
398 | border-top: 1px solid #DCDEE3;
|
399 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
400 | border-left: 1px solid #DCDEE3;
|
401 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
402 | margin-bottom: 8px;
|
403 | margin-bottom: var(--table-group-split, 8px); }
|
404 | .next-table-group .next-table-body table tr:first-child td {
|
405 | border-top-width: 1px; }
|
406 | .next-table-group .next-table-body table:last-of-type {
|
407 | margin-bottom: 0; }
|
408 | .next-table-group .next-table-header table {
|
409 | border-top: 1px solid #DCDEE3;
|
410 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
411 | border-left: 1px solid #DCDEE3;
|
412 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
413 | .next-table-group .next-table-group-header td {
|
414 | background: #EBECF0;
|
415 | background: var(--table-group-th-bg, #EBECF0);
|
416 | color: #333333;
|
417 | color: var(--table-group-th-color, #333333); }
|
418 | .next-table-group .next-table-group-header td:first-child {
|
419 | border-top-left-radius: 0;
|
420 | border-top-left-radius: var(--table-group-header-corner-top, 0);
|
421 | border-bottom-left-radius: 0;
|
422 | border-bottom-left-radius: var(--table-group-header-corner-bottom, 0); }
|
423 | .next-table-group .next-table-group-header td:last-child {
|
424 | border-top-right-radius: 0;
|
425 | border-top-right-radius: var(--table-group-header-corner-top, 0);
|
426 | border-bottom-right-radius: 0;
|
427 | border-bottom-right-radius: var(--table-group-header-corner-bottom, 0); }
|
428 | .next-table-group .next-table-group-footer td {
|
429 | background: #EBECF0;
|
430 | background: var(--table-group-footer-bg, #EBECF0);
|
431 | color: #333333;
|
432 | color: var(--table-group-footer-color, #333333); }
|
433 | .next-table-group .next-table-group-footer td:first-child {
|
434 | border-top-left-radius: 0;
|
435 | border-top-left-radius: var(--table-group-footer-corner-top, 0);
|
436 | border-bottom-left-radius: 0;
|
437 | border-bottom-left-radius: var(--table-group-footer-corner-bottom, 0); }
|
438 | .next-table-group .next-table-group-footer td:last-child {
|
439 | border-top-right-radius: 0;
|
440 | border-top-right-radius: var(--table-group-footer-corner-top, 0);
|
441 | border-bottom-right-radius: 0;
|
442 | border-bottom-right-radius: var(--table-group-footer-corner-bottom, 0); }
|
443 | .next-table-group .next-table-row.hovered,
|
444 | .next-table-group .next-table-row.selected {
|
445 | background: #FFFFFF;
|
446 | background: var(--table-row-bg, #FFFFFF);
|
447 | color: #333333;
|
448 | color: var(--table-row-color, #333333); }
|
449 |
|
450 | .next-table-lock {
|
451 | position: relative; }
|
452 | .next-table-lock table {
|
453 | table-layout: fixed; }
|
454 |
|
455 | .next-table-header-inner {
|
456 | overflow: unset; }
|
457 |
|
458 | .next-table-header-fixer {
|
459 | content: " ";
|
460 | border-top-right-radius: 0;
|
461 | border-top-right-radius: var(--table-header-corner-top, 0);
|
462 | border-bottom-right-radius: 0;
|
463 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
464 | width: 15px;
|
465 | background: inherit;
|
466 | position: absolute;
|
467 | right: 0;
|
468 | height: 100%;
|
469 | top: 0; }
|
470 |
|
471 | .next-table-wrap-empty .next-table-lock-left td,
|
472 | .next-table-wrap-empty .next-table-lock-right td {
|
473 | border: none; }
|
474 |
|
475 | .next-table-wrap-empty .next-table-lock-left .next-table-empty,
|
476 | .next-table-wrap-empty .next-table-lock-right .next-table-empty {
|
477 | display: none; }
|
478 |
|
479 | .next-table-wrap-empty > .next-table-inner > .next-table-body > table {
|
480 | table-layout: fixed; }
|
481 |
|
482 | .next-table-lock-left,
|
483 | .next-table-lock-right {
|
484 | position: absolute;
|
485 | left: 0;
|
486 | top: 0;
|
487 | z-index: 1;
|
488 | border: 0;
|
489 | transition: box-shadow .3s ease;
|
490 | overflow: hidden; }
|
491 | .next-table-lock-left table,
|
492 | .next-table-lock-right table {
|
493 | width: auto; }
|
494 | .next-table-lock-left .next-table-body,
|
495 | .next-table-lock-right .next-table-body {
|
496 | overflow-y: scroll;
|
497 | overflow-x: hidden;
|
498 | margin-right: -20px;
|
499 | padding-right: 0; }
|
500 | .next-table-lock-left.shadow .next-table-header tr th:last-child,
|
501 | .next-table-lock-right.shadow .next-table-header tr th:last-child {
|
502 | border-right-width: 0; }
|
503 | .next-table-lock-left.shadow .next-table-body tr td:last-child,
|
504 | .next-table-lock-right.shadow .next-table-body tr td:last-child {
|
505 | border-right-width: 0; }
|
506 |
|
507 | .next-table-lock-right {
|
508 | right: 0;
|
509 | left: auto; }
|
510 | .next-table-lock-right table tr td:first-child,
|
511 | .next-table-lock-right table tr th:first-child {
|
512 | border-left-width: 1px; }
|
513 | .next-table-lock-right.shadow {
|
514 | box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12); }
|
515 |
|
516 | .next-table-lock-left.shadow {
|
517 | box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12); }
|
518 |
|
519 | .next-table-filter {
|
520 | line-height: 1; }
|
521 |
|
522 | .next-table-sort {
|
523 | cursor: pointer;
|
524 | position: relative;
|
525 | width: 16px;
|
526 | display: inline-block;
|
527 | line-height: 1; }
|
528 | .next-table-sort:focus {
|
529 | outline: 0; }
|
530 | .next-table-sort > a::before {
|
531 | content: ' ';
|
532 | display: inline-block;
|
533 | vertical-align: middle; }
|
534 | .next-table-sort .next-icon {
|
535 | position: absolute;
|
536 | left: -2px;
|
537 | color: #333333;
|
538 | color: var(--table-sort-color, #333333); }
|
539 | .next-table-sort .next-icon:before,
|
540 | .next-table-sort .next-icon .next-icon-remote {
|
541 | width: 12px;
|
542 | width: var(--table-sort-icon-size, 12px);
|
543 | font-size: 12px;
|
544 | font-size: var(--table-sort-icon-size, 12px);
|
545 | line-height: inherit; }
|
546 | .next-table-sort .current .next-icon {
|
547 | color: #5584FF;
|
548 | color: var(--table-sort-color-current, #5584FF); }
|
549 | .next-table-sort .next-icon-ascending {
|
550 | left: 2px; }
|
551 |
|
552 | .next-table-filter {
|
553 | cursor: pointer;
|
554 | width: 20px;
|
555 | display: inline-block; }
|
556 | .next-table-filter:focus {
|
557 | outline: 0; }
|
558 | .next-table-filter .next-icon {
|
559 | color: #333333;
|
560 | color: var(--table-sort-color, #333333); }
|
561 | .next-table-filter .next-icon:before,
|
562 | .next-table-filter .next-icon .next-icon-remote {
|
563 | width: 12px;
|
564 | width: var(--table-filter-icon-size, 12px);
|
565 | font-size: 12px;
|
566 | font-size: var(--table-filter-icon-size, 12px);
|
567 | line-height: inherit; }
|
568 | .next-table-filter .next-table-filter-active {
|
569 | color: #5584FF;
|
570 | color: var(--color-brand1-6, #5584FF); }
|
571 |
|
572 | .next-table-filter-menu .next-menu-content {
|
573 | max-height: 220px;
|
574 | overflow: auto; }
|
575 |
|
576 | .next-table-header-icon {
|
577 | margin-left: 8px;
|
578 | margin-left: var(--table-header-icon-margin-left, 8px); }
|
579 |
|
580 | .next-table-expanded-ctrl {
|
581 | cursor: pointer; }
|
582 | .next-table-expanded-ctrl:focus {
|
583 | outline: 0; }
|
584 | .next-table-expanded-ctrl.disabled {
|
585 | color: #999999;
|
586 | color: var(--table-expanded-ctrl-disabled-color, #999999); }
|
587 | .next-table-expanded-ctrl .next-table-expand-unfold:before,
|
588 | .next-table-expanded-ctrl .next-table-expand-unfold .next-icon-remote {
|
589 | width: 12px;
|
590 | width: var(--table-expanded-icon-size, 12px);
|
591 | font-size: 12px;
|
592 | font-size: var(--table-expanded-icon-size, 12px);
|
593 | line-height: inherit; }
|
594 | .next-table-expanded-ctrl .next-table-expand-unfold::before {
|
595 | content: "";
|
596 | content: var(--table-expand-unfold-icon-content, ""); }
|
597 | .next-table-expanded-ctrl .next-table-expand-fold:before,
|
598 | .next-table-expanded-ctrl .next-table-expand-fold .next-icon-remote {
|
599 | width: 12px;
|
600 | width: var(--table-expanded-icon-size, 12px);
|
601 | font-size: 12px;
|
602 | font-size: var(--table-expanded-icon-size, 12px);
|
603 | line-height: inherit; }
|
604 | .next-table-expanded-ctrl .next-table-expand-fold::before {
|
605 | content: "";
|
606 | content: var(--table-expand-fold-icon-content, ""); }
|
607 |
|
608 | .next-table-fix-left, .next-table-fix-right {
|
609 | background: inherit;
|
610 | position: sticky;
|
611 | z-index: 1;
|
612 | background-clip: padding-box; }
|
613 |
|
614 | .next-table-ping-left .next-table-expanded-area .next-table-fix-left-last::after {
|
615 | content: none; }
|
616 |
|
617 | .next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last,
|
618 | .next-table-ping-left .next-table-fix-left-last {
|
619 | border-right-width: 0; }
|
620 | .next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last::after,
|
621 | .next-table-ping-left .next-table-fix-left-last::after {
|
622 | box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
623 | position: absolute;
|
624 | top: 0;
|
625 | right: 0;
|
626 | bottom: 0;
|
627 | width: 30px;
|
628 | content: '';
|
629 | pointer-events: none;
|
630 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
631 | transform: translateX(100%); }
|
632 |
|
633 | .next-table-ping-right .next-table-expanded-area .next-table-fix-right-first::after {
|
634 | content: none; }
|
635 |
|
636 | .next-table-ping-right .next-table-expanded-area .next-table-ping-right .next-table-fix-right-first:after,
|
637 | .next-table-ping-right .next-table-fix-right-first:after {
|
638 | box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
639 | position: absolute;
|
640 | top: 0;
|
641 | left: 0;
|
642 | bottom: 0;
|
643 | width: 30px;
|
644 | content: '';
|
645 | pointer-events: none;
|
646 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
647 | transform: translateX(-100%); }
|
648 |
|
649 | .next-table-fixed.next-table-scrolling-to-right::after, .next-table-lock.next-table-scrolling-to-right::after {
|
650 | box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
651 | position: absolute;
|
652 | top: 0;
|
653 | right: -30px;
|
654 | bottom: 0;
|
655 | width: 30px;
|
656 | content: '';
|
657 | pointer-events: none;
|
658 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
659 | transform: translateX(-100%); }
|
660 |
|
661 | .next-table-fixed.only-bottom-border, .next-table-lock.only-bottom-border {
|
662 | border-right: 0; }
|
663 |
|
664 | .next-table[dir="rtl"] th {
|
665 | text-align: right; }
|
666 |
|
667 | .next-table[dir="rtl"] .next-table-header-resizable .next-table-resize-handler {
|
668 | right: auto;
|
669 | left: 0; }
|
670 |
|
671 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
|
672 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
|
673 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-table-tree-placeholder {
|
674 | margin-left: 3px;
|
675 | margin-right: 0;
|
676 | float: right; }
|
677 |
|
678 | .next-table[dir="rtl"] .next-table-expanded-row td:first-child {
|
679 | border-left-width: 0;
|
680 | border-right-width: 1px; }
|
681 |
|
682 | .next-table[dir="rtl"] .next-table-expanded-row td:last-child {
|
683 | border-left-width: 1px;
|
684 | border-right-width: 0; }
|
685 |
|
686 | .next-table[dir="rtl"].only-bottom-border .next-table-expanded-row th {
|
687 | border-width: 0 0 1px 0;
|
688 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
689 |
|
690 | .next-table[dir="rtl"].only-bottom-border .next-table-expanded-row td {
|
691 | border-width: 0 0 1px 0;
|
692 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
693 |
|
694 | .next-table[dir="rtl"] .next-table-filter-footer button {
|
695 | margin-left: 5px;
|
696 | margin-right: 0; }
|
697 |
|
698 | .next-table[dir="rtl"] .next-table-lock-left,
|
699 | .next-table[dir="rtl"] .next-table-lock-right {
|
700 | left: auto;
|
701 | right: 0; }
|
702 |
|
703 | .next-table[dir="rtl"] .next-table-lock-right {
|
704 | right: auto;
|
705 | left: 0; }
|
706 | .next-table[dir="rtl"] .next-table-lock-right table tr td:first-child,
|
707 | .next-table[dir="rtl"] .next-table-lock-right table tr th:first-child {
|
708 | border-right-width: 1px; }
|
709 | .next-table[dir="rtl"] .next-table-lock-right.shadow {
|
710 | box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12); }
|
711 |
|
712 | .next-table[dir="rtl"] .next-table-lock-left.shadow {
|
713 | box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12); }
|
714 |
|
715 | .next-table[dir="rtl"] .next-table-sort .next-icon {
|
716 | right: 0;
|
717 | left: auto; }
|
718 |
|
719 | .next-table[dir="rtl"] .next-table-sort .next-icon-ascending {
|
720 | right: 4px;
|
721 | left: auto; }
|
722 |
|
723 | .next-table[dir="rtl"] .next-table-filter {
|
724 | margin-right: 5px;
|
725 | margin-left: 0; }
|
726 |
|
727 | .next-table-fixed[dir="rtl"] table tr td:first-child,
|
728 | .next-table-fixed[dir="rtl"] table tr th:first-child {
|
729 | border-left-width: 1px;
|
730 | border-left-width: var(--table-normal-border-width, 1px);
|
731 | border-right-width: 0; }
|
732 |
|
733 | .next-table-fixed[dir="rtl"] .next-table-header tr th:last-child {
|
734 | border-left-width: 1px;
|
735 | border-left-width: var(--table-normal-border-width, 1px); }
|
736 |
|
737 | .next-table-fixed[dir="rtl"] .next-table-body tr td:last-child {
|
738 | border-left-width: 1px;
|
739 | border-left-width: var(--table-normal-border-width, 1px); }
|