UNPKG

356 kBCSSView Raw
1/*!
2 * @alifd/next@1.25.44 (https://fusion.design)
3 * Copyright 2018-present Alibaba Group,
4 * Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
5 */
6
7.next-nav.next-secondary.next-hoz .next-menu-header,
8.next-nav.next-secondary.next-hoz .next-menu-footer,
9.next-nav.next-secondary.next-hoz .next-menu-item-inner {
10 line-height: 44px;
11 height: 44px;
12}
13.next-nav.next-secondary.next-hoz.next-top .next-nav-item:before {
14 top: 0;
15 top: 0px;
16}
17.next-nav.next-secondary.next-hoz.next-bottom .next-nav-item:before {
18 bottom: 0;
19 bottom: 0px;
20}
21.next-nav.next-secondary.next-ver.next-left .next-nav-item:before {
22 left: 0;
23 left: 0px;
24}
25.next-nav.next-secondary.next-ver.next-right .next-nav-item:before {
26 right: 0;
27 right: 0px;
28}
29.next-nav.next-secondary .next-nav-item.next-menu-item {
30 background: #5584FF;
31 color: #FFFFFF;
32}
33.next-nav.next-secondary .next-nav-item.next-menu-item.next-focused, .next-nav.next-secondary .next-nav-item.next-menu-item:hover {
34 background: #3E71F7;
35 color: #FFFFFF;
36 font-weight: normal;
37}
38.next-nav.next-secondary .next-nav-item.next-menu-item.next-selected {
39 background: #3E71F7;
40 color: #FFFFFF;
41 font-weight: bold;
42}
43.next-nav.next-secondary .next-nav-item.next-menu-item.next-opened {
44 background: transparent;
45 color: #FFFFFF;
46}
47.next-nav.next-secondary .next-nav-item.next-menu-item.next-child-selected {
48 font-weight: bold;
49 background: transparent;
50 color: #FFFFFF;
51}
52.next-nav.next-secondary .next-nav-item.next-menu-item.next-opened.next-nav-popup {
53 color: #FFFFFF;
54}
55.next-nav.next-secondary .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
56 color: #FFFFFF;
57}
58.next-nav.next-secondary .next-nav-item.next-menu-item:before {
59 background: #3E71F7;
60}
61.next-nav.next-secondary .next-nav-item.next-menu-item:hover:before {
62 background: #3E71F7;
63}
64.next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-opened {
65 background: transparent;
66 color: #FFFFFF;
67}
68.next-nav.next-secondary .next-nav-group-label {
69 color: #FFFFFF;
70 font-weight: normal;
71}
72.next-nav.next-secondary .next-menu-sub-menu .next-menu-item {
73 background: #5584FF;
74 color: #FFFFFF;
75 font-weight: normal;
76}
77.next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-secondary .next-menu-sub-menu .next-menu-item:hover {
78 background: #3E71F7;
79 color: #FFFFFF;
80}
81.next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-selected {
82 background: #3E71F7;
83 color: #FFFFFF;
84}
85.next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled, .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
86 color: #DEE8FF;
87 cursor: not-allowed;
88}
89.next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow, .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
90 color: #DEE8FF;
91}
92.next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected, .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
93 color: #DEE8FF;
94}
95.next-nav.next-normal {
96 background: #FFFFFF;
97 border-color: #DCDEE3;
98 color: #333333;
99 font-weight: normal;
100 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
101 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
102}
103.next-nav.next-normal .next-nav-item.next-menu-item {
104 background: #FFFFFF;
105 color: #333333;
106}
107.next-nav.next-normal .next-nav-item.next-menu-item.next-focused, .next-nav.next-normal .next-nav-item.next-menu-item:hover {
108 background: #FFFFFF;
109 color: #5584FF;
110 font-weight: normal;
111}
112.next-nav.next-normal .next-nav-item.next-menu-item.next-selected {
113 background: #F2F3F7;
114 color: #5584FF;
115 font-weight: bold;
116}
117.next-nav.next-normal .next-nav-item.next-menu-item.next-opened {
118 background: transparent;
119 color: #5584FF;
120}
121.next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected {
122 font-weight: normal;
123 background: transparent;
124 color: #5584FF;
125}
126.next-nav.next-normal .next-nav-item.next-menu-item.next-opened.next-nav-popup {
127 color: #5584FF;
128}
129.next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
130 color: #5584FF;
131}
132.next-nav.next-normal .next-nav-item.next-menu-item:before {
133 background: #5584FF;
134}
135.next-nav.next-normal .next-nav-item.next-menu-item:hover:before {
136 background: #5584FF;
137}
138.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-opened {
139 background: transparent;
140 color: #5584FF;
141}
142.next-nav.next-normal .next-nav-group-label {
143 color: #999999;
144 font-weight: normal;
145}
146.next-nav.next-normal .next-menu-sub-menu .next-menu-item {
147 background: #FFFFFF;
148 color: #333333;
149 font-weight: normal;
150}
151.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-normal .next-menu-sub-menu .next-menu-item:hover {
152 background: #F2F3F7;
153 color: #5584FF;
154}
155.next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-selected {
156 background: #F2F3F7;
157 color: #5584FF;
158}
159.next-nav.next-normal .next-nav-item.next-menu-item.next-disabled, .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
160 color: #999999;
161 cursor: not-allowed;
162}
163.next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow, .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
164 color: #999999;
165}
166.next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected, .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
167 color: #999999;
168}
169.next-nav.next-line {
170 background: transparent;
171 border-color: #DCDEE3;
172 color: #333333;
173 font-weight: normal;
174 -webkit-box-shadow: none;
175 box-shadow: none;
176}
177.next-nav.next-line.next-hoz {
178 border-top-color: transparent;
179 border-left-color: transparent;
180 border-right-color: transparent;
181}
182.next-nav.next-line.next-ver {
183 border-top-color: transparent;
184 border-left-color: transparent;
185 border-bottom-color: transparent;
186}
187.next-nav.next-line .next-nav-item.next-menu-item {
188 background: transparent;
189 color: #333333;
190}
191.next-nav.next-line .next-nav-item.next-menu-item.next-focused, .next-nav.next-line .next-nav-item.next-menu-item:hover {
192 background: transparent;
193 color: #5584FF;
194 font-weight: normal;
195}
196.next-nav.next-line .next-nav-item.next-menu-item.next-selected {
197 background: transparent;
198 color: #5584FF;
199 font-weight: bold;
200}
201.next-nav.next-line .next-nav-item.next-menu-item.next-opened {
202 background: transparent;
203 color: #5584FF;
204}
205.next-nav.next-line .next-nav-item.next-menu-item.next-child-selected {
206 font-weight: normal;
207 background: transparent;
208 color: #5584FF;
209}
210.next-nav.next-line .next-nav-item.next-menu-item.next-opened.next-nav-popup {
211 color: #5584FF;
212}
213.next-nav.next-line .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
214 color: #5584FF;
215}
216.next-nav.next-line .next-nav-item.next-menu-item:before {
217 background: #5584FF;
218}
219.next-nav.next-line .next-nav-item.next-menu-item:hover:before {
220 background: #5584FF;
221}
222.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-opened {
223 background: transparent;
224 color: #5584FF;
225}
226.next-nav.next-line .next-nav-group-label {
227 color: #999999;
228 font-weight: normal;
229}
230.next-nav.next-line .next-menu-sub-menu .next-menu-item {
231 background: transparent;
232 color: #333333;
233 font-weight: normal;
234}
235.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-line .next-menu-sub-menu .next-menu-item:hover {
236 background: transparent;
237 color: #5584FF;
238}
239.next-nav.next-line .next-menu-sub-menu .next-menu-item.next-selected {
240 background: transparent;
241 color: #5584FF;
242}
243.next-nav.next-line .next-nav-item.next-menu-item.next-disabled, .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
244 color: #999999;
245 cursor: not-allowed;
246}
247.next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow, .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
248 color: #999999;
249}
250.next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected, .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
251 color: #999999;
252}
253.next-nav.next-icon-only.next-icon-only-text {
254 padding-top: 4px;
255 padding-bottom: 4px;
256}
257.next-nav.next-icon-only.next-custom-icon-only-width {
258 text-align: center;
259}
260.next-nav.next-icon-only .next-menu-item-inner {
261 text-overflow: clip;
262}
263.next-nav.next-icon-only.next-normal .next-nav-icon.next-icon {
264 margin-left: 1px;
265 margin-right: 1px;
266 margin-left: 0px;
267 margin-right: 0px;
268}
269.next-nav.next-icon-only.next-normal .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon .next-icon-remote {
270 width: 16px;
271 font-size: 16px;
272 line-height: inherit;
273}
274.next-nav.next-icon-only.next-normal .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon .next-icon-remote {
275 width: 16px;
276 font-size: 16px;
277 line-height: inherit;
278}
279.next-nav.next-icon-only.next-primary .next-nav-icon.next-icon {
280 margin-left: 1px;
281 margin-right: 1px;
282 margin-left: 1px;
283 margin-right: 1px;
284}
285.next-nav.next-icon-only.next-primary .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon .next-icon-remote {
286 width: 16px;
287 font-size: 16px;
288 line-height: inherit;
289}
290.next-nav.next-icon-only.next-primary .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon .next-icon-remote {
291 width: 16px;
292 font-size: 16px;
293 line-height: inherit;
294}
295.next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon {
296 margin-left: 1px;
297 margin-right: 1px;
298 margin-left: 1px;
299 margin-right: 1px;
300}
301.next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon .next-icon-remote {
302 width: 16px;
303 font-size: 16px;
304 line-height: inherit;
305}
306.next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon:before, .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon .next-icon-remote {
307 width: 16px;
308 font-size: 16px;
309 line-height: inherit;
310}
311.next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon {
312 margin-left: 1px;
313 margin-right: 1px;
314 -webkit-transition: all 100ms linear;
315 transition: all 100ms linear;
316 -webkit-transform-origin: center 50%;
317 -ms-transform-origin: center 50%;
318 transform-origin: center 50%;
319}
320.next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon:before, .next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon .next-icon-remote {
321 width: 16px;
322 font-size: 16px;
323 line-height: inherit;
324}
325.next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
326 -webkit-transform: rotate(180deg);
327 -ms-transform: rotate(180deg);
328 transform: rotate(180deg);
329 margin-left: 1px;
330 margin-right: 1px;
331}
332.next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down:before, .next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down .next-icon-remote {
333 width: 16px;
334 font-size: 16px;
335 line-height: inherit;
336}
337.next-nav.next-icon-only .next-menu-hoz-icon-arrow,
338.next-nav.next-icon-only .next-menu-icon-arrow {
339 display: none;
340}
341.next-nav-embeddable.next-primary, .next-nav-embeddable.next-secondary, .next-nav-embeddable.next-normal {
342 height: 100%;
343 background: transparent;
344 -webkit-box-shadow: none;
345 box-shadow: none;
346 border: none;
347}
348.next-nav-embeddable.next-primary .next-menu-sub-menu .next-menu-item,
349.next-nav-embeddable.next-primary .next-nav-item.next-menu-item, .next-nav-embeddable.next-secondary .next-menu-sub-menu .next-menu-item,
350.next-nav-embeddable.next-secondary .next-nav-item.next-menu-item, .next-nav-embeddable.next-normal .next-menu-sub-menu .next-menu-item,
351.next-nav-embeddable.next-normal .next-nav-item.next-menu-item {
352 background: transparent;
353}
354.next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon {
355 margin-left: 1px;
356 margin-right: 1px;
357 margin-left: 1px;
358 margin-right: 1px;
359}
360.next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon .next-icon-remote {
361 width: 16px;
362 font-size: 16px;
363 line-height: inherit;
364}
365.next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon:before, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon .next-icon-remote {
366 width: 16px;
367 font-size: 16px;
368 line-height: inherit;
369}
370.next-nav-embeddable.next-nav.next-hoz .next-menu-item-inner {
371 height: 100%;
372}
373.next-nav-embeddable.next-nav.next-hoz .next-menu-sub-menu .next-menu-item,
374.next-nav-embeddable.next-nav.next-hoz .next-nav-item.next-menu-item {
375 height: 100%;
376}
377.next-nav-embeddable, .next-nav-embeddable .next-nav-item.next-disabled, .next-nav-embeddable .next-nav-item.next-disabled .next-menu-item-text > a {
378 background: transparent;
379 border: none;
380}
381
382.next-nav[dir=rtl] .next-nav-icon.next-icon {
383 margin-left: 4px;
384 margin-right: 0;
385}
386.next-nav[dir=rtl] .next-nav-icon.next-icon:before, .next-nav[dir=rtl] .next-nav-icon.next-icon .next-icon-remote {
387 width: 12px;
388 font-size: 12px;
389 line-height: inherit;
390}
391.next-nav[dir=rtl].next-hoz .next-menu-header {
392 float: right;
393}
394.next-nav[dir=rtl].next-hoz .next-menu-footer {
395 float: left;
396}
397.next-nav[dir=rtl].next-hoz .next-nav-item:before {
398 width: 0;
399 left: 50%;
400}
401.next-nav[dir=rtl].next-hoz .next-selected.next-nav-item:before {
402 width: 100%;
403 left: auto;
404 right: 0;
405}
406.next-nav[dir=rtl].next-ver.next-left .next-nav-item:before {
407 right: 0;
408 right: -1px;
409 left: auto;
410}
411.next-nav[dir=rtl].next-ver.next-right .next-nav-item:before {
412 left: 0;
413 left: -1px;
414 right: auto;
415}
416.next-nav[dir=rtl].next-primary.next-ver.next-left .next-nav-item:before {
417 right: 0;
418 right: 0px;
419 left: auto;
420}
421.next-nav[dir=rtl].next-primary.next-ver.next-right .next-nav-item:before {
422 left: 0;
423 left: 0px;
424 right: auto;
425}
426.next-nav[dir=rtl].next-secondary.next-ver.next-left .next-nav-item:before {
427 right: 0;
428 right: 0px;
429 left: auto;
430}
431.next-nav[dir=rtl].next-secondary.next-ver.next-right .next-nav-item:before {
432 left: 0;
433 left: 0px;
434 right: auto;
435}
436.next-nav[dir=rtl] .next-nav.next-line.next-ver {
437 border-top-color: transparent;
438 border-right-color: transparent;
439 border-left-color: transparent;
440 border-bottom-color: transparent;
441}
442.next-nav[dir=rtl].next-icon-only .next-nav-icon.next-icon,
443.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon,
444.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
445 margin-left: 0;
446 margin-right: 1px;
447}
448.next-nav[dir=rtl].next-icon-only .next-nav-icon.next-icon:before, .next-nav[dir=rtl].next-icon-only .next-nav-icon.next-icon .next-icon-remote,
449.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon:before,
450.next-nav[dir=rtl].next-icon-only .next-nav-icon-only-arrow.next-icon .next-icon-remote,
451.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down:before,
452.next-nav[dir=rtl].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down .next-icon-remote {
453 width: 16px;
454 font-size: 16px;
455 line-height: inherit;
456}
457
458.next-number-picker {
459 -webkit-box-sizing: border-box;
460 box-sizing: border-box;
461 display: inline-block;
462 /* stylelint-disable declaration-no-important */
463}
464.next-number-picker *,
465.next-number-picker *:before,
466.next-number-picker *:after {
467 -webkit-box-sizing: border-box;
468 box-sizing: border-box;
469}
470.next-number-picker .next-btn {
471 padding: 0 !important;
472 line-height: 0 !important;
473 -webkit-box-shadow: none !important;
474 box-shadow: none !important;
475}
476.next-number-picker-normal .next-input {
477 width: 100%;
478}
479.next-number-picker-normal .next-input .next-input-control {
480 padding-right: 0;
481 height: 100%;
482}
483.next-number-picker-normal:not(.next-number-picker-no-trigger) .next-input input {
484 padding-right: 2px;
485}
486.next-number-picker-normal .next-btn {
487 display: block;
488}
489.next-number-picker-normal .next-btn:hover {
490 z-index: 1;
491}
492.next-number-picker-normal .next-btn:first-child {
493 border-right: none;
494 border-top: none;
495 height: 50%;
496 border-top-left-radius: 0;
497 border-bottom-left-radius: 0;
498 border-bottom-right-radius: 0;
499}
500.next-number-picker-normal .next-btn:last-child {
501 border-right: none;
502 border-bottom: none;
503 margin-top: -1px;
504 height: calc(50% + 1px);
505 border-top-left-radius: 0;
506 border-bottom-left-radius: 0;
507 border-top-right-radius: 0;
508}
509.next-number-picker-normal .next-number-picker-handler {
510 -webkit-transition: opacity 100ms linear;
511 transition: opacity 100ms linear;
512 height: 100%;
513 display: block;
514}
515.next-number-picker-normal:not(.next-number-picker-show-trigger) .next-number-picker-handler {
516 opacity: 0;
517}
518.next-number-picker-normal:hover .next-number-picker-handler, .next-number-picker-normal.hover .next-number-picker-handler {
519 opacity: 1;
520}
521.next-number-picker-normal .next-input.next-disabled .next-number-picker-handler {
522 opacity: 0;
523}
524.next-number-picker-normal .next-number-picker-up-icon::before {
525 content: "\E625";
526}
527.next-number-picker-normal .next-number-picker-down-icon::before {
528 content: "\E63D";
529}
530.next-number-picker-normal.next-small {
531 width: 68px;
532}
533.next-number-picker-normal.next-small .next-btn {
534 width: 20px;
535}
536.next-number-picker-normal.next-small .next-btn:first-child {
537 border-top-right-radius: 3px;
538}
539.next-number-picker-normal.next-small .next-btn:last-child {
540 border-bottom-right-radius: 3px;
541}
542.next-number-picker-normal.next-small .next-icon:before, .next-number-picker-normal.next-small .next-icon .next-icon-remote {
543 width: 8px;
544 font-size: 8px;
545 line-height: inherit;
546}
547@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
548 .next-number-picker-normal.next-small .next-icon {
549 -webkit-transform: scale(0.5);
550 -ms-transform: scale(0.5);
551 transform: scale(0.5);
552 margin-left: -4px;
553 margin-right: -4px;
554 }
555 .next-number-picker-normal.next-small .next-icon:before {
556 width: 16px;
557 font-size: 16px;
558 }
559}
560.next-number-picker-normal.next-medium {
561 width: 80px;
562}
563.next-number-picker-normal.next-medium .next-btn {
564 width: 20px;
565}
566.next-number-picker-normal.next-medium .next-btn:first-child {
567 border-top-right-radius: 3px;
568}
569.next-number-picker-normal.next-medium .next-btn:last-child {
570 border-bottom-right-radius: 3px;
571}
572.next-number-picker-normal.next-medium .next-icon:before, .next-number-picker-normal.next-medium .next-icon .next-icon-remote {
573 width: 8px;
574 font-size: 8px;
575 line-height: inherit;
576}
577@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
578 .next-number-picker-normal.next-medium .next-icon {
579 -webkit-transform: scale(0.5);
580 -ms-transform: scale(0.5);
581 transform: scale(0.5);
582 margin-left: -4px;
583 margin-right: -4px;
584 }
585 .next-number-picker-normal.next-medium .next-icon:before {
586 width: 16px;
587 font-size: 16px;
588 }
589}
590.next-number-picker-normal.next-large {
591 width: 80px;
592}
593.next-number-picker-normal.next-large .next-btn {
594 width: 20px;
595}
596.next-number-picker-normal.next-large .next-btn:first-child {
597 border-top-right-radius: 3px;
598}
599.next-number-picker-normal.next-large .next-btn:last-child {
600 border-bottom-right-radius: 3px;
601}
602.next-number-picker-normal.next-large .next-icon:before, .next-number-picker-normal.next-large .next-icon .next-icon-remote {
603 width: 8px;
604 font-size: 8px;
605 line-height: inherit;
606}
607@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
608 .next-number-picker-normal.next-large .next-icon {
609 -webkit-transform: scale(0.5);
610 -ms-transform: scale(0.5);
611 transform: scale(0.5);
612 margin-left: -4px;
613 margin-right: -4px;
614 }
615 .next-number-picker-normal.next-large .next-icon:before {
616 width: 16px;
617 font-size: 16px;
618 }
619}
620.next-number-picker-inline input {
621 text-align: center;
622}
623.next-number-picker-inline .next-input input {
624 padding: 0;
625}
626.next-number-picker-inline .next-number-picker-add-icon::before {
627 content: "\E655";
628}
629.next-number-picker-inline .next-number-picker-minus-icon::before {
630 content: "\E601";
631}
632.next-number-picker-inline.next-small {
633 width: 68px;
634 min-width: 60px;
635}
636.next-number-picker-inline.next-small .next-icon:before, .next-number-picker-inline.next-small .next-icon .next-icon-remote {
637 width: 12px;
638 font-size: 12px;
639 line-height: inherit;
640}
641.next-number-picker-inline.next-small .next-btn {
642 height: 20px;
643}
644.next-number-picker-inline.next-small .next-before .next-btn {
645 margin-right: 2px;
646 border-top-left-radius: 3px;
647 border-bottom-left-radius: 3px;
648}
649.next-number-picker-inline.next-small .next-after .next-btn {
650 margin-left: 2px;
651 border-top-right-radius: 3px;
652 border-bottom-right-radius: 3px;
653}
654.next-number-picker-inline.next-medium {
655 width: 100px;
656 min-width: 84px;
657}
658.next-number-picker-inline.next-medium .next-icon:before, .next-number-picker-inline.next-medium .next-icon .next-icon-remote {
659 width: 12px;
660 font-size: 12px;
661 line-height: inherit;
662}
663.next-number-picker-inline.next-medium .next-btn {
664 height: 28px;
665}
666.next-number-picker-inline.next-medium .next-before .next-btn {
667 margin-right: 2px;
668 border-top-left-radius: 3px;
669 border-bottom-left-radius: 3px;
670}
671.next-number-picker-inline.next-medium .next-after .next-btn {
672 margin-left: 2px;
673 border-top-right-radius: 3px;
674 border-bottom-right-radius: 3px;
675}
676.next-number-picker-inline.next-large {
677 width: 128px;
678 min-width: 120px;
679}
680.next-number-picker-inline.next-large .next-icon:before, .next-number-picker-inline.next-large .next-icon .next-icon-remote {
681 width: 12px;
682 font-size: 12px;
683 line-height: inherit;
684}
685.next-number-picker-inline.next-large .next-btn {
686 height: 40px;
687}
688.next-number-picker-inline.next-large .next-before .next-btn {
689 margin-right: 2px;
690 border-top-left-radius: 3px;
691 border-bottom-left-radius: 3px;
692}
693.next-number-picker-inline.next-large .next-after .next-btn {
694 margin-left: 2px;
695 border-top-right-radius: 3px;
696 border-bottom-right-radius: 3px;
697}
698.next-number-picker-inline .next-btn.next-small {
699 width: 20px;
700}
701.next-number-picker-inline .next-btn.next-medium {
702 width: 28px;
703}
704.next-number-picker-inline .next-btn.next-large {
705 width: 40px;
706}
707
708@-moz-document url-prefix() {
709 .next-number-picker-normal.next-small .next-number-picker-handler {
710 height: 18px;
711 }
712 .next-number-picker-normal.next-medium .next-number-picker-handler {
713 height: 26px;
714 }
715 .next-number-picker-normal.next-large .next-number-picker-handler {
716 height: 38px;
717 }
718}
719.next-number-picker-normal[dir=rtl] .next-btn:first-child {
720 border-right: 1px solid #C4C6CF;
721 border-left: 0;
722 border-top-right-radius: 0;
723}
724.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-small {
725 border-top-left-radius: 3px;
726}
727.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-medium {
728 border-top-left-radius: 3px;
729}
730.next-number-picker-normal[dir=rtl] .next-btn:first-child.next-large {
731 border-top-left-radius: 3px;
732}
733.next-number-picker-normal[dir=rtl] .next-btn:last-child {
734 border-right: 1px solid #C4C6CF;
735 border-left: 0;
736 border-bottom-right-radius: 0;
737}
738.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-small {
739 border-bottom-left-radius: 3px;
740}
741.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-medium {
742 border-bottom-left-radius: 3px;
743}
744.next-number-picker-normal[dir=rtl] .next-btn:last-child.next-large {
745 border-bottom-left-radius: 3px;
746}
747.next-number-picker-normal[dir=rtl] .next-input .next-input-control {
748 padding-left: 0;
749}
750
751.next-number-picker-inline[dir=rtl] .next-before .next-btn {
752 margin-right: 0;
753}
754.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-small {
755 margin-left: 2px;
756 border-top-right-radius: 3px !important;
757 border-bottom-right-radius: 3px !important;
758}
759.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-medium {
760 margin-left: 2px;
761 border-top-right-radius: 3px !important;
762 border-bottom-right-radius: 3px !important;
763}
764.next-number-picker-inline[dir=rtl] .next-before .next-btn.next-large {
765 margin-left: 2px;
766 border-top-right-radius: 3px !important;
767 border-bottom-right-radius: 3px !important;
768}
769.next-number-picker-inline[dir=rtl] .next-after .next-btn {
770 margin-left: 0;
771}
772.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-small {
773 margin-right: 2px;
774 border-top-left-radius: 3px !important;
775 border-bottom-left-radius: 3px !important;
776}
777.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-medium {
778 margin-right: 2px;
779 border-top-left-radius: 3px !important;
780 border-bottom-left-radius: 3px !important;
781}
782.next-number-picker-inline[dir=rtl] .next-after .next-btn.next-large {
783 margin-right: 2px;
784 border-top-left-radius: 3px !important;
785 border-bottom-left-radius: 3px !important;
786}
787
788.next-pagination[dir=rtl] .next-pagination-total {
789 margin-right: 0;
790 margin-left: 16px;
791}
792.next-pagination[dir=rtl] .next-pagination-jump-go {
793 margin-left: 0;
794 margin-right: 4px;
795}
796.next-pagination[dir=rtl] .next-pagination-size-selector-title {
797 margin-right: 0;
798 margin-left: 4px;
799}
800.next-pagination[dir=rtl] .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
801 border-left: none;
802 border-right: 1px solid #DCDEE3;
803}
804.next-pagination[dir=rtl] .next-pagination-pages + .next-pagination-size-selector, .next-pagination[dir=rtl] .next-pagination-size-selector + .next-pagination-pages {
805 margin-left: 0;
806 margin-right: 40px;
807}
808.next-pagination[dir=rtl].next-start .next-pagination-pages {
809 float: left;
810}
811.next-pagination[dir=rtl].next-start .next-pagination-size-selector {
812 float: right;
813}
814.next-pagination[dir=rtl].next-end .next-pagination-pages {
815 float: right;
816}
817.next-pagination[dir=rtl].next-end .next-pagination-size-selector {
818 float: left;
819}
820.next-pagination[dir=rtl].next-small .next-pagination-list {
821 margin: 0 4px;
822}
823.next-pagination[dir=rtl].next-small .next-pagination-total {
824 line-height: 20px;
825 vertical-align: middle;
826}
827.next-pagination[dir=rtl].next-small .next-pagination-item {
828 padding: 0 6px;
829 border-width: 1px;
830 border-radius: 3px;
831}
832.next-pagination[dir=rtl].next-small .next-pagination-item + .next-pagination-item {
833 margin: 0 4px 0 0;
834}
835.next-pagination[dir=rtl].next-small .next-pagination-ellipsis {
836 height: 20px;
837 line-height: 20px;
838 margin-left: 8px;
839 margin-right: 8px;
840}
841.next-pagination[dir=rtl].next-small .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-small .next-pagination-ellipsis .next-icon-remote {
842 width: 12px;
843 font-size: 12px;
844 line-height: inherit;
845}
846.next-pagination[dir=rtl].next-small .next-pagination-display {
847 font-size: 12px;
848}
849.next-pagination[dir=rtl].next-small .next-pagination-display em {
850 font-size: 12px;
851}
852.next-pagination[dir=rtl].next-small .next-pagination-jump-text {
853 font-size: 12px;
854}
855.next-pagination[dir=rtl].next-small .next-pagination-jump-input {
856 width: 28px;
857}
858.next-pagination[dir=rtl].next-small .next-pagination-size-selector-title {
859 height: 20px;
860 line-height: 20px;
861 font-size: 12px;
862 vertical-align: middle;
863}
864.next-pagination[dir=rtl].next-small .next-pagination-size-selector-btn {
865 padding: 0 8px;
866}
867.next-pagination[dir=rtl].next-small .next-pagination-item.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-small .next-pagination-item.next-next:not([disabled]) i {
868 color: #666666;
869}
870.next-pagination[dir=rtl].next-small .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-small .next-pagination-item:hover.next-next:not([disabled]) i {
871 color: #333333;
872}
873.next-pagination[dir=rtl].next-medium .next-pagination-list {
874 margin: 0 4px;
875}
876.next-pagination[dir=rtl].next-medium .next-pagination-total {
877 line-height: 28px;
878 vertical-align: middle;
879}
880.next-pagination[dir=rtl].next-medium .next-pagination-item {
881 padding: 0 10px;
882 border-width: 1px;
883 border-radius: 3px;
884}
885.next-pagination[dir=rtl].next-medium .next-pagination-item + .next-pagination-item {
886 margin: 0 4px 0 0;
887}
888.next-pagination[dir=rtl].next-medium .next-pagination-ellipsis {
889 height: 28px;
890 line-height: 28px;
891 margin-left: 8px;
892 margin-right: 8px;
893}
894.next-pagination[dir=rtl].next-medium .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-medium .next-pagination-ellipsis .next-icon-remote {
895 width: 12px;
896 font-size: 12px;
897 line-height: inherit;
898}
899.next-pagination[dir=rtl].next-medium .next-pagination-display {
900 font-size: 12px;
901}
902.next-pagination[dir=rtl].next-medium .next-pagination-display em {
903 font-size: 12px;
904}
905.next-pagination[dir=rtl].next-medium .next-pagination-jump-text {
906 font-size: 12px;
907}
908.next-pagination[dir=rtl].next-medium .next-pagination-jump-input {
909 width: 36px;
910}
911.next-pagination[dir=rtl].next-medium .next-pagination-size-selector-title {
912 height: 28px;
913 line-height: 28px;
914 font-size: 12px;
915 vertical-align: middle;
916}
917.next-pagination[dir=rtl].next-medium .next-pagination-size-selector-btn {
918 padding: 0 12px;
919}
920.next-pagination[dir=rtl].next-medium .next-pagination-item.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-medium .next-pagination-item.next-next:not([disabled]) i {
921 color: #666666;
922}
923.next-pagination[dir=rtl].next-medium .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
924 color: #333333;
925}
926.next-pagination[dir=rtl].next-large .next-pagination-list {
927 margin: 0 8px;
928}
929.next-pagination[dir=rtl].next-large .next-pagination-total {
930 line-height: 40px;
931 vertical-align: middle;
932}
933.next-pagination[dir=rtl].next-large .next-pagination-item {
934 padding: 0 15px;
935 border-width: 1px;
936 border-radius: 3px;
937}
938.next-pagination[dir=rtl].next-large .next-pagination-item + .next-pagination-item {
939 margin: 0 8px 0 0;
940}
941.next-pagination[dir=rtl].next-large .next-pagination-ellipsis {
942 height: 40px;
943 line-height: 40px;
944 margin-left: 8px;
945 margin-right: 8px;
946}
947.next-pagination[dir=rtl].next-large .next-pagination-ellipsis:before, .next-pagination[dir=rtl].next-large .next-pagination-ellipsis .next-icon-remote {
948 width: 16px;
949 font-size: 16px;
950 line-height: inherit;
951}
952.next-pagination[dir=rtl].next-large .next-pagination-display {
953 font-size: 16px;
954}
955.next-pagination[dir=rtl].next-large .next-pagination-display em {
956 font-size: 16px;
957}
958.next-pagination[dir=rtl].next-large .next-pagination-jump-text {
959 font-size: 16px;
960}
961.next-pagination[dir=rtl].next-large .next-pagination-jump-input {
962 width: 48px;
963}
964.next-pagination[dir=rtl].next-large .next-pagination-size-selector-title {
965 height: 40px;
966 line-height: 40px;
967 font-size: 16px;
968 vertical-align: middle;
969}
970.next-pagination[dir=rtl].next-large .next-pagination-size-selector-btn {
971 padding: 0 16px;
972}
973.next-pagination[dir=rtl].next-large .next-pagination-item.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-large .next-pagination-item.next-next:not([disabled]) i {
974 color: #666666;
975}
976.next-pagination[dir=rtl].next-large .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination[dir=rtl].next-large .next-pagination-item:hover.next-next:not([disabled]) i {
977 color: #333333;
978}
979
980.next-pagination {
981 -webkit-box-sizing: border-box;
982 box-sizing: border-box;
983 font-size: 0;
984}
985.next-pagination *,
986.next-pagination *:before,
987.next-pagination *:after {
988 -webkit-box-sizing: border-box;
989 box-sizing: border-box;
990}
991.next-pagination:after {
992 visibility: hidden;
993 display: block;
994 height: 0;
995 font-size: 0;
996 content: " ";
997 clear: both;
998}
999.next-pagination-total {
1000 display: inline-block;
1001 font-size: 14px;
1002 margin-right: 16px;
1003}
1004.next-pagination-pages {
1005 display: inline-block;
1006}
1007.next-pagination-list {
1008 display: inline-block;
1009 vertical-align: top;
1010}
1011.next-pagination .next-pagination-item:not([disabled]) {
1012 display: inline-block;
1013 border-style: solid;
1014 border-color: #C4C6CF;
1015 background: #FFFFFF;
1016 color: #333333;
1017 -webkit-box-shadow: none;
1018 box-shadow: none;
1019}
1020.next-pagination .next-pagination-item {
1021 -webkit-transition: none;
1022 transition: none;
1023}
1024.next-pagination .next-pagination-item.next-current {
1025 border-color: #5584FF;
1026 background: #5584FF;
1027 color: #FFFFFF;
1028 -webkit-box-shadow: none;
1029 box-shadow: none;
1030}
1031.next-pagination .next-pagination-item.next-current:hover, .next-pagination .next-pagination-item.next-current:focus {
1032 border-color: transparent;
1033 background: #3E71F7;
1034 color: #FFFFFF;
1035 -webkit-box-shadow: none;
1036 box-shadow: none;
1037}
1038.next-pagination-ellipsis {
1039 display: inline-block;
1040 color: #999999;
1041 vertical-align: top;
1042}
1043.next-pagination-display {
1044 display: inline-block;
1045 margin: 0 16px;
1046 color: #333333;
1047 vertical-align: middle;
1048}
1049.next-pagination-display em {
1050 font-style: normal;
1051 color: #5584FF;
1052}
1053.next-pagination-jump-text {
1054 display: inline-block;
1055 vertical-align: middle;
1056 color: #999999;
1057}
1058.next-pagination-jump-input {
1059 margin: 0 4px;
1060 vertical-align: top;
1061}
1062.next-pagination-jump-go {
1063 margin-left: 4px;
1064 vertical-align: top;
1065}
1066.next-pagination-size-selector {
1067 display: inline-block;
1068 position: relative;
1069}
1070.next-pagination-size-selector-title {
1071 margin-right: 4px;
1072 color: #999999;
1073}
1074.next-pagination-size-selector-filter {
1075 display: inline-block;
1076 vertical-align: middle;
1077}
1078.next-pagination-size-selector-dropdown {
1079 vertical-align: top;
1080 min-width: 64px;
1081}
1082.next-pagination-size-selector-dropdown .next-select-inner {
1083 min-width: 64px;
1084}
1085.next-pagination-size-selector-popup {
1086 min-width: 64px;
1087}
1088.next-pagination-size-selector-btn.next-btn-text {
1089 height: initial;
1090 line-height: initial;
1091 color: #666666;
1092 border-radius: 0;
1093}
1094.next-pagination-size-selector-btn.next-btn-text.next-current {
1095 color: #5584FF;
1096}
1097.next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
1098 border-left: 1px solid #DCDEE3;
1099}
1100.next-pagination-pages + .next-pagination-size-selector, .next-pagination-size-selector + .next-pagination-pages {
1101 margin-left: 40px;
1102}
1103.next-pagination.next-hide {
1104 display: none;
1105}
1106.next-pagination.next-start .next-pagination-pages {
1107 float: right;
1108}
1109.next-pagination.next-start .next-pagination-size-selector {
1110 float: left;
1111}
1112.next-pagination.next-end .next-pagination-pages {
1113 float: left;
1114}
1115.next-pagination.next-end .next-pagination-size-selector {
1116 float: right;
1117}
1118.next-pagination.next-small .next-pagination-list {
1119 margin: 0 4px;
1120}
1121.next-pagination.next-small .next-pagination-total {
1122 line-height: 20px;
1123 vertical-align: middle;
1124}
1125.next-pagination.next-small .next-pagination-item {
1126 padding: 0 6px;
1127 border-width: 1px;
1128 border-radius: 3px;
1129}
1130.next-pagination.next-small .next-pagination-item + .next-pagination-item {
1131 margin: 0 0 0 4px;
1132}
1133.next-pagination.next-small .next-pagination-ellipsis {
1134 height: 20px;
1135 line-height: 20px;
1136 margin-left: 8px;
1137 margin-right: 8px;
1138}
1139.next-pagination.next-small .next-pagination-ellipsis:before, .next-pagination.next-small .next-pagination-ellipsis .next-icon-remote {
1140 width: 12px;
1141 font-size: 12px;
1142 line-height: inherit;
1143}
1144.next-pagination.next-small .next-pagination-display {
1145 font-size: 12px;
1146}
1147.next-pagination.next-small .next-pagination-display em {
1148 font-size: 12px;
1149}
1150.next-pagination.next-small .next-pagination-jump-text {
1151 font-size: 12px;
1152}
1153.next-pagination.next-small .next-pagination-jump-input {
1154 width: 28px;
1155}
1156.next-pagination.next-small .next-pagination-size-selector-title {
1157 height: 20px;
1158 line-height: 20px;
1159 font-size: 12px;
1160 vertical-align: middle;
1161}
1162.next-pagination.next-small .next-pagination-size-selector-btn {
1163 padding: 0 8px;
1164}
1165.next-pagination.next-small .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-small .next-pagination-item.next-next:not([disabled]) i {
1166 color: #666666;
1167}
1168.next-pagination.next-small .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination.next-small .next-pagination-item:hover.next-next:not([disabled]) i {
1169 color: #333333;
1170}
1171.next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next {
1172 width: 20px;
1173 padding: 0;
1174}
1175.next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next .next-icon {
1176 margin: 0 auto;
1177}
1178.next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev {
1179 width: 20px;
1180 padding: 0;
1181}
1182.next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1183 margin: 0 auto;
1184}
1185.next-pagination.next-small.next-no-border .next-pagination-item.next-prev, .next-pagination.next-small.next-no-border .next-pagination-item.next-next {
1186 padding: 0;
1187 border: none;
1188 background-color: transparent;
1189 -webkit-box-shadow: none;
1190 box-shadow: none;
1191}
1192.next-pagination.next-small.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-no-border .next-pagination-item.next-next .next-icon {
1193 margin: 0;
1194}
1195.next-pagination.next-small.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i, .next-pagination.next-small.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
1196 color: #5584FF;
1197}
1198.next-pagination.next-small.next-no-border .next-pagination-display {
1199 margin: 0 8px;
1200}
1201.next-pagination.next-small.next-mini .next-pagination-item.next-prev {
1202 margin-right: 4px;
1203}
1204.next-pagination.next-small.next-mini .next-pagination-item.next-next {
1205 margin-left: 4px;
1206}
1207.next-pagination.next-medium .next-pagination-list {
1208 margin: 0 4px;
1209}
1210.next-pagination.next-medium .next-pagination-total {
1211 line-height: 28px;
1212 vertical-align: middle;
1213}
1214.next-pagination.next-medium .next-pagination-item {
1215 padding: 0 10px;
1216 border-width: 1px;
1217 border-radius: 3px;
1218}
1219.next-pagination.next-medium .next-pagination-item + .next-pagination-item {
1220 margin: 0 0 0 4px;
1221}
1222.next-pagination.next-medium .next-pagination-ellipsis {
1223 height: 28px;
1224 line-height: 28px;
1225 margin-left: 8px;
1226 margin-right: 8px;
1227}
1228.next-pagination.next-medium .next-pagination-ellipsis:before, .next-pagination.next-medium .next-pagination-ellipsis .next-icon-remote {
1229 width: 12px;
1230 font-size: 12px;
1231 line-height: inherit;
1232}
1233.next-pagination.next-medium .next-pagination-display {
1234 font-size: 12px;
1235}
1236.next-pagination.next-medium .next-pagination-display em {
1237 font-size: 12px;
1238}
1239.next-pagination.next-medium .next-pagination-jump-text {
1240 font-size: 12px;
1241}
1242.next-pagination.next-medium .next-pagination-jump-input {
1243 width: 36px;
1244}
1245.next-pagination.next-medium .next-pagination-size-selector-title {
1246 height: 28px;
1247 line-height: 28px;
1248 font-size: 12px;
1249 vertical-align: middle;
1250}
1251.next-pagination.next-medium .next-pagination-size-selector-btn {
1252 padding: 0 12px;
1253}
1254.next-pagination.next-medium .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-medium .next-pagination-item.next-next:not([disabled]) i {
1255 color: #666666;
1256}
1257.next-pagination.next-medium .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination.next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
1258 color: #333333;
1259}
1260.next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next {
1261 width: 28px;
1262 padding: 0;
1263}
1264.next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next .next-icon {
1265 margin: 0 auto;
1266}
1267.next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev {
1268 width: 28px;
1269 padding: 0;
1270}
1271.next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1272 margin: 0 auto;
1273}
1274.next-pagination.next-medium.next-no-border .next-pagination-item.next-prev, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next {
1275 padding: 0;
1276 border: none;
1277 background-color: transparent;
1278 -webkit-box-shadow: none;
1279 box-shadow: none;
1280}
1281.next-pagination.next-medium.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next .next-icon {
1282 margin: 0;
1283}
1284.next-pagination.next-medium.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
1285 color: #5584FF;
1286}
1287.next-pagination.next-medium.next-no-border .next-pagination-display {
1288 margin: 0 12px;
1289}
1290.next-pagination.next-medium.next-mini .next-pagination-item.next-prev {
1291 margin-right: 4px;
1292}
1293.next-pagination.next-medium.next-mini .next-pagination-item.next-next {
1294 margin-left: 4px;
1295}
1296.next-pagination.next-large .next-pagination-list {
1297 margin: 0 8px;
1298}
1299.next-pagination.next-large .next-pagination-total {
1300 line-height: 40px;
1301 vertical-align: middle;
1302}
1303.next-pagination.next-large .next-pagination-item {
1304 padding: 0 15px;
1305 border-width: 1px;
1306 border-radius: 3px;
1307}
1308.next-pagination.next-large .next-pagination-item + .next-pagination-item {
1309 margin: 0 0 0 8px;
1310}
1311.next-pagination.next-large .next-pagination-ellipsis {
1312 height: 40px;
1313 line-height: 40px;
1314 margin-left: 8px;
1315 margin-right: 8px;
1316}
1317.next-pagination.next-large .next-pagination-ellipsis:before, .next-pagination.next-large .next-pagination-ellipsis .next-icon-remote {
1318 width: 16px;
1319 font-size: 16px;
1320 line-height: inherit;
1321}
1322.next-pagination.next-large .next-pagination-display {
1323 font-size: 16px;
1324}
1325.next-pagination.next-large .next-pagination-display em {
1326 font-size: 16px;
1327}
1328.next-pagination.next-large .next-pagination-jump-text {
1329 font-size: 16px;
1330}
1331.next-pagination.next-large .next-pagination-jump-input {
1332 width: 48px;
1333}
1334.next-pagination.next-large .next-pagination-size-selector-title {
1335 height: 40px;
1336 line-height: 40px;
1337 font-size: 16px;
1338 vertical-align: middle;
1339}
1340.next-pagination.next-large .next-pagination-size-selector-btn {
1341 padding: 0 16px;
1342}
1343.next-pagination.next-large .next-pagination-item.next-prev:not([disabled]) i, .next-pagination.next-large .next-pagination-item.next-next:not([disabled]) i {
1344 color: #666666;
1345}
1346.next-pagination.next-large .next-pagination-item:hover.next-prev:not([disabled]) i, .next-pagination.next-large .next-pagination-item:hover.next-next:not([disabled]) i {
1347 color: #333333;
1348}
1349.next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next {
1350 width: 40px;
1351 padding: 0;
1352}
1353.next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next .next-icon {
1354 margin: 0 auto;
1355}
1356.next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev {
1357 width: 40px;
1358 padding: 0;
1359}
1360.next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
1361 margin: 0 auto;
1362}
1363.next-pagination.next-large.next-no-border .next-pagination-item.next-prev, .next-pagination.next-large.next-no-border .next-pagination-item.next-next {
1364 padding: 0;
1365 border: none;
1366 background-color: transparent;
1367 -webkit-box-shadow: none;
1368 box-shadow: none;
1369}
1370.next-pagination.next-large.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-no-border .next-pagination-item.next-next .next-icon {
1371 margin: 0;
1372}
1373.next-pagination.next-large.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i, .next-pagination.next-large.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
1374 color: #5584FF;
1375}
1376.next-pagination.next-large.next-no-border .next-pagination-display {
1377 margin: 0 16px;
1378}
1379.next-pagination.next-large.next-mini .next-pagination-item.next-prev {
1380 margin-right: 8px;
1381}
1382.next-pagination.next-large.next-mini .next-pagination-item.next-next {
1383 margin-left: 8px;
1384}
1385.next-pagination-icon-prev::before {
1386 content: "\E61D";
1387}
1388.next-pagination-icon-next::before {
1389 content: "\E619";
1390}
1391.next-pagination-icon-ellipsis::before {
1392 content: "\E654";
1393}
1394
1395.next-paragraph {
1396 color: #333333;
1397}
1398.next-paragraph-short {
1399 line-height: 1.5;
1400}
1401.next-paragraph-long {
1402 line-height: 1.7;
1403}
1404.next-paragraph-small {
1405 font-size: 12px;
1406}
1407.next-paragraph-medium {
1408 font-size: 14px;
1409}
1410
1411.next-progress-circle[dir=rtl] .next-progress-circle-container {
1412 -webkit-transform: scaleX(-1);
1413 -ms-transform: scaleX(-1);
1414 transform: scaleX(-1);
1415}
1416
1417.next-progress-line[dir=rtl] .next-progress-line-overlay {
1418 left: auto;
1419 right: 0;
1420}
1421
1422.next-progress-line {
1423 -webkit-box-sizing: border-box;
1424 box-sizing: border-box;
1425}
1426.next-progress-line *,
1427.next-progress-line *:before,
1428.next-progress-line *:after {
1429 -webkit-box-sizing: border-box;
1430 box-sizing: border-box;
1431}
1432.next-progress-line {
1433 width: 100%;
1434 display: inline-block;
1435 position: relative;
1436}
1437.next-progress-line-container {
1438 display: inline-block;
1439 width: 100%;
1440 vertical-align: middle;
1441}
1442.next-progress-line-underlay {
1443 position: relative;
1444 overflow: hidden;
1445 width: 100%;
1446 background: #EBECF0;
1447}
1448.next-progress-line-overlay {
1449 position: absolute;
1450 left: 0;
1451 top: 0;
1452 -webkit-transition: all 300ms ease;
1453 transition: all 300ms ease;
1454}
1455.next-progress-line-overlay-normal {
1456 background: #5584FF;
1457}
1458.next-progress-line-overlay-success {
1459 background: #46BC15;
1460}
1461.next-progress-line-overlay-error {
1462 background: #FF3000;
1463}
1464.next-progress-line-overlay-started {
1465 background: #FF3000;
1466}
1467.next-progress-line-overlay-middle {
1468 background: #FF9300;
1469}
1470.next-progress-line-overlay-finishing {
1471 background: #46BC15;
1472}
1473.next-progress-line.next-small .next-progress-line-underlay {
1474 border-radius: 20px;
1475 height: 4px;
1476}
1477.next-progress-line.next-small .next-progress-line-overlay {
1478 height: 4px;
1479 border-radius: 20px;
1480 top: 50%;
1481 margin-top: -2px;
1482}
1483.next-progress-line.next-small .next-progress-line-text {
1484 font-size: 12px;
1485 line-height: 4px;
1486}
1487.next-progress-line.next-medium .next-progress-line-underlay {
1488 border-radius: 20px;
1489 height: 8px;
1490}
1491.next-progress-line.next-medium .next-progress-line-overlay {
1492 height: 8px;
1493 border-radius: 20px;
1494 top: 50%;
1495 margin-top: -4px;
1496}
1497.next-progress-line.next-medium .next-progress-line-text {
1498 font-size: 12px;
1499 line-height: 8px;
1500}
1501.next-progress-line.next-large .next-progress-line-underlay {
1502 border-radius: 20px;
1503 height: 12px;
1504}
1505.next-progress-line.next-large .next-progress-line-overlay {
1506 height: 12px;
1507 border-radius: 20px;
1508 top: 50%;
1509 margin-top: -6px;
1510}
1511.next-progress-line.next-large .next-progress-line-text {
1512 font-size: 12px;
1513 line-height: 12px;
1514}
1515.next-progress-line-show-info .next-progress-line-container {
1516 padding-right: 60px;
1517 margin-right: -60px;
1518}
1519.next-progress-line-show-info .next-progress-line-text {
1520 width: 50px;
1521 text-align: left;
1522 margin-left: 10px;
1523 vertical-align: middle;
1524 display: inline-block;
1525 color: #333333;
1526}
1527.next-progress-line-show-border .next-progress-line-underlay {
1528 border: 1px solid #DCDEE3;
1529}
1530.next-progress-line-show-border.next-small .next-progress-line-underlay {
1531 border-radius: 20px;
1532 height: 6px;
1533}
1534.next-progress-line-show-border.next-small .next-progress-line-overlay {
1535 height: 4px;
1536 border-radius: 20px;
1537 top: 50%;
1538 margin-top: -2px;
1539}
1540.next-progress-line-show-border.next-small .next-progress-line-text {
1541 font-size: 12px;
1542 line-height: 6px;
1543}
1544.next-progress-line-show-border.next-medium .next-progress-line-underlay {
1545 border-radius: 20px;
1546 height: 10px;
1547}
1548.next-progress-line-show-border.next-medium .next-progress-line-overlay {
1549 height: 8px;
1550 border-radius: 20px;
1551 top: 50%;
1552 margin-top: -4px;
1553}
1554.next-progress-line-show-border.next-medium .next-progress-line-text {
1555 font-size: 12px;
1556 line-height: 10px;
1557}
1558.next-progress-line-show-border.next-large .next-progress-line-underlay {
1559 border-radius: 20px;
1560 height: 14px;
1561}
1562.next-progress-line-show-border.next-large .next-progress-line-overlay {
1563 height: 12px;
1564 border-radius: 20px;
1565 top: 50%;
1566 margin-top: -6px;
1567}
1568.next-progress-line-show-border.next-large .next-progress-line-text {
1569 font-size: 12px;
1570 line-height: 14px;
1571}
1572
1573.next-progress-circle {
1574 -webkit-box-sizing: border-box;
1575 box-sizing: border-box;
1576}
1577.next-progress-circle *,
1578.next-progress-circle *:before,
1579.next-progress-circle *:after {
1580 -webkit-box-sizing: border-box;
1581 box-sizing: border-box;
1582}
1583.next-progress-circle {
1584 position: relative;
1585 display: inline-block;
1586}
1587.next-progress-circle-underlay {
1588 stroke-width: 8px;
1589 stroke: #EBECF0;
1590}
1591.next-progress-circle-overlay {
1592 -webkit-transition: all 300ms ease;
1593 transition: all 300ms ease;
1594 stroke-linecap: round;
1595 stroke-width: 8px;
1596}
1597.next-progress-circle-overlay-normal {
1598 stroke: #5584FF;
1599}
1600.next-progress-circle-overlay-success {
1601 stroke: #46BC15;
1602}
1603.next-progress-circle-overlay-error {
1604 stroke: #FF3000;
1605}
1606.next-progress-circle-overlay-started {
1607 stroke: #FF3000;
1608}
1609.next-progress-circle-overlay-middle {
1610 stroke: #FF9300;
1611}
1612.next-progress-circle-overlay-finishing {
1613 stroke: #46BC15;
1614}
1615.next-progress-circle.next-small {
1616 width: 100px;
1617 height: 100px;
1618 font-size: 20px;
1619}
1620.next-progress-circle.next-medium {
1621 width: 116px;
1622 height: 116px;
1623 font-size: 24px;
1624}
1625.next-progress-circle.next-large {
1626 width: 132px;
1627 height: 132px;
1628 font-size: 36px;
1629}
1630.next-progress-circle-text {
1631 display: block;
1632 position: absolute;
1633 width: 100%;
1634 top: 50%;
1635 left: 0;
1636 text-align: center;
1637 line-height: 1;
1638 -webkit-transform: translateY(-50%);
1639 -ms-transform: translateY(-50%);
1640 transform: translateY(-50%);
1641 -webkit-transition: -webkit-transform 300ms ease;
1642 transition: -webkit-transform 300ms ease;
1643 transition: transform 300ms ease;
1644 transition: transform 300ms ease, -webkit-transform 300ms ease;
1645 color: #333333;
1646}
1647
1648.next-range {
1649 -webkit-box-sizing: border-box;
1650 box-sizing: border-box;
1651 width: 100%;
1652 font-family: inherit;
1653 font-weight: normal;
1654 font-size: inherit;
1655 line-height: inherit;
1656 vertical-align: baseline;
1657 display: -webkit-box;
1658 display: -ms-flexbox;
1659 display: flex;
1660 -webkit-box-orient: vertical;
1661 -webkit-box-direction: normal;
1662 -ms-flex-direction: column;
1663 flex-direction: column;
1664 cursor: pointer;
1665}
1666.next-range *,
1667.next-range *:before,
1668.next-range *:after {
1669 -webkit-box-sizing: border-box;
1670 box-sizing: border-box;
1671}
1672.next-range .next-range-inner {
1673 position: relative;
1674}
1675.next-range .next-range-inner:only-child {
1676 margin-top: auto;
1677 margin-bottom: auto;
1678}
1679.next-range .next-range-track {
1680 position: absolute;
1681 width: 100%;
1682 top: 50%;
1683 border-radius: 0;
1684}
1685.next-range .next-range-selected {
1686 position: absolute;
1687 width: 0;
1688 top: 50%;
1689 left: 0;
1690 border-radius: 0;
1691}
1692.next-range .next-range-scale {
1693 position: relative;
1694 width: 100%;
1695 height: 12px;
1696}
1697.next-range .next-range-scale .next-range-scale-item {
1698 position: absolute;
1699 left: 0;
1700 width: 2px;
1701 border: 1px solid;
1702 border-radius: 0;
1703}
1704.next-range .next-range-scale .next-range-scale-item:last-child {
1705 margin-left: -2px;
1706}
1707.next-range .next-range-slider {
1708 position: absolute;
1709 top: 50%;
1710 left: 0;
1711 border-radius: 50%;
1712}
1713.next-range .next-range-slider-inner {
1714 position: absolute;
1715 top: 50%;
1716 left: 50%;
1717 border-width: 1px;
1718 border-style: solid;
1719 border-color: #C4C6CF;
1720 border-radius: 50%;
1721 -webkit-transition: border-color 100ms linear, -webkit-transform 100ms linear;
1722 transition: border-color 100ms linear, -webkit-transform 100ms linear;
1723 transition: transform 100ms linear, border-color 100ms linear;
1724 transition: transform 100ms linear, border-color 100ms linear, -webkit-transform 100ms linear;
1725}
1726.next-range .next-range-slider.next-range-slider-moving .next-range-slider-inner {
1727 border: 2px solid #5584FF;
1728 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1729 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1730 -webkit-transform: scale(1.2);
1731 -ms-transform: scale(1.2);
1732 transform: scale(1.2);
1733}
1734.next-range .next-range-frag.next-range-active .next-range-slider .next-range-slider-inner {
1735 border: 2px solid #5584FF;
1736 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1737 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1738 -webkit-transform: scale(1.2);
1739 -ms-transform: scale(1.2);
1740 transform: scale(1.2);
1741}
1742.next-range .next-range-mark {
1743 position: relative;
1744 cursor: auto;
1745}
1746.next-range .next-range-mark .next-range-mark-text {
1747 position: absolute;
1748 left: 0;
1749 -webkit-transform: translateX(-50%);
1750 -ms-transform: translateX(-50%);
1751 transform: translateX(-50%);
1752 padding-left: 2px;
1753 text-align: center;
1754}
1755.next-range .next-range-frag {
1756 position: absolute;
1757 top: 0;
1758}
1759.next-range .next-range-frag .next-range-slider {
1760 left: 0;
1761}
1762.next-range .next-range-frag .next-range-slider:nth-child(2) {
1763 left: 100%;
1764}
1765.next-range .next-range-frag .next-range-selected {
1766 width: 100%;
1767}
1768.next-range.disabled {
1769 cursor: not-allowed;
1770}
1771.next-range.disabled .next-range-mark {
1772 cursor: auto;
1773}
1774.next-range .next-range-track {
1775 background: #C4C6CF;
1776}
1777.next-range .next-range-track:hover {
1778 background: #C4C6CF;
1779}
1780.next-range .next-range-selected {
1781 background: #5584FF;
1782}
1783.next-range .next-range-selected:hover {
1784 background: #5584FF;
1785}
1786.next-range .next-range-scale .next-range-scale-item {
1787 border-color: #C4C6CF;
1788 background: #C4C6CF;
1789}
1790.next-range .next-range-scale .next-range-scale-item:hover {
1791 border-color: #C4C6CF;
1792}
1793.next-range .next-range-scale .next-range-scale-item.activated {
1794 border-color: #5584FF;
1795 background: #5584FF;
1796}
1797.next-range .next-range-scale .next-range-scale-item.activated:hover {
1798 border-color: #5584FF;
1799}
1800.next-range .next-range-slider-inner {
1801 background: #FFFFFF;
1802 border-color: #C4C6CF;
1803}
1804.next-range .next-range-slider-inner:hover {
1805 background: #FFFFFF;
1806 -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1807 box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1808 -webkit-transform: scale(1.2);
1809 -ms-transform: scale(1.2);
1810 transform: scale(1.2);
1811}
1812.next-range .next-range-mark .next-range-mark-text {
1813 color: #999999;
1814}
1815.next-range .next-range-mark .next-range-mark-text:hover {
1816 color: #999999;
1817}
1818.next-range .next-range-mark .next-range-mark-text.activated {
1819 color: #333333;
1820}
1821.next-range .next-range-mark .next-range-mark-text.activated:hover {
1822 color: #333333;
1823}
1824.next-range.disabled .next-range-track {
1825 background: #C4C6CF;
1826}
1827.next-range.disabled .next-range-selected {
1828 background: #A0A2AD;
1829}
1830.next-range.disabled .next-range-scale-item {
1831 border-color: #C4C6CF;
1832}
1833.next-range.disabled .next-range-scale-item.activated {
1834 border-color: #A0A2AD;
1835}
1836.next-range.disabled .next-range-slider-inner {
1837 background: #E6E7EB;
1838 border-color: #E6E7EB;
1839 -webkit-transform: none;
1840 -ms-transform: none;
1841 transform: none;
1842 -webkit-box-shadow: none;
1843 box-shadow: none;
1844}
1845.next-range.disabled .next-range-mark-text {
1846 color: #CCCCCC;
1847}
1848.next-range.disabled .next-range-mark-text.activated {
1849 color: #999999;
1850}
1851.next-range .next-range-track {
1852 height: 4px;
1853 margin-top: -2px;
1854}
1855.next-range .next-range-selected {
1856 height: 4px;
1857 margin-top: -2px;
1858}
1859.next-range .next-range-frag {
1860 margin-top: 4px;
1861 height: 4px;
1862}
1863.next-range .next-range-slider {
1864 height: 16px;
1865 width: 16px;
1866 margin-top: -8px;
1867 margin-left: -8px;
1868 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
1869 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
1870}
1871.next-range .next-range-slider-inner {
1872 height: 16px;
1873 width: 16px;
1874 margin-top: -8px;
1875 margin-left: -8px;
1876}
1877.next-range .next-range-mark {
1878 display: block;
1879}
1880.next-range .next-range-mark .next-range-mark-text {
1881 font-size: 12px;
1882 font-weight: normal;
1883 line-height: 20px;
1884 height: 20px;
1885}
1886.next-range .next-range-mark.next-range-mark-below {
1887 height: 30px;
1888}
1889.next-range .next-range-mark.next-range-mark-below .next-range-mark-text {
1890 bottom: 0;
1891}
1892.next-range .next-range-mark.next-range-mark-above {
1893 height: 30px;
1894}
1895.next-range .next-range-scale .next-range-scale-item {
1896 height: 12px;
1897}
1898.next-range.simulation-hover > .next-range-slider-inner {
1899 background: #FFFFFF;
1900 -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1901 box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
1902 -webkit-transform: scale(1.2);
1903 -ms-transform: scale(1.2);
1904 transform: scale(1.2);
1905}
1906.next-range.simulation-hover .next-range-selected {
1907 background: #5584FF;
1908}
1909.next-range.simulation-hover .next-range-track {
1910 background: #C4C6CF;
1911}
1912.next-range.simulation-hover .next-range-scale-item {
1913 border-color: #C4C6CF;
1914}
1915.next-range.simulation-hover .next-range-scale-item.activated {
1916 border-color: #5584FF;
1917}
1918.next-range.simulation-click > .next-range-slider-inner {
1919 border: 2px solid #5584FF;
1920 -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1921 box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
1922 -webkit-transform: scale(1.2);
1923 -ms-transform: scale(1.2);
1924 transform: scale(1.2);
1925}
1926.next-range[dir=rtl] .next-range-mark {
1927 position: relative;
1928 cursor: auto;
1929}
1930.next-range[dir=rtl] .next-range-mark .next-range-mark-text {
1931 position: absolute;
1932 right: 0;
1933 -webkit-transform: translateX(50%);
1934 -ms-transform: translateX(50%);
1935 transform: translateX(50%);
1936 padding-right: 2px;
1937 text-align: center;
1938}
1939
1940.next-rating[dir=rtl] .next-rating-overlay {
1941 right: 0;
1942 left: auto;
1943}
1944.next-rating[dir=rtl] .next-rating-underlay .next-rating-icon,
1945.next-rating[dir=rtl] .next-rating-overlay .next-rating-icon {
1946 margin-right: 4px;
1947 margin-left: 0;
1948}
1949.next-rating[dir=rtl] .next-rating-underlay .next-rating-icon:last-child,
1950.next-rating[dir=rtl] .next-rating-overlay .next-rating-icon:last-child {
1951 /* icon 放大会产生边缘溢出,这里使用 margin 为放大扩展一部分空间 */
1952 margin-left: 4px;
1953}
1954
1955.next-rating {
1956 vertical-align: top;
1957}
1958.next-rating {
1959 display: inline-block;
1960 position: relative;
1961}
1962.next-rating:after {
1963 visibility: hidden;
1964 display: block;
1965 height: 0;
1966 font-size: 0;
1967 content: " ";
1968 clear: both;
1969}
1970.next-rating-base {
1971 float: left;
1972}
1973.next-rating-text {
1974 float: left;
1975}
1976.next-rating-base-disabled {
1977 cursor: not-allowed;
1978}
1979.next-rating-base-disabled .next-rating-underlay .next-rating-icon {
1980 cursor: not-allowed;
1981}
1982.next-rating-base-disabled .next-rating-overlay .next-rating-icon {
1983 cursor: not-allowed;
1984}
1985.next-rating-symbol-icon::before {
1986 content: "\E60E";
1987}
1988.next-rating-underlay {
1989 white-space: nowrap;
1990 overflow: hidden;
1991}
1992.next-rating-underlay .next-icon {
1993 color: #E2E4E8;
1994}
1995.next-rating-stroke-mode .next-rating-underlay .next-icon {
1996 color: transparent;
1997 -webkit-text-stroke: 1px #5584FF;
1998}
1999.next-rating-overlay {
2000 white-space: nowrap;
2001 overflow: hidden;
2002 position: absolute;
2003 width: 0;
2004 top: 0;
2005 left: 0;
2006}
2007.next-rating-overlay .next-icon {
2008 color: #5584FF;
2009}
2010.next-rating-underlay .next-rating-icon, .next-rating-overlay .next-rating-icon {
2011 cursor: pointer;
2012 margin-left: 4px;
2013}
2014.next-rating-underlay .next-rating-icon:last-child, .next-rating-overlay .next-rating-icon:last-child {
2015 /* icon 放大会产生边缘溢出,这里使用 margin 为放大扩展一部分空间 */
2016 margin-right: 4px;
2017}
2018.next-rating-underlay .next-icon, .next-rating-overlay .next-icon {
2019 -webkit-transition: all 100ms linear;
2020 transition: all 100ms linear;
2021}
2022.next-rating-underlay .next-icon.hover, .next-rating-overlay .next-icon.hover {
2023 -webkit-transform: scale3d(1.1, 1.1, 1.1);
2024 transform: scale3d(1.1, 1.1, 1.1);
2025}
2026.next-rating-underlay .next-icon.clicked, .next-rating-overlay .next-icon.clicked {
2027 -webkit-transform: scale3d(0.9, 0.9, 0.9);
2028 transform: scale3d(0.9, 0.9, 0.9);
2029}
2030.next-rating-info {
2031 position: absolute;
2032 top: calc(100% + 4px);
2033 left: 0;
2034 border: 1px solid #E2E4E8;
2035 background: #FFFFFF;
2036 padding: 4px 8px 3px;
2037 font-size: 12px;
2038 white-space: nowrap;
2039}
2040.next-rating-info:after {
2041 position: absolute;
2042 content: "";
2043 width: 4px;
2044 height: 4px;
2045 -webkit-transform: rotate(45deg);
2046 -ms-transform: rotate(45deg);
2047 transform: rotate(45deg);
2048 border: 1px solid #E2E4E8;
2049 background: #FFFFFF;
2050 border-bottom-color: transparent;
2051 border-right-color: transparent;
2052 top: -3px;
2053 left: 4px;
2054}
2055.next-rating:focus .next-rating-base:not(.next-rating-base-disabled), .next-rating.hover {
2056 outline: none;
2057}
2058.next-rating:focus .next-rating-base:not(.next-rating-base-disabled) .next-rating-overlay .next-icon, .next-rating.hover .next-rating-overlay .next-icon {
2059 color: #5584FF;
2060}
2061
2062/* 状态 */
2063/* ======================================== */
2064.next-rating-grade-low .next-rating-overlay .next-icon {
2065 color: #666666;
2066}
2067.next-rating-grade-low.hover .next-rating-overlay .next-icon {
2068 color: #666666;
2069}
2070
2071.next-rating-grade-high .next-rating-overlay .next-icon {
2072 color: #5584FF;
2073}
2074.next-rating-grade-high.hover .next-rating-overlay .next-icon {
2075 color: #5584FF;
2076}
2077
2078/* 尺寸 */
2079/* ======================================== */
2080.next-rating-small {
2081 font-size: 12px;
2082}
2083.next-rating-small .next-icon:before, .next-rating-small .next-icon .next-icon-remote {
2084 width: 12px;
2085 font-size: 12px;
2086 line-height: inherit;
2087}
2088.next-rating-small .next-rating-text {
2089 margin-left: 8px;
2090}
2091
2092.next-rating-medium {
2093 font-size: 12px;
2094}
2095.next-rating-medium .next-icon:before, .next-rating-medium .next-icon .next-icon-remote {
2096 width: 16px;
2097 font-size: 16px;
2098 line-height: inherit;
2099}
2100.next-rating-medium .next-rating-text {
2101 margin-left: 12px;
2102}
2103
2104.next-rating-large {
2105 font-size: 16px;
2106}
2107.next-rating-large .next-icon:before, .next-rating-large .next-icon .next-icon-remote {
2108 width: 20px;
2109 font-size: 20px;
2110 line-height: inherit;
2111}
2112.next-rating-large .next-rating-text {
2113 margin-left: 16px;
2114}
2115
2116.next-search-simple[dir=rtl].next-large .next-search-icon {
2117 margin-left: 12px;
2118 margin-right: 0;
2119}
2120.next-search-simple[dir=rtl].next-medium .next-search-icon {
2121 margin-left: 8px;
2122 margin-right: 0;
2123}
2124.next-search-simple[dir=rtl].next-normal .next-search-left .next-search-left-addon {
2125 border-left: 1px solid #C4C6CF;
2126 border-right: none;
2127}
2128.next-search-simple[dir=rtl].next-dark .next-search-left {
2129 border-color: #C4C6CF;
2130}
2131.next-search-simple[dir=rtl].next-dark .next-search-left .next-search-left-addon {
2132 border-right: 1px solid #C4C6CF;
2133}
2134.next-search-simple[dir=rtl].next-dark:hover .next-search-left {
2135 border-color: #C4C6CF;
2136}
2137.next-search-simple[dir=rtl].next-dark .next-search-icon {
2138 color: #999999;
2139}
2140.next-search-simple[dir=rtl].next-dark .next-search-icon:hover {
2141 color: #666666;
2142}
2143.next-search-normal[dir=rtl] .next-search-left {
2144 border-left: none;
2145 border-top-right-radius: 3px;
2146 border-bottom-right-radius: 3px;
2147 border-top-left-radius: 0;
2148 border-bottom-left-radius: 0;
2149}
2150.next-search-normal[dir=rtl] .next-search-btn.next-btn {
2151 border-radius: 3px 0 0 3px !important;
2152}
2153.next-search-normal[dir=rtl] .next-input {
2154 border-radius: 0 3px 3px 0;
2155}
2156.next-search-normal[dir=rtl].next-primary .next-input {
2157 border-top-left-radius: 0;
2158 border-bottom-left-radius: 0;
2159 border-top-right-radius: 1px;
2160 border-bottom-right-radius: 1px;
2161}
2162.next-search-normal[dir=rtl].next-primary .next-search-left .next-search-left-addon {
2163 border-left: 1px solid #E6E7EB;
2164 border-right: none;
2165}
2166.next-search-normal[dir=rtl].next-secondary .next-input {
2167 border-top-left-radius: 0;
2168 border-bottom-left-radius: 0;
2169 border-top-right-radius: 1px;
2170 border-bottom-right-radius: 1px;
2171}
2172.next-search-normal[dir=rtl].next-secondary .next-search-left .next-search-left-addon {
2173 border-left: 1px solid #E6E7EB;
2174 border-right: none;
2175}
2176.next-search-normal[dir=rtl].next-normal .next-input {
2177 border-top-left-radius: 0;
2178 border-bottom-left-radius: 0;
2179 border-top-right-radius: 1px;
2180 border-bottom-right-radius: 1px;
2181}
2182.next-search-normal[dir=rtl].next-normal .next-search-left .next-search-left-addon {
2183 border-left: 1px solid #E6E7EB;
2184 border-right: none;
2185}
2186.next-search-normal[dir=rtl].next-dark .next-search-left .next-search-left-addon {
2187 border-left: 1px solid #5584FF;
2188 border-right: none;
2189}
2190
2191.next-search {
2192 -webkit-box-sizing: border-box;
2193 box-sizing: border-box;
2194 width: 100%;
2195 display: inline-block;
2196}
2197.next-search *,
2198.next-search *:before,
2199.next-search *:after {
2200 -webkit-box-sizing: border-box;
2201 box-sizing: border-box;
2202}
2203.next-search .next-input,
2204.next-search .next-select {
2205 border: none;
2206 -webkit-box-shadow: none;
2207 box-shadow: none;
2208}
2209.next-search .next-select .next-input {
2210 height: auto;
2211}
2212.next-search .next-select .next-input .next-input-text-field {
2213 height: auto;
2214}
2215.next-search .next-search-left {
2216 border-style: solid;
2217 -webkit-transition: all 100ms linear;
2218 transition: all 100ms linear;
2219}
2220.next-search .next-search-left-addon .next-input,
2221.next-search .next-search-left-addon .next-select-trigger-search {
2222 min-height: 100%;
2223 border-bottom-right-radius: 0;
2224 border-top-right-radius: 0;
2225}
2226.next-search .next-search-left-addon .next-select-values {
2227 line-height: 1;
2228}
2229.next-search .next-search-left-addon.next-input-group-addon .next-select {
2230 margin: 0;
2231}
2232.next-search .next-search-left-addon + .next-search-input .next-input {
2233 border-bottom-left-radius: 0;
2234 border-top-left-radius: 0;
2235}
2236.next-search .next-search-input {
2237 width: 100%;
2238}
2239.next-search .next-search-btn {
2240 -webkit-box-shadow: none;
2241 box-shadow: none;
2242}
2243.next-search .next-search-symbol-icon::before {
2244 content: "\E656";
2245}
2246.next-search-normal {
2247 width: 600px;
2248}
2249.next-search-normal .next-search-left {
2250 border-top-left-radius: 3px;
2251 border-bottom-left-radius: 3px;
2252}
2253.next-search-normal .next-input {
2254 border-radius: 3px 0 0 3px;
2255}
2256.next-search-normal .next-btn {
2257 border-radius: 0 3px 3px 0;
2258}
2259.next-search-normal.next-primary .next-search-left {
2260 border-color: #5584FF;
2261}
2262.next-search-normal.next-primary .next-search-left .next-search-left-addon {
2263 border-right: 1px solid #E6E7EB;
2264}
2265.next-search-normal.next-primary:hover .next-search-left,
2266.next-search-normal.next-primary:hover .next-btn {
2267 border-color: #5584FF;
2268}
2269.next-search-normal.next-primary .next-search-btn {
2270 background: #5584FF;
2271 border-color: #5584FF;
2272 color: #FFFFFF;
2273}
2274.next-search-normal.next-primary .next-search-btn:hover {
2275 background: #3E71F7;
2276 border-color: #5584FF;
2277 color: #FFFFFF;
2278}
2279.next-search-normal.next-primary .next-search-btn .next-icon {
2280 color: #FFFFFF;
2281}
2282.next-search-normal.next-primary .next-search-btn .next-icon:hover {
2283 color: #FFFFFF;
2284}
2285.next-search-normal.next-primary.next-large {
2286 -webkit-box-shadow: none;
2287 box-shadow: none;
2288}
2289.next-search-normal.next-primary.next-large .next-search-left, .next-search-normal.next-primary.next-large .next-search-btn {
2290 border-width: 2px;
2291 height: 60px;
2292}
2293.next-search-normal.next-primary.next-large .next-search-input {
2294 height: 56px;
2295 overflow-y: hidden;
2296}
2297.next-search-normal.next-primary.next-large .next-search-input input {
2298 height: 56px;
2299 line-height: 56px \0 ;
2300}
2301.next-search-normal.next-primary.next-large .next-select {
2302 height: 56px;
2303}
2304.next-search-normal.next-primary.next-large .next-search-btn {
2305 font-size: 16px;
2306}
2307.next-search-normal.next-primary.next-large .next-search-btn .next-icon:before, .next-search-normal.next-primary.next-large .next-search-btn .next-icon .next-icon-remote {
2308 width: 24px;
2309 font-size: 24px;
2310 line-height: inherit;
2311}
2312.next-search-normal.next-primary.next-large .next-search-btn .next-search-btn-text {
2313 display: inline-block;
2314 padding-left: 0px;
2315}
2316.next-search-normal.next-primary.next-medium {
2317 -webkit-box-shadow: none;
2318 box-shadow: none;
2319}
2320.next-search-normal.next-primary.next-medium .next-search-left, .next-search-normal.next-primary.next-medium .next-search-btn {
2321 border-width: 2px;
2322 height: 40px;
2323}
2324.next-search-normal.next-primary.next-medium .next-search-input {
2325 height: 36px;
2326 overflow-y: hidden;
2327}
2328.next-search-normal.next-primary.next-medium .next-search-input input {
2329 height: 36px;
2330 line-height: 36px \0 ;
2331}
2332.next-search-normal.next-primary.next-medium .next-select {
2333 height: 36px;
2334}
2335.next-search-normal.next-primary.next-medium .next-search-btn {
2336 font-size: 16px;
2337}
2338.next-search-normal.next-primary.next-medium .next-search-btn .next-icon:before, .next-search-normal.next-primary.next-medium .next-search-btn .next-icon .next-icon-remote {
2339 width: 16px;
2340 font-size: 16px;
2341 line-height: inherit;
2342}
2343.next-search-normal.next-primary.next-medium .next-search-btn .next-search-btn-text {
2344 display: inline-block;
2345 padding-left: 0px;
2346}
2347.next-search-normal.next-primary .next-input {
2348 border-top-left-radius: 1px;
2349 border-bottom-left-radius: 1px;
2350}
2351.next-search-normal.next-secondary .next-search-left {
2352 border-color: #C4C6CF;
2353}
2354.next-search-normal.next-secondary .next-search-left .next-search-left-addon {
2355 border-right: 1px solid #E6E7EB;
2356}
2357.next-search-normal.next-secondary:hover .next-search-left,
2358.next-search-normal.next-secondary:hover .next-btn {
2359 border-color: #5584FF;
2360}
2361.next-search-normal.next-secondary .next-search-btn {
2362 background: #5584FF;
2363 border-color: #5584FF;
2364 color: #FFFFFF;
2365}
2366.next-search-normal.next-secondary .next-search-btn:hover {
2367 background: #3E71F7;
2368 border-color: #5584FF;
2369 color: #FFFFFF;
2370}
2371.next-search-normal.next-secondary .next-search-btn .next-icon {
2372 color: #FFFFFF;
2373}
2374.next-search-normal.next-secondary .next-search-btn .next-icon:hover {
2375 color: #FFFFFF;
2376}
2377.next-search-normal.next-secondary.next-large {
2378 -webkit-box-shadow: none;
2379 box-shadow: none;
2380}
2381.next-search-normal.next-secondary.next-large .next-search-left, .next-search-normal.next-secondary.next-large .next-search-btn {
2382 border-width: 1px;
2383 height: 60px;
2384}
2385.next-search-normal.next-secondary.next-large .next-search-input {
2386 height: 58px;
2387 overflow-y: hidden;
2388}
2389.next-search-normal.next-secondary.next-large .next-search-input input {
2390 height: 58px;
2391 line-height: 58px \0 ;
2392}
2393.next-search-normal.next-secondary.next-large .next-select {
2394 height: 58px;
2395}
2396.next-search-normal.next-secondary.next-large .next-search-btn {
2397 font-size: 16px;
2398}
2399.next-search-normal.next-secondary.next-large .next-search-btn .next-icon:before, .next-search-normal.next-secondary.next-large .next-search-btn .next-icon .next-icon-remote {
2400 width: 24px;
2401 font-size: 24px;
2402 line-height: inherit;
2403}
2404.next-search-normal.next-secondary.next-large .next-search-btn .next-search-btn-text {
2405 display: inline-block;
2406 padding-left: 0px;
2407}
2408.next-search-normal.next-secondary.next-medium {
2409 -webkit-box-shadow: none;
2410 box-shadow: none;
2411}
2412.next-search-normal.next-secondary.next-medium .next-search-left, .next-search-normal.next-secondary.next-medium .next-search-btn {
2413 border-width: 1px;
2414 height: 40px;
2415}
2416.next-search-normal.next-secondary.next-medium .next-search-input {
2417 height: 38px;
2418 overflow-y: hidden;
2419}
2420.next-search-normal.next-secondary.next-medium .next-search-input input {
2421 height: 38px;
2422 line-height: 38px \0 ;
2423}
2424.next-search-normal.next-secondary.next-medium .next-select {
2425 height: 38px;
2426}
2427.next-search-normal.next-secondary.next-medium .next-search-btn {
2428 font-size: 16px;
2429}
2430.next-search-normal.next-secondary.next-medium .next-search-btn .next-icon:before, .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon .next-icon-remote {
2431 width: 16px;
2432 font-size: 16px;
2433 line-height: inherit;
2434}
2435.next-search-normal.next-secondary.next-medium .next-search-btn .next-search-btn-text {
2436 display: inline-block;
2437 padding-left: 0px;
2438}
2439.next-search-normal.next-secondary .next-input {
2440 border-top-left-radius: 2px;
2441 border-bottom-left-radius: 2px;
2442}
2443.next-search-normal.next-normal .next-search-left {
2444 border-color: #C4C6CF;
2445}
2446.next-search-normal.next-normal .next-search-left .next-search-left-addon {
2447 border-right: 1px solid #E6E7EB;
2448}
2449.next-search-normal.next-normal:hover .next-search-left,
2450.next-search-normal.next-normal:hover .next-btn {
2451 border-color: #A0A2AD;
2452}
2453.next-search-normal.next-normal .next-search-btn {
2454 background: #F7F8FA;
2455 border-color: #C4C6CF;
2456 color: #666666;
2457}
2458.next-search-normal.next-normal .next-search-btn:hover {
2459 background: #EBECF0;
2460 border-color: #A0A2AD;
2461 color: #333333;
2462}
2463.next-search-normal.next-normal .next-search-btn .next-icon {
2464 color: #666666;
2465}
2466.next-search-normal.next-normal .next-search-btn .next-icon:hover {
2467 color: #333333;
2468}
2469.next-search-normal.next-normal.next-large {
2470 -webkit-box-shadow: none;
2471 box-shadow: none;
2472}
2473.next-search-normal.next-normal.next-large .next-search-left, .next-search-normal.next-normal.next-large .next-search-btn {
2474 border-width: 1px;
2475 height: 60px;
2476}
2477.next-search-normal.next-normal.next-large .next-search-input {
2478 height: 58px;
2479 overflow-y: hidden;
2480}
2481.next-search-normal.next-normal.next-large .next-search-input input {
2482 height: 58px;
2483 line-height: 58px \0 ;
2484}
2485.next-search-normal.next-normal.next-large .next-select {
2486 height: 58px;
2487}
2488.next-search-normal.next-normal.next-large .next-search-btn {
2489 font-size: 16px;
2490}
2491.next-search-normal.next-normal.next-large .next-search-btn .next-icon:before, .next-search-normal.next-normal.next-large .next-search-btn .next-icon .next-icon-remote {
2492 width: 24px;
2493 font-size: 24px;
2494 line-height: inherit;
2495}
2496.next-search-normal.next-normal.next-large .next-search-btn .next-search-btn-text {
2497 display: inline-block;
2498 padding-left: 0px;
2499}
2500.next-search-normal.next-normal.next-medium {
2501 -webkit-box-shadow: none;
2502 box-shadow: none;
2503}
2504.next-search-normal.next-normal.next-medium .next-search-left, .next-search-normal.next-normal.next-medium .next-search-btn {
2505 border-width: 1px;
2506 height: 40px;
2507}
2508.next-search-normal.next-normal.next-medium .next-search-input {
2509 height: 38px;
2510 overflow-y: hidden;
2511}
2512.next-search-normal.next-normal.next-medium .next-search-input input {
2513 height: 38px;
2514 line-height: 38px \0 ;
2515}
2516.next-search-normal.next-normal.next-medium .next-select {
2517 height: 38px;
2518}
2519.next-search-normal.next-normal.next-medium .next-search-btn {
2520 font-size: 16px;
2521}
2522.next-search-normal.next-normal.next-medium .next-search-btn .next-icon:before, .next-search-normal.next-normal.next-medium .next-search-btn .next-icon .next-icon-remote {
2523 width: 16px;
2524 font-size: 16px;
2525 line-height: inherit;
2526}
2527.next-search-normal.next-normal.next-medium .next-search-btn .next-search-btn-text {
2528 display: inline-block;
2529 padding-left: 0px;
2530}
2531.next-search-normal.next-normal .next-input {
2532 border-top-left-radius: 2px;
2533 border-bottom-left-radius: 2px;
2534}
2535.next-search-normal.next-dark .next-search-left {
2536 border-color: #5584FF;
2537}
2538.next-search-normal.next-dark .next-search-left .next-search-left-addon {
2539 border-right: 1px solid #5584FF;
2540}
2541.next-search-normal.next-dark:hover .next-search-left,
2542.next-search-normal.next-dark:hover .next-btn {
2543 border-color: #5584FF;
2544}
2545.next-search-normal.next-dark .next-search-btn {
2546 background: #5584FF;
2547 border-color: #5584FF;
2548 color: #FFFFFF;
2549}
2550.next-search-normal.next-dark .next-search-btn:hover {
2551 background: #3E71F7;
2552 border-color: #5584FF;
2553 color: #FFFFFF;
2554}
2555.next-search-normal.next-dark .next-search-btn .next-icon {
2556 color: #FFFFFF;
2557}
2558.next-search-normal.next-dark .next-search-btn .next-icon:hover {
2559 color: #FFFFFF;
2560}
2561.next-search-normal.next-dark .next-select-inner,
2562.next-search-normal.next-dark input {
2563 color: #FFFFFF;
2564}
2565.next-search-normal.next-dark .next-input {
2566 background: rgba(255, 255, 255, 0);
2567}
2568.next-search-normal.next-dark .next-select {
2569 background: rgba(255, 255, 255, 0);
2570}
2571.next-search-normal.next-dark.next-large {
2572 -webkit-box-shadow: none;
2573 box-shadow: none;
2574}
2575.next-search-normal.next-dark.next-large .next-search-left, .next-search-normal.next-dark.next-large .next-search-btn {
2576 border-width: 1px;
2577 height: 60px;
2578}
2579.next-search-normal.next-dark.next-large .next-search-input {
2580 height: 58px;
2581 overflow-y: hidden;
2582}
2583.next-search-normal.next-dark.next-large .next-search-input input {
2584 height: 58px;
2585 line-height: 58px \0 ;
2586}
2587.next-search-normal.next-dark.next-large .next-select {
2588 height: 58px;
2589}
2590.next-search-normal.next-dark.next-large .next-search-btn {
2591 font-size: 16px;
2592}
2593.next-search-normal.next-dark.next-large .next-search-btn .next-icon:before, .next-search-normal.next-dark.next-large .next-search-btn .next-icon .next-icon-remote {
2594 width: 24px;
2595 font-size: 24px;
2596 line-height: inherit;
2597}
2598.next-search-normal.next-dark.next-large .next-search-btn .next-search-btn-text {
2599 display: inline-block;
2600 padding-left: 0px;
2601}
2602.next-search-normal.next-dark.next-medium {
2603 -webkit-box-shadow: none;
2604 box-shadow: none;
2605}
2606.next-search-normal.next-dark.next-medium .next-search-left, .next-search-normal.next-dark.next-medium .next-search-btn {
2607 border-width: 1px;
2608 height: 40px;
2609}
2610.next-search-normal.next-dark.next-medium .next-search-input {
2611 height: 38px;
2612 overflow-y: hidden;
2613}
2614.next-search-normal.next-dark.next-medium .next-search-input input {
2615 height: 38px;
2616 line-height: 38px \0 ;
2617}
2618.next-search-normal.next-dark.next-medium .next-select {
2619 height: 38px;
2620}
2621.next-search-normal.next-dark.next-medium .next-search-btn {
2622 font-size: 16px;
2623}
2624.next-search-normal.next-dark.next-medium .next-search-btn .next-icon:before, .next-search-normal.next-dark.next-medium .next-search-btn .next-icon .next-icon-remote {
2625 width: 16px;
2626 font-size: 16px;
2627 line-height: inherit;
2628}
2629.next-search-normal.next-dark.next-medium .next-search-btn .next-search-btn-text {
2630 display: inline-block;
2631 padding-left: 0px;
2632}
2633.next-search-normal:not([dir=rtl]) .next-search-left {
2634 border-right: none;
2635}
2636.next-search-simple {
2637 width: 300px;
2638 -webkit-box-shadow: none;
2639 box-shadow: none;
2640 border-radius: 3px;
2641}
2642.next-search-simple .next-search-icon {
2643 cursor: pointer;
2644 -webkit-transition: all 100ms linear;
2645 transition: all 100ms linear;
2646}
2647.next-search-simple .next-search-left, .next-search-simple .next-input {
2648 border-radius: 3px;
2649}
2650.next-search-simple.next-large .next-search-icon {
2651 margin-right: 12px;
2652}
2653.next-search-simple.next-medium .next-search-icon {
2654 margin-right: 8px;
2655}
2656.next-search-simple.next-normal .next-search-left {
2657 border-color: #C4C6CF;
2658}
2659.next-search-simple.next-normal .next-search-left .next-search-left-addon {
2660 border-right: 1px solid #C4C6CF;
2661}
2662.next-search-simple.next-normal:hover .next-search-left {
2663 border-color: #A0A2AD;
2664}
2665.next-search-simple.next-normal .next-search-icon {
2666 color: #999999;
2667}
2668.next-search-simple.next-normal .next-search-icon:hover {
2669 color: #666666;
2670}
2671.next-search-simple.next-normal .next-search-left {
2672 border-width: 1px;
2673}
2674.next-search-simple.next-normal.next-large .next-search-icon:before, .next-search-simple.next-normal.next-large .next-search-icon .next-icon-remote {
2675 width: 20px;
2676 font-size: 20px;
2677 line-height: inherit;
2678}
2679.next-search-simple.next-normal.next-medium .next-search-icon:before, .next-search-simple.next-normal.next-medium .next-search-icon .next-icon-remote {
2680 width: 12px;
2681 font-size: 12px;
2682 line-height: inherit;
2683}
2684.next-search-simple.next-dark .next-search-left {
2685 border-color: #C4C6CF;
2686}
2687.next-search-simple.next-dark .next-search-left .next-search-left-addon {
2688 border-right: 1px solid #C4C6CF;
2689}
2690.next-search-simple.next-dark:hover .next-search-left {
2691 border-color: #C4C6CF;
2692}
2693.next-search-simple.next-dark .next-search-icon {
2694 color: #999999;
2695}
2696.next-search-simple.next-dark .next-search-icon:hover {
2697 color: #666666;
2698}
2699.next-search-simple.next-dark .next-select-inner,
2700.next-search-simple.next-dark input {
2701 color: #FFFFFF;
2702}
2703.next-search-simple.next-dark .next-input {
2704 background: rgba(255, 255, 255, 0);
2705}
2706.next-search-simple.next-dark .next-select {
2707 background: rgba(255, 255, 255, 0);
2708}
2709.next-search-simple.next-dark .next-search-left {
2710 border-width: 1px;
2711}
2712.next-search-simple.next-dark.next-large .next-search-icon:before, .next-search-simple.next-dark.next-large .next-search-icon .next-icon-remote {
2713 width: 20px;
2714 font-size: 20px;
2715 line-height: inherit;
2716}
2717.next-search-simple.next-dark.next-medium .next-search-icon:before, .next-search-simple.next-dark.next-medium .next-search-icon .next-icon-remote {
2718 width: 12px;
2719 font-size: 12px;
2720 line-height: inherit;
2721}
2722
2723.next-search-simple .next-select.next-large {
2724 height: 38px;
2725}
2726.next-search-simple .next-select.next-medium {
2727 height: 26px;
2728}
2729
2730/* Slider */
2731/* -------------------------------------- */
2732.next-slick {
2733 -webkit-box-sizing: border-box;
2734 box-sizing: border-box;
2735 position: relative;
2736 display: block;
2737 -webkit-touch-callout: none;
2738 -webkit-user-select: none;
2739 -moz-user-select: none;
2740 -ms-user-select: none;
2741 user-select: none;
2742 -ms-touch-action: pan-y;
2743 touch-action: pan-y;
2744 -webkit-tap-highlight-color: transparent;
2745 /* 水平滑动 */
2746 /* 垂直滑动 */
2747}
2748.next-slick *,
2749.next-slick *:before,
2750.next-slick *:after {
2751 -webkit-box-sizing: border-box;
2752 box-sizing: border-box;
2753}
2754.next-slick-initialized .next-slick-slide {
2755 display: block;
2756}
2757.next-slick-list {
2758 position: relative;
2759 overflow: hidden;
2760 display: block;
2761 margin: 0;
2762 padding: 0;
2763 -webkit-transform: translate3d(0, 0, 0);
2764 transform: translate3d(0, 0, 0);
2765}
2766.next-slick-list:focus {
2767 outline: none;
2768}
2769.next-slick-list.dragging {
2770 cursor: pointer;
2771 cursor: hand;
2772}
2773.next-slick-track {
2774 position: relative;
2775 top: 0;
2776 left: 0;
2777 display: block;
2778 -webkit-transform: translate3d(0, 0, 0);
2779 transform: translate3d(0, 0, 0);
2780}
2781.next-slick-slide {
2782 float: left;
2783 height: 100%;
2784 min-height: 1px;
2785 outline: 0;
2786 -webkit-transition: all 100ms linear;
2787 transition: all 100ms linear;
2788}
2789.next-slick[dir=rtl] .next-slick-slide {
2790 float: right;
2791}
2792.next-slick-slide img {
2793 display: block;
2794}
2795.next-slick-arrow {
2796 display: block;
2797 position: absolute;
2798 cursor: pointer;
2799 text-align: center;
2800 -webkit-transition: all 100ms linear;
2801 transition: all 100ms linear;
2802 /* prev/next 按钮不同位置下的外观 */
2803}
2804.next-slick-arrow.inner {
2805 color: #FFFFFF;
2806 background: #000000;
2807 opacity: 0.2;
2808 padding: 0;
2809 border: none;
2810}
2811.next-slick-arrow.inner:focus, .next-slick-arrow.inner:hover {
2812 color: #FFFFFF;
2813 background: #000000;
2814 opacity: 0.4;
2815}
2816.next-slick-arrow.inner.disabled {
2817 color: #CCCCCC;
2818 background: #F7F8FA;
2819 opacity: 0.5;
2820}
2821.next-slick-arrow.outer {
2822 color: #666666;
2823 background: transparent;
2824 opacity: 0.32;
2825 padding: 0;
2826 border: none;
2827 border-radius: 0px;
2828}
2829.next-slick-arrow.outer:focus, .next-slick-arrow.outer:hover {
2830 color: #333333;
2831 background: transparent;
2832 opacity: 0.32;
2833}
2834.next-slick-arrow.outer.disabled {
2835 color: #CCCCCC;
2836 background: transparent;
2837 opacity: 0.32;
2838}
2839.next-slick-arrow.disabled {
2840 cursor: not-allowed;
2841}
2842.next-slick-dots {
2843 display: block;
2844 position: absolute;
2845 margin: 0;
2846 padding: 0;
2847 /* dots 位于水平位置 */
2848 /* dots 位于右侧垂直位置 */
2849}
2850.next-slick-dots-item {
2851 position: relative;
2852 display: inline-block;
2853 cursor: pointer;
2854}
2855.next-slick-dots-item button {
2856 cursor: pointer;
2857 border-width: 0px;
2858 border-color: white;
2859 border-style: solid;
2860 outline: none;
2861 padding: 0;
2862 height: 8px;
2863 width: 8px;
2864 border-radius: 50%;
2865 background: rgba(0, 0, 0, 0.32);
2866}
2867.next-slick-dots-item button:focus, .next-slick-dots-item button:hover {
2868 background-color: rgba(255, 255, 255, 0.5);
2869 /* border-width: $slick-dots-border-width-hover; */
2870 border-color: white;
2871}
2872.next-slick-dots-item.active button {
2873 background: #5584ff;
2874 /* border-width: $slick-dots-border-width-selected; */
2875 border-color: white;
2876 -webkit-animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1);
2877 animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1);
2878}
2879.next-slick-dots.hoz {
2880 width: 100%;
2881 bottom: 12px;
2882 left: 0;
2883 text-align: center;
2884}
2885.next-slick-dots.hoz .next-slick-dots-item {
2886 margin: 0 4px;
2887}
2888.next-slick-dots.ver {
2889 width: 16px;
2890 top: 0;
2891 right: 20px;
2892 bottom: 0;
2893 display: -webkit-box;
2894 display: -ms-flexbox;
2895 display: flex;
2896 -webkit-box-pack: center;
2897 -ms-flex-pack: center;
2898 justify-content: center;
2899 -webkit-box-orient: vertical;
2900 -webkit-box-direction: normal;
2901 -ms-flex-direction: column;
2902 flex-direction: column;
2903}
2904.next-slick-dots.ver .next-slick-dots-item {
2905 margin: 0px 0;
2906}
2907.next-slick.next-slick-hoz.next-slick-outer {
2908 padding: 0 24px;
2909}
2910.next-slick.next-slick-hoz .next-slick-arrow.medium {
2911 width: 28px;
2912 height: 56px;
2913 line-height: 56px;
2914}
2915.next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon:before, .next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon .next-icon-remote {
2916 width: 20px;
2917 font-size: 20px;
2918 line-height: inherit;
2919}
2920.next-slick.next-slick-hoz .next-slick-arrow.medium.inner {
2921 top: calc(50% - 28px);
2922}
2923.next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-prev {
2924 left: 0;
2925}
2926.next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-next {
2927 right: 0;
2928}
2929.next-slick.next-slick-hoz .next-slick-arrow.medium.outer {
2930 top: calc(50% - 28px);
2931}
2932.next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-prev {
2933 left: -4px;
2934}
2935.next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-next {
2936 right: -4px;
2937}
2938.next-slick.next-slick-hoz .next-slick-arrow.large {
2939 width: 48px;
2940 height: 96px;
2941 line-height: 96px;
2942}
2943.next-slick.next-slick-hoz .next-slick-arrow.large .next-icon:before, .next-slick.next-slick-hoz .next-slick-arrow.large .next-icon .next-icon-remote {
2944 width: 32px;
2945 font-size: 32px;
2946 line-height: inherit;
2947}
2948.next-slick.next-slick-hoz .next-slick-arrow.large.inner {
2949 top: calc(50% - 48px);
2950}
2951.next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-prev {
2952 left: 0;
2953}
2954.next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-next {
2955 right: 0;
2956}
2957.next-slick.next-slick-hoz .next-slick-arrow.large.outer {
2958 top: calc(50% - 48px);
2959}
2960.next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-prev {
2961 left: -8px;
2962}
2963.next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-next {
2964 right: -8px;
2965}
2966.next-slick.next-slick-ver.next-slick-outer {
2967 padding: 24px 0;
2968}
2969.next-slick.next-slick-ver .next-slick-slide {
2970 display: block;
2971 height: auto;
2972 /* border: $slick-ver-slide-border-width solid transparent; */
2973}
2974.next-slick.next-slick-ver .next-slick-arrow {
2975 /* size medium */
2976 /* size medium & position inner */
2977 /* size medium & position outer */
2978 /* size large */
2979 /* size large & position inner */
2980 /* size large & position outer */
2981}
2982.next-slick.next-slick-ver .next-slick-arrow.medium {
2983 width: 56px;
2984 height: 28px;
2985 line-height: 28px;
2986}
2987.next-slick.next-slick-ver .next-slick-arrow.medium .next-icon:before, .next-slick.next-slick-ver .next-slick-arrow.medium .next-icon .next-icon-remote {
2988 width: 20px;
2989 font-size: 20px;
2990 line-height: inherit;
2991}
2992.next-slick.next-slick-ver .next-slick-arrow.medium.inner {
2993 left: calc(50% - 28px);
2994}
2995.next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-prev {
2996 top: 0;
2997}
2998.next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-next {
2999 bottom: 0;
3000}
3001.next-slick.next-slick-ver .next-slick-arrow.medium.outer {
3002 left: calc(50% - 28px);
3003}
3004.next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-prev {
3005 top: -4px;
3006}
3007.next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-next {
3008 bottom: -4px;
3009}
3010.next-slick.next-slick-ver .next-slick-arrow.large {
3011 width: 96px;
3012 height: 48px;
3013 line-height: 48px;
3014}
3015.next-slick.next-slick-ver .next-slick-arrow.large .next-icon:before, .next-slick.next-slick-ver .next-slick-arrow.large .next-icon .next-icon-remote {
3016 width: 32px;
3017 font-size: 32px;
3018 line-height: inherit;
3019}
3020.next-slick.next-slick-ver .next-slick-arrow.large.inner {
3021 left: calc(50% - 48px);
3022}
3023.next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-prev {
3024 top: 0;
3025}
3026.next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-next {
3027 bottom: 0;
3028}
3029.next-slick.next-slick-ver .next-slick-arrow.large.outer {
3030 left: calc(50% - 48px);
3031}
3032.next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-prev {
3033 top: -16px;
3034}
3035.next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-next {
3036 bottom: -16px;
3037}
3038
3039.next-split-btn {
3040 display: inline-block;
3041 position: relative;
3042}
3043.next-split-btn-spacing-tb {
3044 padding: 0px 0;
3045}
3046.next-split-btn-trigger .next-icon {
3047 -webkit-transition: -webkit-transform 100ms linear;
3048 transition: -webkit-transform 100ms linear;
3049 transition: transform 100ms linear;
3050 transition: transform 100ms linear, -webkit-transform 100ms linear;
3051}
3052.next-split-btn-trigger.next-expand .next-split-btn-symbol-fold {
3053 -webkit-transform: rotate(180deg);
3054 -ms-transform: rotate(180deg);
3055 transform: rotate(180deg);
3056}
3057.next-split-btn-trigger.next-btn-normal:not(:disabled):not(.disabled) .next-icon {
3058 color: #999999;
3059}
3060.next-split-btn-trigger.next-small {
3061 padding-left: 4px;
3062 padding-right: 4px;
3063}
3064.next-split-btn-trigger.next-medium {
3065 padding-left: 8px;
3066 padding-right: 8px;
3067}
3068.next-split-btn-symbol-fold::before {
3069 content: "\E63D";
3070}
3071.next-split-btn-symbol-unfold::before {
3072 content: "";
3073}
3074
3075.next-step *,
3076.next-step *:before,
3077.next-step *:after {
3078 -webkit-box-sizing: border-box;
3079 box-sizing: border-box;
3080}
3081.next-step, .next-step:before, .next-step:after {
3082 -webkit-box-sizing: border-box;
3083 box-sizing: border-box;
3084}
3085
3086.next-step {
3087 width: 100%;
3088 position: relative;
3089 border: none;
3090}
3091.next-step-item {
3092 position: relative;
3093 vertical-align: middle;
3094 outline: 0;
3095 height: 100%;
3096}
3097.next-step-item-body {
3098 outline: 0;
3099}
3100.next-step-item-node {
3101 -webkit-transition: all 100ms linear;
3102 transition: all 100ms linear;
3103}
3104.next-step-item-node.clicked {
3105 -webkit-transform: scale3d(0.8, 0.8, 0.8);
3106 transform: scale3d(0.8, 0.8, 0.8);
3107}
3108.next-step-horizontal {
3109 overflow: hidden;
3110}
3111.next-step-horizontal > .next-step-item {
3112 display: inline-block;
3113 text-align: left;
3114}
3115.next-step-vertical > .next-step-item {
3116 display: block;
3117 text-align: center;
3118}
3119
3120.next-step-arrow {
3121 display: -webkit-box;
3122 display: -ms-flexbox;
3123 display: flex;
3124}
3125.next-step-arrow .next-step-item {
3126 -webkit-box-flex: 1;
3127 -ms-flex: 1;
3128 flex: 1;
3129 height: 32px;
3130 line-height: 32px;
3131 margin-left: 16px;
3132 margin-right: 4px;
3133}
3134.next-step-arrow .next-step-item:before {
3135 content: "";
3136 position: absolute;
3137 left: -16px;
3138 top: 0;
3139 z-index: 1;
3140 border: 16px solid transparent;
3141 border-left-color: transparent;
3142}
3143.next-step-arrow .next-step-item:after {
3144 content: "";
3145 position: absolute;
3146 right: -16px;
3147 top: 0;
3148 z-index: 1;
3149 border-top: 16px solid transparent;
3150 border-bottom: 16px solid transparent;
3151 border-left: 16px solid transparent;
3152}
3153.next-step-arrow .next-step-item .next-step-item-container {
3154 min-width: 100px;
3155 height: 32px;
3156 cursor: pointer;
3157}
3158.next-step-arrow .next-step-item .next-step-item-container .next-step-item-title {
3159 height: 32px;
3160 line-height: 32px;
3161 font-weight: bold;
3162 font-size: 14px;
3163 overflow: hidden;
3164 text-overflow: ellipsis;
3165 white-space: nowrap;
3166 text-align: center;
3167}
3168.next-step-arrow > .next-step-item-wait {
3169 background: #EBECF0;
3170}
3171.next-step-arrow > .next-step-item-wait .next-step-item-tail-overlay {
3172 background: #000000;
3173}
3174.next-step-arrow > .next-step-item-wait .next-step-item-tail-underlay {
3175 background: #CCCCCC;
3176}
3177.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
3178 width: 32px;
3179 height: 32px;
3180}
3181.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node {
3182 color: #000000;
3183}
3184.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
3185 background: #EBECF0;
3186 border-color: #000000;
3187}
3188.next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
3189 background: #EBECF0;
3190 border-color: #000000;
3191}
3192.next-step-arrow > .next-step-item-wait .next-step-item-title {
3193 color: #999999;
3194 word-break: break-word;
3195}
3196.next-step-arrow > .next-step-item-wait .next-step-item-content {
3197 color: #999999;
3198 font-size: 12px;
3199 line-height: 1.5;
3200 word-break: break-word;
3201}
3202.next-step-arrow > .next-step-item-wait .next-step-item-node-placeholder {
3203 width: 32px;
3204 height: 32px;
3205 position: relative;
3206}
3207.next-step-arrow > .next-step-item-wait .next-step-item-node {
3208 position: relative;
3209 display: inline-block;
3210 text-align: center;
3211 cursor: pointer;
3212}
3213.next-step-arrow > .next-step-item-wait .next-step-item-node-circle {
3214 display: block;
3215 width: 32px;
3216 height: 32px;
3217 font-size: 12px;
3218 font-weight: normal;
3219 line-height: 30px;
3220 text-align: center;
3221 border: 1px solid;
3222 border-radius: 50%;
3223 -webkit-transition: background-color 100ms linear;
3224 transition: background-color 100ms linear;
3225}
3226.next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon {
3227 -webkit-animation: zoomIn 300ms linear;
3228 animation: zoomIn 300ms linear;
3229}
3230.next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon:before, .next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
3231 width: 12px;
3232 font-size: 12px;
3233 line-height: inherit;
3234}
3235.next-step-arrow > .next-step-item-wait:before {
3236 border: 16px solid #EBECF0;
3237 border-left-color: transparent;
3238}
3239.next-step-arrow > .next-step-item-wait:after {
3240 border-left-color: #EBECF0;
3241}
3242.next-step-arrow > .next-step-item-process {
3243 background: #5584FF;
3244}
3245.next-step-arrow > .next-step-item-process .next-step-item-tail-overlay {
3246 background: #000000;
3247}
3248.next-step-arrow > .next-step-item-process .next-step-item-tail-underlay {
3249 background: #CCCCCC;
3250}
3251.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-progress {
3252 width: 32px;
3253 height: 32px;
3254}
3255.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node {
3256 color: #000000;
3257}
3258.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
3259 background: #5584FF;
3260 border-color: #000000;
3261}
3262.next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
3263 background: #5584FF;
3264 border-color: #000000;
3265}
3266.next-step-arrow > .next-step-item-process .next-step-item-title {
3267 color: #FFFFFF;
3268 word-break: break-word;
3269}
3270.next-step-arrow > .next-step-item-process .next-step-item-content {
3271 color: #FFFFFF;
3272 font-size: 12px;
3273 line-height: 1.5;
3274 word-break: break-word;
3275}
3276.next-step-arrow > .next-step-item-process .next-step-item-node-placeholder {
3277 width: 32px;
3278 height: 32px;
3279 position: relative;
3280}
3281.next-step-arrow > .next-step-item-process .next-step-item-node {
3282 position: relative;
3283 display: inline-block;
3284 text-align: center;
3285 cursor: pointer;
3286}
3287.next-step-arrow > .next-step-item-process .next-step-item-node-circle {
3288 display: block;
3289 width: 32px;
3290 height: 32px;
3291 font-size: 12px;
3292 font-weight: normal;
3293 line-height: 30px;
3294 text-align: center;
3295 border: 1px solid;
3296 border-radius: 50%;
3297 -webkit-transition: background-color 100ms linear;
3298 transition: background-color 100ms linear;
3299}
3300.next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon {
3301 -webkit-animation: zoomIn 300ms linear;
3302 animation: zoomIn 300ms linear;
3303}
3304.next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon:before, .next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
3305 width: 12px;
3306 font-size: 12px;
3307 line-height: inherit;
3308}
3309.next-step-arrow > .next-step-item-process:before {
3310 border: 16px solid #5584FF;
3311 border-left-color: transparent;
3312}
3313.next-step-arrow > .next-step-item-process:after {
3314 border-left-color: #5584FF;
3315}
3316.next-step-arrow > .next-step-item-finish {
3317 background: #DEE8FF;
3318}
3319.next-step-arrow > .next-step-item-finish .next-step-item-tail-overlay {
3320 background: #000000;
3321}
3322.next-step-arrow > .next-step-item-finish .next-step-item-tail-underlay {
3323 background: #CCCCCC;
3324}
3325.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
3326 width: 32px;
3327 height: 32px;
3328}
3329.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node {
3330 color: #000000;
3331}
3332.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
3333 background: #DEE8FF;
3334 border-color: #000000;
3335}
3336.next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
3337 background: #DEE8FF;
3338 border-color: #000000;
3339}
3340.next-step-arrow > .next-step-item-finish .next-step-item-title {
3341 color: #5584FF;
3342 word-break: break-word;
3343}
3344.next-step-arrow > .next-step-item-finish .next-step-item-content {
3345 color: #5584FF;
3346 font-size: 12px;
3347 line-height: 1.5;
3348 word-break: break-word;
3349}
3350.next-step-arrow > .next-step-item-finish .next-step-item-node-placeholder {
3351 width: 32px;
3352 height: 32px;
3353 position: relative;
3354}
3355.next-step-arrow > .next-step-item-finish .next-step-item-node {
3356 position: relative;
3357 display: inline-block;
3358 text-align: center;
3359 cursor: pointer;
3360}
3361.next-step-arrow > .next-step-item-finish .next-step-item-node-circle {
3362 display: block;
3363 width: 32px;
3364 height: 32px;
3365 font-size: 12px;
3366 font-weight: normal;
3367 line-height: 30px;
3368 text-align: center;
3369 border: 1px solid;
3370 border-radius: 50%;
3371 -webkit-transition: background-color 100ms linear;
3372 transition: background-color 100ms linear;
3373}
3374.next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon {
3375 -webkit-animation: zoomIn 300ms linear;
3376 animation: zoomIn 300ms linear;
3377}
3378.next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon:before, .next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
3379 width: 12px;
3380 font-size: 12px;
3381 line-height: inherit;
3382}
3383.next-step-arrow > .next-step-item-finish:before {
3384 border: 16px solid #DEE8FF;
3385 border-left-color: transparent;
3386}
3387.next-step-arrow > .next-step-item-finish:after {
3388 border-left-color: #DEE8FF;
3389}
3390.next-step-arrow .next-step-item-disabled {
3391 cursor: not-allowed;
3392 background: #F7F8FA;
3393}
3394.next-step-arrow .next-step-item-disabled .next-step-item-tail-overlay {
3395 background: #000000;
3396}
3397.next-step-arrow .next-step-item-disabled .next-step-item-tail-underlay {
3398 background: #CCCCCC;
3399}
3400.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
3401 width: 32px;
3402 height: 32px;
3403}
3404.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node {
3405 color: #000000;
3406}
3407.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
3408 background: #F7F8FA;
3409 border-color: #000000;
3410}
3411.next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
3412 background: #F7F8FA;
3413 border-color: #000000;
3414}
3415.next-step-arrow .next-step-item-disabled .next-step-item-title {
3416 color: #CCCCCC;
3417 word-break: break-word;
3418}
3419.next-step-arrow .next-step-item-disabled .next-step-item-content {
3420 color: #CCCCCC;
3421 font-size: 12px;
3422 line-height: 1.5;
3423 word-break: break-word;
3424}
3425.next-step-arrow .next-step-item-disabled .next-step-item-node-placeholder {
3426 width: 32px;
3427 height: 32px;
3428 position: relative;
3429}
3430.next-step-arrow .next-step-item-disabled .next-step-item-node {
3431 position: relative;
3432 display: inline-block;
3433 text-align: center;
3434 cursor: pointer;
3435}
3436.next-step-arrow .next-step-item-disabled .next-step-item-node-circle {
3437 display: block;
3438 width: 32px;
3439 height: 32px;
3440 font-size: 12px;
3441 font-weight: normal;
3442 line-height: 30px;
3443 text-align: center;
3444 border: 1px solid;
3445 border-radius: 50%;
3446 -webkit-transition: background-color 100ms linear;
3447 transition: background-color 100ms linear;
3448}
3449.next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon {
3450 -webkit-animation: zoomIn 300ms linear;
3451 animation: zoomIn 300ms linear;
3452}
3453.next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon:before, .next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
3454 width: 12px;
3455 font-size: 12px;
3456 line-height: inherit;
3457}
3458.next-step-arrow .next-step-item-disabled:before {
3459 border: 16px solid #F7F8FA;
3460 border-left-color: transparent;
3461}
3462.next-step-arrow .next-step-item-disabled:after {
3463 border-left-color: #F7F8FA;
3464}
3465.next-step-arrow .next-step-item-disabled .next-step-item-container {
3466 cursor: not-allowed;
3467}
3468.next-step-arrow .next-step-item-read-only {
3469 cursor: default;
3470}
3471.next-step-arrow .next-step-item-read-only .next-step-item-container {
3472 cursor: default;
3473}
3474.next-step-arrow .next-step-item-first {
3475 margin-left: 0;
3476}
3477.next-step-arrow .next-step-item-first:before {
3478 border: 16px solid transparent;
3479}
3480.next-step-arrow .next-step-item-last {
3481 margin-right: 0;
3482}
3483.next-step-arrow .next-step-item-last:after {
3484 border: 16px solid transparent;
3485}
3486
3487.next-step-circle .next-step-item-container {
3488 display: inline-block;
3489 vertical-align: middle;
3490 position: relative;
3491 padding: 0 8px;
3492}
3493.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-text {
3494 color: #5584FF;
3495 font-size: 12px;
3496}
3497.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-underlay {
3498 stroke: #A0A2AD;
3499 stroke-width: 3px;
3500}
3501.next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-overlay-normal {
3502 stroke: #5584FF;
3503 stroke-width: 3px;
3504}
3505.next-step-circle .next-step-item-container .next-step-item-node-placeholder {
3506 display: inline-block;
3507}
3508.next-step-circle > .next-step-item-wait .next-step-item-tail-overlay {
3509 background: #C4C6CF;
3510}
3511.next-step-circle > .next-step-item-wait .next-step-item-tail-underlay {
3512 background: #E6E7EB;
3513}
3514.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
3515 width: 32px;
3516 height: 32px;
3517}
3518.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node {
3519 color: #666666;
3520}
3521.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
3522 background: #FFFFFF;
3523 border-color: #A0A2AD;
3524}
3525.next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
3526 background: #FFFFFF;
3527 border-color: #A0A2AD;
3528}
3529.next-step-circle > .next-step-item-wait .next-step-item-title {
3530 color: #666666;
3531 word-break: break-word;
3532}
3533.next-step-circle > .next-step-item-wait .next-step-item-content {
3534 color: #666666;
3535 font-size: 12px;
3536 line-height: 1.5;
3537 word-break: break-word;
3538}
3539.next-step-circle > .next-step-item-wait .next-step-item-node-placeholder {
3540 width: 32px;
3541 height: 32px;
3542 position: relative;
3543}
3544.next-step-circle > .next-step-item-wait .next-step-item-node {
3545 position: relative;
3546 display: inline-block;
3547 text-align: center;
3548 cursor: pointer;
3549}
3550.next-step-circle > .next-step-item-wait .next-step-item-node-circle {
3551 display: block;
3552 width: 32px;
3553 height: 32px;
3554 font-size: 12px;
3555 font-weight: normal;
3556 line-height: 30px;
3557 text-align: center;
3558 border: 1px solid;
3559 border-radius: 50%;
3560 -webkit-transition: background-color 100ms linear;
3561 transition: background-color 100ms linear;
3562}
3563.next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon {
3564 -webkit-animation: zoomIn 300ms linear;
3565 animation: zoomIn 300ms linear;
3566}
3567.next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon:before, .next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
3568 width: 12px;
3569 font-size: 12px;
3570 line-height: inherit;
3571}
3572.next-step-circle > .next-step-item-process .next-step-item-tail-overlay {
3573 background: #C4C6CF;
3574}
3575.next-step-circle > .next-step-item-process .next-step-item-tail-underlay {
3576 background: #E6E7EB;
3577}
3578.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-progress {
3579 width: 32px;
3580 height: 32px;
3581}
3582.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node {
3583 color: #FFFFFF;
3584}
3585.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
3586 background: #5584FF;
3587 border-color: #5584FF;
3588}
3589.next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
3590 background: #5584FF;
3591 border-color: #5584FF;
3592}
3593.next-step-circle > .next-step-item-process .next-step-item-title {
3594 color: #333333;
3595 word-break: break-word;
3596}
3597.next-step-circle > .next-step-item-process .next-step-item-content {
3598 color: #333333;
3599 font-size: 12px;
3600 line-height: 1.5;
3601 word-break: break-word;
3602}
3603.next-step-circle > .next-step-item-process .next-step-item-node-placeholder {
3604 width: 32px;
3605 height: 32px;
3606 position: relative;
3607}
3608.next-step-circle > .next-step-item-process .next-step-item-node {
3609 position: relative;
3610 display: inline-block;
3611 text-align: center;
3612 cursor: pointer;
3613}
3614.next-step-circle > .next-step-item-process .next-step-item-node-circle {
3615 display: block;
3616 width: 32px;
3617 height: 32px;
3618 font-size: 12px;
3619 font-weight: normal;
3620 line-height: 30px;
3621 text-align: center;
3622 border: 1px solid;
3623 border-radius: 50%;
3624 -webkit-transition: background-color 100ms linear;
3625 transition: background-color 100ms linear;
3626}
3627.next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon {
3628 -webkit-animation: zoomIn 300ms linear;
3629 animation: zoomIn 300ms linear;
3630}
3631.next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon:before, .next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
3632 width: 12px;
3633 font-size: 12px;
3634 line-height: inherit;
3635}
3636.next-step-circle > .next-step-item-finish .next-step-item-tail-overlay {
3637 background: #5584FF;
3638}
3639.next-step-circle > .next-step-item-finish .next-step-item-tail-underlay {
3640 background: #E6E7EB;
3641}
3642.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
3643 width: 32px;
3644 height: 32px;
3645}
3646.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node {
3647 color: #5584FF;
3648}
3649.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
3650 background: #FFFFFF;
3651 border-color: #5584FF;
3652}
3653.next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
3654 background: #FFFFFF;
3655 border-color: #5584FF;
3656}
3657.next-step-circle > .next-step-item-finish .next-step-item-title {
3658 color: #666666;
3659 word-break: break-word;
3660}
3661.next-step-circle > .next-step-item-finish .next-step-item-content {
3662 color: #666666;
3663 font-size: 12px;
3664 line-height: 1.5;
3665 word-break: break-word;
3666}
3667.next-step-circle > .next-step-item-finish .next-step-item-node-placeholder {
3668 width: 32px;
3669 height: 32px;
3670 position: relative;
3671}
3672.next-step-circle > .next-step-item-finish .next-step-item-node {
3673 position: relative;
3674 display: inline-block;
3675 text-align: center;
3676 cursor: pointer;
3677}
3678.next-step-circle > .next-step-item-finish .next-step-item-node-circle {
3679 display: block;
3680 width: 32px;
3681 height: 32px;
3682 font-size: 12px;
3683 font-weight: normal;
3684 line-height: 30px;
3685 text-align: center;
3686 border: 1px solid;
3687 border-radius: 50%;
3688 -webkit-transition: background-color 100ms linear;
3689 transition: background-color 100ms linear;
3690}
3691.next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon {
3692 -webkit-animation: zoomIn 300ms linear;
3693 animation: zoomIn 300ms linear;
3694}
3695.next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon:before, .next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
3696 width: 12px;
3697 font-size: 12px;
3698 line-height: inherit;
3699}
3700.next-step-circle .next-step-item-disabled .next-step-item-tail-overlay {
3701 background: #E6E7EB;
3702}
3703.next-step-circle .next-step-item-disabled .next-step-item-tail-underlay {
3704 background: #E6E7EB;
3705}
3706.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
3707 width: 32px;
3708 height: 32px;
3709}
3710.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node {
3711 color: #CCCCCC;
3712}
3713.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
3714 background: #FFFFFF;
3715 border-color: #E6E7EB;
3716}
3717.next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
3718 background: #FFFFFF;
3719 border-color: #E6E7EB;
3720}
3721.next-step-circle .next-step-item-disabled .next-step-item-title {
3722 color: #CCCCCC;
3723 word-break: break-word;
3724}
3725.next-step-circle .next-step-item-disabled .next-step-item-content {
3726 color: #CCCCCC;
3727 font-size: 12px;
3728 line-height: 1.5;
3729 word-break: break-word;
3730}
3731.next-step-circle .next-step-item-disabled .next-step-item-node-placeholder {
3732 width: 32px;
3733 height: 32px;
3734 position: relative;
3735}
3736.next-step-circle .next-step-item-disabled .next-step-item-node {
3737 position: relative;
3738 display: inline-block;
3739 text-align: center;
3740 cursor: pointer;
3741}
3742.next-step-circle .next-step-item-disabled .next-step-item-node-circle {
3743 display: block;
3744 width: 32px;
3745 height: 32px;
3746 font-size: 12px;
3747 font-weight: normal;
3748 line-height: 30px;
3749 text-align: center;
3750 border: 1px solid;
3751 border-radius: 50%;
3752 -webkit-transition: background-color 100ms linear;
3753 transition: background-color 100ms linear;
3754}
3755.next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon {
3756 -webkit-animation: zoomIn 300ms linear;
3757 animation: zoomIn 300ms linear;
3758}
3759.next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon:before, .next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
3760 width: 12px;
3761 font-size: 12px;
3762 line-height: inherit;
3763}
3764.next-step-circle .next-step-item-disabled .next-step-item-node-placeholder,
3765.next-step-circle .next-step-item-disabled .next-step-item-node {
3766 cursor: not-allowed;
3767}
3768.next-step-circle .next-step-item-read-only .next-step-item-node-placeholder,
3769.next-step-circle .next-step-item-read-only .next-step-item-node {
3770 cursor: default;
3771}
3772.next-step-circle .next-step-item-last .next-step-item-tail {
3773 display: none;
3774}
3775.next-step-circle.next-step-horizontal {
3776 text-align: center;
3777 white-space: nowrap;
3778}
3779.next-step-circle.next-step-horizontal > .next-step-item .next-step-item-title {
3780 white-space: normal;
3781}
3782.next-step-circle.next-step-horizontal > .next-step-item .next-step-item-content {
3783 white-space: normal;
3784}
3785.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
3786 display: inline-block;
3787 clear: both;
3788 width: calc(100% - 48px);
3789 vertical-align: middle;
3790}
3791.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
3792 display: block;
3793 height: 1px;
3794 position: relative;
3795}
3796.next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
3797 position: absolute;
3798 top: 0;
3799 height: 1px;
3800 -webkit-transition: all 100ms linear;
3801 transition: all 100ms linear;
3802 width: 100%;
3803}
3804.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
3805 width: 100px;
3806 left: -26px;
3807 text-align: center;
3808 position: absolute;
3809}
3810.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
3811 font-size: 14px;
3812 line-height: 18px;
3813 margin-top: 8px;
3814 font-weight: bold;
3815}
3816.next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
3817 margin-top: 4px;
3818}
3819.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail {
3820 display: inline-block;
3821 clear: both;
3822 width: calc(100% - 48px);
3823 vertical-align: middle;
3824}
3825.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
3826 display: block;
3827 height: 1px;
3828 position: relative;
3829}
3830.next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
3831 position: absolute;
3832 top: 0;
3833 height: 1px;
3834 -webkit-transition: all 100ms linear;
3835 transition: all 100ms linear;
3836 width: 100%;
3837}
3838.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body {
3839 width: 100px;
3840 left: -26px;
3841 text-align: center;
3842 position: absolute;
3843}
3844.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
3845 font-size: 14px;
3846 line-height: 18px;
3847 margin-top: 8px;
3848 font-weight: bold;
3849}
3850.next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
3851 margin-top: 4px;
3852}
3853.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
3854 display: inline-block;
3855 clear: both;
3856 width: calc(100% - 48px);
3857 vertical-align: middle;
3858}
3859.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
3860 display: block;
3861 height: 1px;
3862 position: relative;
3863}
3864.next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
3865 position: absolute;
3866 top: 0;
3867 height: 1px;
3868 -webkit-transition: all 100ms linear;
3869 transition: all 100ms linear;
3870 width: 100%;
3871}
3872.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
3873 width: 100px;
3874 left: -26px;
3875 text-align: center;
3876 position: absolute;
3877}
3878.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
3879 font-size: 14px;
3880 line-height: 18px;
3881 margin-top: 8px;
3882 font-weight: bold;
3883}
3884.next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
3885 margin-top: 4px;
3886}
3887.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
3888 display: inline-block;
3889 clear: both;
3890 width: calc(100% - 48px);
3891 vertical-align: middle;
3892}
3893.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
3894 display: block;
3895 height: 1px;
3896 position: relative;
3897}
3898.next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
3899 position: absolute;
3900 top: 0;
3901 height: 1px;
3902 -webkit-transition: all 100ms linear;
3903 transition: all 100ms linear;
3904 width: 100%;
3905}
3906.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
3907 width: 100px;
3908 left: -26px;
3909 text-align: center;
3910 position: absolute;
3911}
3912.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
3913 font-size: 14px;
3914 line-height: 18px;
3915 margin-top: 8px;
3916 font-weight: bold;
3917}
3918.next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
3919 margin-top: 4px;
3920}
3921.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item {
3922 vertical-align: unset;
3923}
3924.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item:last-child .next-step-item-tail {
3925 display: none;
3926}
3927.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
3928 position: relative;
3929 display: inline-block;
3930 top: 0;
3931 left: 0;
3932 max-width: 100px;
3933 overflow: hidden;
3934 vertical-align: top;
3935 text-align: left;
3936}
3937.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
3938 display: inline-block;
3939 padding-right: 8px;
3940 margin-top: 9px;
3941}
3942.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
3943 width: calc(100% - 148px);
3944 position: absolute;
3945 right: 0;
3946 margin-top: -1px;
3947}
3948.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item:last-child .next-step-item-tail {
3949 display: none;
3950}
3951.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
3952 position: relative;
3953 display: inline-block;
3954 top: 0;
3955 left: 0;
3956 max-width: 100px;
3957 overflow: hidden;
3958 vertical-align: top;
3959 text-align: left;
3960}
3961.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
3962 display: inline-block;
3963 padding-right: 8px;
3964 margin-top: 9px;
3965}
3966.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
3967 width: calc(100% - 148px);
3968 position: absolute;
3969 right: 0;
3970 margin-top: -1px;
3971}
3972.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item:last-child .next-step-item-tail {
3973 display: none;
3974}
3975.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
3976 position: relative;
3977 display: inline-block;
3978 top: 0;
3979 left: 0;
3980 max-width: 100px;
3981 overflow: hidden;
3982 vertical-align: top;
3983 text-align: left;
3984}
3985.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
3986 display: inline-block;
3987 padding-right: 8px;
3988 margin-top: 9px;
3989}
3990.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
3991 width: calc(100% - 148px);
3992 position: absolute;
3993 right: 0;
3994 margin-top: -1px;
3995}
3996.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item:last-child .next-step-item-tail {
3997 display: none;
3998}
3999.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
4000 position: relative;
4001 display: inline-block;
4002 top: 0;
4003 left: 0;
4004 max-width: 100px;
4005 overflow: hidden;
4006 vertical-align: top;
4007 text-align: left;
4008}
4009.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
4010 display: inline-block;
4011 padding-right: 8px;
4012 margin-top: 9px;
4013}
4014.next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
4015 width: calc(100% - 148px);
4016 position: absolute;
4017 right: 0;
4018 margin-top: -1px;
4019}
4020.next-step-circle.next-step-vertical {
4021 font-size: 0;
4022 display: table-cell;
4023 vertical-align: middle;
4024 position: relative;
4025}
4026.next-step-circle.next-step-vertical .next-step-item-container {
4027 padding: 0;
4028}
4029.next-step-circle.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
4030 display: block;
4031 visibility: hidden;
4032}
4033.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail {
4034 width: 1px;
4035 height: 0;
4036 margin: 8px auto;
4037}
4038.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
4039 height: 100%;
4040 width: 1px;
4041 position: relative;
4042}
4043.next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4044 position: absolute;
4045 top: 0;
4046 height: 100%;
4047 width: 1px;
4048}
4049.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body {
4050 position: absolute;
4051 top: 0;
4052 left: 16px;
4053 margin-left: 8px;
4054}
4055.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4056 margin-top: 8px;
4057 text-align: left;
4058 font-weight: bold;
4059 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4060 font-size: 12px;
4061 line-height: 1.2857142;
4062}
4063.next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4064 margin-top: 4px;
4065 min-height: 8px;
4066 text-align: left;
4067 font-size: 12px;
4068 line-height: 1.5;
4069}
4070.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail {
4071 width: 1px;
4072 height: 0;
4073 margin: 8px auto;
4074}
4075.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4076 height: 100%;
4077 width: 1px;
4078 position: relative;
4079}
4080.next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4081 position: absolute;
4082 top: 0;
4083 height: 100%;
4084 width: 1px;
4085}
4086.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body {
4087 position: absolute;
4088 top: 0;
4089 left: 16px;
4090 margin-left: 8px;
4091}
4092.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4093 margin-top: 8px;
4094 text-align: left;
4095 font-weight: bold;
4096 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4097 font-size: 12px;
4098 line-height: 1.2857142;
4099}
4100.next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4101 margin-top: 4px;
4102 min-height: 8px;
4103 text-align: left;
4104 font-size: 12px;
4105 line-height: 1.5;
4106}
4107.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail {
4108 width: 1px;
4109 height: 0;
4110 margin: 8px auto;
4111}
4112.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4113 height: 100%;
4114 width: 1px;
4115 position: relative;
4116}
4117.next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4118 position: absolute;
4119 top: 0;
4120 height: 100%;
4121 width: 1px;
4122}
4123.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body {
4124 position: absolute;
4125 top: 0;
4126 left: 16px;
4127 margin-left: 8px;
4128}
4129.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4130 margin-top: 8px;
4131 text-align: left;
4132 font-weight: bold;
4133 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4134 font-size: 12px;
4135 line-height: 1.2857142;
4136}
4137.next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4138 margin-top: 4px;
4139 min-height: 8px;
4140 text-align: left;
4141 font-size: 12px;
4142 line-height: 1.5;
4143}
4144.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
4145 width: 1px;
4146 height: 0;
4147 margin: 8px auto;
4148}
4149.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4150 height: 100%;
4151 width: 1px;
4152 position: relative;
4153}
4154.next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4155 position: absolute;
4156 top: 0;
4157 height: 100%;
4158 width: 1px;
4159}
4160.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
4161 position: absolute;
4162 top: 0;
4163 left: 16px;
4164 margin-left: 8px;
4165}
4166.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4167 margin-top: 8px;
4168 text-align: left;
4169 font-weight: bold;
4170 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4171 font-size: 12px;
4172 line-height: 1.2857142;
4173}
4174.next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4175 margin-top: 4px;
4176 min-height: 8px;
4177 text-align: left;
4178 font-size: 12px;
4179 line-height: 1.5;
4180}
4181
4182.next-step-dot .next-step-item-container {
4183 display: inline-block;
4184 vertical-align: middle;
4185 position: relative;
4186 padding: 0 8px;
4187 margin-top: -1px;
4188 margin-bottom: -1px;
4189}
4190.next-step-dot .next-step-item-container .next-step-item-node-placeholder {
4191 display: inline-block;
4192}
4193.next-step-dot .next-step-item-container .next-step-item-node {
4194 position: relative;
4195 display: inline-block;
4196 text-align: center;
4197 cursor: pointer;
4198}
4199.next-step-dot .next-step-item-container .next-step-item-node .next-icon:before, .next-step-dot .next-step-item-container .next-step-item-node .next-icon .next-icon-remote {
4200 width: 12px;
4201 font-size: 12px;
4202 line-height: inherit;
4203}
4204.next-step-dot > .next-step-item-wait .next-step-item-tail-overlay {
4205 background: #C4C6CF;
4206}
4207.next-step-dot > .next-step-item-wait .next-step-item-tail-underlay {
4208 background: #E6E7EB;
4209}
4210.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
4211 width: 12px;
4212 height: 12px;
4213}
4214.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node {
4215 color: #999999;
4216}
4217.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
4218 background: #FFFFFF;
4219 border-color: #A0A2AD;
4220}
4221.next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
4222 background: #FFFFFF;
4223 border-color: #A0A2AD;
4224}
4225.next-step-dot > .next-step-item-wait .next-step-item-title {
4226 color: #666666;
4227 word-break: break-word;
4228}
4229.next-step-dot > .next-step-item-wait .next-step-item-content {
4230 color: #666666;
4231 font-size: 12px;
4232 line-height: 1.5;
4233 word-break: break-word;
4234}
4235.next-step-dot > .next-step-item-wait .next-step-item-node-placeholder {
4236 width: 12px;
4237 height: 12px;
4238 position: relative;
4239}
4240.next-step-dot > .next-step-item-wait .next-step-item-node {
4241 position: relative;
4242 display: inline-block;
4243 text-align: center;
4244 cursor: pointer;
4245}
4246.next-step-dot > .next-step-item-wait .next-step-item-node-circle {
4247 display: block;
4248 width: 12px;
4249 height: 12px;
4250 font-size: 12px;
4251 font-weight: normal;
4252 line-height: 10px;
4253 text-align: center;
4254 border: 1px solid;
4255 border-radius: 50%;
4256 -webkit-transition: background-color 100ms linear;
4257 transition: background-color 100ms linear;
4258}
4259.next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon {
4260 -webkit-animation: zoomIn 300ms linear;
4261 animation: zoomIn 300ms linear;
4262}
4263.next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon:before, .next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
4264 width: 12px;
4265 font-size: 12px;
4266 line-height: inherit;
4267}
4268.next-step-dot > .next-step-item-wait .next-step-item-content {
4269 font-size: 12px;
4270}
4271.next-step-dot > .next-step-item-wait .next-step-item-node-dot {
4272 display: block;
4273 width: 12px;
4274 height: 12px;
4275 font-size: 12px;
4276 line-height: 10px;
4277 text-align: center;
4278 border: 1px solid;
4279 border-radius: 50%;
4280 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4281 transition: background-color 0.3s ease, border-color 0.3s ease;
4282}
4283.next-step-dot > .next-step-item-process .next-step-item-tail-overlay {
4284 background: #C4C6CF;
4285}
4286.next-step-dot > .next-step-item-process .next-step-item-tail-underlay {
4287 background: #E6E7EB;
4288}
4289.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-progress {
4290 width: 12px;
4291 height: 12px;
4292}
4293.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node {
4294 color: #5584FF;
4295}
4296.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
4297 background: #5584FF;
4298 border-color: #5584FF;
4299}
4300.next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
4301 background: #5584FF;
4302 border-color: #5584FF;
4303}
4304.next-step-dot > .next-step-item-process .next-step-item-title {
4305 color: #333333;
4306 word-break: break-word;
4307}
4308.next-step-dot > .next-step-item-process .next-step-item-content {
4309 color: #333333;
4310 font-size: 12px;
4311 line-height: 1.5;
4312 word-break: break-word;
4313}
4314.next-step-dot > .next-step-item-process .next-step-item-node-placeholder {
4315 width: 12px;
4316 height: 12px;
4317 position: relative;
4318}
4319.next-step-dot > .next-step-item-process .next-step-item-node {
4320 position: relative;
4321 display: inline-block;
4322 text-align: center;
4323 cursor: pointer;
4324}
4325.next-step-dot > .next-step-item-process .next-step-item-node-circle {
4326 display: block;
4327 width: 12px;
4328 height: 12px;
4329 font-size: 12px;
4330 font-weight: normal;
4331 line-height: 10px;
4332 text-align: center;
4333 border: 1px solid;
4334 border-radius: 50%;
4335 -webkit-transition: background-color 100ms linear;
4336 transition: background-color 100ms linear;
4337}
4338.next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon {
4339 -webkit-animation: zoomIn 300ms linear;
4340 animation: zoomIn 300ms linear;
4341}
4342.next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon:before, .next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
4343 width: 12px;
4344 font-size: 12px;
4345 line-height: inherit;
4346}
4347.next-step-dot > .next-step-item-process .next-step-item-content {
4348 font-size: 12px;
4349}
4350.next-step-dot > .next-step-item-process .next-step-item-node-dot {
4351 display: block;
4352 width: 12px;
4353 height: 12px;
4354 font-size: 12px;
4355 line-height: 10px;
4356 text-align: center;
4357 border: 1px solid;
4358 border-radius: 50%;
4359 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4360 transition: background-color 0.3s ease, border-color 0.3s ease;
4361}
4362.next-step-dot > .next-step-item-finish .next-step-item-tail-overlay {
4363 background: #5584FF;
4364}
4365.next-step-dot > .next-step-item-finish .next-step-item-tail-underlay {
4366 background: #E6E7EB;
4367}
4368.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
4369 width: 12px;
4370 height: 12px;
4371}
4372.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node {
4373 color: #5584FF;
4374}
4375.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
4376 background: #FFFFFF;
4377 border-color: #5584FF;
4378}
4379.next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
4380 background: #FFFFFF;
4381 border-color: #5584FF;
4382}
4383.next-step-dot > .next-step-item-finish .next-step-item-title {
4384 color: #666666;
4385 word-break: break-word;
4386}
4387.next-step-dot > .next-step-item-finish .next-step-item-content {
4388 color: #666666;
4389 font-size: 12px;
4390 line-height: 1.5;
4391 word-break: break-word;
4392}
4393.next-step-dot > .next-step-item-finish .next-step-item-node-placeholder {
4394 width: 12px;
4395 height: 12px;
4396 position: relative;
4397}
4398.next-step-dot > .next-step-item-finish .next-step-item-node {
4399 position: relative;
4400 display: inline-block;
4401 text-align: center;
4402 cursor: pointer;
4403}
4404.next-step-dot > .next-step-item-finish .next-step-item-node-circle {
4405 display: block;
4406 width: 12px;
4407 height: 12px;
4408 font-size: 12px;
4409 font-weight: normal;
4410 line-height: 10px;
4411 text-align: center;
4412 border: 1px solid;
4413 border-radius: 50%;
4414 -webkit-transition: background-color 100ms linear;
4415 transition: background-color 100ms linear;
4416}
4417.next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon {
4418 -webkit-animation: zoomIn 300ms linear;
4419 animation: zoomIn 300ms linear;
4420}
4421.next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon:before, .next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
4422 width: 12px;
4423 font-size: 12px;
4424 line-height: inherit;
4425}
4426.next-step-dot > .next-step-item-finish .next-step-item-content {
4427 font-size: 12px;
4428}
4429.next-step-dot > .next-step-item-finish .next-step-item-node-dot {
4430 display: block;
4431 width: 12px;
4432 height: 12px;
4433 font-size: 12px;
4434 line-height: 10px;
4435 text-align: center;
4436 border: 1px solid;
4437 border-radius: 50%;
4438 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4439 transition: background-color 0.3s ease, border-color 0.3s ease;
4440}
4441.next-step-dot .next-step-item-disabled .next-step-item-tail-overlay {
4442 background: #E6E7EB;
4443}
4444.next-step-dot .next-step-item-disabled .next-step-item-tail-underlay {
4445 background: #E6E7EB;
4446}
4447.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
4448 width: 12px;
4449 height: 12px;
4450}
4451.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node {
4452 color: #E6E7EB;
4453}
4454.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
4455 background: #FFFFFF;
4456 border-color: #DCDEE3;
4457}
4458.next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
4459 background: #FFFFFF;
4460 border-color: #DCDEE3;
4461}
4462.next-step-dot .next-step-item-disabled .next-step-item-title {
4463 color: #CCCCCC;
4464 word-break: break-word;
4465}
4466.next-step-dot .next-step-item-disabled .next-step-item-content {
4467 color: #CCCCCC;
4468 font-size: 12px;
4469 line-height: 1.5;
4470 word-break: break-word;
4471}
4472.next-step-dot .next-step-item-disabled .next-step-item-node-placeholder {
4473 width: 12px;
4474 height: 12px;
4475 position: relative;
4476}
4477.next-step-dot .next-step-item-disabled .next-step-item-node {
4478 position: relative;
4479 display: inline-block;
4480 text-align: center;
4481 cursor: pointer;
4482}
4483.next-step-dot .next-step-item-disabled .next-step-item-node-circle {
4484 display: block;
4485 width: 12px;
4486 height: 12px;
4487 font-size: 12px;
4488 font-weight: normal;
4489 line-height: 10px;
4490 text-align: center;
4491 border: 1px solid;
4492 border-radius: 50%;
4493 -webkit-transition: background-color 100ms linear;
4494 transition: background-color 100ms linear;
4495}
4496.next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon {
4497 -webkit-animation: zoomIn 300ms linear;
4498 animation: zoomIn 300ms linear;
4499}
4500.next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon:before, .next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
4501 width: 12px;
4502 font-size: 12px;
4503 line-height: inherit;
4504}
4505.next-step-dot .next-step-item-disabled .next-step-item-content {
4506 font-size: 12px;
4507}
4508.next-step-dot .next-step-item-disabled .next-step-item-node-dot {
4509 display: block;
4510 width: 12px;
4511 height: 12px;
4512 font-size: 12px;
4513 line-height: 10px;
4514 text-align: center;
4515 border: 1px solid;
4516 border-radius: 50%;
4517 -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
4518 transition: background-color 0.3s ease, border-color 0.3s ease;
4519}
4520.next-step-dot .next-step-item-disabled .next-step-item-node-placeholder,
4521.next-step-dot .next-step-item-disabled .next-step-item-node {
4522 cursor: not-allowed;
4523}
4524.next-step-dot .next-step-item-read-only .next-step-item-node-placeholder,
4525.next-step-dot .next-step-item-read-only .next-step-item-node {
4526 cursor: default;
4527}
4528.next-step-dot .next-step-item-last .next-step-item-tail {
4529 display: none;
4530}
4531.next-step-dot.next-step-horizontal {
4532 text-align: center;
4533 white-space: nowrap;
4534}
4535.next-step-dot.next-step-horizontal > .next-step-item .next-step-item-title {
4536 white-space: normal;
4537}
4538.next-step-dot.next-step-horizontal > .next-step-item .next-step-item-content {
4539 white-space: normal;
4540}
4541.next-step-dot.next-step-horizontal .next-step-item-node .next-icon {
4542 vertical-align: middle;
4543}
4544.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
4545 display: inline-block;
4546 clear: both;
4547 width: calc(100% - 28px);
4548 vertical-align: middle;
4549}
4550.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
4551 display: block;
4552 height: 1px;
4553 position: relative;
4554}
4555.next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4556 position: absolute;
4557 top: 0;
4558 height: 1px;
4559 -webkit-transition: all 100ms linear;
4560 transition: all 100ms linear;
4561 width: 100%;
4562}
4563.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
4564 width: 100px;
4565 left: -36px;
4566 text-align: center;
4567 position: absolute;
4568}
4569.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4570 font-size: 12px;
4571 line-height: 16px;
4572 margin-top: 8px;
4573 font-weight: bold;
4574}
4575.next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4576 margin-top: 4px;
4577}
4578.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail {
4579 display: inline-block;
4580 clear: both;
4581 width: calc(100% - 28px);
4582 vertical-align: middle;
4583}
4584.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4585 display: block;
4586 height: 1px;
4587 position: relative;
4588}
4589.next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4590 position: absolute;
4591 top: 0;
4592 height: 1px;
4593 -webkit-transition: all 100ms linear;
4594 transition: all 100ms linear;
4595 width: 100%;
4596}
4597.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body {
4598 width: 100px;
4599 left: -36px;
4600 text-align: center;
4601 position: absolute;
4602}
4603.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4604 font-size: 12px;
4605 line-height: 16px;
4606 margin-top: 8px;
4607 font-weight: bold;
4608}
4609.next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4610 margin-top: 4px;
4611}
4612.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
4613 display: inline-block;
4614 clear: both;
4615 width: calc(100% - 28px);
4616 vertical-align: middle;
4617}
4618.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4619 display: block;
4620 height: 1px;
4621 position: relative;
4622}
4623.next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4624 position: absolute;
4625 top: 0;
4626 height: 1px;
4627 -webkit-transition: all 100ms linear;
4628 transition: all 100ms linear;
4629 width: 100%;
4630}
4631.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
4632 width: 100px;
4633 left: -36px;
4634 text-align: center;
4635 position: absolute;
4636}
4637.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4638 font-size: 12px;
4639 line-height: 16px;
4640 margin-top: 8px;
4641 font-weight: bold;
4642}
4643.next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4644 margin-top: 4px;
4645}
4646.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
4647 display: inline-block;
4648 clear: both;
4649 width: calc(100% - 28px);
4650 vertical-align: middle;
4651}
4652.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4653 display: block;
4654 height: 1px;
4655 position: relative;
4656}
4657.next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4658 position: absolute;
4659 top: 0;
4660 height: 1px;
4661 -webkit-transition: all 100ms linear;
4662 transition: all 100ms linear;
4663 width: 100%;
4664}
4665.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
4666 width: 100px;
4667 left: -36px;
4668 text-align: center;
4669 position: absolute;
4670}
4671.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4672 font-size: 12px;
4673 line-height: 16px;
4674 margin-top: 8px;
4675 font-weight: bold;
4676}
4677.next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4678 margin-top: 4px;
4679}
4680.next-step-dot.next-step-vertical {
4681 padding: 0 0 0 4px;
4682 font-size: 0;
4683 display: table-cell;
4684 position: relative;
4685}
4686.next-step-dot.next-step-vertical .next-step-item-container {
4687 padding: 0;
4688}
4689.next-step-dot.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
4690 display: block;
4691 visibility: hidden;
4692}
4693.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail {
4694 width: 1px;
4695 height: 0;
4696 margin: 8px auto;
4697}
4698.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
4699 height: 100%;
4700 width: 1px;
4701 position: relative;
4702}
4703.next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
4704 position: absolute;
4705 top: 0;
4706 height: 100%;
4707 width: 1px;
4708}
4709.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body {
4710 position: absolute;
4711 top: 0;
4712 left: 6px;
4713 margin-left: 8px;
4714}
4715.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
4716 margin-top: 0px;
4717 font-weight: bold;
4718 text-align: left;
4719 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4720 font-size: 12px;
4721 line-height: 1.2857142;
4722}
4723.next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
4724 margin-top: 8px;
4725 min-height: 8px;
4726 text-align: left;
4727 font-size: 12px;
4728 line-height: 1.5;
4729}
4730.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail {
4731 width: 1px;
4732 height: 0;
4733 margin: 8px auto;
4734}
4735.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
4736 height: 100%;
4737 width: 1px;
4738 position: relative;
4739}
4740.next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
4741 position: absolute;
4742 top: 0;
4743 height: 100%;
4744 width: 1px;
4745}
4746.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body {
4747 position: absolute;
4748 top: 0;
4749 left: 6px;
4750 margin-left: 8px;
4751}
4752.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
4753 margin-top: 0px;
4754 font-weight: bold;
4755 text-align: left;
4756 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4757 font-size: 12px;
4758 line-height: 1.2857142;
4759}
4760.next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
4761 margin-top: 8px;
4762 min-height: 8px;
4763 text-align: left;
4764 font-size: 12px;
4765 line-height: 1.5;
4766}
4767.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail {
4768 width: 1px;
4769 height: 0;
4770 margin: 8px auto;
4771}
4772.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
4773 height: 100%;
4774 width: 1px;
4775 position: relative;
4776}
4777.next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
4778 position: absolute;
4779 top: 0;
4780 height: 100%;
4781 width: 1px;
4782}
4783.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body {
4784 position: absolute;
4785 top: 0;
4786 left: 6px;
4787 margin-left: 8px;
4788}
4789.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
4790 margin-top: 0px;
4791 font-weight: bold;
4792 text-align: left;
4793 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4794 font-size: 12px;
4795 line-height: 1.2857142;
4796}
4797.next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
4798 margin-top: 8px;
4799 min-height: 8px;
4800 text-align: left;
4801 font-size: 12px;
4802 line-height: 1.5;
4803}
4804.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
4805 width: 1px;
4806 height: 0;
4807 margin: 8px auto;
4808}
4809.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
4810 height: 100%;
4811 width: 1px;
4812 position: relative;
4813}
4814.next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
4815 position: absolute;
4816 top: 0;
4817 height: 100%;
4818 width: 1px;
4819}
4820.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
4821 position: absolute;
4822 top: 0;
4823 left: 6px;
4824 margin-left: 8px;
4825}
4826.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
4827 margin-top: 0px;
4828 font-weight: bold;
4829 text-align: left;
4830 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
4831 font-size: 12px;
4832 line-height: 1.2857142;
4833}
4834.next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
4835 margin-top: 8px;
4836 min-height: 8px;
4837 text-align: left;
4838 font-size: 12px;
4839 line-height: 1.5;
4840}
4841
4842.next-step-horizontal[dir=rtl] > .next-step-item {
4843 text-align: right;
4844}
4845
4846.next-step-arrow[dir=rtl] .next-step-item {
4847 height: 32px;
4848 line-height: 32px;
4849 margin-left: 4px;
4850 margin-right: 16px;
4851}
4852.next-step-arrow[dir=rtl] .next-step-item:before {
4853 right: -16px;
4854 left: auto;
4855 border: 16px solid transparent;
4856 border-right-color: transparent;
4857}
4858.next-step-arrow[dir=rtl] .next-step-item:after {
4859 left: -32px;
4860 right: auto;
4861 border-top: 16px solid transparent;
4862 border-bottom: 16px solid transparent;
4863 border-right: 16px solid transparent;
4864}
4865.next-step-arrow[dir=rtl] > .next-step-item-wait {
4866 background: #EBECF0;
4867}
4868.next-step-arrow[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
4869 right: 50%;
4870 left: auto;
4871}
4872.next-step-arrow[dir=rtl] > .next-step-item-wait:before {
4873 border: 16px solid #EBECF0;
4874 border-right-color: transparent;
4875}
4876.next-step-arrow[dir=rtl] > .next-step-item-wait:after {
4877 border-right-color: #EBECF0;
4878 border-left-color: transparent;
4879}
4880.next-step-arrow[dir=rtl] > .next-step-item-process {
4881 background: #5584FF;
4882}
4883.next-step-arrow[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
4884 right: 50%;
4885 left: auto;
4886}
4887.next-step-arrow[dir=rtl] > .next-step-item-process:before {
4888 border: 16px solid #5584FF;
4889 border-right-color: transparent;
4890}
4891.next-step-arrow[dir=rtl] > .next-step-item-process:after {
4892 border-right-color: #5584FF;
4893 border-left-color: transparent;
4894}
4895.next-step-arrow[dir=rtl] > .next-step-item-finish {
4896 background: #DEE8FF;
4897}
4898.next-step-arrow[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
4899 right: 50%;
4900 left: auto;
4901}
4902.next-step-arrow[dir=rtl] > .next-step-item-finish:before {
4903 border: 16px solid #DEE8FF;
4904 border-right-color: transparent;
4905}
4906.next-step-arrow[dir=rtl] > .next-step-item-finish:after {
4907 border-right-color: #DEE8FF;
4908 border-left-color: transparent;
4909}
4910.next-step-arrow[dir=rtl] .next-step-item-disabled {
4911 background: #F7F8FA;
4912}
4913.next-step-arrow[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
4914 right: 50%;
4915 left: auto;
4916}
4917.next-step-arrow[dir=rtl] .next-step-item-disabled:before {
4918 border: 16px solid #F7F8FA;
4919 border-right-color: transparent;
4920}
4921.next-step-arrow[dir=rtl] .next-step-item-disabled:after {
4922 border-right-color: #F7F8FA;
4923 border-left-color: transparent;
4924}
4925.next-step-arrow[dir=rtl] .next-step-item-first {
4926 margin-right: 0;
4927}
4928.next-step-arrow[dir=rtl] .next-step-item-last {
4929 margin-left: 0;
4930}
4931
4932.next-step-circle[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
4933 right: 50%;
4934 left: auto;
4935}
4936.next-step-circle[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
4937 right: 50%;
4938 left: auto;
4939}
4940.next-step-circle[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
4941 right: 50%;
4942 left: auto;
4943}
4944.next-step-circle[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
4945 right: 50%;
4946 left: auto;
4947}
4948.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
4949 right: -26px;
4950 left: auto;
4951}
4952.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-process > .next-step-item-body {
4953 right: -26px;
4954 left: auto;
4955}
4956.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
4957 right: -26px;
4958 left: auto;
4959}
4960.next-step-circle[dir=rtl].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
4961 right: -26px;
4962 left: auto;
4963}
4964.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
4965 left: auto;
4966 right: 0;
4967 text-align: right;
4968}
4969.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
4970 padding-left: 8px;
4971 padding-right: 0;
4972}
4973.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
4974 left: 0;
4975 right: auto;
4976}
4977.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
4978 left: auto;
4979 right: 0;
4980 text-align: right;
4981}
4982.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
4983 padding-left: 8px;
4984 padding-right: 0;
4985}
4986.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
4987 left: 0;
4988 right: auto;
4989}
4990.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
4991 left: auto;
4992 right: 0;
4993 text-align: right;
4994}
4995.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
4996 padding-left: 8px;
4997 padding-right: 0;
4998}
4999.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
5000 left: 0;
5001 right: auto;
5002}
5003.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
5004 left: auto;
5005 right: 0;
5006 text-align: right;
5007}
5008.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
5009 padding-left: 8px;
5010 padding-right: 0;
5011}
5012.next-step-circle[dir=rtl].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
5013 left: 0;
5014 right: auto;
5015}
5016.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body {
5017 right: 16px;
5018 left: auto;
5019 margin-right: 8px;
5020 margin-left: 0;
5021}
5022.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
5023 text-align: right;
5024 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5025 font-size: 12px;
5026 line-height: 1.2857142;
5027}
5028.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
5029 text-align: right;
5030}
5031.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body {
5032 right: 16px;
5033 left: auto;
5034 margin-right: 8px;
5035 margin-left: 0;
5036}
5037.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
5038 text-align: right;
5039 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5040 font-size: 12px;
5041 line-height: 1.2857142;
5042}
5043.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
5044 text-align: right;
5045}
5046.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body {
5047 right: 16px;
5048 left: auto;
5049 margin-right: 8px;
5050 margin-left: 0;
5051}
5052.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
5053 text-align: right;
5054 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5055 font-size: 12px;
5056 line-height: 1.2857142;
5057}
5058.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
5059 text-align: right;
5060}
5061.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
5062 right: 16px;
5063 left: auto;
5064 margin-right: 8px;
5065 margin-left: 0;
5066}
5067.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
5068 text-align: right;
5069 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5070 font-size: 12px;
5071 line-height: 1.2857142;
5072}
5073.next-step-circle[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
5074 text-align: right;
5075}
5076
5077.next-step-dot[dir=rtl] > .next-step-item-wait .next-step-item-node-dot {
5078 right: 50%;
5079 left: auto;
5080}
5081.next-step-dot[dir=rtl] > .next-step-item-process .next-step-item-node-dot {
5082 right: 50%;
5083 left: auto;
5084}
5085.next-step-dot[dir=rtl] > .next-step-item-finish .next-step-item-node-dot {
5086 right: 50%;
5087 left: auto;
5088}
5089.next-step-dot[dir=rtl] .next-step-item-disabled .next-step-item-node-dot {
5090 right: 50%;
5091 left: auto;
5092}
5093.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
5094 right: -36px;
5095 left: auto;
5096}
5097.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-process > .next-step-item-body {
5098 right: -36px;
5099 left: auto;
5100}
5101.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
5102 right: -36px;
5103 left: auto;
5104}
5105.next-step-dot[dir=rtl].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
5106 right: -36px;
5107 left: auto;
5108}
5109.next-step-dot[dir=rtl].next-step-vertical {
5110 padding: 0 4px 0 0;
5111}
5112.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body {
5113 right: 6px;
5114 left: auto;
5115 margin-right: 8px;
5116 margin-left: 0;
5117}
5118.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
5119 text-align: right;
5120 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5121 font-size: 12px;
5122 line-height: 1.2857142;
5123}
5124.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
5125 text-align: right;
5126}
5127.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body {
5128 right: 6px;
5129 left: auto;
5130 margin-right: 8px;
5131 margin-left: 0;
5132}
5133.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
5134 text-align: right;
5135 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5136 font-size: 12px;
5137 line-height: 1.2857142;
5138}
5139.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
5140 text-align: right;
5141}
5142.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body {
5143 right: 6px;
5144 left: auto;
5145 margin-right: 8px;
5146 margin-left: 0;
5147}
5148.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
5149 text-align: right;
5150 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5151 font-size: 12px;
5152 line-height: 1.2857142;
5153}
5154.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
5155 text-align: right;
5156}
5157.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
5158 right: 6px;
5159 left: auto;
5160 margin-right: 8px;
5161 margin-left: 0;
5162}
5163.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
5164 text-align: right;
5165 font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
5166 font-size: 12px;
5167 line-height: 1.2857142;
5168}
5169.next-step-dot[dir=rtl].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
5170 text-align: right;
5171}
5172
5173.next-switch:after[dir=rtl] {
5174 content: " ";
5175 -webkit-transition: all 100ms linear;
5176 transition: all 100ms linear;
5177 -webkit-transform-origin: right center;
5178 -ms-transform-origin: right center;
5179 transform-origin: right center;
5180}
5181.next-switch-medium[dir=rtl]:after {
5182 right: 100%;
5183 -webkit-transform: translateX(100%);
5184 -ms-transform: translateX(100%);
5185 transform: translateX(100%);
5186}
5187.next-switch-small[dir=rtl]:after {
5188 right: 100%;
5189 -webkit-transform: translateX(100%);
5190 -ms-transform: translateX(100%);
5191 transform: translateX(100%);
5192}
5193.next-switch-on[dir=rtl] > .next-switch-children {
5194 color: #FFFFFF;
5195}
5196.next-switch-on[disabled][dir=rtl]:after {
5197 left: 0;
5198 right: 100%;
5199 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5200 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5201}
5202.next-switch-off[dir=rtl]:after {
5203 right: 0;
5204 -webkit-transform: translateX(0);
5205 -ms-transform: translateX(0);
5206 transform: translateX(0);
5207 -webkit-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
5208 box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
5209}
5210.next-switch-off[dir=rtl] > .next-switch-children {
5211 right: auto;
5212}
5213.next-switch-off.next-switch-small[dir=rtl] > .next-switch-children {
5214 right: auto;
5215}
5216
5217.next-switch {
5218 -webkit-box-sizing: border-box;
5219 box-sizing: border-box;
5220 outline: none;
5221 text-align: left;
5222 cursor: pointer;
5223 vertical-align: middle;
5224 -webkit-user-select: none;
5225 -moz-user-select: none;
5226 -ms-user-select: none;
5227 user-select: none;
5228 overflow: hidden;
5229 -webkit-transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
5230 transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
5231}
5232.next-switch *,
5233.next-switch *:before,
5234.next-switch *:after {
5235 -webkit-box-sizing: border-box;
5236 box-sizing: border-box;
5237}
5238.next-switch-btn {
5239 -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
5240 transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
5241 -webkit-transform-origin: left center;
5242 -ms-transform-origin: left center;
5243 transform-origin: left center;
5244}
5245.next-switch:after {
5246 content: "";
5247}
5248.next-switch-loading {
5249 pointer-events: none;
5250}
5251.next-switch-loading .next-icon-loading {
5252 color: #5584FF;
5253 text-align: center;
5254 -webkit-transform: translate(-1px, -1px);
5255 -ms-transform: translate(-1px, -1px);
5256 transform: translate(-1px, -1px);
5257}
5258.next-switch-loading .next-icon-loading.next-switch-inner-icon:before {
5259 vertical-align: top;
5260}
5261.next-switch-medium {
5262 position: relative;
5263 display: inline-block;
5264 border: 2px solid transparent;
5265 width: 56px;
5266 height: 28px;
5267 border-radius: 20px;
5268}
5269.next-switch-medium:not([disabled]):active .next-switch-btn {
5270 width: 31.2px;
5271}
5272.next-switch-medium.next-switch-on:not([disabled]):active .next-switch-btn {
5273 left: calc(100% - 31.2px);
5274}
5275.next-switch-medium.next-switch-auto-width {
5276 min-width: 56px;
5277 width: auto;
5278 overflow: initial;
5279}
5280.next-switch-medium:after {
5281 content: "";
5282}
5283.next-switch-medium > .next-switch-btn {
5284 border: 1px solid transparent;
5285 position: absolute;
5286 left: calc(100% - 24px);
5287 width: 24px;
5288 height: 24px;
5289 border-radius: 20px;
5290 -webkit-box-sizing: border-box;
5291 box-sizing: border-box;
5292}
5293.next-switch-medium > .next-switch-children {
5294 height: 24px;
5295 line-height: 24px;
5296}
5297.next-switch-medium > .next-switch-children {
5298 font-size: 12px;
5299}
5300.next-switch-medium.next-switch.next-switch-on > .next-switch-children {
5301 margin: 0 32px 0 8px;
5302}
5303.next-switch-medium.next-switch.next-switch-off > .next-switch-children {
5304 margin: 0 8px 0 32px;
5305}
5306.next-switch-medium.next-switch-loading .next-icon-loading {
5307 line-height: 24px;
5308 height: 24px;
5309 width: 24px;
5310}
5311.next-switch-medium.next-switch-loading .next-icon-loading:before, .next-switch-medium.next-switch-loading .next-icon-loading .next-icon-remote {
5312 width: 16px;
5313 font-size: 16px;
5314 line-height: inherit;
5315}
5316.next-switch-small {
5317 position: relative;
5318 display: inline-block;
5319 border: 2px solid transparent;
5320 width: 44px;
5321 height: 24px;
5322 border-radius: 20px;
5323}
5324.next-switch-small:not([disabled]):active .next-switch-btn {
5325 width: 26px;
5326}
5327.next-switch-small.next-switch-on:not([disabled]):active .next-switch-btn {
5328 left: calc(100% - 26px);
5329}
5330.next-switch-small.next-switch-auto-width {
5331 min-width: 44px;
5332 width: auto;
5333 overflow: initial;
5334}
5335.next-switch-small:after {
5336 content: "";
5337}
5338.next-switch-small > .next-switch-btn {
5339 border: 1px solid transparent;
5340 position: absolute;
5341 left: calc(100% - 20px);
5342 width: 20px;
5343 height: 20px;
5344 border-radius: 20px;
5345 -webkit-box-sizing: border-box;
5346 box-sizing: border-box;
5347}
5348.next-switch-small > .next-switch-children {
5349 height: 20px;
5350 line-height: 20px;
5351}
5352.next-switch-small > .next-switch-children {
5353 font-size: 12px;
5354}
5355.next-switch-small.next-switch.next-switch-on > .next-switch-children {
5356 margin: 0 28px 0 8px;
5357}
5358.next-switch-small.next-switch.next-switch-off > .next-switch-children {
5359 margin: 0 8px 0 28px;
5360}
5361.next-switch-small.next-switch-loading .next-icon-loading {
5362 line-height: 20px;
5363 height: 20px;
5364 width: 20px;
5365}
5366.next-switch-small.next-switch-loading .next-icon-loading:before, .next-switch-small.next-switch-loading .next-icon-loading .next-icon-remote {
5367 width: 12px;
5368 font-size: 12px;
5369 line-height: inherit;
5370}
5371.next-switch-on {
5372 background-color: #5584FF;
5373}
5374.next-switch-on .next-switch-btn {
5375 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5376 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5377 background-color: #FFFFFF;
5378 border-color: transparent;
5379}
5380.next-switch-on > .next-switch-children {
5381 color: #FFFFFF;
5382}
5383.next-switch-on:focus, .next-switch-on.hover, .next-switch-on:hover {
5384 background-color: #3E71F7;
5385}
5386.next-switch-on:focus .next-switch-btn, .next-switch-on.hover .next-switch-btn, .next-switch-on:hover .next-switch-btn {
5387 background-color: #FFFFFF;
5388}
5389.next-switch-on[disabled] {
5390 background-color: #EBECF0;
5391 cursor: not-allowed;
5392}
5393.next-switch-on[disabled] .next-switch-btn {
5394 right: 0;
5395 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5396 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5397 background-color: #F7F8FA;
5398 border-color: transparent;
5399}
5400.next-switch-on[disabled] > .next-switch-children {
5401 color: #CCCCCC;
5402}
5403.next-switch-off {
5404 background-color: #EBECF0;
5405 border-color: #EBECF0;
5406}
5407.next-switch-off:focus, .next-switch-off.hover, .next-switch-off:hover {
5408 background-color: #EBECF0;
5409 border-color: #EBECF0;
5410}
5411.next-switch-off .next-switch-btn {
5412 left: 0;
5413 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5414 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5415 background-color: #FFFFFF;
5416 border-color: transparent;
5417}
5418.next-switch-off:focus .next-switch-btn, .next-switch-off.hover .next-switch-btn, .next-switch-off:hover .next-switch-btn {
5419 background-color: #FFFFFF;
5420}
5421.next-switch-off > .next-switch-children {
5422 color: #999999;
5423}
5424.next-switch-off[disabled] {
5425 background-color: #EBECF0;
5426 cursor: not-allowed;
5427}
5428.next-switch-off[disabled] .next-switch-btn {
5429 -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5430 box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
5431 background-color: #F7F8FA;
5432 border-color: transparent;
5433}
5434.next-switch-off[disabled] > .next-switch-children {
5435 color: #C4C6CF;
5436}
5437
5438.next-tabs {
5439 /* Nav Button */
5440 /* ----------------- */
5441 /* position: vertical */
5442 /* ----------------- */
5443 /* Size */
5444 /* ----------------- */
5445 /* shape: pure */
5446 /* ----------------- */
5447 /* Shape: wrapped */
5448 /* --------------------- */
5449 /* Shape: wrapped(top) */
5450 /* Shape: wrapped(bottom) */
5451 /* Shape: wrapped(left) */
5452 /* Shape: wrapped(right) */
5453 /* Shape: text */
5454 /* ------------------- */
5455}
5456.next-tabs {
5457 -webkit-box-sizing: border-box;
5458 box-sizing: border-box;
5459 width: 100%;
5460}
5461.next-tabs *,
5462.next-tabs *:before,
5463.next-tabs *:after {
5464 -webkit-box-sizing: border-box;
5465 box-sizing: border-box;
5466}
5467.next-tabs-bar {
5468 outline: none;
5469}
5470.next-tabs-bar-popup {
5471 overflow-y: auto;
5472 max-height: 480px;
5473}
5474.next-tabs-nav-container {
5475 position: relative;
5476}
5477.next-tabs-nav-container:after {
5478 visibility: hidden;
5479 display: block;
5480 height: 0;
5481 font-size: 0;
5482 content: " ";
5483 clear: both;
5484}
5485.next-tabs-nav-wrap {
5486 overflow: hidden;
5487}
5488.next-tabs-nav-scroll {
5489 overflow: hidden;
5490 white-space: nowrap;
5491}
5492.next-tabs-scrollable .next-tabs-nav-scroll {
5493 overflow-x: auto;
5494 overflow-y: hidden;
5495 -webkit-overflow-scrolling: touch;
5496}
5497.next-tabs-scrollable .next-tabs-nav-scroll::-webkit-scrollbar {
5498 display: none !important;
5499 width: 0 !important;
5500 height: 0 !important;
5501 -webkit-appearance: none;
5502 opacity: 0 !important;
5503}
5504.next-tabs-nav {
5505 display: inline-block;
5506 position: relative;
5507 -webkit-transition: all 300ms ease;
5508 transition: all 300ms ease;
5509 list-style: none;
5510 padding: 0;
5511 margin: 0;
5512}
5513.next-tabs-nav-enter, .next-tabs-nav-appear {
5514 -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5515 animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5516 -webkit-animation-fill-mode: both;
5517 animation-fill-mode: both;
5518}
5519.next-tabs-nav-leave {
5520 -webkit-animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5521 animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
5522 -webkit-animation-fill-mode: both;
5523 animation-fill-mode: both;
5524}
5525.next-tabs-nav.next-disable-animation .next-tabs-tab:before {
5526 -webkit-transition: none;
5527 transition: none;
5528}
5529.next-tabs-tab {
5530 display: inline-block;
5531 position: relative;
5532 -webkit-transition: all 100ms linear;
5533 transition: all 100ms linear;
5534}
5535.next-tabs-tab-inner {
5536 position: relative;
5537 cursor: pointer;
5538 text-decoration: none;
5539}
5540.next-tabs-tab:before {
5541 content: "";
5542 position: absolute;
5543 -webkit-transition: all 300ms ease;
5544 transition: all 300ms ease;
5545}
5546.next-tabs-tab.active {
5547 font-weight: normal;
5548}
5549.next-tabs-tab .next-tabs-tab-close {
5550 color: #666666;
5551}
5552.next-tabs-tab .next-tabs-tab-close:hover {
5553 color: #333333;
5554}
5555.next-tabs-tab .next-tabs-tab-close:focus {
5556 outline: none;
5557}
5558.next-tabs-tab.active .next-tabs-tab-close {
5559 color: #5584FF;
5560}
5561.next-tabs-tab.disabled .next-tabs-tab-close {
5562 color: #DCDEE3;
5563}
5564.next-tabs-tab:focus {
5565 outline: none;
5566}
5567.next-tabs-tabpane {
5568 visibility: hidden;
5569 opacity: 0;
5570}
5571.next-tabs-tabpane.active {
5572 visibility: visible;
5573 opacity: 1;
5574 height: auto;
5575}
5576.next-tabs-tabpane.hidden {
5577 overflow: hidden;
5578 height: 0 !important;
5579 margin: 0 !important;
5580 padding: 0 !important;
5581 border: 0 !important;
5582}
5583.next-tabs-btn-down, .next-tabs-btn-prev, .next-tabs-btn-next {
5584 position: absolute;
5585 top: 0;
5586 cursor: pointer;
5587 padding: 0;
5588 border: 0;
5589 outline: none;
5590 height: 100%;
5591 background: transparent;
5592 border-color: transparent;
5593}
5594.next-tabs-btn-down, .next-tabs-btn-down:link, .next-tabs-btn-down:visited, .next-tabs-btn-down.visited, .next-tabs-btn-prev, .next-tabs-btn-prev:link, .next-tabs-btn-prev:visited, .next-tabs-btn-prev.visited, .next-tabs-btn-next, .next-tabs-btn-next:link, .next-tabs-btn-next:visited, .next-tabs-btn-next.visited {
5595 color: #666666;
5596}
5597.next-tabs-btn-down:focus, .next-tabs-btn-down:hover, .next-tabs-btn-down.hover, .next-tabs-btn-prev:focus, .next-tabs-btn-prev:hover, .next-tabs-btn-prev.hover, .next-tabs-btn-next:focus, .next-tabs-btn-next:hover, .next-tabs-btn-next.hover {
5598 color: #333333;
5599 background: transparent;
5600 border-color: transparent;
5601 text-decoration: none;
5602}
5603.next-tabs-btn-down:active, .next-tabs-btn-down.active, .next-tabs-btn-prev:active, .next-tabs-btn-prev.active, .next-tabs-btn-next:active, .next-tabs-btn-next.active {
5604 color: #333333;
5605 background: transparent;
5606 border-color: transparent;
5607 text-decoration: none;
5608}
5609.next-tabs-btn-down.disabled, .next-tabs-btn-prev.disabled, .next-tabs-btn-next.disabled {
5610 cursor: not-allowed;
5611 color: #DCDEE3;
5612}
5613.next-tabs-btn-next {
5614 right: 8px;
5615}
5616.next-tabs-btn-prev {
5617 right: 32px;
5618}
5619.next-tabs-btn-down {
5620 right: 8px;
5621}
5622.next-tabs .next-tab-icon-dropdown::before {
5623 content: "\E63D";
5624}
5625.next-tabs .next-tab-icon-prev::before {
5626 content: "\E61D";
5627}
5628.next-tabs .next-tab-icon-next::before {
5629 content: "\E619";
5630}
5631.next-tabs-content {
5632 overflow: hidden;
5633}
5634.next-tabs-vertical > .next-tabs-bar .next-tabs-nav {
5635 width: 100%;
5636}
5637.next-tabs-vertical > .next-tabs-bar .next-tabs-tab {
5638 display: block;
5639}
5640.next-tabs.next-medium .next-tabs-nav-container-scrolling {
5641 padding-right: 60px;
5642}
5643.next-tabs.next-medium .next-tabs-tab-inner {
5644 font-size: 12px;
5645 padding: 12px 16px;
5646}
5647.next-tabs.next-medium .next-tabs-tab-inner .next-icon {
5648 line-height: 1;
5649}
5650.next-tabs.next-medium .next-tabs-tab-inner .next-icon:before, .next-tabs.next-medium .next-tabs-tab-inner .next-icon .next-icon-remote {
5651 width: 16px;
5652 font-size: 16px;
5653 line-height: inherit;
5654}
5655.next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close {
5656 margin-left: 8px;
5657}
5658.next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close:before, .next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close .next-icon-remote {
5659 width: 12px;
5660 font-size: 12px;
5661 line-height: inherit;
5662}
5663.next-tabs.next-medium .next-tabs-btn-down .next-icon:before, .next-tabs.next-medium .next-tabs-btn-down .next-icon .next-icon-remote, .next-tabs.next-medium .next-tabs-btn-prev .next-icon:before, .next-tabs.next-medium .next-tabs-btn-prev .next-icon .next-icon-remote, .next-tabs.next-medium .next-tabs-btn-next .next-icon:before, .next-tabs.next-medium .next-tabs-btn-next .next-icon .next-icon-remote {
5664 width: 16px;
5665 font-size: 16px;
5666 line-height: inherit;
5667}
5668.next-tabs.next-small .next-tabs-nav-container-scrolling {
5669 padding-right: 56px;
5670}
5671.next-tabs.next-small .next-tabs-tab-inner {
5672 font-size: 12px;
5673 padding: 8px 12px;
5674}
5675.next-tabs.next-small .next-tabs-tab-inner .next-icon {
5676 line-height: 1;
5677}
5678.next-tabs.next-small .next-tabs-tab-inner .next-icon:before, .next-tabs.next-small .next-tabs-tab-inner .next-icon .next-icon-remote {
5679 width: 12px;
5680 font-size: 12px;
5681 line-height: inherit;
5682}
5683.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
5684 margin-left: 8px;
5685}
5686.next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before, .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close .next-icon-remote {
5687 width: 8px;
5688 font-size: 8px;
5689 line-height: inherit;
5690}
5691@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
5692 .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
5693 -webkit-transform: scale(0.5);
5694 -ms-transform: scale(0.5);
5695 transform: scale(0.5);
5696 margin-left: -4px;
5697 margin-right: -4px;
5698 }
5699 .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before {
5700 width: 16px;
5701 font-size: 16px;
5702 }
5703}
5704.next-tabs.next-small .next-tabs-btn-down .next-icon:before, .next-tabs.next-small .next-tabs-btn-down .next-icon .next-icon-remote, .next-tabs.next-small .next-tabs-btn-prev .next-icon:before, .next-tabs.next-small .next-tabs-btn-prev .next-icon .next-icon-remote, .next-tabs.next-small .next-tabs-btn-next .next-icon:before, .next-tabs.next-small .next-tabs-btn-next .next-icon .next-icon-remote {
5705 width: 12px;
5706 font-size: 12px;
5707 line-height: inherit;
5708}
5709.next-tabs-pure > .next-tabs-bar {
5710 border-bottom: solid 1px #DCDEE3;
5711 background-color: transparent;
5712}
5713.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container {
5714 margin-bottom: -1px;
5715 -webkit-box-shadow: none;
5716 box-shadow: none;
5717}
5718.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab {
5719 color: #666666;
5720 background-color: transparent;
5721}
5722.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:hover {
5723 cursor: pointer;
5724 color: #333333;
5725 background-color: transparent;
5726}
5727.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active {
5728 z-index: 1;
5729 color: #5584FF;
5730 background-color: transparent;
5731}
5732.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.disabled {
5733 pointer-events: none;
5734 cursor: default;
5735 color: #DCDEE3;
5736 background: transparent;
5737}
5738.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:before {
5739 border-radius: 0%;
5740 width: 0;
5741 border-bottom: 2px solid #5584FF;
5742 left: 50%;
5743 bottom: 0%;
5744}
5745.next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active:before {
5746 width: 100%;
5747 left: 0px;
5748}
5749.next-tabs-wrapped > .next-tabs-bar {
5750 background: transparent;
5751}
5752.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab {
5753 color: #666666;
5754 background-color: #F2F3F7;
5755}
5756.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab:hover {
5757 cursor: pointer;
5758 color: #333333;
5759 background-color: #EBECF0;
5760}
5761.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active {
5762 z-index: 1;
5763 color: #5584FF;
5764 background-color: #FFFFFF;
5765}
5766.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled {
5767 pointer-events: none;
5768 cursor: default;
5769 color: #CCCCCC;
5770 background: #F7F8FA;
5771}
5772.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close {
5773 color: #666666;
5774}
5775.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:hover {
5776 color: #333333;
5777}
5778.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:focus {
5779 outline: none;
5780}
5781.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active .next-tabs-tab-close {
5782 color: #5584FF;
5783}
5784.next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled .next-tabs-tab-close {
5785 color: #DCDEE3;
5786}
5787.next-tabs-wrapped:before, .next-tabs-wrapped:after {
5788 content: "";
5789 display: table;
5790}
5791.next-tabs-wrapped:after {
5792 clear: both;
5793}
5794.next-tabs-wrapped > .next-tabs-content {
5795 position: relative;
5796}
5797.next-tabs-wrapped.next-tabs-top > .next-tabs-bar {
5798 position: relative;
5799}
5800.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
5801 position: absolute;
5802 top: 50%;
5803 right: 0;
5804 -webkit-transform: translateY(-50%);
5805 -ms-transform: translateY(-50%);
5806 transform: translateY(-50%);
5807}
5808.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab {
5809 margin-right: 4px;
5810 border: solid 1px #DCDEE3;
5811 border-radius: 3px 3px 0 0;
5812 border-width: 1px 1px 1px 1px;
5813}
5814.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:hover {
5815 border-color: #C4C6CF;
5816}
5817.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
5818 border-color: #DCDEE3 #DCDEE3 #FFFFFF #DCDEE3;
5819}
5820.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:before {
5821 border-radius: 3px;
5822 width: 0;
5823 border-top: 2px solid #5584FF;
5824 left: 50%;
5825 top: -1px;
5826}
5827.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active:before {
5828 width: calc(100% - 6px);
5829 left: 3px;
5830}
5831.next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
5832 border-width: 1px 1px 1px 1px;
5833}
5834.next-tabs-wrapped.next-tabs-top > .next-tabs-bar:before {
5835 content: "";
5836 position: absolute;
5837 top: 100%;
5838 width: 100%;
5839 height: 0;
5840 border-bottom: 1px solid #DCDEE3;
5841 -webkit-transform: translateY(-1px);
5842 -ms-transform: translateY(-1px);
5843 transform: translateY(-1px);
5844 display: block;
5845}
5846.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar {
5847 position: relative;
5848}
5849.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
5850 position: absolute;
5851 top: 50%;
5852 right: 0;
5853 -webkit-transform: translateY(-50%);
5854 -ms-transform: translateY(-50%);
5855 transform: translateY(-50%);
5856}
5857.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab {
5858 margin-right: 4px;
5859 border: solid 1px #DCDEE3;
5860 border-radius: 0 0 3px 3px;
5861}
5862.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:hover {
5863 border-color: #C4C6CF;
5864}
5865.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active {
5866 border-color: #FFFFFF #DCDEE3 #DCDEE3 #DCDEE3;
5867}
5868.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:before {
5869 border-radius: 3px;
5870 width: 0;
5871 border-bottom: 2px solid #5584FF;
5872 left: 50%;
5873 bottom: -1px;
5874}
5875.next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active:before {
5876 width: calc(100% - 6px);
5877 left: 3px;
5878}
5879.next-tabs-wrapped.next-tabs-bottom > .next-tabs-content {
5880 top: 1px;
5881 border-bottom: 1px solid #DCDEE3;
5882}
5883.next-tabs-wrapped.next-tabs-left > .next-tabs-bar {
5884 float: left;
5885}
5886.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab {
5887 float: none;
5888 margin-bottom: 4px;
5889 border: solid 1px #DCDEE3;
5890 border-radius: 3px 0 0 3px;
5891 border-width: 1px 1px 1px 1px;
5892}
5893.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:hover {
5894 border-color: #C4C6CF;
5895}
5896.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
5897 border-color: #DCDEE3 #FFFFFF #DCDEE3 #DCDEE3;
5898}
5899.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:before {
5900 border-radius: 3px;
5901 height: 0;
5902 border-left: 2px solid #5584FF;
5903 top: 50%;
5904 left: -1px;
5905}
5906.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active:before {
5907 height: calc(100% - 6px);
5908 top: 3px;
5909}
5910.next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
5911 border-width: 1px 1px 1px 1px;
5912}
5913.next-tabs-wrapped.next-tabs-left > .next-tabs-content {
5914 right: 1px;
5915 border-left: 1px solid #DCDEE3;
5916}
5917.next-tabs-wrapped.next-tabs-right > .next-tabs-bar {
5918 float: right;
5919}
5920.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab {
5921 float: none;
5922 margin-bottom: 4px;
5923 border: solid 1px #DCDEE3;
5924 border-radius: 0 3px 3px 0;
5925 border-width: 1px 1px 1px 1px;
5926}
5927.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:hover {
5928 border-color: #C4C6CF;
5929}
5930.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
5931 border-color: #DCDEE3 #DCDEE3 #DCDEE3 #FFFFFF;
5932}
5933.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:before {
5934 border-radius: 3px;
5935 height: 0;
5936 border-right: 2px solid #5584FF;
5937 top: 50%;
5938 right: -1px;
5939}
5940.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active:before {
5941 height: calc(100% - 6px);
5942 top: 3px;
5943}
5944.next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
5945 border-width: 1px 1px 1px 1px;
5946}
5947.next-tabs-wrapped.next-tabs-right > .next-tabs-content {
5948 right: -1px;
5949 border-right: 1px solid #DCDEE3;
5950}
5951.next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
5952 -webkit-transition: background-color 100ms linear;
5953 transition: background-color 100ms linear;
5954 border: 1px solid #C4C6CF;
5955 border-right-color: transparent;
5956 margin-right: -1px;
5957 color: #333333;
5958 background-color: #F2F3F7;
5959}
5960.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
5961 border-radius: 3px 0 0 3px;
5962}
5963.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
5964 border-radius: 0 3px 3px 0;
5965 border-right: 1px solid #C4C6CF;
5966}
5967.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
5968 border-right: 1px solid #C4C6CF;
5969 border-color: #5584FF;
5970}
5971.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
5972 border-color: #E6E7EB;
5973}
5974.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
5975 z-index: 2;
5976 border-right: 1px solid #C4C6CF;
5977 border-color: #C4C6CF;
5978}
5979.next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
5980 cursor: pointer;
5981 color: #333333;
5982 background-color: #EBECF0;
5983}
5984.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
5985 z-index: 1;
5986 color: #FFFFFF;
5987 background-color: #5584FF;
5988}
5989.next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
5990 pointer-events: none;
5991 cursor: default;
5992 color: #CCCCCC;
5993 background: #F7F8FA;
5994}
5995.next-tabs-text > .next-tabs-bar .next-tabs-tab {
5996 color: #666666;
5997 background-color: transparent;
5998}
5999.next-tabs-text > .next-tabs-bar .next-tabs-tab:hover {
6000 cursor: pointer;
6001 color: #333333;
6002 background-color: transparent;
6003}
6004.next-tabs-text > .next-tabs-bar .next-tabs-tab.active {
6005 z-index: 1;
6006 color: #5584FF;
6007 background-color: transparent;
6008}
6009.next-tabs-text > .next-tabs-bar .next-tabs-tab.disabled {
6010 pointer-events: none;
6011 cursor: default;
6012 color: #CCCCCC;
6013 background: transparent;
6014}
6015.next-tabs-text > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
6016 content: "";
6017 position: absolute;
6018 right: 0;
6019 top: calc(50% - 4px);
6020 width: 1px;
6021 height: 8px;
6022 background-color: #DCDEE3;
6023}
6024.next-tabs-pure > .next-tabs-bar {
6025 position: relative;
6026}
6027.next-tabs-pure > .next-tabs-bar .next-tabs-nav-extra {
6028 position: absolute;
6029 top: 50%;
6030 right: 0;
6031 -webkit-transform: translateY(-50%);
6032 -ms-transform: translateY(-50%);
6033 transform: translateY(-50%);
6034}
6035.next-tabs-capsule > .next-tabs-bar {
6036 position: relative;
6037}
6038.next-tabs-capsule > .next-tabs-bar .next-tabs-nav-extra {
6039 position: absolute;
6040 top: 50%;
6041 right: 0;
6042 -webkit-transform: translateY(-50%);
6043 -ms-transform: translateY(-50%);
6044 transform: translateY(-50%);
6045}
6046.next-tabs-text > .next-tabs-bar {
6047 position: relative;
6048}
6049.next-tabs-text > .next-tabs-bar .next-tabs-nav-extra {
6050 position: absolute;
6051 top: 50%;
6052 right: 0;
6053 -webkit-transform: translateY(-50%);
6054 -ms-transform: translateY(-50%);
6055 transform: translateY(-50%);
6056}
6057
6058.next-tabs[dir=rtl].next-medium .next-tabs-nav-container-scrolling {
6059 padding-left: 60px;
6060 padding-right: 0;
6061}
6062.next-tabs[dir=rtl].next-medium .next-tabs-tab-close {
6063 padding-right: 8px;
6064 padding-left: 0;
6065}
6066.next-tabs[dir=rtl].next-small .next-tabs-nav-container-scrolling {
6067 padding-left: 56px;
6068 padding-right: 0;
6069}
6070.next-tabs[dir=rtl].next-small .next-tabs-tab-close {
6071 padding-right: 8px;
6072 padding-left: 0;
6073}
6074.next-tabs[dir=rtl].next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
6075 right: auto;
6076 left: 0;
6077}
6078.next-tabs[dir=rtl].next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
6079 right: auto;
6080 left: 0;
6081}
6082.next-tabs[dir=rtl] > .next-tabs-bar .next-tabs-nav-extra {
6083 right: auto;
6084 left: 0;
6085}
6086.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
6087 border-top: 1px solid #C4C6CF;
6088 border-bottom: 1px solid #C4C6CF;
6089 border-right: 1px solid #C4C6CF;
6090 border-left: 0;
6091}
6092.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
6093 border-left: 0;
6094 border-radius: 0 3px 3px 0;
6095}
6096.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
6097 border-radius: 3px 0 0 3px;
6098 border-left: 1px solid #C4C6CF;
6099}
6100.next-tabs[dir=rtl].next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
6101 margin-left: -1px;
6102 margin-right: auto;
6103 border-left: 1px solid #C4C6CF;
6104 border-color: #5584FF;
6105}
6106.next-tabs[dir=rtl] .next-tabs-btn-next {
6107 left: 8px;
6108 right: auto;
6109}
6110.next-tabs[dir=rtl] .next-tabs-btn-prev {
6111 left: 32px;
6112 right: auto;
6113}
6114.next-tabs[dir=rtl] .next-tabs-btn-down {
6115 left: 8px;
6116 right: auto;
6117}
6118
6119.next-tabs-text[dir=rtl] > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
6120 content: "";
6121 position: absolute;
6122 left: 0;
6123 right: auto;
6124}
6125
6126@-webkit-keyframes fadeInRightForTag {
6127 0% {
6128 opacity: 0;
6129 -webkit-transform: rotate(45deg) translateX(20px);
6130 transform: rotate(45deg) translateX(20px);
6131 }
6132 100% {
6133 opacity: 1;
6134 -webkit-transform: rotate(45deg) translateX(0);
6135 transform: rotate(45deg) translateX(0);
6136 }
6137}
6138
6139@keyframes fadeInRightForTag {
6140 0% {
6141 opacity: 0;
6142 -webkit-transform: rotate(45deg) translateX(20px);
6143 transform: rotate(45deg) translateX(20px);
6144 }
6145 100% {
6146 opacity: 1;
6147 -webkit-transform: rotate(45deg) translateX(0);
6148 transform: rotate(45deg) translateX(0);
6149 }
6150}
6151.next-tag > .next-tag-body {
6152 overflow: hidden;
6153 text-overflow: ellipsis;
6154}
6155
6156.next-tag-checkable.next-tag-level-secondary {
6157 color: #333333;
6158 border-color: transparent;
6159 background-color: transparent;
6160}
6161.next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]).hover {
6162 color: #5584FF;
6163}
6164.next-tag-default.next-tag-level-primary {
6165 color: #666666;
6166 border-color: #EBECF0;
6167 background-color: #EBECF0;
6168}
6169.next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6170 color: #333333;
6171 border-color: #E2E4E8;
6172 background-color: #E2E4E8;
6173}
6174.next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6175 color: #333333;
6176}
6177[disabled].next-tag-default.next-tag-level-primary, .disabled.next-tag-default.next-tag-level-primary {
6178 color: #CCCCCC;
6179 border-color: #F7F8FA;
6180 background-color: #F7F8FA;
6181}
6182[disabled].next-tag-default.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-primary > .next-tag-close-btn {
6183 color: #CCCCCC;
6184}
6185.next-tag-default.next-tag-level-primary > .next-tag-close-btn {
6186 color: #666666;
6187}
6188
6189.next-tag-closable.next-tag-level-primary {
6190 color: #666666;
6191 border-color: #EBECF0;
6192 background-color: #EBECF0;
6193}
6194.next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6195 color: #333333;
6196 border-color: #E2E4E8;
6197 background-color: #E2E4E8;
6198}
6199.next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6200 color: #333333;
6201}
6202[disabled].next-tag-closable.next-tag-level-primary, .disabled.next-tag-closable.next-tag-level-primary {
6203 color: #CCCCCC;
6204 border-color: #F7F8FA;
6205 background-color: #F7F8FA;
6206}
6207[disabled].next-tag-closable.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
6208 color: #CCCCCC;
6209}
6210.next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
6211 color: #666666;
6212}
6213
6214.next-tag-checkable.next-tag-level-primary {
6215 color: #666666;
6216 border-color: #EBECF0;
6217 background-color: #EBECF0;
6218}
6219.next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
6220 color: #333333;
6221 border-color: #E2E4E8;
6222 background-color: #E2E4E8;
6223}
6224.next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6225 color: #333333;
6226}
6227[disabled].next-tag-checkable.next-tag-level-primary, .disabled.next-tag-checkable.next-tag-level-primary {
6228 color: #CCCCCC;
6229 border-color: #F7F8FA;
6230 background-color: #F7F8FA;
6231}
6232[disabled].next-tag-checkable.next-tag-level-primary > .next-tag-close-btn, .disabled.next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
6233 color: #CCCCCC;
6234}
6235.next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
6236 color: #666666;
6237}
6238
6239.next-tag-checkable.next-tag-level-primary.checked {
6240 color: #FFFFFF;
6241 border-color: #5584FF;
6242 background-color: #5584FF;
6243}
6244.next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]).hover {
6245 color: #FFFFFF;
6246 border-color: #3E71F7;
6247 background-color: #3E71F7;
6248}
6249.next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6250 color: #FFFFFF;
6251}
6252[disabled].next-tag-checkable.next-tag-level-primary.checked, .disabled.next-tag-checkable.next-tag-level-primary.checked {
6253 color: #CCCCCC;
6254 border-color: #F7F8FA;
6255 background-color: #F7F8FA;
6256}
6257[disabled].next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn, .disabled.next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn {
6258 color: #FFFFFF;
6259}
6260.next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn {
6261 color: #FFFFFF;
6262}
6263
6264.next-tag-default.next-tag-level-normal {
6265 color: #666666;
6266 border-color: #C4C6CF;
6267 background-color: transparent;
6268}
6269.next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6270 color: #333333;
6271 border-color: #A0A2AD;
6272 background-color: transparent;
6273}
6274.next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6275 color: #333333;
6276}
6277[disabled].next-tag-default.next-tag-level-normal, .disabled.next-tag-default.next-tag-level-normal {
6278 color: #CCCCCC;
6279 border-color: #E6E7EB;
6280 background-color: #F7F8FA;
6281}
6282[disabled].next-tag-default.next-tag-level-normal > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-normal > .next-tag-close-btn {
6283 color: #CCCCCC;
6284}
6285.next-tag-default.next-tag-level-normal > .next-tag-close-btn {
6286 color: #666666;
6287}
6288
6289.next-tag-closable.next-tag-level-normal {
6290 color: #666666;
6291 border-color: #C4C6CF;
6292 background-color: transparent;
6293}
6294.next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6295 color: #333333;
6296 border-color: #A0A2AD;
6297 background-color: transparent;
6298}
6299.next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
6300 color: #333333;
6301}
6302[disabled].next-tag-closable.next-tag-level-normal, .disabled.next-tag-closable.next-tag-level-normal {
6303 color: #CCCCCC;
6304 border-color: #E6E7EB;
6305 background-color: transparent;
6306}
6307[disabled].next-tag-closable.next-tag-level-normal > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
6308 color: #CCCCCC;
6309}
6310.next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
6311 color: #666666;
6312}
6313
6314.next-tag-checkable.next-tag-level-normal.checked {
6315 color: #5584FF;
6316 border-color: #5584FF;
6317 background-color: transparent;
6318}
6319.next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover {
6320 color: #3E71F7;
6321 border-color: #3E71F7;
6322 background-color: transparent;
6323}
6324.next-tag-checkable.next-tag-level-secondary.checked {
6325 color: #5584FF;
6326 border-color: #5584FF;
6327 background-color: transparent;
6328}
6329.next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover {
6330 color: #3E71F7;
6331 border-color: #3E71F7;
6332 background-color: transparent;
6333}
6334.next-tag-checkable.next-tag-level-secondary.checked:before {
6335 position: absolute;
6336 content: "";
6337 -webkit-font-smoothing: antialiased;
6338 background-color: #5584FF;
6339 -webkit-transform: rotate(45deg);
6340 -ms-transform: rotate(45deg);
6341 transform: rotate(45deg);
6342}
6343.next-tag-checkable.next-tag-level-secondary.checked:after {
6344 position: absolute;
6345 font-family: NextIcon;
6346 -webkit-font-smoothing: antialiased;
6347 content: "\E632";
6348 -webkit-transform: scale(0.6);
6349 -ms-transform: scale(0.6);
6350 transform: scale(0.6);
6351 color: #FFFFFF;
6352}
6353.next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:before, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:before {
6354 background-color: #3E71F7;
6355}
6356.next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:after, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:after {
6357 color: #FFFFFF;
6358}
6359[disabled].next-tag-checkable.next-tag-level-secondary.checked:before, .next-tag-checkable.next-tag-level-secondary.checked:disabled:before {
6360 background-color: #E6E7EB;
6361}
6362[disabled].next-tag-checkable.next-tag-level-secondary.checked:after, .next-tag-checkable.next-tag-level-secondary.checked:disabled:after {
6363 color: #FFFFFF;
6364}
6365
6366.next-tag-checkable.next-tag-level-normal {
6367 color: #666666;
6368 border-color: #C4C6CF;
6369 background-color: transparent;
6370}
6371.next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
6372 color: #333333;
6373 border-color: #C4C6CF;
6374 background-color: transparent;
6375}
6376[disabled].next-tag-checkable.next-tag-level-normal, .disabled.next-tag-checkable.next-tag-level-normal {
6377 color: #CCCCCC;
6378 border-color: #E6E7EB;
6379 background-color: #F7F8FA;
6380}
6381.next-tag-checkable.next-tag-level-normal.checked:before {
6382 position: absolute;
6383 content: "";
6384 -webkit-font-smoothing: antialiased;
6385 background-color: #5584FF;
6386 -webkit-transform: rotate(45deg);
6387 -ms-transform: rotate(45deg);
6388 transform: rotate(45deg);
6389}
6390.next-tag-checkable.next-tag-level-normal.checked:after {
6391 position: absolute;
6392 font-family: NextIcon;
6393 -webkit-font-smoothing: antialiased;
6394 content: "\E632";
6395 -webkit-transform: scale(0.6);
6396 -ms-transform: scale(0.6);
6397 transform: scale(0.6);
6398 color: #FFFFFF;
6399}
6400.next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover:before, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover:before {
6401 background-color: #3E71F7;
6402}
6403.next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover:after, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover:after {
6404 color: #FFFFFF;
6405}
6406[disabled].next-tag-checkable.next-tag-level-normal.checked:before, .next-tag-checkable.next-tag-level-normal.checked:disabled:before {
6407 background-color: #E6E7EB;
6408}
6409[disabled].next-tag-checkable.next-tag-level-normal.checked:after, .next-tag-checkable.next-tag-level-normal.checked:disabled:after {
6410 color: #FFFFFF;
6411}
6412
6413.next-tag-closable.next-tag-level-normal:before {
6414 position: absolute;
6415 content: "";
6416 -webkit-font-smoothing: antialiased;
6417 background-color: #C4C6CF;
6418 -webkit-transform: rotate(45deg);
6419 -ms-transform: rotate(45deg);
6420 transform: rotate(45deg);
6421}
6422.next-tag-closable.next-tag-level-normal:after {
6423 position: absolute;
6424 font-family: NextIcon;
6425 -webkit-font-smoothing: antialiased;
6426 content: "\E626";
6427 -webkit-transform: scale(0.6);
6428 -ms-transform: scale(0.6);
6429 transform: scale(0.6);
6430 color: #FFFFFF;
6431}
6432.next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover:before, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover:before {
6433 background-color: #A0A2AD;
6434}
6435.next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover:after, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover:after {
6436 color: #FFFFFF;
6437}
6438[disabled].next-tag-closable.next-tag-level-normal:before, .next-tag-closable.next-tag-level-normal:disabled:before {
6439 background-color: #E6E7EB;
6440}
6441[disabled].next-tag-closable.next-tag-level-normal:after, .next-tag-closable.next-tag-level-normal:disabled:after {
6442 color: #FFFFFF;
6443}
6444
6445.next- {
6446 /* Animation */
6447 /* ----------- */
6448}
6449.next-tag-group .next-tag-medium,
6450.next-tag-group .next-tag-large {
6451 margin-right: 8px;
6452 margin-bottom: 8px;
6453}
6454.next-tag-group .next-tag-small {
6455 margin-right: 4px;
6456 margin-bottom: 4px;
6457}
6458.next-tag {
6459 -webkit-box-sizing: border-box;
6460 box-sizing: border-box;
6461 display: inline-block;
6462 max-width: 100%;
6463 vertical-align: middle;
6464 border-width: 1px;
6465 border-radius: 3px;
6466 -webkit-box-shadow: none;
6467 box-shadow: none;
6468 border-style: solid; /* 可配置??? */
6469 overflow: hidden;
6470 white-space: nowrap;
6471 -webkit-transition: all 100ms linear;
6472 transition: all 100ms linear;
6473 font-size: 0;
6474 outline: 0;
6475 /* 预设颜色值 */
6476}
6477.next-tag *,
6478.next-tag *:before,
6479.next-tag *:after {
6480 -webkit-box-sizing: border-box;
6481 box-sizing: border-box;
6482}
6483.next-tag > .next-tag-body {
6484 position: relative;
6485 display: inline-block;
6486 height: 100%;
6487 text-align: center;
6488 vertical-align: middle;
6489 max-width: 100%;
6490 cursor: default;
6491 /* 用户手动传的 icon 的大小也保持一致? */
6492}
6493.next-tag > .next-tag-body > a {
6494 text-decoration: none;
6495 color: inherit;
6496}
6497.next-tag > .next-tag-body > a:before {
6498 content: " ";
6499 position: absolute;
6500 display: block;
6501 top: 0;
6502 left: 0;
6503 right: 0;
6504 bottom: 0;
6505}
6506.next-tag > .next-tag-body .next-icon {
6507 line-height: 1;
6508 vertical-align: baseline;
6509}
6510.next-tag > .next-tag-body .next-icon:before {
6511 font-size: inherit;
6512}
6513.next-tag.next-tag-body-pointer {
6514 cursor: pointer;
6515}
6516.next-tag[disabled], .next-tag.disabled {
6517 cursor: not-allowed;
6518 pointer-events: none;
6519}
6520.next-tag-blue {
6521 background-color: #4494F9;
6522 border-color: #4494F9;
6523 color: #FFF;
6524}
6525.next-tag-blue-inverse {
6526 background-color: rgba(68, 148, 249, 0.25);
6527 border-color: #4494F9;
6528 color: #4494F9;
6529}
6530.next-tag-green {
6531 background-color: #46BC15;
6532 border-color: #46BC15;
6533 color: #FFF;
6534}
6535.next-tag-green-inverse {
6536 background-color: rgba(70, 188, 21, 0.25);
6537 border-color: #46BC15;
6538 color: #46BC15;
6539}
6540.next-tag-orange {
6541 background-color: #FF9300;
6542 border-color: #FF9300;
6543 color: #FFF;
6544}
6545.next-tag-orange-inverse {
6546 background-color: rgba(255, 147, 0, 0.25);
6547 border-color: #FF9300;
6548 color: #FF9300;
6549}
6550.next-tag-red {
6551 background-color: #FF3000;
6552 border-color: #FF3000;
6553 color: #FFF;
6554}
6555.next-tag-red-inverse {
6556 background-color: rgba(255, 48, 0, 0.25);
6557 border-color: #FF3000;
6558 color: #FF3000;
6559}
6560.next-tag-turquoise {
6561 background-color: #01C1B2;
6562 border-color: #01C1B2;
6563 color: #FFF;
6564}
6565.next-tag-turquoise-inverse {
6566 background-color: rgba(1, 193, 178, 0.25);
6567 border-color: #01C1B2;
6568 color: #01C1B2;
6569}
6570.next-tag-yellow {
6571 background-color: #FCCC12;
6572 border-color: #FCCC12;
6573 color: #FFF;
6574}
6575.next-tag-yellow-inverse {
6576 background-color: rgba(252, 204, 18, 0.25);
6577 border-color: #FCCC12;
6578 color: #FCCC12;
6579}
6580.next-tag-large {
6581 height: 40px;
6582 padding: 0;
6583 line-height: 38px;
6584 font-size: 0;
6585}
6586.next-tag-large > .next-tag-body {
6587 font-size: 16px;
6588 padding: 0 16px;
6589 min-width: 48px;
6590}
6591.next-tag-large.next-tag-closable > .next-tag-body {
6592 padding: 0 0 0 16px;
6593 max-width: calc(100% - 44px);
6594}
6595.next-tag-large[dir=rtl].next-tag-closable > .next-tag-body {
6596 padding: 0 16px 0 0;
6597}
6598.next-tag-large.next-tag-closable > .next-tag-close-btn {
6599 margin-left: 16px;
6600 padding-right: 16px;
6601}
6602.next-tag-large.next-tag-closable > .next-tag-close-btn .next-icon:before, .next-tag-large.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
6603 width: 12px;
6604 font-size: 12px;
6605 line-height: inherit;
6606}
6607.next-tag-large[dir=rtl] > .next-tag-close-btn {
6608 margin-right: 16px;
6609 margin-left: 0;
6610 padding-right: 0;
6611 padding-left: 16px;
6612}
6613.next-tag-medium {
6614 height: 28px;
6615 padding: 0;
6616 line-height: 26px;
6617 font-size: 0;
6618}
6619.next-tag-medium > .next-tag-body {
6620 font-size: 14px;
6621 padding: 0 12px;
6622 min-width: 40px;
6623}
6624.next-tag-medium.next-tag-closable > .next-tag-body {
6625 padding: 0 0 0 12px;
6626 max-width: calc(100% - 32px);
6627}
6628.next-tag-medium[dir=rtl].next-tag-closable > .next-tag-body {
6629 padding: 0 12px 0 0;
6630}
6631.next-tag-medium.next-tag-closable > .next-tag-close-btn {
6632 margin-left: 12px;
6633 padding-right: 12px;
6634}
6635.next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before, .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
6636 width: 8px;
6637 font-size: 8px;
6638 line-height: inherit;
6639}
6640@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
6641 .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon {
6642 -webkit-transform: scale(0.5);
6643 -ms-transform: scale(0.5);
6644 transform: scale(0.5);
6645 margin-left: -4px;
6646 margin-right: -4px;
6647 }
6648 .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before {
6649 width: 16px;
6650 font-size: 16px;
6651 }
6652}
6653.next-tag-medium[dir=rtl] > .next-tag-close-btn {
6654 margin-right: 12px;
6655 margin-left: 0;
6656 padding-right: 0;
6657 padding-left: 12px;
6658}
6659.next-tag-small {
6660 height: 20px;
6661 padding: 0;
6662 line-height: 18px;
6663 font-size: 0;
6664}
6665.next-tag-small > .next-tag-body {
6666 font-size: 12px;
6667 padding: 0 8px;
6668 min-width: 28px;
6669}
6670.next-tag-small.next-tag-closable > .next-tag-body {
6671 padding: 0 0 0 8px;
6672 max-width: calc(100% - 24px);
6673}
6674.next-tag-small[dir=rtl].next-tag-closable > .next-tag-body {
6675 padding: 0 8px 0 0;
6676}
6677.next-tag-small.next-tag-closable > .next-tag-close-btn {
6678 margin-left: 8px;
6679 padding-right: 8px;
6680}
6681.next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before, .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
6682 width: 8px;
6683 font-size: 8px;
6684 line-height: inherit;
6685}
6686@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
6687 .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon {
6688 -webkit-transform: scale(0.5);
6689 -ms-transform: scale(0.5);
6690 transform: scale(0.5);
6691 margin-left: -4px;
6692 margin-right: -4px;
6693 }
6694 .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before {
6695 width: 16px;
6696 font-size: 16px;
6697 }
6698}
6699.next-tag-small[dir=rtl] > .next-tag-close-btn {
6700 margin-right: 8px;
6701 margin-left: 0;
6702 padding-right: 0;
6703 padding-left: 8px;
6704}
6705.next-tag-default {
6706 cursor: default;
6707}
6708.next-tag-closable {
6709 position: relative;
6710}
6711.next-tag-closable > .next-tag-close-btn {
6712 display: inline-block;
6713 vertical-align: middle;
6714 height: 100%;
6715 text-align: center;
6716 cursor: pointer;
6717}
6718.next-tag-checkable {
6719 cursor: pointer;
6720 position: relative;
6721 border-radius: 3px;
6722}
6723.next-tag-checkable.checked:before {
6724 -webkit-animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6725 animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6726}
6727.next-tag-checkable.checked:after {
6728 -webkit-animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6729 animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6730}
6731.next-tag-checkable.next-tag-small:not(.next-tag-level-primary):before {
6732 right: -10px;
6733 bottom: -10px;
6734 width: 20px;
6735 height: 20px;
6736}
6737.next-tag-checkable.next-tag-small:not(.next-tag-level-primary):after {
6738 font-size: 8px;
6739 line-height: 8px;
6740 right: 0;
6741 bottom: 0;
6742}
6743.next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):before {
6744 right: -14px;
6745 bottom: -14px;
6746 width: 28px;
6747 height: 28px;
6748}
6749.next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):after {
6750 font-size: 12px;
6751 line-height: 12px;
6752 right: 0;
6753 bottom: 0;
6754}
6755.next-tag-checkable.next-tag-large:not(.next-tag-level-primary):before {
6756 right: -18px;
6757 bottom: -18px;
6758 width: 36px;
6759 height: 36px;
6760}
6761.next-tag-checkable.next-tag-large:not(.next-tag-level-primary):after {
6762 font-size: 16px;
6763 line-height: 16px;
6764 right: 0;
6765 bottom: 0;
6766}
6767.next-tag-checkable.next-tag-level-secondary[disabled], .next-tag-checkable.next-tag-level-secondary.disabled {
6768 color: #CCCCCC;
6769 border-color: #E6E7EB;
6770 background-color: #F7F8FA;
6771}
6772.next-tag-zoom-enter, .next-tag-zoom-appear {
6773 -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6774 animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6775 -webkit-animation-fill-mode: both;
6776 animation-fill-mode: both;
6777}
6778.next-tag-zoom-leave {
6779 -webkit-animation: zoomOut 0.3s ease-in;
6780 animation: zoomOut 0.3s ease-in;
6781 -webkit-animation-fill-mode: both;
6782 animation-fill-mode: both;
6783}
6784
6785.next-timeline *,
6786.next-timeline *:before,
6787.next-timeline *:after {
6788 -webkit-box-sizing: border-box;
6789 box-sizing: border-box;
6790}
6791.next-timeline, .next-timeline:before, .next-timeline:after {
6792 -webkit-box-sizing: border-box;
6793 box-sizing: border-box;
6794}
6795.next-timeline ul {
6796 margin: 0;
6797 padding: 0;
6798 list-style: none;
6799}
6800.next-timeline p {
6801 margin: 0;
6802}
6803
6804.next-timeline-hide {
6805 display: none;
6806}
6807
6808.next-timeline[dir=rtl] .next-timeline-item {
6809 /* 时间轴左边存在内容的情况 */
6810}
6811.next-timeline[dir=rtl] .next-timeline-item-folder {
6812 padding-left: 0;
6813 padding-right: 28px;
6814}
6815.next-timeline[dir=rtl] .next-timeline-item-dot-tail {
6816 left: auto;
6817 right: 8px;
6818 border-left: none;
6819 border-right: 1px dotted #DCDEE3;
6820}
6821.next-timeline[dir=rtl] .next-timeline-item-has-left-content.next-timeline-item-folder {
6822 margin-left: 0;
6823 margin-right: 80px;
6824}
6825.next-timeline[dir=rtl] .next-timeline-item-done {
6826 position: relative;
6827}
6828.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline {
6829 position: absolute;
6830 left: auto;
6831 right: 0;
6832 top: 0;
6833 height: 100%;
6834}
6835.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
6836 position: relative;
6837 width: 16px;
6838 height: 24px;
6839 padding: 4px 0;
6840 text-align: center;
6841 float: right;
6842}
6843.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
6844 width: 40px;
6845 height: auto;
6846 font-size: 12px;
6847 word-break: break-all;
6848 margin-right: -12px;
6849 margin-left: 0;
6850 line-height: 1;
6851}
6852.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
6853 display: block;
6854 position: absolute;
6855 width: 8px;
6856 height: 8px;
6857 border-radius: 100%;
6858 top: 50%;
6859 margin-top: -4px;
6860 left: 50%;
6861 margin-left: -4px;
6862}
6863.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
6864 display: block;
6865 position: absolute;
6866 width: 16px;
6867 height: 16px;
6868 line-height: 16px;
6869 border-radius: 100%;
6870 top: 50%;
6871 left: 50%;
6872 margin-top: -8px;
6873 margin-left: -8px;
6874}
6875.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
6876 width: 12px;
6877 font-size: 12px;
6878 line-height: inherit;
6879}
6880.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
6881 position: absolute;
6882 width: auto;
6883 height: calc(100% - 24px);
6884 top: 24px;
6885 left: auto;
6886 right: 8px;
6887}
6888.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
6889 display: inline-block;
6890 vertical-align: top;
6891 height: 100%;
6892 width: 1px;
6893 position: relative;
6894 background: #DCDEE3;
6895 -webkit-transition: all 100ms linear;
6896 transition: all 100ms linear;
6897}
6898.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content {
6899 display: inline-block;
6900 margin-right: 28px;
6901 margin-left: 0;
6902}
6903.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
6904 margin: 0;
6905 font-size: 12px;
6906 font-weight: bold;
6907 line-height: 1.5;
6908 margin-top: 4px;
6909 overflow: hidden;
6910 text-overflow: ellipsis;
6911 white-space: nowrap;
6912 color: #333333;
6913 text-align: right;
6914}
6915.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
6916 margin: 0;
6917 margin-top: 4px;
6918 font-size: 12px;
6919 line-height: 1.5;
6920 color: #666666;
6921 text-align: right;
6922}
6923.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
6924 margin: 0;
6925 margin-top: 4px;
6926 margin-bottom: 12px;
6927 font-size: 12px;
6928 color: #999999;
6929 text-align: right;
6930}
6931.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
6932 position: absolute;
6933 width: 80px;
6934 display: inline-block;
6935 font-size: 12px;
6936 color: #999999;
6937 line-height: 1.5;
6938 margin-top: 4px;
6939 text-align: left;
6940 padding-left: 12px;
6941 padding-right: 0;
6942}
6943.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
6944 word-break: break-word;
6945}
6946.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
6947 margin-right: 80px;
6948 margin-left: 0;
6949}
6950.next-timeline[dir=rtl] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
6951 margin-right: 108px;
6952 margin-left: 0;
6953}
6954.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-dot {
6955 background: #C4C6CF;
6956}
6957.next-timeline[dir=rtl] .next-timeline-item-done .next-timeline-item-icon {
6958 background: #C4C6CF;
6959 color: #FFFFFF;
6960}
6961.next-timeline[dir=rtl] .next-timeline-item-process {
6962 position: relative;
6963}
6964.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline {
6965 position: absolute;
6966 left: auto;
6967 right: 0;
6968 top: 0;
6969 height: 100%;
6970}
6971.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
6972 position: relative;
6973 width: 16px;
6974 height: 24px;
6975 padding: 4px 0;
6976 text-align: center;
6977 float: right;
6978}
6979.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
6980 width: 40px;
6981 height: auto;
6982 font-size: 12px;
6983 word-break: break-all;
6984 margin-right: -12px;
6985 margin-left: 0;
6986 line-height: 1;
6987}
6988.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
6989 display: block;
6990 position: absolute;
6991 width: 8px;
6992 height: 8px;
6993 border-radius: 100%;
6994 top: 50%;
6995 margin-top: -4px;
6996 left: 50%;
6997 margin-left: -4px;
6998}
6999.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
7000 display: block;
7001 position: absolute;
7002 width: 16px;
7003 height: 16px;
7004 line-height: 16px;
7005 border-radius: 100%;
7006 top: 50%;
7007 left: 50%;
7008 margin-top: -8px;
7009 margin-left: -8px;
7010}
7011.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7012 width: 12px;
7013 font-size: 12px;
7014 line-height: inherit;
7015}
7016.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
7017 position: absolute;
7018 width: auto;
7019 height: calc(100% - 24px);
7020 top: 24px;
7021 left: auto;
7022 right: 8px;
7023}
7024.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
7025 display: inline-block;
7026 vertical-align: top;
7027 height: 100%;
7028 width: 1px;
7029 position: relative;
7030 background: #DCDEE3;
7031 -webkit-transition: all 100ms linear;
7032 transition: all 100ms linear;
7033}
7034.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content {
7035 display: inline-block;
7036 margin-right: 28px;
7037 margin-left: 0;
7038}
7039.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
7040 margin: 0;
7041 font-size: 12px;
7042 font-weight: bold;
7043 line-height: 1.5;
7044 margin-top: 4px;
7045 overflow: hidden;
7046 text-overflow: ellipsis;
7047 white-space: nowrap;
7048 color: #333333;
7049 text-align: right;
7050}
7051.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
7052 margin: 0;
7053 margin-top: 4px;
7054 font-size: 12px;
7055 line-height: 1.5;
7056 color: #666666;
7057 text-align: right;
7058}
7059.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
7060 margin: 0;
7061 margin-top: 4px;
7062 margin-bottom: 12px;
7063 font-size: 12px;
7064 color: #999999;
7065 text-align: right;
7066}
7067.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7068 position: absolute;
7069 width: 80px;
7070 display: inline-block;
7071 font-size: 12px;
7072 color: #999999;
7073 line-height: 1.5;
7074 margin-top: 4px;
7075 text-align: left;
7076 padding-left: 12px;
7077 padding-right: 0;
7078}
7079.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7080 word-break: break-word;
7081}
7082.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7083 margin-right: 80px;
7084 margin-left: 0;
7085}
7086.next-timeline[dir=rtl] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
7087 margin-right: 108px;
7088 margin-left: 0;
7089}
7090.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-dot {
7091 background: #5584FF;
7092}
7093.next-timeline[dir=rtl] .next-timeline-item-process .next-timeline-item-icon {
7094 background: #5584FF;
7095 color: #FFFFFF;
7096}
7097.next-timeline[dir=rtl] .next-timeline-item-success {
7098 position: relative;
7099}
7100.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline {
7101 position: absolute;
7102 left: auto;
7103 right: 0;
7104 top: 0;
7105 height: 100%;
7106}
7107.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
7108 position: relative;
7109 width: 16px;
7110 height: 24px;
7111 padding: 4px 0;
7112 text-align: center;
7113 float: right;
7114}
7115.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7116 width: 40px;
7117 height: auto;
7118 font-size: 12px;
7119 word-break: break-all;
7120 margin-right: -12px;
7121 margin-left: 0;
7122 line-height: 1;
7123}
7124.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
7125 display: block;
7126 position: absolute;
7127 width: 8px;
7128 height: 8px;
7129 border-radius: 100%;
7130 top: 50%;
7131 margin-top: -4px;
7132 left: 50%;
7133 margin-left: -4px;
7134}
7135.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
7136 display: block;
7137 position: absolute;
7138 width: 16px;
7139 height: 16px;
7140 line-height: 16px;
7141 border-radius: 100%;
7142 top: 50%;
7143 left: 50%;
7144 margin-top: -8px;
7145 margin-left: -8px;
7146}
7147.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7148 width: 12px;
7149 font-size: 12px;
7150 line-height: inherit;
7151}
7152.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
7153 position: absolute;
7154 width: auto;
7155 height: calc(100% - 24px);
7156 top: 24px;
7157 left: auto;
7158 right: 8px;
7159}
7160.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
7161 display: inline-block;
7162 vertical-align: top;
7163 height: 100%;
7164 width: 1px;
7165 position: relative;
7166 background: #DCDEE3;
7167 -webkit-transition: all 100ms linear;
7168 transition: all 100ms linear;
7169}
7170.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content {
7171 display: inline-block;
7172 margin-right: 28px;
7173 margin-left: 0;
7174}
7175.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
7176 margin: 0;
7177 font-size: 12px;
7178 font-weight: bold;
7179 line-height: 1.5;
7180 margin-top: 4px;
7181 overflow: hidden;
7182 text-overflow: ellipsis;
7183 white-space: nowrap;
7184 color: #333333;
7185 text-align: right;
7186}
7187.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
7188 margin: 0;
7189 margin-top: 4px;
7190 font-size: 12px;
7191 line-height: 1.5;
7192 color: #666666;
7193 text-align: right;
7194}
7195.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
7196 margin: 0;
7197 margin-top: 4px;
7198 margin-bottom: 12px;
7199 font-size: 12px;
7200 color: #999999;
7201 text-align: right;
7202}
7203.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7204 position: absolute;
7205 width: 80px;
7206 display: inline-block;
7207 font-size: 12px;
7208 color: #999999;
7209 line-height: 1.5;
7210 margin-top: 4px;
7211 text-align: left;
7212 padding-left: 12px;
7213 padding-right: 0;
7214}
7215.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7216 word-break: break-word;
7217}
7218.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7219 margin-right: 80px;
7220 margin-left: 0;
7221}
7222.next-timeline[dir=rtl] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
7223 margin-right: 108px;
7224 margin-left: 0;
7225}
7226.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-dot {
7227 background: #46BC15;
7228}
7229.next-timeline[dir=rtl] .next-timeline-item-success .next-timeline-item-icon {
7230 background: #46BC15;
7231 color: #FFFFFF;
7232}
7233.next-timeline[dir=rtl] .next-timeline-item-error {
7234 position: relative;
7235}
7236.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline {
7237 position: absolute;
7238 left: auto;
7239 right: 0;
7240 top: 0;
7241 height: 100%;
7242}
7243.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
7244 position: relative;
7245 width: 16px;
7246 height: 24px;
7247 padding: 4px 0;
7248 text-align: center;
7249 float: right;
7250}
7251.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7252 width: 40px;
7253 height: auto;
7254 font-size: 12px;
7255 word-break: break-all;
7256 margin-right: -12px;
7257 margin-left: 0;
7258 line-height: 1;
7259}
7260.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
7261 display: block;
7262 position: absolute;
7263 width: 8px;
7264 height: 8px;
7265 border-radius: 100%;
7266 top: 50%;
7267 margin-top: -4px;
7268 left: 50%;
7269 margin-left: -4px;
7270}
7271.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
7272 display: block;
7273 position: absolute;
7274 width: 16px;
7275 height: 16px;
7276 line-height: 16px;
7277 border-radius: 100%;
7278 top: 50%;
7279 left: 50%;
7280 margin-top: -8px;
7281 margin-left: -8px;
7282}
7283.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7284 width: 12px;
7285 font-size: 12px;
7286 line-height: inherit;
7287}
7288.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
7289 position: absolute;
7290 width: auto;
7291 height: calc(100% - 24px);
7292 top: 24px;
7293 left: auto;
7294 right: 8px;
7295}
7296.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
7297 display: inline-block;
7298 vertical-align: top;
7299 height: 100%;
7300 width: 1px;
7301 position: relative;
7302 background: #DCDEE3;
7303 -webkit-transition: all 100ms linear;
7304 transition: all 100ms linear;
7305}
7306.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content {
7307 display: inline-block;
7308 margin-right: 28px;
7309 margin-left: 0;
7310}
7311.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
7312 margin: 0;
7313 font-size: 12px;
7314 font-weight: bold;
7315 line-height: 1.5;
7316 margin-top: 4px;
7317 overflow: hidden;
7318 text-overflow: ellipsis;
7319 white-space: nowrap;
7320 color: #333333;
7321 text-align: right;
7322}
7323.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
7324 margin: 0;
7325 margin-top: 4px;
7326 font-size: 12px;
7327 line-height: 1.5;
7328 color: #666666;
7329 text-align: right;
7330}
7331.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
7332 margin: 0;
7333 margin-top: 4px;
7334 margin-bottom: 12px;
7335 font-size: 12px;
7336 color: #999999;
7337 text-align: right;
7338}
7339.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7340 position: absolute;
7341 width: 80px;
7342 display: inline-block;
7343 font-size: 12px;
7344 color: #999999;
7345 line-height: 1.5;
7346 margin-top: 4px;
7347 text-align: left;
7348 padding-left: 12px;
7349 padding-right: 0;
7350}
7351.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7352 word-break: break-word;
7353}
7354.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7355 margin-right: 80px;
7356 margin-left: 0;
7357}
7358.next-timeline[dir=rtl] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
7359 margin-right: 108px;
7360 margin-left: 0;
7361}
7362.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-dot {
7363 background: #FF3000;
7364}
7365.next-timeline[dir=rtl] .next-timeline-item-error .next-timeline-item-icon {
7366 background: #FF3000;
7367 color: #FFFFFF;
7368}
7369
7370.next-timeline {
7371 margin: 0;
7372 padding: 0;
7373 list-style: none;
7374}
7375.next-timeline > li {
7376 outline: 0;
7377}
7378
7379.next-timeline-item {
7380 /* 时间轴左边存在内容的情况 */
7381}
7382.next-timeline-item-folder {
7383 padding-left: 28px;
7384 padding-top: 4px;
7385 padding-bottom: 4px;
7386 font-size: 12px;
7387 line-height: 1.5;
7388 position: relative;
7389 /* min-height: auto !important; */
7390}
7391.next-timeline-item-dot-tail {
7392 position: absolute;
7393 top: 0;
7394 left: 8px;
7395 height: 100%;
7396 border-top: 0;
7397 border-bottom: 0;
7398 border-right: 0;
7399 border-left: 1px dotted #DCDEE3;
7400}
7401.next-timeline-item-dot-tail-solid {
7402 border-style: solid;
7403}
7404.next-timeline-item-has-left-content.next-timeline-item-folder {
7405 margin-left: 80px;
7406}
7407
7408.next-timeline-item-done {
7409 position: relative;
7410}
7411.next-timeline-item-done .next-timeline-item-timeline {
7412 position: absolute;
7413 left: 0;
7414 top: 0;
7415 height: 100%;
7416}
7417.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
7418 position: relative;
7419 width: 16px;
7420 height: 24px;
7421 padding: 4px 0;
7422 text-align: center;
7423 float: left;
7424}
7425.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7426 width: 40px;
7427 height: auto;
7428 font-size: 12px;
7429 word-break: break-all;
7430 margin-left: -12px;
7431 line-height: 1;
7432}
7433.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
7434 display: block;
7435 position: absolute;
7436 width: 8px;
7437 height: 8px;
7438 border-radius: 100%;
7439 top: 50%;
7440 margin-top: -4px;
7441 left: 50%;
7442 margin-left: -4px;
7443}
7444.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
7445 display: block;
7446 position: absolute;
7447 width: 16px;
7448 height: 16px;
7449 line-height: 16px;
7450 border-radius: 100%;
7451 top: 50%;
7452 left: 50%;
7453 margin-top: -8px;
7454 margin-left: -8px;
7455}
7456.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7457 width: 12px;
7458 font-size: 12px;
7459 line-height: inherit;
7460}
7461.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
7462 position: absolute;
7463 width: auto;
7464 height: calc(100% - 24px);
7465 top: 24px;
7466 left: 8px;
7467}
7468.next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
7469 display: inline-block;
7470 vertical-align: top;
7471 height: 100%;
7472 width: 1px;
7473 position: relative;
7474 background: #DCDEE3;
7475 -webkit-transition: all 100ms linear;
7476 transition: all 100ms linear;
7477}
7478.next-timeline-item-done .next-timeline-item-content {
7479 display: inline-block;
7480 margin-left: 28px;
7481}
7482.next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
7483 margin: 0;
7484 font-size: 12px;
7485 font-weight: bold;
7486 line-height: 1.5;
7487 margin-top: 4px;
7488 overflow: hidden;
7489 text-overflow: ellipsis;
7490 white-space: nowrap;
7491 color: #333333;
7492 text-align: left;
7493}
7494.next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
7495 margin: 0;
7496 margin-top: 4px;
7497 font-size: 12px;
7498 line-height: 1.5;
7499 color: #666666;
7500 text-align: left;
7501}
7502.next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
7503 margin: 0;
7504 margin-top: 4px;
7505 margin-bottom: 12px;
7506 font-size: 12px;
7507 color: #999999;
7508 text-align: left;
7509}
7510.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7511 position: absolute;
7512 width: 80px;
7513 display: inline-block;
7514 font-size: 12px;
7515 color: #999999;
7516 line-height: 1.5;
7517 margin-top: 4px;
7518 text-align: right;
7519 padding-right: 12px;
7520}
7521.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7522 word-break: break-word;
7523}
7524.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7525 margin-left: 80px;
7526}
7527.next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
7528 margin-left: 108px;
7529}
7530.next-timeline-item-done .next-timeline-item-dot {
7531 background: #C4C6CF;
7532}
7533.next-timeline-item-done .next-timeline-item-icon {
7534 background: #C4C6CF;
7535 color: #FFFFFF;
7536}
7537
7538.next-timeline-item-process {
7539 position: relative;
7540}
7541.next-timeline-item-process .next-timeline-item-timeline {
7542 position: absolute;
7543 left: 0;
7544 top: 0;
7545 height: 100%;
7546}
7547.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
7548 position: relative;
7549 width: 16px;
7550 height: 24px;
7551 padding: 4px 0;
7552 text-align: center;
7553 float: left;
7554}
7555.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7556 width: 40px;
7557 height: auto;
7558 font-size: 12px;
7559 word-break: break-all;
7560 margin-left: -12px;
7561 line-height: 1;
7562}
7563.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
7564 display: block;
7565 position: absolute;
7566 width: 8px;
7567 height: 8px;
7568 border-radius: 100%;
7569 top: 50%;
7570 margin-top: -4px;
7571 left: 50%;
7572 margin-left: -4px;
7573}
7574.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
7575 display: block;
7576 position: absolute;
7577 width: 16px;
7578 height: 16px;
7579 line-height: 16px;
7580 border-radius: 100%;
7581 top: 50%;
7582 left: 50%;
7583 margin-top: -8px;
7584 margin-left: -8px;
7585}
7586.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7587 width: 12px;
7588 font-size: 12px;
7589 line-height: inherit;
7590}
7591.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
7592 position: absolute;
7593 width: auto;
7594 height: calc(100% - 24px);
7595 top: 24px;
7596 left: 8px;
7597}
7598.next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
7599 display: inline-block;
7600 vertical-align: top;
7601 height: 100%;
7602 width: 1px;
7603 position: relative;
7604 background: #DCDEE3;
7605 -webkit-transition: all 100ms linear;
7606 transition: all 100ms linear;
7607}
7608.next-timeline-item-process .next-timeline-item-content {
7609 display: inline-block;
7610 margin-left: 28px;
7611}
7612.next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
7613 margin: 0;
7614 font-size: 12px;
7615 font-weight: bold;
7616 line-height: 1.5;
7617 margin-top: 4px;
7618 overflow: hidden;
7619 text-overflow: ellipsis;
7620 white-space: nowrap;
7621 color: #333333;
7622 text-align: left;
7623}
7624.next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
7625 margin: 0;
7626 margin-top: 4px;
7627 font-size: 12px;
7628 line-height: 1.5;
7629 color: #666666;
7630 text-align: left;
7631}
7632.next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
7633 margin: 0;
7634 margin-top: 4px;
7635 margin-bottom: 12px;
7636 font-size: 12px;
7637 color: #999999;
7638 text-align: left;
7639}
7640.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7641 position: absolute;
7642 width: 80px;
7643 display: inline-block;
7644 font-size: 12px;
7645 color: #999999;
7646 line-height: 1.5;
7647 margin-top: 4px;
7648 text-align: right;
7649 padding-right: 12px;
7650}
7651.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7652 word-break: break-word;
7653}
7654.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7655 margin-left: 80px;
7656}
7657.next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
7658 margin-left: 108px;
7659}
7660.next-timeline-item-process .next-timeline-item-dot {
7661 background: #5584FF;
7662}
7663.next-timeline-item-process .next-timeline-item-icon {
7664 background: #5584FF;
7665 color: #FFFFFF;
7666}
7667
7668.next-timeline-item-success {
7669 position: relative;
7670}
7671.next-timeline-item-success .next-timeline-item-timeline {
7672 position: absolute;
7673 left: 0;
7674 top: 0;
7675 height: 100%;
7676}
7677.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
7678 position: relative;
7679 width: 16px;
7680 height: 24px;
7681 padding: 4px 0;
7682 text-align: center;
7683 float: left;
7684}
7685.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7686 width: 40px;
7687 height: auto;
7688 font-size: 12px;
7689 word-break: break-all;
7690 margin-left: -12px;
7691 line-height: 1;
7692}
7693.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
7694 display: block;
7695 position: absolute;
7696 width: 8px;
7697 height: 8px;
7698 border-radius: 100%;
7699 top: 50%;
7700 margin-top: -4px;
7701 left: 50%;
7702 margin-left: -4px;
7703}
7704.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
7705 display: block;
7706 position: absolute;
7707 width: 16px;
7708 height: 16px;
7709 line-height: 16px;
7710 border-radius: 100%;
7711 top: 50%;
7712 left: 50%;
7713 margin-top: -8px;
7714 margin-left: -8px;
7715}
7716.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7717 width: 12px;
7718 font-size: 12px;
7719 line-height: inherit;
7720}
7721.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
7722 position: absolute;
7723 width: auto;
7724 height: calc(100% - 24px);
7725 top: 24px;
7726 left: 8px;
7727}
7728.next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
7729 display: inline-block;
7730 vertical-align: top;
7731 height: 100%;
7732 width: 1px;
7733 position: relative;
7734 background: #DCDEE3;
7735 -webkit-transition: all 100ms linear;
7736 transition: all 100ms linear;
7737}
7738.next-timeline-item-success .next-timeline-item-content {
7739 display: inline-block;
7740 margin-left: 28px;
7741}
7742.next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
7743 margin: 0;
7744 font-size: 12px;
7745 font-weight: bold;
7746 line-height: 1.5;
7747 margin-top: 4px;
7748 overflow: hidden;
7749 text-overflow: ellipsis;
7750 white-space: nowrap;
7751 color: #333333;
7752 text-align: left;
7753}
7754.next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
7755 margin: 0;
7756 margin-top: 4px;
7757 font-size: 12px;
7758 line-height: 1.5;
7759 color: #666666;
7760 text-align: left;
7761}
7762.next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
7763 margin: 0;
7764 margin-top: 4px;
7765 margin-bottom: 12px;
7766 font-size: 12px;
7767 color: #999999;
7768 text-align: left;
7769}
7770.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7771 position: absolute;
7772 width: 80px;
7773 display: inline-block;
7774 font-size: 12px;
7775 color: #999999;
7776 line-height: 1.5;
7777 margin-top: 4px;
7778 text-align: right;
7779 padding-right: 12px;
7780}
7781.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7782 word-break: break-word;
7783}
7784.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7785 margin-left: 80px;
7786}
7787.next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
7788 margin-left: 108px;
7789}
7790.next-timeline-item-success .next-timeline-item-dot {
7791 background: #46BC15;
7792}
7793.next-timeline-item-success .next-timeline-item-icon {
7794 background: #46BC15;
7795 color: #FFFFFF;
7796}
7797
7798.next-timeline-item-error {
7799 position: relative;
7800}
7801.next-timeline-item-error .next-timeline-item-timeline {
7802 position: absolute;
7803 left: 0;
7804 top: 0;
7805 height: 100%;
7806}
7807.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
7808 position: relative;
7809 width: 16px;
7810 height: 24px;
7811 padding: 4px 0;
7812 text-align: center;
7813 float: left;
7814}
7815.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
7816 width: 40px;
7817 height: auto;
7818 font-size: 12px;
7819 word-break: break-all;
7820 margin-left: -12px;
7821 line-height: 1;
7822}
7823.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
7824 display: block;
7825 position: absolute;
7826 width: 8px;
7827 height: 8px;
7828 border-radius: 100%;
7829 top: 50%;
7830 margin-top: -4px;
7831 left: 50%;
7832 margin-left: -4px;
7833}
7834.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
7835 display: block;
7836 position: absolute;
7837 width: 16px;
7838 height: 16px;
7839 line-height: 16px;
7840 border-radius: 100%;
7841 top: 50%;
7842 left: 50%;
7843 margin-top: -8px;
7844 margin-left: -8px;
7845}
7846.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before, .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
7847 width: 12px;
7848 font-size: 12px;
7849 line-height: inherit;
7850}
7851.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
7852 position: absolute;
7853 width: auto;
7854 height: calc(100% - 24px);
7855 top: 24px;
7856 left: 8px;
7857}
7858.next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
7859 display: inline-block;
7860 vertical-align: top;
7861 height: 100%;
7862 width: 1px;
7863 position: relative;
7864 background: #DCDEE3;
7865 -webkit-transition: all 100ms linear;
7866 transition: all 100ms linear;
7867}
7868.next-timeline-item-error .next-timeline-item-content {
7869 display: inline-block;
7870 margin-left: 28px;
7871}
7872.next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
7873 margin: 0;
7874 font-size: 12px;
7875 font-weight: bold;
7876 line-height: 1.5;
7877 margin-top: 4px;
7878 overflow: hidden;
7879 text-overflow: ellipsis;
7880 white-space: nowrap;
7881 color: #333333;
7882 text-align: left;
7883}
7884.next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
7885 margin: 0;
7886 margin-top: 4px;
7887 font-size: 12px;
7888 line-height: 1.5;
7889 color: #666666;
7890 text-align: left;
7891}
7892.next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
7893 margin: 0;
7894 margin-top: 4px;
7895 margin-bottom: 12px;
7896 font-size: 12px;
7897 color: #999999;
7898 text-align: left;
7899}
7900.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
7901 position: absolute;
7902 width: 80px;
7903 display: inline-block;
7904 font-size: 12px;
7905 color: #999999;
7906 line-height: 1.5;
7907 margin-top: 4px;
7908 text-align: right;
7909 padding-right: 12px;
7910}
7911.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
7912 word-break: break-word;
7913}
7914.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
7915 margin-left: 80px;
7916}
7917.next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
7918 margin-left: 108px;
7919}
7920.next-timeline-item-error .next-timeline-item-dot {
7921 background: #FF3000;
7922}
7923.next-timeline-item-error .next-timeline-item-icon {
7924 background: #FF3000;
7925 color: #FFFFFF;
7926}
7927
7928.next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-left-content, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content {
7929 width: 50%;
7930 padding-right: 12px;
7931}
7932.next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-timeline, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-timeline {
7933 margin-left: 50%;
7934}
7935.next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-content, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
7936 margin-left: calc(50% + 28px);
7937}
7938.next-timeline.next-alternate .next-timeline-item-folder {
7939 margin-left: 50%;
7940}
7941.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-title {
7942 margin: 0;
7943 margin-top: 4px;
7944 font-size: 12px;
7945 font-weight: bold;
7946 line-height: 1.5;
7947 overflow: hidden;
7948 text-overflow: ellipsis;
7949 white-space: nowrap;
7950 color: #333333;
7951 text-align: right;
7952}
7953.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-body {
7954 margin: 0;
7955 margin-top: 4px;
7956 font-size: 12px;
7957 line-height: 1.5;
7958 color: #666666;
7959 text-align: right;
7960}
7961.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-time {
7962 margin: 0;
7963 margin-top: 4px;
7964 margin-bottom: 12px;
7965 font-size: 12px;
7966 color: #999999;
7967 text-align: right;
7968}
7969.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content {
7970 display: inline-block;
7971 position: relative;
7972}
7973.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content .next-timeline-item-title {
7974 margin-top: 0;
7975}
7976.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
7977 margin-left: 28px;
7978 position: absolute;
7979}
7980.next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
7981 margin-top: 4px;
7982 color: #999999;
7983}
7984
7985.next-timeline[dir=rtl].next-alternate .next-timeline-item-left .next-timeline-item-left-content, .next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-left-content {
7986 width: 50%;
7987 padding-left: 12px;
7988}
7989.next-timeline[dir=rtl].next-alternate .next-timeline-item-left .next-timeline-item-timeline, .next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-timeline {
7990 margin-right: 50%;
7991}
7992.next-timeline[dir=rtl].next-alternate .next-timeline-item-left .next-timeline-item-content, .next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-content {
7993 width: 50%;
7994 margin-right: calc(50% + 28px);
7995}
7996.next-timeline[dir=rtl].next-alternate .next-timeline-item-folder {
7997 margin-right: 50%;
7998}
7999.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-title {
8000 margin: 0;
8001 font-size: 12px;
8002 font-weight: bold;
8003 line-height: 1.5;
8004 overflow: hidden;
8005 text-overflow: ellipsis;
8006 white-space: nowrap;
8007 color: #333333;
8008 text-align: left;
8009}
8010.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-body {
8011 margin: 0;
8012 font-size: 12px;
8013 line-height: 1.5;
8014 color: #666666;
8015 text-align: left;
8016}
8017.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-time {
8018 margin: 0;
8019 margin-top: 4px;
8020 margin-bottom: 12px;
8021 font-size: 12px;
8022 color: #999999;
8023 text-align: left;
8024}
8025.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-left-content {
8026 display: inline-block;
8027 position: relative;
8028}
8029.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-content {
8030 margin-right: 28px;
8031 position: absolute;
8032}
8033.next-timeline[dir=rtl].next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
8034 text-align: right;
8035}
8036
8037.next-timeline-item-last .next-timeline-item-tail {
8038 display: none;
8039}
8040
8041.next-timeline-item-has-left-content {
8042 min-height: 48px;
8043}
8044
8045.next-timeline-item-folder.next-timeline-item-has-left-content {
8046 min-height: auto;
8047}
8048
8049.next-transfer {
8050 -webkit-box-sizing: border-box;
8051 box-sizing: border-box;
8052 display: inline-block;
8053}
8054.next-transfer *,
8055.next-transfer *:before,
8056.next-transfer *:after {
8057 -webkit-box-sizing: border-box;
8058 box-sizing: border-box;
8059}
8060.next-transfer-panel {
8061 display: inline-block;
8062 border: 1px solid #DCDEE3;
8063 border-radius: 3px;
8064 background-color: #FFFFFF;
8065 vertical-align: middle;
8066}
8067.next-transfer-panel-header {
8068 padding: 8px 20px;
8069 border-bottom: 1px solid #DCDEE3;
8070 background-color: #F7F8FA;
8071 color: #333333;
8072 font-size: 12px;
8073}
8074.next-transfer-panel-search {
8075 padding: 0 4px;
8076 margin-top: 8px;
8077 margin-bottom: 0px;
8078 width: 180px;
8079}
8080.next-transfer .next-transfer-panel-list {
8081 width: 180px;
8082 /* TODO */
8083 height: 160px;
8084 padding: 0;
8085 border: none;
8086 -webkit-box-shadow: none;
8087 box-shadow: none;
8088 border-radius: 0;
8089 overflow-y: auto;
8090}
8091.next-transfer-panel-not-found-container {
8092 display: table;
8093 width: 100%;
8094 height: 100%;
8095}
8096.next-transfer-panel-not-found {
8097 display: table-cell;
8098 vertical-align: middle;
8099 text-align: center;
8100 color: #999999;
8101 font-size: 14px;
8102}
8103.next-transfer-panel-item.next-focused {
8104 -webkit-transition: background-color 100ms linear;
8105 transition: background-color 100ms linear;
8106}
8107.next-transfer-panel-item:not(.next-disabled).next-simple:hover {
8108 color: #5584FF;
8109}
8110.next-transfer-panel-item.next-insert-before:before {
8111 position: absolute;
8112 top: 0;
8113 left: 0;
8114 content: "";
8115 width: 100%;
8116 border-top: 1px solid #5584FF;
8117}
8118.next-transfer-panel-item.next-insert-after:after {
8119 position: absolute;
8120 left: 0;
8121 bottom: 0;
8122 content: "";
8123 width: 100%;
8124 border-bottom: 1px solid #5584FF;
8125}
8126.next-transfer-panel-footer {
8127 position: relative;
8128 padding: 8px 20px;
8129 border-top: 1px solid #DCDEE3;
8130 background-color: #FFFFFF;
8131 font-size: 0;
8132 -webkit-box-shadow: none;
8133 box-shadow: none;
8134}
8135.next-transfer-panel-count {
8136 /* TODO */
8137 margin-left: 4px;
8138 font-size: 12px;
8139 vertical-align: middle;
8140 color: #333333;
8141}
8142.next-transfer-panel-move-all {
8143 font-size: 12px;
8144 color: #5584FF;
8145 cursor: pointer;
8146}
8147.next-transfer-panel-move-all.next-disabled {
8148 color: #CCCCCC;
8149 cursor: not-allowed;
8150}
8151.next-transfer-operations {
8152 display: inline-block;
8153 vertical-align: middle;
8154 margin: 0 20px;
8155}
8156.next-transfer-move.next-icon {
8157 color: #C4C6CF;
8158}
8159.next-transfer-move.next-icon::before {
8160 content: "\E6B3";
8161}
8162.next-transfer-operation.next-btn {
8163 display: block;
8164}
8165.next-transfer-operation.next-btn + .next-transfer-operation.next-btn {
8166 margin-top: 8px;
8167}
8168.next-transfer-operation.next-btn .next-icon:before, .next-transfer-operation.next-btn .next-icon .next-icon-remote {
8169 width: 12px;
8170 font-size: 12px;
8171 line-height: inherit;
8172}
8173
8174.next-tree {
8175 -webkit-box-sizing: border-box;
8176 box-sizing: border-box;
8177}
8178.next-tree *,
8179.next-tree *:before,
8180.next-tree *:after {
8181 -webkit-box-sizing: border-box;
8182 box-sizing: border-box;
8183}
8184.next-tree, .next-tree-child-tree {
8185 margin: 0;
8186 padding: 0;
8187 list-style: none;
8188}
8189.next-tree-node {
8190 white-space: nowrap;
8191}
8192.next-tree-node-inner {
8193 font-size: 0;
8194 outline: none;
8195}
8196.next-tree-node-label-wrapper {
8197 display: inline-block;
8198 margin: 0 4px;
8199 vertical-align: middle;
8200}
8201.next-tree-node-label {
8202 height: 20px;
8203 line-height: 20px;
8204 padding: 0 4px;
8205 border-radius: 3px;
8206 font-size: 12px;
8207}
8208.next-tree-node-label .next-icon {
8209 font-size: 14px;
8210}
8211.next-tree-node-label .next-icon::before {
8212 font-size: 12px;
8213 width: 12px;
8214 margin-right: 0.5em;
8215}
8216.next-tree-node-input.next-input {
8217 margin: 0 4px;
8218}
8219.next-tree-node-indent-unit {
8220 display: inline-block;
8221 width: 24px;
8222 vertical-align: middle;
8223 position: relative;
8224}
8225.next-tree-node-indent-unit.next-line::before {
8226 content: "";
8227 position: absolute;
8228 display: inline-block;
8229 border-left: 1px solid #C4C6CF;
8230 height: 28px;
8231 left: 7.5px;
8232}
8233.next-tree-switcher {
8234 position: relative;
8235 display: inline-block;
8236 vertical-align: middle;
8237 margin-right: 8px;
8238}
8239.next-tree .next-tree-unfold-icon::before {
8240 content: "";
8241}
8242.next-tree-switcher.next-noline {
8243 width: 12px;
8244 height: 12px;
8245 line-height: 12px;
8246 cursor: pointer;
8247}
8248.next-tree-switcher.next-noline .next-tree-switcher-icon {
8249 -webkit-transition: -webkit-transform 100ms linear;
8250 transition: -webkit-transform 100ms linear;
8251 transition: transform 100ms linear;
8252 transition: transform 100ms linear, -webkit-transform 100ms linear;
8253 color: #999999;
8254}
8255.next-tree-switcher.next-noline .next-tree-switcher-icon:before, .next-tree-switcher.next-noline .next-tree-switcher-icon .next-icon-remote {
8256 width: 12px;
8257 font-size: 12px;
8258 line-height: inherit;
8259}
8260.next-tree-switcher.next-noline .next-tree-fold-icon::before {
8261 content: "\E63D";
8262}
8263.next-tree-switcher.next-noline.next-close .next-tree-switcher-icon {
8264 -webkit-transform: rotate(-90deg);
8265 -ms-transform: rotate(-90deg);
8266 transform: rotate(-90deg);
8267}
8268.next-tree-switcher.next-noline.next-close .next-tree-switcher-icon:before, .next-tree-switcher.next-noline.next-close .next-tree-switcher-icon .next-icon-remote {
8269 width: 12px;
8270 font-size: 12px;
8271 line-height: inherit;
8272}
8273.next-tree-switcher.next-noline:not(.next-disabled):hover .next-tree-switcher-icon {
8274 color: #333333;
8275}
8276.next-tree-switcher.next-noline.next-disabled {
8277 cursor: not-allowed;
8278}
8279.next-tree-switcher.next-noline.next-disabled .next-tree-switcher-icon {
8280 color: #CCCCCC;
8281}
8282.next-tree-switcher.next-noop-noline {
8283 width: 12px;
8284 height: 12px;
8285}
8286.next-tree-switcher.next-line {
8287 width: 16px;
8288 height: 16px;
8289 line-height: 14px;
8290 border: 1px solid #C4C6CF;
8291 border-radius: 3px;
8292 background-color: #FFFFFF;
8293 cursor: pointer;
8294}
8295.next-tree-switcher.next-line .next-tree-switcher-icon {
8296 margin-left: 3px;
8297 color: #666666;
8298}
8299.next-tree-switcher.next-line .next-tree-switcher-icon:before, .next-tree-switcher.next-line .next-tree-switcher-icon .next-icon-remote {
8300 width: 8px;
8301 font-size: 8px;
8302 line-height: inherit;
8303}
8304@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
8305 .next-tree-switcher.next-line .next-tree-switcher-icon {
8306 -webkit-transform: scale(0.5);
8307 -ms-transform: scale(0.5);
8308 transform: scale(0.5);
8309 margin-left: -1px;
8310 margin-right: -4px;
8311 }
8312 .next-tree-switcher.next-line .next-tree-switcher-icon:before {
8313 width: 16px;
8314 font-size: 16px;
8315 }
8316}
8317.next-tree-switcher.next-line .next-tree-switcher-fold-icon::before {
8318 content: "\E655";
8319}
8320.next-tree-switcher.next-line .next-tree-switcher-unfold-icon::before {
8321 content: "\E601";
8322}
8323.next-tree-switcher.next-line:not(.next-disabled):hover {
8324 border-color: #A0A2AD;
8325 background-color: #F2F3F7;
8326}
8327.next-tree-switcher.next-line:not(.next-disabled):hover .next-tree-switcher-icon {
8328 color: #333333;
8329}
8330.next-tree-switcher.next-line.next-disabled {
8331 border-color: #E6E7EB;
8332 background-color: #FFFFFF;
8333 cursor: not-allowed;
8334}
8335.next-tree-switcher.next-line.next-disabled .next-tree-switcher-icon {
8336 color: #CCCCCC;
8337}
8338.next-tree-switcher.next-noop-line {
8339 width: 16px;
8340 height: 16px;
8341}
8342.next-tree-switcher.next-noop-line-noroot {
8343 height: 0;
8344 border-left: 1px solid #C4C6CF;
8345 border-bottom: 1px solid #C4C6CF;
8346}
8347.next-tree-switcher.next-noop-line-noroot .next-tree-right-angle {
8348 bottom: -1px;
8349}
8350.next-tree-switcher.next-loading.next-loading-noline {
8351 width: 12px;
8352 height: 12px;
8353 line-height: 12px;
8354}
8355.next-tree-switcher.next-loading.next-loading-line {
8356 width: 16px;
8357 height: 16px;
8358 line-height: 14px;
8359 border: 1px solid transparent;
8360}
8361.next-tree-switcher.next-loading .next-tree-switcher-icon {
8362 color: #5584FF;
8363}
8364.next-tree-switcher.next-loading .next-tree-switcher-icon:before, .next-tree-switcher.next-loading .next-tree-switcher-icon .next-icon-remote {
8365 width: 12px;
8366 font-size: 12px;
8367 line-height: inherit;
8368}
8369.next-tree-right-angle {
8370 position: absolute;
8371 bottom: 6.5px;
8372 left: -17.5px;
8373 display: block;
8374 width: 16.5px;
8375 height: 22px;
8376 border-left: 1px solid #C4C6CF;
8377 border-bottom: 1px solid #C4C6CF;
8378}
8379.next-tree.next-label-block .next-tree-node-inner {
8380 display: -webkit-box;
8381 display: -ms-flexbox;
8382 display: flex;
8383 -webkit-box-align: center;
8384 -ms-flex-align: center;
8385 align-items: center;
8386 outline: none;
8387}
8388.next-tree.next-label-block .next-tree-node-label-wrapper {
8389 -webkit-box-flex: 1;
8390 -ms-flex: 1 1 auto;
8391 flex: 1 1 auto;
8392}
8393.next-tree.next-node-indent .next-tree-node .next-tree-node {
8394 margin-left: 24px;
8395}
8396.next-tree.next-node-indent .next-tree-node-inner {
8397 padding-top: 2px;
8398 padding-bottom: 2px;
8399}
8400.next-tree.next-node-indent .next-tree-node-inner:focus .next-tree-node-label {
8401 color: #333333;
8402 background-color: #F2F3F7;
8403}
8404.next-tree.next-node-indent .next-tree-node-label-wrapper {
8405 border-top: 2px solid transparent;
8406 border-bottom: 2px solid transparent;
8407}
8408.next-tree.next-node-indent .next-tree-node-label {
8409 -webkit-transition: color 100ms linear, background-color 100ms linear;
8410 transition: color 100ms linear, background-color 100ms linear;
8411 cursor: default;
8412 color: #333333;
8413 background-color: #FFFFFF;
8414}
8415.next-tree.next-node-indent .next-tree-node-label-selectable {
8416 cursor: pointer;
8417}
8418.next-tree.next-node-indent .next-tree-node-label:hover {
8419 color: #333333;
8420 background-color: #F2F3F7;
8421}
8422.next-tree.next-node-indent .next-tree-node-inner.next-selected .next-tree-node-label {
8423 color: #333333;
8424 background-color: #DEE8FF;
8425}
8426.next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label,
8427.next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label:hover {
8428 color: #CCCCCC;
8429 background-color: #FFFFFF;
8430 cursor: not-allowed;
8431}
8432.next-tree.next-node-indent .next-tree-node-inner.next-drag-over .next-tree-node-label {
8433 background-color: #5584FF;
8434 color: #FFFFFF;
8435 opacity: 0.8;
8436}
8437.next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-top .next-tree-node-label-wrapper {
8438 border-top-color: #5584FF;
8439}
8440.next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-bottom .next-tree-node-label-wrapper {
8441 border-bottom-color: #5584FF;
8442}
8443.next-tree.next-node-block .next-tree-node-inner {
8444 padding-top: 4px;
8445 padding-bottom: 4px;
8446 -webkit-transition: color 100ms linear, background-color 100ms linear;
8447 transition: color 100ms linear, background-color 100ms linear;
8448 cursor: pointer;
8449 color: #333333;
8450 background-color: #FFFFFF;
8451}
8452.next-tree.next-node-block .next-tree-node-inner:hover, .next-tree.next-node-block .next-tree-node-inner:focus {
8453 color: #333333;
8454 background-color: #F2F3F7;
8455}
8456.next-tree.next-node-block .next-tree-node-inner.next-selected {
8457 color: #333333;
8458 background-color: #DEE8FF;
8459}
8460.next-tree.next-node-block .next-tree-node-inner.next-disabled, .next-tree.next-node-block .next-tree-node-inner.next-disabled:hover {
8461 color: #CCCCCC;
8462 background-color: #FFFFFF;
8463 cursor: not-allowed;
8464}
8465.next-tree.next-show-line .next-tree-node .next-tree-node:not(:last-child) {
8466 margin-left: 7.5px;
8467 border-left: 1px solid #C4C6CF;
8468 padding-left: 15.5px;
8469}
8470.next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label {
8471 color: #5584FF;
8472}
8473.next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label:hover {
8474 color: #5584FF;
8475}
8476
8477.next-tree[dir=rtl] .next-tree-switcher {
8478 margin-left: 8px;
8479 margin-right: 0;
8480}
8481.next-tree[dir=rtl] .next-tree-switcher.next-noop-line-noroot {
8482 border-left: none;
8483 border-right: 1px solid #C4C6CF;
8484}
8485.next-tree[dir=rtl] .next-tree-right-angle {
8486 left: auto;
8487 right: -17.5px;
8488 border-left: none;
8489 border-right: 1px solid #C4C6CF;
8490}
8491.next-tree[dir=rtl].next-show-line .next-tree-node .next-tree-node:not(:last-child) {
8492 margin-left: 0;
8493 margin-right: 7.5px;
8494 border-left: none;
8495 border-right: 1px solid #C4C6CF;
8496 padding-left: 0;
8497 padding-right: 15.5px;
8498}
8499.next-tree[dir=rtl].next-node-indent .next-tree-node .next-tree-node {
8500 margin-left: 0;
8501 margin-right: 24px;
8502}
8503
8504.next-tree-select {
8505 -webkit-box-sizing: border-box;
8506 box-sizing: border-box;
8507}
8508.next-tree-select *,
8509.next-tree-select *:before,
8510.next-tree-select *:after {
8511 -webkit-box-sizing: border-box;
8512 box-sizing: border-box;
8513}
8514.next-tree-select-dropdown {
8515 background: #FFFFFF;
8516 border: 1px solid #DCDEE3;
8517 border-radius: 3px;
8518 -webkit-box-shadow: none;
8519 box-shadow: none;
8520 max-height: 260px;
8521 overflow: auto;
8522}
8523.next-tree-select-dropdown > .next-tree,
8524.next-tree-select-dropdown > .next-tree-select-not-found,
8525.next-tree-select-dropdown > .next-virtual-tree-container {
8526 padding: 8px 20px;
8527}
8528.next-tree-select-not-found {
8529 font-size: 12px;
8530 color: #999999;
8531}
8532
8533.next-upload-list[dir=rtl].next-upload-list-text .next-upload-list-item {
8534 padding: 4px 8px;
8535 padding-left: 36px;
8536}
8537.next-upload-list[dir=rtl].next-upload-list-text .next-icon {
8538 left: 12px;
8539 right: auto;
8540}
8541.next-upload-list[dir=rtl].next-upload-list-image .next-icon-close {
8542 float: left;
8543 margin-left: 4px;
8544 margin-right: 0;
8545}
8546.next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-thumbnail {
8547 float: right;
8548 margin-left: 8px;
8549 margin-right: 0;
8550}
8551.next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-progress {
8552 margin-right: 56px;
8553 margin-left: 20px;
8554}
8555
8556.next-upload {
8557 -webkit-box-sizing: border-box;
8558 box-sizing: border-box;
8559}
8560.next-upload *,
8561.next-upload *:before,
8562.next-upload *:after {
8563 -webkit-box-sizing: border-box;
8564 box-sizing: border-box;
8565}
8566.next-upload-inner {
8567 outline: 0;
8568 display: inline-block;
8569}
8570.next-upload-inner.next-hidden {
8571 display: none;
8572}
8573.next-upload-list {
8574 overflow: hidden;
8575 -webkit-box-sizing: border-box;
8576 box-sizing: border-box;
8577}
8578.next-upload-list *,
8579.next-upload-list *:before,
8580.next-upload-list *:after {
8581 -webkit-box-sizing: border-box;
8582 box-sizing: border-box;
8583}
8584.next-upload-list-item {
8585 position: relative;
8586}
8587.next-upload-list-item.next-hidden {
8588 display: none;
8589}
8590.next-upload-list-item-name {
8591 text-decoration: none;
8592}
8593.next-upload.next-disabled {
8594 border-color: #E6E7EB !important;
8595 color: #CCCCCC !important;
8596}
8597.next-upload.next-disabled .next-icon-close {
8598 cursor: not-allowed !important;
8599}
8600.next-upload.next-disabled .next-upload-inner * {
8601 color: #CCCCCC !important;
8602 border-color: #E6E7EB !important;
8603 cursor: not-allowed !important;
8604}
8605
8606.next-upload-list-text .next-upload-list-item {
8607 background-color: #F2F3F7;
8608 padding: 4px 8px;
8609 padding-right: 36px;
8610 height: 40px;
8611 line-height: 32px;
8612 font-size: 12px;
8613 overflow: hidden;
8614 -webkit-transition: all 100ms linear;
8615 transition: all 100ms linear;
8616 border-radius: 0;
8617}
8618.next-upload-list-text .next-upload-list-item:not(:last-child) {
8619 margin-bottom: 4px;
8620}
8621.next-upload-list-text .next-upload-list-item-op {
8622 position: absolute;
8623 top: 0;
8624 right: 12px;
8625}
8626.next-upload-list-text .next-upload-list-item .next-icon-close {
8627 color: #999999;
8628 cursor: pointer;
8629 text-align: center;
8630 -webkit-transition: all 100ms linear;
8631 transition: all 100ms linear;
8632 line-height: 40px;
8633}
8634.next-upload-list-text .next-upload-list-item .next-icon-close:before, .next-upload-list-text .next-upload-list-item .next-icon-close .next-icon-remote {
8635 width: 12px;
8636 font-size: 12px;
8637 line-height: inherit;
8638}
8639.next-upload-list-text .next-upload-list-item:hover {
8640 background-color: #F2F3F7;
8641}
8642.next-upload-list-text .next-upload-list-item:hover .next-icon {
8643 color: #666666;
8644}
8645.next-upload-list-text .next-upload-list-item-name-wrap {
8646 text-overflow: ellipsis;
8647 white-space: nowrap;
8648 overflow: hidden;
8649 margin-right: 4px;
8650}
8651.next-upload-list-text .next-upload-list-item-name {
8652 color: #333333;
8653 -webkit-transition: all 100ms linear;
8654 transition: all 100ms linear;
8655}
8656.next-upload-list-text .next-upload-list-item-size {
8657 color: #999999;
8658 margin-left: 8px;
8659}
8660.next-upload-list-text .next-upload-list-item-uploading {
8661 line-height: 16px;
8662}
8663.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress {
8664 line-height: 0;
8665 padding-top: 4px;
8666 padding-bottom: 4px;
8667}
8668.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
8669 height: 8px;
8670}
8671.next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
8672 height: 8px;
8673 margin-top: -4px;
8674}
8675.next-upload-list-text .next-upload-list-item-done {
8676 line-height: 32px;
8677}
8678.next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-name {
8679 color: #5584FF;
8680}
8681.next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-size {
8682 color: #5584FF;
8683}
8684.next-upload-list-text .next-upload-list-item-error {
8685 /* stylelint-disable declaration-no-important */
8686 background-color: #FFECE4 !important;
8687}
8688.next-upload-list-text .next-upload-list-item-error.next-upload-list-item-error-with-msg {
8689 line-height: 16px;
8690}
8691.next-upload-list-text .next-upload-list-item-error-msg {
8692 text-overflow: ellipsis;
8693 white-space: nowrap;
8694 overflow: hidden;
8695 color: #FF3000;
8696}
8697
8698.next-upload-list-image .next-upload-list-item {
8699 -webkit-box-sizing: content-box;
8700 box-sizing: content-box;
8701 border: 1px solid #DCDEE3;
8702 background-color: #FFFFFF;
8703 padding: 8px;
8704 height: 48px;
8705 line-height: 48px;
8706 font-size: 12px;
8707 -webkit-transition: all 100ms linear;
8708 transition: all 100ms linear;
8709 overflow: hidden;
8710 border-radius: 0;
8711}
8712.next-upload-list-image .next-upload-list-item:not(:last-child) {
8713 margin-bottom: 4px;
8714}
8715.next-upload-list-image .next-upload-list-item:after {
8716 visibility: hidden;
8717 display: block;
8718 height: 0;
8719 font-size: 0;
8720 content: " ";
8721 clear: both;
8722}
8723.next-upload-list-image .next-upload-list-item-op {
8724 float: right;
8725 margin-right: 4px;
8726}
8727.next-upload-list-image .next-upload-list-item .next-icon-close {
8728 cursor: pointer;
8729 color: #999999;
8730 text-align: center;
8731}
8732.next-upload-list-image .next-upload-list-item .next-icon-close:before, .next-upload-list-image .next-upload-list-item .next-icon-close .next-icon-remote {
8733 width: 12px;
8734 font-size: 12px;
8735 line-height: inherit;
8736}
8737.next-upload-list-image .next-upload-list-item:hover {
8738 border-color: #5584FF;
8739}
8740.next-upload-list-image .next-upload-list-item:hover .next-icon-close {
8741 color: #666666;
8742}
8743.next-upload-list-image .next-upload-list-item-name {
8744 display: block;
8745 color: #333333;
8746 margin-left: 56px;
8747 margin-right: 20px;
8748 text-overflow: ellipsis;
8749 white-space: nowrap;
8750 overflow: hidden;
8751 -webkit-transition: all 100ms linear;
8752 transition: all 100ms linear;
8753}
8754.next-upload-list-image .next-upload-list-item-size {
8755 color: #999999;
8756 margin-left: 8px;
8757}
8758.next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-name {
8759 color: #5584FF;
8760}
8761.next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-size {
8762 color: #5584FF;
8763}
8764.next-upload-list-image .next-upload-list-item-thumbnail {
8765 float: left;
8766 width: 48px;
8767 height: 48px;
8768 color: #CCCCCC;
8769 border: 1px solid #DCDEE3;
8770 border-radius: 0;
8771 background-color: #F2F3F7;
8772 margin-right: 8px;
8773 vertical-align: middle;
8774 text-align: center;
8775 overflow: hidden;
8776 -webkit-box-sizing: border-box;
8777 box-sizing: border-box;
8778}
8779.next-upload-list-image .next-upload-list-item-thumbnail img {
8780 width: 100%;
8781 height: 100%;
8782}
8783.next-upload-list-image .next-upload-list-item-thumbnail .next-icon {
8784 display: block;
8785 margin: 0;
8786 line-height: 48px;
8787}
8788.next-upload-list-image .next-upload-list-item-thumbnail .next-icon:before, .next-upload-list-image .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
8789 width: 24px;
8790 font-size: 24px;
8791 line-height: inherit;
8792}
8793.next-upload-list-image .next-upload-list-item-error {
8794 border-color: #FF3000 !important;
8795 background-color: #FFFFFF;
8796}
8797.next-upload-list-image .next-upload-list-item-uploading {
8798 background-color: #FFFFFF;
8799}
8800.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-name {
8801 height: 24px;
8802 line-height: 24px;
8803}
8804.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress {
8805 margin-left: 56px;
8806 margin-right: 20px;
8807 line-height: 0;
8808 padding-top: 8px;
8809 padding-bottom: 8px;
8810}
8811.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
8812 height: 8px;
8813}
8814.next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
8815 height: 8px;
8816 margin-top: -4px;
8817}
8818.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-name,
8819.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
8820 height: 24px;
8821 line-height: 24px;
8822}
8823.next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
8824 margin-left: 56px;
8825 margin-right: 20px;
8826 color: #FF3000;
8827 text-overflow: ellipsis;
8828 white-space: nowrap;
8829 overflow: hidden;
8830}
8831
8832.next-upload-list-card {
8833 display: inline-block;
8834}
8835.next-upload-list-card .next-upload-list-item {
8836 vertical-align: middle;
8837 float: left;
8838}
8839.next-upload-list-card .next-upload-list-item:not(:last-child) {
8840 margin-right: 12px;
8841}
8842.next-upload-list-card .next-upload-list-item-wrapper {
8843 position: relative;
8844 border: 1px solid #C4C6CF;
8845 width: 100px;
8846 height: 100px;
8847 padding: 0px;
8848 background-color: transparent;
8849 border-radius: 0;
8850 overflow: hidden;
8851}
8852.next-upload-list-card .next-upload-list-item-thumbnail {
8853 text-align: center;
8854 width: 100%;
8855 height: 100%;
8856 color: #CCCCCC;
8857 font-size: 12px;
8858}
8859.next-upload-list-card .next-upload-list-item-thumbnail img {
8860 max-width: 100%;
8861 max-height: 100%;
8862 position: absolute;
8863 top: 0;
8864 right: 0;
8865 bottom: 0;
8866 left: 0;
8867 margin: auto;
8868}
8869.next-upload-list-card .next-upload-list-item-thumbnail img:focus {
8870 outline: 0;
8871}
8872.next-upload-list-card .next-upload-list-item-thumbnail .next-icon {
8873 width: 100%;
8874}
8875.next-upload-list-card .next-upload-list-item-thumbnail .next-icon:before, .next-upload-list-card .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
8876 width: 48px;
8877 font-size: 48px;
8878 line-height: inherit;
8879}
8880.next-upload-list-card .next-upload-list-item-handler {
8881 margin-top: 13px;
8882}
8883.next-upload-list-card .next-upload-list-item-handler .next-icon-cry {
8884 margin-top: 10px;
8885}
8886.next-upload-list-card .next-upload-list-item-name {
8887 display: block;
8888 width: 100px;
8889 text-align: center;
8890 margin-top: 4px;
8891 font-size: 12px;
8892 color: #666666;
8893 text-overflow: ellipsis;
8894 white-space: nowrap;
8895 overflow: hidden;
8896}
8897.next-upload-list-card .next-upload-list-item-progress {
8898 position: absolute;
8899 font-size: 0;
8900 bottom: 0;
8901 left: 0;
8902 width: 100%;
8903}
8904.next-upload-list-card .next-upload-list-item-progress .next-progress-line-underlay {
8905 border-radius: 0;
8906 height: 8px;
8907}
8908.next-upload-list-card .next-upload-list-item-progress .next-progress-line-overlay {
8909 border-radius: 0;
8910 height: 8px;
8911 margin-top: -4px;
8912}
8913.next-upload-list-card .next-upload-list-item-uploading .next-upload-list-item-wrapper {
8914 background-color: #F7F8FA;
8915}
8916.next-upload-list-card .next-upload-list-item:hover .next-upload-tool {
8917 opacity: 0.8;
8918}
8919.next-upload-list-card .next-upload-list-item .next-upload-tool {
8920 position: absolute;
8921 z-index: 1;
8922 background-color: rgba(0, 0, 0, 0.7);
8923 -webkit-transition: all 100ms linear;
8924 transition: all 100ms linear;
8925 opacity: 0;
8926 width: 100%;
8927 height: 28px;
8928 left: 0;
8929 bottom: 0;
8930 display: -webkit-box;
8931 display: -ms-flexbox;
8932 display: flex;
8933}
8934.next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon {
8935 line-height: 28px;
8936 color: #FFFFFF;
8937 cursor: pointer;
8938}
8939.next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon:before, .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon .next-icon-remote {
8940 width: 16px;
8941 font-size: 16px;
8942 line-height: inherit;
8943}
8944.next-upload-list-card .next-upload-list-item .next-upload-tool-item {
8945 width: 100%;
8946 text-align: center;
8947}
8948.next-upload-list-card .next-upload-list-item .next-upload-tool-item:not(:last-child) {
8949 border-right: 1px solid #FFFFFF;
8950}
8951.next-upload-list-card .next-upload-list-item .next-upload-tool-reupload {
8952 display: inline-block;
8953}
8954.next-upload-list-card .next-upload-list-item .next-upload-card {
8955 display: -webkit-box;
8956 display: -ms-flexbox;
8957 display: flex;
8958 -webkit-box-orient: vertical;
8959 -webkit-box-direction: normal;
8960 -ms-flex-direction: column;
8961 flex-direction: column;
8962 -webkit-box-pack: center;
8963 -ms-flex-pack: center;
8964 justify-content: center;
8965}
8966.next-upload-list-card .next-upload-list-item-error .next-upload-list-item-wrapper {
8967 border-color: #FF3000;
8968}
8969.next-upload-list-card.next-upload-ie9 .next-upload-tool {
8970 display: table;
8971}
8972.next-upload-list-card.next-upload-ie9 .next-upload-tool-item {
8973 display: table-cell;
8974 width: 1%;
8975}
8976.next-upload-list-card.next-upload-ie9 .next-upload-card {
8977 display: table-cell;
8978}
8979
8980.next-upload-card {
8981 border: 1px dashed #C4C6CF;
8982 width: 100px;
8983 height: 100px;
8984 background-color: #FFFFFF;
8985 text-align: center;
8986 cursor: pointer;
8987 -webkit-transition: border-color 100ms linear;
8988 transition: border-color 100ms linear;
8989 display: table-cell;
8990 vertical-align: middle;
8991 border-radius: 0;
8992}
8993.next-upload-card .next-icon {
8994 color: #C4C6CF;
8995}
8996.next-upload-card .next-icon:before, .next-upload-card .next-icon .next-icon-remote {
8997 width: 24px;
8998 font-size: 24px;
8999 line-height: inherit;
9000}
9001.next-upload-card .next-upload-add-icon::before {
9002 content: "\E655";
9003}
9004.next-upload-card .next-upload-text {
9005 font-size: 12px;
9006 margin-top: 12px;
9007 color: #666666;
9008 outline: none;
9009}
9010.next-upload-card:hover {
9011 border-color: #5584FF;
9012}
9013.next-upload-card:hover .next-icon {
9014 color: #5584FF;
9015}
9016.next-upload-card:hover .next-upload-text {
9017 color: #5584FF;
9018}
9019
9020.next-upload-dragable .next-upload-inner {
9021 display: block;
9022}
9023.next-upload-dragable .next-upload-drag {
9024 border: 1px dashed #C4C6CF;
9025 -webkit-transition: border-color 100ms linear;
9026 transition: border-color 100ms linear;
9027 cursor: pointer;
9028 border-radius: 3px;
9029 background-color: transparent;
9030 text-align: center;
9031 margin-bottom: 4px;
9032}
9033.next-upload-dragable .next-upload-drag-icon {
9034 margin: 20px 0 0;
9035 color: #666666;
9036}
9037.next-upload-dragable .next-upload-drag-icon .next-upload-drag-upload-icon::before {
9038 content: "\E7EE";
9039 font-size: 24px;
9040}
9041.next-upload-dragable .next-upload-drag-text {
9042 margin: 12px 0 0;
9043 font-size: 14px;
9044 color: #666666;
9045}
9046.next-upload-dragable .next-upload-drag-hint {
9047 margin: 4px 0 20px;
9048 font-size: 12px;
9049 color: #999999;
9050}
9051.next-upload-dragable .next-upload-drag-over {
9052 border-color: #5584FF;
9053}
9054
9055/** light **/
9056/** dark **/
9057/** brand **/
9058.next-shell {
9059 -webkit-box-sizing: border-box;
9060 box-sizing: border-box;
9061 position: relative;
9062 display: -webkit-box;
9063 display: -ms-flexbox;
9064 display: flex;
9065 -webkit-box-orient: vertical;
9066 -webkit-box-direction: normal;
9067 -ms-flex-direction: column;
9068 flex-direction: column;
9069 -webkit-transition: all 0.2s ease;
9070 transition: all 0.2s ease;
9071}
9072.next-shell *,
9073.next-shell *:before,
9074.next-shell *:after {
9075 -webkit-box-sizing: border-box;
9076 box-sizing: border-box;
9077}
9078.next-shell-content-wrapper {
9079 overflow: auto;
9080}
9081.next-shell-header {
9082 display: -webkit-box;
9083 display: -ms-flexbox;
9084 display: flex;
9085 width: 100%;
9086 -webkit-box-pack: justify;
9087 -ms-flex-pack: justify;
9088 justify-content: space-between;
9089 -webkit-box-align: center;
9090 -ms-flex-align: center;
9091 align-items: center;
9092 z-index: 9;
9093}
9094.next-shell-header .dock-trigger,
9095.next-shell-header .nav-trigger {
9096 outline: 0;
9097 display: -webkit-box;
9098 display: -ms-flexbox;
9099 display: flex;
9100 -webkit-box-pack: center;
9101 -ms-flex-pack: center;
9102 justify-content: center;
9103 -webkit-box-align: center;
9104 -ms-flex-align: center;
9105 align-items: center;
9106 cursor: pointer;
9107 width: 32px;
9108 height: 32px;
9109}
9110.next-shell-header .nav-trigger {
9111 margin-right: 10px;
9112}
9113.next-shell-header .dock-trigger {
9114 margin-left: 10px;
9115}
9116.next-shell-header.next-shell-fixed-header {
9117 position: sticky;
9118 top: 0;
9119}
9120.next-shell-header .next-shell-navigation {
9121 -webkit-box-flex: 1;
9122 -ms-flex: 1 1;
9123 flex: 1 1;
9124 display: -webkit-box;
9125 display: -ms-flexbox;
9126 display: flex;
9127 -webkit-box-align: center;
9128 -ms-flex-align: center;
9129 align-items: center;
9130 -webkit-box-orient: horizontal;
9131 -webkit-box-direction: normal;
9132 -ms-flex-direction: row;
9133 flex-direction: row;
9134}
9135.next-shell-header .next-shell-branding {
9136 display: -webkit-box;
9137 display: -ms-flexbox;
9138 display: flex;
9139 -webkit-box-align: center;
9140 -ms-flex-align: center;
9141 align-items: center;
9142}
9143.next-shell-header .next-shell-action {
9144 display: -webkit-box;
9145 display: -ms-flexbox;
9146 display: flex;
9147 -webkit-box-align: center;
9148 -ms-flex-align: center;
9149 align-items: center;
9150}
9151.next-shell-sub-main {
9152 -webkit-box-flex: 1;
9153 -ms-flex: 1 1;
9154 flex: 1 1;
9155 display: -webkit-box;
9156 display: -ms-flexbox;
9157 display: flex;
9158 -webkit-box-orient: vertical;
9159 -webkit-box-direction: normal;
9160 -ms-flex-direction: column;
9161 flex-direction: column;
9162 height: 100%;
9163 overflow: auto;
9164 outline: 0;
9165}
9166.next-shell-main {
9167 display: -webkit-box;
9168 display: -ms-flexbox;
9169 display: flex;
9170 -webkit-box-flex: 1;
9171 -ms-flex: 1 1 auto;
9172 flex: 1 1 auto;
9173 -webkit-box-orient: horizontal;
9174 -webkit-box-direction: normal;
9175 -ms-flex-direction: row;
9176 flex-direction: row;
9177 position: relative;
9178 height: 100%;
9179 -webkit-box-sizing: content-box;
9180 box-sizing: content-box;
9181 overflow: auto;
9182 -webkit-transition: all 0.2s ease;
9183 transition: all 0.2s ease;
9184}
9185.next-shell-main .next-shell-content {
9186 -webkit-box-flex: 1;
9187 -ms-flex: 1 1 auto;
9188 flex: 1 1 auto;
9189}
9190.next-shell-main .next-shell-content-inner {
9191 margin: 0 auto;
9192}
9193.next-shell-main .next-shell-footer {
9194 display: -webkit-box;
9195 display: -ms-flexbox;
9196 display: flex;
9197 -webkit-box-orient: vertical;
9198 -webkit-box-direction: normal;
9199 -ms-flex-direction: column;
9200 flex-direction: column;
9201 -webkit-box-pack: center;
9202 -ms-flex-pack: center;
9203 justify-content: center;
9204 -webkit-box-align: center;
9205 -ms-flex-align: center;
9206 align-items: center;
9207 width: 100%;
9208}
9209.next-shell .next-aside-navigation,
9210.next-shell .next-aside-tooldock {
9211 display: -webkit-box;
9212 display: -ms-flexbox;
9213 display: flex;
9214}
9215.next-shell .next-aside-navigation.fixed,
9216.next-shell .next-aside-tooldock.fixed {
9217 position: fixed;
9218 top: 0;
9219 bottom: 0;
9220 z-index: 1;
9221}
9222.next-shell .next-aside-navigation.fixed {
9223 left: 0;
9224}
9225.next-shell .next-aside-tooldock.fixed {
9226 right: 0;
9227}
9228.next-shell-aside {
9229 -webkit-transition: all 0.2s ease;
9230 transition: all 0.2s ease;
9231}
9232.next-shell-aside .aside-trigger {
9233 cursor: pointer;
9234 outline: 0;
9235 position: absolute;
9236 right: 0;
9237 top: 50%;
9238 width: 20px;
9239 height: 48px;
9240 display: -webkit-box;
9241 display: -ms-flexbox;
9242 display: flex;
9243 border: 1px solid #DDD;
9244 -webkit-box-align: center;
9245 -ms-flex-align: center;
9246 align-items: center;
9247 -webkit-box-pack: center;
9248 -ms-flex-pack: center;
9249 justify-content: center;
9250}
9251.next-shell-aside .local-nav-trigger {
9252 outline: 0;
9253 border-left: none;
9254 -webkit-transform: translate(100%, -50%);
9255 -ms-transform: translate(100%, -50%);
9256 transform: translate(100%, -50%);
9257 right: 0;
9258}
9259.next-shell-aside .ancillary-trigger {
9260 outline: 0;
9261 -webkit-transform: translate(-100%, -50%);
9262 -ms-transform: translate(-100%, -50%);
9263 transform: translate(-100%, -50%);
9264 border-right: 0;
9265 left: 1px;
9266}
9267.next-shell-aside.next-aside-localnavigation {
9268 position: relative;
9269}
9270.next-shell-aside.next-aside-ancillary {
9271 position: relative;
9272}
9273.next-shell-aside.next-shell-navigation {
9274 display: -webkit-box;
9275 display: -ms-flexbox;
9276 display: flex;
9277 -webkit-box-orient: vertical;
9278 -webkit-box-direction: normal;
9279 -ms-flex-direction: column;
9280 flex-direction: column;
9281 justify-self: flex-start;
9282 -webkit-transition: all 0.2s ease;
9283 transition: all 0.2s ease;
9284}
9285.next-shell-aside.next-shell-tooldock {
9286 display: -webkit-box;
9287 display: -ms-flexbox;
9288 display: flex;
9289 -webkit-box-orient: vertical;
9290 -webkit-box-direction: normal;
9291 -ms-flex-direction: column;
9292 flex-direction: column;
9293 -webkit-box-align: center;
9294 -ms-flex-align: center;
9295 align-items: center;
9296}
9297.next-shell-aside .next-shell-tooldockitem {
9298 width: 100%;
9299 text-align: center;
9300}
9301.next-shell-aside .next-shell-localnavigation {
9302 position: relative;
9303 height: 100%;
9304 display: -webkit-box;
9305 display: -ms-flexbox;
9306 display: flex;
9307 -webkit-box-orient: vertical;
9308 -webkit-box-direction: normal;
9309 -ms-flex-direction: column;
9310 flex-direction: column;
9311 justify-self: flex-start;
9312 -webkit-transition: all 0.2s ease;
9313 transition: all 0.2s ease;
9314}
9315.next-shell-aside .next-shell-ancillary {
9316 height: 100%;
9317 display: -webkit-box;
9318 display: -ms-flexbox;
9319 display: flex;
9320 -webkit-box-orient: vertical;
9321 -webkit-box-direction: normal;
9322 -ms-flex-direction: column;
9323 flex-direction: column;
9324 justify-self: flex-start;
9325 -webkit-transition: all 0.2s ease;
9326 transition: all 0.2s ease;
9327}
9328.next-shell-light .next-shell-header .dock-trigger,
9329.next-shell-light .next-shell-header .nav-trigger {
9330 background: #FFFFFF;
9331}
9332.next-shell-light .next-shell-aside .local-nav-trigger {
9333 background: #E2E4E8;
9334}
9335.next-shell-light .next-shell-aside .ancillary-trigger {
9336 background: #FFFFFF;
9337}
9338.next-shell-light .next-shell-header {
9339 color: #000000;
9340 height: 52px;
9341 background: #FFFFFF;
9342 border-bottom: 1px solid #E6E7EB;
9343 -webkit-box-shadow: none;
9344 box-shadow: none;
9345 padding: 0 16px;
9346}
9347.next-shell-light .next-shell-header .next-shell-navigation {
9348 -webkit-box-pack: end;
9349 -ms-flex-pack: end;
9350 justify-content: flex-end;
9351 height: 52px;
9352 line-height: 52px;
9353 margin: 0 48px;
9354}
9355.next-shell-light .next-shell-task-header {
9356 width: 100%;
9357 min-height: 40px;
9358 background: #FFFFFF;
9359 border-bottom: 1px solid #E6E7EB;
9360 -webkit-box-shadow: none;
9361 box-shadow: none;
9362 padding: 0 0px;
9363 overflow: auto;
9364}
9365.next-shell-light .next-shell-main {
9366 background: #EBECF0;
9367}
9368.next-shell-light .next-shell-main .next-shell-appbar {
9369 min-height: 48px;
9370 background: #FFFFFF;
9371 border-bottom: 1px solid #E6E7EB;
9372 -webkit-box-shadow: none;
9373 box-shadow: none;
9374 padding: 0 24px;
9375}
9376.next-shell-light .next-shell-main .next-shell-content {
9377 padding: 20px 20px;
9378}
9379.next-shell-light .next-shell-main .next-shell-footer {
9380 background: transparent;
9381 min-height: 56px;
9382 color: #CCCCCC;
9383 font-size: 14px;
9384}
9385.next-shell-light .next-shell-aside.next-shell-navigation {
9386 width: 168px;
9387 background: #FFFFFF;
9388 border-right: 1px solid #E6E7EB;
9389 -webkit-box-shadow: none;
9390 box-shadow: none;
9391 padding: 8px 0 8px;
9392}
9393.next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9394 width: 60px;
9395}
9396.next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse {
9397 width: 0;
9398}
9399.next-shell-light .next-shell-aside.next-shell-tooldock {
9400 width: 52px;
9401 background: #E2E4E8;
9402 border-left: 1px solid #E6E7EB;
9403 -webkit-box-shadow: none;
9404 box-shadow: none;
9405 padding: 8px 0 8px;
9406}
9407.next-shell-light .next-shell-aside .next-shell-tooldockitem {
9408 padding: 8px 0;
9409 color: #666666;
9410 background: transparent;
9411}
9412.next-shell-light .next-shell-aside .next-shell-tooldockitem:hover {
9413 color: #333333;
9414 background: #EBECF0;
9415}
9416.next-shell-light .next-shell-aside .next-shell-localnavigation {
9417 width: 168px;
9418 background: #E2E4E8;
9419 border-right: 1px solid #E6E7EB;
9420 -webkit-box-shadow: none;
9421 box-shadow: none;
9422 padding: 8px 0 8px;
9423}
9424.next-shell-light .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9425 width: 0;
9426}
9427.next-shell-light .next-shell-aside .next-shell-ancillary {
9428 width: 168px;
9429 background: #FFFFFF;
9430 border-left: 1px solid #E6E7EB;
9431 -webkit-box-shadow: none;
9432 box-shadow: none;
9433 padding: 8px 0 8px;
9434}
9435.next-shell-light .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9436 width: 0;
9437}
9438.next-shell-dark .next-shell-header .dock-trigger,
9439.next-shell-dark .next-shell-header .nav-trigger {
9440 background: #000000;
9441}
9442.next-shell-dark .next-shell-aside .local-nav-trigger {
9443 background: #E2E4E8;
9444}
9445.next-shell-dark .next-shell-aside .ancillary-trigger {
9446 background: #FFFFFF;
9447}
9448.next-shell-dark .next-shell-header {
9449 color: #FFFFFF;
9450 height: 52px;
9451 background: #000000;
9452 border-bottom: 1px solid #1F1F1F;
9453 -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9454 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9455 padding: 0 16px;
9456}
9457.next-shell-dark .next-shell-header .next-shell-navigation {
9458 -webkit-box-pack: end;
9459 -ms-flex-pack: end;
9460 justify-content: flex-end;
9461 height: 52px;
9462 line-height: 52px;
9463 margin: 0 48px;
9464}
9465.next-shell-dark .next-shell-task-header {
9466 width: 100%;
9467 min-height: 40px;
9468 background: #FFFFFF;
9469 border-bottom: 1px solid #E6E7EB;
9470 -webkit-box-shadow: none;
9471 box-shadow: none;
9472 padding: 0 0px;
9473 overflow: auto;
9474}
9475.next-shell-dark .next-shell-main {
9476 background: #EBECF0;
9477}
9478.next-shell-dark .next-shell-main .next-shell-appbar {
9479 min-height: 48px;
9480 background: #FFFFFF;
9481 border-bottom: 1px solid #E6E7EB;
9482 -webkit-box-shadow: none;
9483 box-shadow: none;
9484 padding: 0 24px;
9485}
9486.next-shell-dark .next-shell-main .next-shell-content {
9487 padding: 20px 20px;
9488}
9489.next-shell-dark .next-shell-main .next-shell-footer {
9490 background: transparent;
9491 min-height: 56px;
9492 color: #CCCCCC;
9493 font-size: 14px;
9494}
9495.next-shell-dark .next-shell-aside.next-shell-navigation {
9496 width: 168px;
9497 background: #333333;
9498 border-right: 1px solid #E6E7EB;
9499 -webkit-box-shadow: none;
9500 box-shadow: none;
9501 padding: 8px 0 8px;
9502}
9503.next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9504 width: 60px;
9505}
9506.next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse {
9507 width: 0;
9508}
9509.next-shell-dark .next-shell-aside.next-shell-tooldock {
9510 width: 52px;
9511 background: #E2E4E8;
9512 border-left: 1px solid #E6E7EB;
9513 -webkit-box-shadow: none;
9514 box-shadow: none;
9515 padding: 8px 0 8px;
9516}
9517.next-shell-dark .next-shell-aside .next-shell-tooldockitem {
9518 padding: 8px 0;
9519 color: #666666;
9520 background: transparent;
9521}
9522.next-shell-dark .next-shell-aside .next-shell-tooldockitem:hover {
9523 color: #333333;
9524 background: #EBECF0;
9525}
9526.next-shell-dark .next-shell-aside .next-shell-localnavigation {
9527 width: 168px;
9528 background: #E2E4E8;
9529 border-right: 1px solid #E6E7EB;
9530 -webkit-box-shadow: none;
9531 box-shadow: none;
9532 padding: 8px 0 8px;
9533}
9534.next-shell-dark .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9535 width: 0;
9536}
9537.next-shell-dark .next-shell-aside .next-shell-ancillary {
9538 width: 168px;
9539 background: #FFFFFF;
9540 border-left: 1px solid #E6E7EB;
9541 -webkit-box-shadow: none;
9542 box-shadow: none;
9543 padding: 8px 0 8px;
9544}
9545.next-shell-dark .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9546 width: 0;
9547}
9548.next-shell-brand .next-shell-header .dock-trigger,
9549.next-shell-brand .next-shell-header .nav-trigger {
9550 background: #5584FF;
9551}
9552.next-shell-brand .next-shell-aside .local-nav-trigger {
9553 background: #E2E4E8;
9554}
9555.next-shell-brand .next-shell-aside .ancillary-trigger {
9556 background: #FFFFFF;
9557}
9558.next-shell-brand .next-shell-header {
9559 color: #FFFFFF;
9560 height: 52px;
9561 background: #5584FF;
9562 border-bottom: 1px solid #E6E7EB;
9563 -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9564 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
9565 padding: 0 16px;
9566}
9567.next-shell-brand .next-shell-header .next-shell-navigation {
9568 -webkit-box-pack: end;
9569 -ms-flex-pack: end;
9570 justify-content: flex-end;
9571 height: 52px;
9572 line-height: 52px;
9573 margin: 0 48px;
9574}
9575.next-shell-brand .next-shell-task-header {
9576 width: 100%;
9577 min-height: 40px;
9578 background: #FFFFFF;
9579 border-bottom: 1px solid #E6E7EB;
9580 -webkit-box-shadow: none;
9581 box-shadow: none;
9582 padding: 0 0px;
9583 overflow: auto;
9584}
9585.next-shell-brand .next-shell-main {
9586 background: #EBECF0;
9587}
9588.next-shell-brand .next-shell-main .next-shell-appbar {
9589 min-height: 48px;
9590 background: #FFFFFF;
9591 border-bottom: 1px solid #E6E7EB;
9592 -webkit-box-shadow: none;
9593 box-shadow: none;
9594 padding: 0 24px;
9595}
9596.next-shell-brand .next-shell-main .next-shell-content {
9597 padding: 20px 20px;
9598}
9599.next-shell-brand .next-shell-main .next-shell-footer {
9600 background: transparent;
9601 min-height: 56px;
9602 color: #CCCCCC;
9603 font-size: 14px;
9604}
9605.next-shell-brand .next-shell-aside.next-shell-navigation {
9606 width: 168px;
9607 background: #FFFFFF;
9608 border-right: 1px solid #E6E7EB;
9609 -webkit-box-shadow: none;
9610 box-shadow: none;
9611 padding: 8px 0 8px;
9612}
9613.next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
9614 width: 60px;
9615}
9616.next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse {
9617 width: 0;
9618}
9619.next-shell-brand .next-shell-aside.next-shell-tooldock {
9620 width: 52px;
9621 background: #E2E4E8;
9622 border-left: 1px solid #E6E7EB;
9623 -webkit-box-shadow: none;
9624 box-shadow: none;
9625 padding: 8px 0 8px;
9626}
9627.next-shell-brand .next-shell-aside .next-shell-tooldockitem {
9628 padding: 8px 0;
9629 color: #666666;
9630 background: transparent;
9631}
9632.next-shell-brand .next-shell-aside .next-shell-tooldockitem:hover {
9633 color: #333333;
9634 background: #EBECF0;
9635}
9636.next-shell-brand .next-shell-aside .next-shell-localnavigation {
9637 width: 168px;
9638 background: #E2E4E8;
9639 border-right: 1px solid #E6E7EB;
9640 -webkit-box-shadow: none;
9641 box-shadow: none;
9642 padding: 8px 0 8px;
9643}
9644.next-shell-brand .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
9645 width: 0;
9646}
9647.next-shell-brand .next-shell-aside .next-shell-ancillary {
9648 width: 168px;
9649 background: #FFFFFF;
9650 border-left: 1px solid #E6E7EB;
9651 -webkit-box-shadow: none;
9652 box-shadow: none;
9653 padding: 8px 0 8px;
9654}
9655.next-shell-brand .next-shell-aside .next-shell-ancillary.next-shell-collapse {
9656 width: 0;
9657}
9658.next-shell-header .next-shell-navigation.next-shell-nav-left {
9659 -webkit-box-pack: start;
9660 -ms-flex-pack: start;
9661 justify-content: flex-start;
9662}
9663.next-shell-header .next-shell-navigation.next-shell-nav-right {
9664 -webkit-box-pack: end;
9665 -ms-flex-pack: end;
9666 justify-content: flex-end;
9667}
9668.next-shell-header .next-shell-navigation.next-shell-nav-center {
9669 -webkit-box-pack: center;
9670 -ms-flex-pack: center;
9671 justify-content: center;
9672}
9673.next-shell.next-shell-phone .next-aside-navigation {
9674 width: 100%;
9675}
9676.next-shell.next-shell-phone .next-aside-navigation.next-shell-collapse {
9677 width: 0;
9678}
9679.next-shell.next-shell-phone .next-shell-header .next-shell-navigation {
9680 display: none;
9681}
9682.next-shell.next-shell-phone .next-shell-navigation {
9683 width: 100%;
9684 height: 100%;
9685 -webkit-transition: height 0.2s ease;
9686 transition: height 0.2s ease;
9687}
9688.next-shell.next-shell-phone .next-shell-navigation.next-shell-collapse {
9689 padding: 0;
9690 height: 0;
9691 -webkit-transition: height 0.2s ease;
9692 transition: height 0.2s ease;
9693}
9694.next-shell.next-shell-phone .next-shell-tooldock {
9695 height: 52px;
9696 left: 0;
9697 right: 0;
9698 position: absolute;
9699 width: 100%;
9700 -webkit-box-orient: horizontal;
9701 -webkit-box-direction: normal;
9702 -ms-flex-direction: row;
9703 flex-direction: row;
9704 -webkit-box-pack: center;
9705 -ms-flex-pack: center;
9706 justify-content: center;
9707}
9708.next-shell.next-shell-phone .next-shell-tooldock.next-shell-collapse {
9709 display: none;
9710 height: 0;
9711 padding: 0;
9712 -webkit-transition: all 0.2s ease;
9713 transition: all 0.2s ease;
9714}
9715.next-shell.next-shell-tablet .next-shell-aside.next-aside-ancillary, .next-shell.next-shell-phone .next-shell-aside.next-aside-ancillary {
9716 width: 0;
9717}
9718.next-shell.next-shell-tablet .next-shell-ancillary, .next-shell.next-shell-phone .next-shell-ancillary {
9719 -webkit-transform: translateX(-100%);
9720 -ms-transform: translateX(-100%);
9721 transform: translateX(-100%);
9722}
9723.next-shell.next-shell-tablet .next-shell-aside.next-aside-localnavigation, .next-shell.next-shell-phone .next-shell-aside.next-aside-localnavigation {
9724 width: 0;
9725}
9726
9727.next-notification {
9728 width: 384px;
9729 position: fixed;
9730 z-index: 1010;
9731 padding: 0;
9732 margin: 0;
9733}
9734.next-notification .next-message {
9735 margin-bottom: 16px;
9736 overflow: hidden;
9737}
9738
9739.next-notification-fade-leave {
9740 -webkit-animation-duration: 300ms;
9741 animation-duration: 300ms;
9742 -webkit-animation-play-state: paused;
9743 animation-play-state: paused;
9744 -webkit-animation-fill-mode: both;
9745 animation-fill-mode: both;
9746 -webkit-animation-timing-function: ease;
9747 animation-timing-function: ease;
9748}
9749
9750.next-notification-fade-leave.next-notification-fade-leave-active {
9751 -webkit-animation-name: NotificationFadeOut;
9752 animation-name: NotificationFadeOut;
9753 -webkit-animation-play-state: running;
9754 animation-play-state: running;
9755}
9756
9757@-webkit-keyframes NotificationFadeOut {
9758 0% {
9759 max-height: 150px;
9760 margin-bottom: 16px;
9761 opacity: 1;
9762 }
9763 100% {
9764 max-height: 0;
9765 margin-bottom: 0;
9766 padding-top: 0;
9767 padding-bottom: 0;
9768 opacity: 0;
9769 }
9770}
9771
9772@keyframes NotificationFadeOut {
9773 0% {
9774 max-height: 150px;
9775 margin-bottom: 16px;
9776 opacity: 1;
9777 }
9778 100% {
9779 max-height: 0;
9780 margin-bottom: 0;
9781 padding-top: 0;
9782 padding-bottom: 0;
9783 opacity: 0;
9784 }
9785}
9786.next-typography {
9787 color: #333333;
9788}
9789.next-typography-title {
9790 font-weight: 600;
9791 margin-bottom: 0.5em;
9792}
9793.next-typography + .next-typography-title {
9794 margin-top: 1.2em;
9795}
9796.next-typography-paragraph {
9797 color: #333333;
9798 margin-bottom: 1em;
9799 font-size: 14px;
9800 line-height: 1.5;
9801}
9802.next-typography mark {
9803 padding: 0;
9804 background: #FFE6BD;
9805 color: #333333;
9806}
9807.next-typography strong {
9808 font-weight: 600;
9809}
9810.next-typography code {
9811 background-color: #F2F3F7;
9812 color: #333333;
9813 border: 1px solid #E6E7EB;
9814 margin: 0 0.2em;
9815 padding: 0.2em 0.4em 0.1em;
9816 font-size: 85%;
9817 border-radius: 3px;
9818}
9819.next-typography ul,
9820.next-typography ol {
9821 margin: 0 0 1em 0;
9822 padding: 0;
9823}
9824.next-typography li {
9825 list-style-type: circle;
9826 margin: 0 0 0 20px;
9827 padding: 0 0 0 4px;
9828}
9829.next-typography a {
9830 text-decoration: none;
9831}
9832.next-typography a:link {
9833 color: #5584FF;
9834}
9835.next-typography a:visited {
9836 color: #5584FF;
9837}
9838.next-typography a:hover {
9839 color: #3E71F7;
9840}
9841.next-typography a:active {
9842 text-decoration: underline;
9843 color: #3E71F7;
9844}
9845
9846h1.next-typography-title {
9847 font-size: 24px;
9848}
9849
9850h2.next-typography-title {
9851 font-size: 20px;
9852}
9853
9854h3.next-typography-title {
9855 font-size: 16px;
9856}
9857
9858h4.next-typography-title {
9859 font-size: 16px;
9860}
9861
9862h5.next-typography-title {
9863 font-size: 14px;
9864}
9865
9866h6.next-typography-title {
9867 font-size: 12px;
9868}
9869
9870/* put your code here */
9871.next-divider {
9872 -webkit-box-sizing: border-box;
9873 box-sizing: border-box;
9874 margin: 0;
9875 padding: 0;
9876 font-size: 14px;
9877 line-height: 1.5;
9878 list-style: none;
9879 font-variant: tabular-nums;
9880 -webkit-font-feature-settings: "tnum";
9881 font-feature-settings: "tnum";
9882 background: #DCDEE3;
9883 border-collapse: separate;
9884}
9885.next-divider *,
9886.next-divider *:before,
9887.next-divider *:after {
9888 -webkit-box-sizing: border-box;
9889 box-sizing: border-box;
9890}
9891.next-divider-dashed {
9892 background: none;
9893 border-color: #DCDEE3;
9894 border-style: dashed;
9895 border-width: 1px 0 0;
9896}
9897.next-divider-hoz {
9898 display: block;
9899 clear: both;
9900 width: 100%;
9901 min-width: 100%;
9902 height: 1px;
9903 margin: 16px 0;
9904}
9905.next-divider-ver {
9906 position: relative;
9907 top: -0.06em;
9908 display: inline-block;
9909 width: 1px;
9910 background: #DCDEE3;
9911 height: 0.9em;
9912 margin: 0 8px;
9913 vertical-align: middle;
9914}
9915.next-divider-hoz.next-divider-with-text-center, .next-divider-hoz.next-divider-with-text-left, .next-divider-hoz.next-divider-with-text-right {
9916 display: table;
9917 margin: 16px 0;
9918 color: #333333;
9919 font-weight: normal;
9920 font-size: 16px;
9921 white-space: nowrap;
9922 text-align: center;
9923 background: transparent;
9924}
9925.next-divider-hoz.next-divider-with-text-center::before, .next-divider-hoz.next-divider-with-text-center::after, .next-divider-hoz.next-divider-with-text-left::before, .next-divider-hoz.next-divider-with-text-left::after, .next-divider-hoz.next-divider-with-text-right::before, .next-divider-hoz.next-divider-with-text-right::after {
9926 top: 50%;
9927 display: table-cell;
9928 width: 50%;
9929 border-top: 1px solid #DCDEE3;
9930 -webkit-transform: translateY(50%);
9931 -ms-transform: translateY(50%);
9932 transform: translateY(50%);
9933 content: "";
9934}
9935.next-divider-hoz.next-divider-with-text-center.next-divider-dashed, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed {
9936 border-top: 0;
9937}
9938.next-divider-hoz.next-divider-with-text-center.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-center.next-divider-dashed::after, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed::after, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed::after {
9939 border-style: dashed none none;
9940}
9941.next-divider-hoz.next-divider-with-text-left .next-divider-inner-text, .next-divider-hoz.next-divider-with-text-right .next-divider-inner-text {
9942 display: inline-block;
9943 padding: 0 16px;
9944}
9945.next-divider-hoz.next-divider-with-text-left::before {
9946 top: 50%;
9947 width: 5%;
9948}
9949.next-divider-hoz.next-divider-with-text-left::after {
9950 top: 50%;
9951 width: 95%;
9952}
9953.next-divider-hoz.next-divider-with-text-right::before {
9954 top: 50%;
9955 width: 95%;
9956}
9957.next-divider-hoz.next-divider-with-text-right::after {
9958 top: 50%;
9959 width: 5%;
9960}
9961.next-divider-inner-text {
9962 display: inline-block;
9963 padding: 0 16px;
9964}
9965.next-divider-dashed {
9966 background: none;
9967 border-color: #DCDEE3;
9968 border-style: dashed;
9969 border-width: 1px 0 0;
9970}
9971.next-divider-dashed.next-divider-ver {
9972 border-width: 0 0 0 1px;
9973}
9974
9975/* put your code here */
9976.next-box {
9977 -webkit-box-sizing: border-box;
9978 box-sizing: border-box;
9979 display: -webkit-box;
9980 display: -ms-flexbox;
9981 display: flex;
9982}
9983.next-box *,
9984.next-box *:before,
9985.next-box *:after {
9986 -webkit-box-sizing: border-box;
9987 box-sizing: border-box;
9988}
9989
9990/* put your code here */
9991.next-table {
9992 -webkit-box-sizing: border-box;
9993 box-sizing: border-box;
9994 position: relative;
9995 border-top-left-radius: 0;
9996 border-top-right-radius: 0;
9997 border-bottom-left-radius: 0;
9998 border-bottom-right-radius: 0;
9999 border-top: 1px solid #DCDEE3;
10000 border-left: 1px solid #DCDEE3;
10001}
10002.next-table *,
10003.next-table *:before,
10004.next-table *:after {
10005 -webkit-box-sizing: border-box;
10006 box-sizing: border-box;
10007}
10008.next-table .next-table-header tr:first-child th:first-child {
10009 border-top-left-radius: 0;
10010}
10011.next-table .next-table-header tr:first-child th:last-child {
10012 border-top-right-radius: 0;
10013}
10014.next-table .next-table-header tr:last-child th:first-child {
10015 border-bottom-left-radius: 0;
10016}
10017.next-table .next-table-header tr:last-child th:last-child {
10018 border-bottom-right-radius: 0;
10019}
10020.next-table.next-table-layout-fixed {
10021 overflow: auto;
10022}
10023.next-table.next-table-layout-fixed table {
10024 table-layout: fixed;
10025}
10026.next-table.next-table-layout-auto table {
10027 table-layout: auto;
10028}
10029.next-table.next-table-small th .next-table-cell-wrapper {
10030 padding: 8px 8px;
10031}
10032.next-table.next-table-small td .next-table-cell-wrapper {
10033 padding: 8px 8px;
10034}
10035.next-table.next-table-small .next-table-prerow .next-table-cell-wrapper {
10036 padding: 8px 8px;
10037}
10038.next-table table {
10039 border-collapse: separate;
10040 border-spacing: 0;
10041 width: 100%;
10042 background: #FFFFFF;
10043 border-top-left-radius: 0;
10044 border-top-right-radius: 0;
10045 border-bottom-left-radius: 0;
10046 border-bottom-right-radius: 0;
10047}
10048.next-table table tr:first-child td {
10049 border-top-width: 0;
10050}
10051.next-table th {
10052 padding: 0;
10053 background: #EBECF0;
10054 color: #333333;
10055 text-align: left;
10056 font-weight: normal;
10057 border-right: 1px solid #DCDEE3;
10058 border-bottom: 1px solid #DCDEE3;
10059}
10060.next-table th .next-table-cell-wrapper {
10061 padding: 12px 16px;
10062 overflow: hidden;
10063 text-overflow: ellipsis;
10064 word-break: break-all;
10065}
10066.next-table th.next-table-prerow .next-table-cell-wrapper {
10067 padding: 12px 16px;
10068}
10069.next-table th.next-table-word-break-word .next-table-cell-wrapper {
10070 word-break: break-word;
10071}
10072.next-table th.next-table-fix-left, .next-table th.next-table-fix-right {
10073 z-index: 1;
10074}
10075.next-table-affix {
10076 z-index: 1;
10077 overflow: hidden;
10078}
10079.next-table-stickylock .next-table-affix {
10080 z-index: 9;
10081}
10082.next-table-header-resizable {
10083 position: relative;
10084}
10085.next-table-header-resizable .next-table-resize-handler {
10086 position: absolute;
10087 right: -5px;
10088 top: 0;
10089 bottom: 0;
10090 width: 10px;
10091 background: transparent;
10092 cursor: ew-resize;
10093}
10094.next-table-header-resizable .next-table-resize-handler::after {
10095 position: absolute;
10096 display: block;
10097 content: " ";
10098 width: 2px;
10099 height: 100%;
10100 right: 50%;
10101}
10102.next-table-header-resizable .next-table-resize-handler:hover::after {
10103 z-index: 1;
10104 background: #5584FF;
10105}
10106.next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler, .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler {
10107 cursor: initial;
10108}
10109.next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler:hover::after, .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler:hover::after {
10110 z-index: -1;
10111}
10112.next-table td {
10113 padding: 0;
10114 border-right: 1px solid #DCDEE3;
10115 border-bottom: 1px solid #DCDEE3;
10116}
10117.next-table td .next-table-cell-wrapper {
10118 padding: 12px 16px;
10119 overflow: hidden;
10120 text-overflow: ellipsis;
10121 word-break: break-all;
10122}
10123.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
10124.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
10125.next-table td .next-table-cell-wrapper .next-table-tree-placeholder {
10126 margin-right: 8px;
10127 outline: 0;
10128 cursor: pointer;
10129}
10130.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow:before, .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow .next-icon-remote {
10131 width: 12px;
10132 font-size: 12px;
10133 line-height: inherit;
10134}
10135.next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow::before {
10136 content: "\E619";
10137}
10138.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow:before, .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow .next-icon-remote {
10139 width: 12px;
10140 font-size: 12px;
10141 line-height: inherit;
10142}
10143.next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow::before {
10144 content: "\E63D";
10145}
10146.next-table td.next-table-prerow .next-table-cell-wrapper {
10147 padding: 12px 16px;
10148}
10149.next-table td.next-table-word-break-word .next-table-cell-wrapper {
10150 word-break: break-word;
10151}
10152.next-table .next-table-expanded .next-table-cell-wrapper,
10153.next-table .next-table-selection .next-table-cell-wrapper {
10154 overflow: visible;
10155}
10156.next-table.no-header table tr:first-child td {
10157 border-top-width: 1px;
10158}
10159.next-table.only-bottom-border {
10160 border-width: 0;
10161}
10162.next-table.only-bottom-border th {
10163 border-width: 0 0 1px 0;
10164}
10165.next-table.only-bottom-border td {
10166 border-width: 0 0 1px 0;
10167}
10168.next-table.only-bottom-border table tr td:first-child,
10169.next-table.only-bottom-border table tr th:first-child {
10170 border-left-width: 0;
10171}
10172.next-table.only-bottom-border .next-table-header tr th:last-child {
10173 border-right-width: 0;
10174}
10175.next-table.only-bottom-border .next-table-body tr td:last-child {
10176 border-right-width: 0;
10177}
10178.next-table-loading {
10179 display: block;
10180}
10181.next-table.zebra tr:nth-child(odd) td {
10182 background: #FFFFFF;
10183}
10184.next-table.zebra tr:nth-child(even) td {
10185 background: #F7F8FA;
10186}
10187.next-table.zebra .next-table-row.hovered td {
10188 background: #F2F3F7;
10189 color: #333333;
10190}
10191.next-table.zebra .next-table-cell.hovered {
10192 background: #F2F3F7;
10193 color: #333333;
10194}
10195.next-table.zebra .next-table-row.selected td {
10196 background: #F2F3F7;
10197 color: #333333;
10198}
10199.next-table-empty {
10200 color: #A0A2AD;
10201 padding: 32px 0;
10202 text-align: center;
10203}
10204.next-table-expanded-row > td {
10205 border-width: 0 0 1px 0;
10206}
10207.next-table-expanded-row > td:first-child {
10208 border-left-width: 1px;
10209}
10210.next-table-expanded-row > td:last-child {
10211 border-right-width: 1px;
10212}
10213.next-table-expanded-row:last-child > td {
10214 border-bottom-width: 1px;
10215}
10216.next-table-expanded-row .next-table {
10217 border-top: 0;
10218 border-left: 0;
10219}
10220.next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
10221 border-right: 1px solid #DCDEE3;
10222}
10223.next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
10224 border-right: 0;
10225}
10226.next-table-expanded-row .next-table .last td {
10227 border-bottom: 0;
10228}
10229.next-table-expanded-row .next-table td.last, .next-table-expanded-row .next-table th:last-child {
10230 border-right: 0;
10231}
10232.next-table-filter-footer {
10233 margin: 10px 10px 0;
10234}
10235.next-table-filter-footer button {
10236 margin-right: 5px;
10237}
10238.next-table-row {
10239 -webkit-transition: all 100ms linear;
10240 transition: all 100ms linear;
10241 background: #FFFFFF;
10242 color: #333333;
10243}
10244.next-table-row.hidden {
10245 display: none;
10246}
10247.next-table-row.hovered {
10248 background: #F2F3F7;
10249 color: #333333;
10250}
10251.next-table-row.selected {
10252 background: #F2F3F7;
10253 color: #333333;
10254}
10255.next-table-cell.hovered {
10256 background: #F2F3F7;
10257 color: #333333;
10258}
10259.next-table-tree-placeholder {
10260 display: inline-block;
10261 width: 12px;
10262}
10263
10264.last .next-table-expanded-row td {
10265 border-bottom-width: 1px;
10266}
10267
10268.next-table-body,
10269.next-table-header {
10270 overflow: auto;
10271 font-size: 12px;
10272}
10273
10274.next-table-column-resize-proxy {
10275 position: absolute;
10276 top: 0;
10277 bottom: 0;
10278 width: 0;
10279 border-left: 2px solid #5584FF;
10280 z-index: 10;
10281 display: none;
10282}
10283
10284.next-table-header {
10285 margin-bottom: -20px;
10286 padding-bottom: 20px;
10287 border-top-left-radius: 0;
10288 border-top-right-radius: 0;
10289 border-bottom-left-radius: 0;
10290 border-bottom-right-radius: 0;
10291 overflow: -moz-scrollbars-none;
10292 -ms-overflow-style: none;
10293 scrollbar-width: none;
10294}
10295.next-table-header::-webkit-scrollbar {
10296 display: none;
10297}
10298
10299.next-table-body {
10300 font-size: 12px;
10301 position: relative;
10302}
10303
10304.next-table-fixed {
10305 border-right: 1px solid #DCDEE3;
10306 border-bottom: 1px solid #DCDEE3;
10307}
10308.next-table-fixed table {
10309 table-layout: fixed;
10310}
10311.next-table-fixed .next-table-header {
10312 background: #EBECF0;
10313}
10314.next-table-fixed table tr td:first-child,
10315.next-table-fixed table tr th:first-child {
10316 border-left-width: 0;
10317}
10318.next-table-fixed .next-table-header th {
10319 border-top-width: 0;
10320}
10321.next-table-fixed .next-table-header tr th:last-child {
10322 border-right-width: 0;
10323}
10324.next-table-fixed .next-table-body td {
10325 border-top-width: 0;
10326}
10327.next-table-fixed .next-table-body tr:last-child td {
10328 border-bottom-width: 0;
10329}
10330.next-table-fixed .next-table-body tr td:last-child {
10331 border-right-width: 0;
10332}
10333.next-table-fixed.only-bottom-border .next-table-body tr:last-child td {
10334 border-bottom-width: 1px;
10335}
10336.next-table-fixed.next-table-group table tr td:first-child,
10337.next-table-fixed.next-table-group table tr th:first-child {
10338 border-left-width: 1px;
10339}
10340.next-table-fixed.next-table-group .next-table-header th {
10341 border-top-width: 1px;
10342}
10343.next-table-fixed.next-table-group .next-table-header tr th:last-child {
10344 border-right-width: 1px;
10345}
10346.next-table-fixed.next-table-group .next-table-body td {
10347 border-top-width: 1px;
10348}
10349.next-table-fixed.next-table-group .next-table-body tr:last-child td {
10350 border-bottom-width: 1px;
10351}
10352.next-table-fixed.next-table-group .next-table-body tr td:last-child {
10353 border-right-width: 1px;
10354}
10355.next-table-fixed.next-table-lock-left .next-table-header tr th:last-child {
10356 border-right-width: 1px;
10357}
10358.next-table-fixed.next-table-lock-left .next-table-body tr td:last-child {
10359 border-right-width: 1px;
10360}
10361
10362.next-table-lock .next-table-body {
10363 overflow-x: auto;
10364 overflow-y: visible;
10365}
10366
10367.next-table-group {
10368 border-width: 0;
10369}
10370.next-table-group.only-bottom-border .next-table-body table,
10371.next-table-group.only-bottom-border .next-table-header table {
10372 border-left: 0;
10373}
10374.next-table-group.only-bottom-border .next-table-header table,
10375.next-table-group.only-bottom-border .next-table-body table,
10376.next-table-group.only-bottom-border .next-table-body table.next-table-row {
10377 border-top: 0;
10378}
10379.next-table-group.only-bottom-border .next-table-body .next-table-group-footer td {
10380 border-bottom: 0;
10381}
10382.next-table-group .next-table-body {
10383 margin-top: 8px;
10384}
10385.next-table-group .next-table-body table {
10386 border-top: 1px solid #DCDEE3;
10387 border-left: 1px solid #DCDEE3;
10388 margin-bottom: 8px;
10389}
10390.next-table-group .next-table-body table tr:first-child td {
10391 border-top-width: 1px;
10392}
10393.next-table-group .next-table-body table:last-of-type {
10394 margin-bottom: 0;
10395}
10396.next-table-group .next-table-header table {
10397 border-top: 1px solid #DCDEE3;
10398 border-left: 1px solid #DCDEE3;
10399}
10400.next-table-group .next-table-group-header td {
10401 background: #EBECF0;
10402 color: #333333;
10403}
10404.next-table-group .next-table-group-header td:first-child {
10405 border-top-left-radius: 0;
10406 border-bottom-left-radius: 0;
10407}
10408.next-table-group .next-table-group-header td:last-child {
10409 border-top-right-radius: 0;
10410 border-bottom-right-radius: 0;
10411}
10412.next-table-group .next-table-group-footer td {
10413 background: #EBECF0;
10414 color: #333333;
10415}
10416.next-table-group .next-table-group-footer td:first-child {
10417 border-top-left-radius: 0;
10418 border-bottom-left-radius: 0;
10419}
10420.next-table-group .next-table-group-footer td:last-child {
10421 border-top-right-radius: 0;
10422 border-bottom-right-radius: 0;
10423}
10424.next-table-group .next-table-row.hovered,
10425.next-table-group .next-table-row.selected {
10426 background: #FFFFFF;
10427 color: #333333;
10428}
10429
10430.next-table-lock {
10431 position: relative;
10432}
10433.next-table-lock table {
10434 table-layout: fixed;
10435}
10436
10437.next-table-header-inner {
10438 overflow: unset;
10439}
10440
10441.next-table-header-fixer {
10442 content: " ";
10443 border-top-right-radius: 0;
10444 border-bottom-right-radius: 0;
10445 width: 15px;
10446 background: inherit;
10447 position: absolute;
10448 right: 0;
10449 height: 100%;
10450 top: 0;
10451}
10452
10453.next-table-wrap-empty .next-table-lock-left td,
10454.next-table-wrap-empty .next-table-lock-right td {
10455 border: none;
10456}
10457.next-table-wrap-empty .next-table-lock-left .next-table-empty,
10458.next-table-wrap-empty .next-table-lock-right .next-table-empty {
10459 display: none;
10460}
10461.next-table-wrap-empty > .next-table-inner > .next-table-body > table {
10462 table-layout: fixed;
10463}
10464
10465.next-table-lock-left,
10466.next-table-lock-right {
10467 position: absolute;
10468 left: 0;
10469 top: 0;
10470 z-index: 1;
10471 border: 0;
10472 -webkit-transition: -webkit-box-shadow 0.3s ease;
10473 transition: -webkit-box-shadow 0.3s ease;
10474 transition: box-shadow 0.3s ease;
10475 transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
10476 overflow: hidden;
10477}
10478.next-table-lock-left table,
10479.next-table-lock-right table {
10480 width: auto;
10481}
10482.next-table-lock-left .next-table-body,
10483.next-table-lock-right .next-table-body {
10484 overflow-y: scroll;
10485 overflow-x: hidden;
10486 margin-right: -20px;
10487 padding-right: 0;
10488}
10489.next-table-lock-left.shadow .next-table-header tr th:last-child,
10490.next-table-lock-right.shadow .next-table-header tr th:last-child {
10491 border-right-width: 0;
10492}
10493.next-table-lock-left.shadow .next-table-body tr td:last-child,
10494.next-table-lock-right.shadow .next-table-body tr td:last-child {
10495 border-right-width: 0;
10496}
10497
10498.next-table-lock-right {
10499 right: 0;
10500 left: auto;
10501}
10502.next-table-lock-right table tr td:first-child,
10503.next-table-lock-right table tr th:first-child {
10504 border-left-width: 1px;
10505}
10506.next-table-lock-right.shadow {
10507 -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10508 box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10509}
10510
10511.next-table-lock-left.shadow {
10512 -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10513 box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10514}
10515
10516.next-table-filter {
10517 line-height: 1;
10518}
10519
10520.next-table-sort {
10521 cursor: pointer;
10522 position: relative;
10523 width: 16px;
10524 display: inline-block;
10525 line-height: 1;
10526}
10527.next-table-sort:focus {
10528 outline: 0;
10529}
10530.next-table-sort > a::before {
10531 content: " ";
10532 display: inline-block;
10533 vertical-align: middle;
10534}
10535.next-table-sort .next-icon {
10536 position: absolute;
10537 left: -2px;
10538 color: #333333;
10539}
10540.next-table-sort .next-icon:before, .next-table-sort .next-icon .next-icon-remote {
10541 width: 12px;
10542 font-size: 12px;
10543 line-height: inherit;
10544}
10545.next-table-sort .current .next-icon {
10546 color: #5584FF;
10547}
10548.next-table-sort .next-icon-ascending {
10549 left: 2px;
10550}
10551
10552.next-table-filter {
10553 cursor: pointer;
10554 width: 20px;
10555 display: inline-block;
10556}
10557.next-table-filter:focus {
10558 outline: 0;
10559}
10560.next-table-filter .next-icon {
10561 color: #333333;
10562}
10563.next-table-filter .next-icon:before, .next-table-filter .next-icon .next-icon-remote {
10564 width: 12px;
10565 font-size: 12px;
10566 line-height: inherit;
10567}
10568.next-table-filter .next-table-filter-active {
10569 color: #5584FF;
10570}
10571
10572.next-table-filter-menu .next-menu-content {
10573 max-height: 220px;
10574 overflow: auto;
10575}
10576
10577.next-table-header-icon {
10578 margin-left: 8px;
10579}
10580
10581.next-table-expanded-ctrl {
10582 cursor: pointer;
10583}
10584.next-table-expanded-ctrl:focus {
10585 outline: 0;
10586}
10587.next-table-expanded-ctrl.disabled {
10588 color: #999999;
10589}
10590.next-table-expanded-ctrl .next-table-expand-unfold:before, .next-table-expanded-ctrl .next-table-expand-unfold .next-icon-remote {
10591 width: 12px;
10592 font-size: 12px;
10593 line-height: inherit;
10594}
10595.next-table-expanded-ctrl .next-table-expand-unfold::before {
10596 content: "\E601";
10597}
10598.next-table-expanded-ctrl .next-table-expand-fold:before, .next-table-expanded-ctrl .next-table-expand-fold .next-icon-remote {
10599 width: 12px;
10600 font-size: 12px;
10601 line-height: inherit;
10602}
10603.next-table-expanded-ctrl .next-table-expand-fold::before {
10604 content: "\E655";
10605}
10606
10607.next-table-fix-left, .next-table-fix-right {
10608 background: inherit;
10609 position: sticky;
10610 z-index: 1;
10611 background-clip: padding-box;
10612}
10613.next-table-ping-left .next-table-expanded-area .next-table-fix-left-last::after {
10614 content: none;
10615}
10616.next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last,
10617.next-table-ping-left .next-table-fix-left-last {
10618 border-right-width: 0;
10619}
10620.next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last::after,
10621.next-table-ping-left .next-table-fix-left-last::after {
10622 -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
10623 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
10624 position: absolute;
10625 top: 0;
10626 right: 0;
10627 bottom: 0;
10628 width: 30px;
10629 content: "";
10630 pointer-events: none;
10631 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10632 -webkit-transform: translateX(100%);
10633 -ms-transform: translateX(100%);
10634 transform: translateX(100%);
10635}
10636.next-table-ping-right .next-table-expanded-area .next-table-fix-right-first::after {
10637 content: none;
10638}
10639.next-table-ping-right .next-table-expanded-area .next-table-ping-right .next-table-fix-right-first:after,
10640.next-table-ping-right .next-table-fix-right-first:after {
10641 -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10642 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10643 position: absolute;
10644 top: 0;
10645 left: 0;
10646 bottom: 0;
10647 width: 30px;
10648 content: "";
10649 pointer-events: none;
10650 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10651 -webkit-transform: translateX(-100%);
10652 -ms-transform: translateX(-100%);
10653 transform: translateX(-100%);
10654}
10655.next-table-fixed.next-table-scrolling-to-right::after, .next-table-lock.next-table-scrolling-to-right::after {
10656 -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10657 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
10658 position: absolute;
10659 top: 0;
10660 right: -30px;
10661 bottom: 0;
10662 width: 30px;
10663 content: "";
10664 pointer-events: none;
10665 transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
10666 -webkit-transform: translateX(-100%);
10667 -ms-transform: translateX(-100%);
10668 transform: translateX(-100%);
10669}
10670.next-table-fixed.only-bottom-border, .next-table-lock.only-bottom-border {
10671 border-right: 0;
10672}
10673
10674.next-table[dir=rtl] th {
10675 text-align: right;
10676}
10677.next-table[dir=rtl] .next-table-header-resizable .next-table-resize-handler {
10678 right: auto;
10679 left: 0;
10680}
10681.next-table[dir=rtl] td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
10682.next-table[dir=rtl] td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
10683.next-table[dir=rtl] td .next-table-cell-wrapper .next-table-tree-placeholder {
10684 margin-left: 3px;
10685 margin-right: 0;
10686 float: right;
10687}
10688.next-table[dir=rtl] .next-table-expanded-row td:first-child {
10689 border-left-width: 0;
10690 border-right-width: 1px;
10691}
10692.next-table[dir=rtl] .next-table-expanded-row td:last-child {
10693 border-left-width: 1px;
10694 border-right-width: 0;
10695}
10696.next-table[dir=rtl].only-bottom-border .next-table-expanded-row th {
10697 border-width: 0 0 1px 0;
10698}
10699.next-table[dir=rtl].only-bottom-border .next-table-expanded-row td {
10700 border-width: 0 0 1px 0;
10701}
10702.next-table[dir=rtl] .next-table-filter-footer button {
10703 margin-left: 5px;
10704 margin-right: 0;
10705}
10706.next-table[dir=rtl] .next-table-lock-left,
10707.next-table[dir=rtl] .next-table-lock-right {
10708 left: auto;
10709 right: 0;
10710}
10711.next-table[dir=rtl] .next-table-lock-right {
10712 right: auto;
10713 left: 0;
10714}
10715.next-table[dir=rtl] .next-table-lock-right table tr td:first-child,
10716.next-table[dir=rtl] .next-table-lock-right table tr th:first-child {
10717 border-right-width: 1px;
10718}
10719.next-table[dir=rtl] .next-table-lock-right.shadow {
10720 -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10721 box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
10722}
10723.next-table[dir=rtl] .next-table-lock-left.shadow {
10724 -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10725 box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
10726}
10727.next-table[dir=rtl] .next-table-sort .next-icon {
10728 right: 0;
10729 left: auto;
10730}
10731.next-table[dir=rtl] .next-table-sort .next-icon-ascending {
10732 right: 4px;
10733 left: auto;
10734}
10735.next-table[dir=rtl] .next-table-filter {
10736 margin-right: 5px;
10737 margin-left: 0;
10738}
10739
10740.next-table-fixed[dir=rtl] table tr td:first-child,
10741.next-table-fixed[dir=rtl] table tr th:first-child {
10742 border-left-width: 1px;
10743 border-right-width: 0;
10744}
10745.next-table-fixed[dir=rtl] .next-table-header tr th:last-child {
10746 border-left-width: 1px;
10747}
10748.next-table-fixed[dir=rtl] .next-table-body tr td:last-child {
10749 border-left-width: 1px;
10750}
10751
10752.next-calendar2 {
10753 -webkit-box-sizing: border-box;
10754 box-sizing: border-box;
10755}
10756.next-calendar2 *,
10757.next-calendar2 *:before,
10758.next-calendar2 *:after {
10759 -webkit-box-sizing: border-box;
10760 box-sizing: border-box;
10761}
10762.next-calendar2 table {
10763 border-collapse: collapse;
10764 border-spacing: 0;
10765}
10766.next-calendar2 td,
10767.next-calendar2 th {
10768 padding: 0;
10769}
10770
10771div[dir=rtl].next-calendar2-fullscreen .next-calendar2-header-actions, div[dir=rtl].next-calendar2-panel .next-calendar2-header-actions, div[dir=rtl].next-calendar2-card .next-calendar2-header-actions {
10772 margin-right: auto;
10773 margin-left: 0;
10774}
10775div[dir=rtl].next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), div[dir=rtl].next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), div[dir=rtl].next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), div[dir=rtl].next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), div[dir=rtl].next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), div[dir=rtl].next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
10776 margin-right: 8px;
10777 margin-left: 0;
10778}
10779div[dir=rtl].next-calendar2-fullscreen .next-calendar2-cell-value, div[dir=rtl].next-calendar2-fullscreen .next-calendar2-table th {
10780 text-align: left;
10781}
10782div[dir=rtl].next-calendar2-fullscreen .next-calendar2-table th {
10783 padding: 0 0 5px 12px;
10784}
10785
10786.next-calendar2 {
10787 font-size: 12px;
10788 -webkit-user-select: none;
10789 -moz-user-select: none;
10790 -ms-user-select: none;
10791 user-select: none;
10792 background: #FFFFFF;
10793}
10794.next-calendar2-header {
10795 display: -webkit-box;
10796 display: -ms-flexbox;
10797 display: flex;
10798}
10799.next-calendar2-table {
10800 width: 100%;
10801 table-layout: fixed;
10802}
10803.next-calendar2-cell {
10804 cursor: pointer;
10805 position: relative;
10806 -webkit-transition: background-color 0.2s, border 0.2s;
10807 transition: background-color 0.2s, border 0.2s;
10808}
10809.next-calendar2 .next-calendar2-cell-inner {
10810 color: #CCCCCC;
10811 outline: none;
10812 min-width: 24px;
10813 position: relative;
10814 border: 1px solid transparent;
10815}
10816.next-calendar2-cell-disabled::before {
10817 color: #CCCCCC;
10818 background: #F7F8FA;
10819}
10820.next-calendar2-fullscreen .next-calendar2-header-actions, .next-calendar2-panel .next-calendar2-header-actions, .next-calendar2-card .next-calendar2-header-actions {
10821 margin-left: auto;
10822}
10823.next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
10824 margin-left: 8px;
10825}
10826.next-calendar2-fullscreen .next-calendar2-header-select-year, .next-calendar2-fullscreen .next-calendar2-header-select-month, .next-calendar2-panel .next-calendar2-header-select-year, .next-calendar2-panel .next-calendar2-header-select-month, .next-calendar2-card .next-calendar2-header-select-year, .next-calendar2-card .next-calendar2-header-select-month {
10827 min-width: 88px;
10828}
10829.next-calendar2-fullscreen .next-calendar2-header-select-year .next-input, .next-calendar2-fullscreen .next-calendar2-header-select-month .next-input, .next-calendar2-panel .next-calendar2-header-select-year .next-input, .next-calendar2-panel .next-calendar2-header-select-month .next-input, .next-calendar2-card .next-calendar2-header-select-year .next-input, .next-calendar2-card .next-calendar2-header-select-month .next-input {
10830 min-width: auto;
10831}
10832.next-calendar2-fullscreen .next-calendar2-body, .next-calendar2-panel .next-calendar2-body, .next-calendar2-card .next-calendar2-body {
10833 padding: 8px 0;
10834}
10835.next-calendar2-card .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-inner {
10836 z-index: 2;
10837 height: 24px;
10838 line-height: 22px;
10839 border-radius: 2px;
10840 display: inline-block;
10841}
10842.next-calendar2-card .next-calendar2, .next-calendar2-panel .next-calendar2 {
10843 min-height: 150px;
10844}
10845.next-calendar2-card .next-calendar2-table thead > tr, .next-calendar2-panel .next-calendar2-table thead > tr {
10846 height: 24px;
10847 color: #999999;
10848}
10849.next-calendar2-card .next-calendar2-table th,
10850.next-calendar2-card .next-calendar2-table td, .next-calendar2-panel .next-calendar2-table th,
10851.next-calendar2-panel .next-calendar2-table td {
10852 font-weight: 400;
10853 text-align: center;
10854 padding: 4px 0;
10855}
10856.next-calendar2-card .next-calendar2-table th, .next-calendar2-panel .next-calendar2-table th {
10857 height: 32px;
10858}
10859.next-calendar2-card .next-calendar2-table-month, .next-calendar2-card .next-calendar2-table-year, .next-calendar2-card .next-calendar2-table-decade, .next-calendar2-panel .next-calendar2-table-month, .next-calendar2-panel .next-calendar2-table-year, .next-calendar2-panel .next-calendar2-table-decade {
10860 height: 145px;
10861}
10862.next-calendar2-card .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
10863 min-width: 56px;
10864}
10865.next-calendar2-card .next-calendar2-table-quarter, .next-calendar2-panel .next-calendar2-table-quarter {
10866 height: 50px;
10867}
10868.next-calendar2-card .next-calendar2-table-quarter .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-quarter .next-calendar2-cell-inner {
10869 min-width: 56px;
10870}
10871.next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
10872 min-width: 80px;
10873}
10874.next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
10875 color: #666666;
10876}
10877.next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner {
10878 background: #F2F3F7;
10879}
10880.next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
10881 color: #5584FF;
10882}
10883.next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
10884 color: #FFFFFF;
10885 background: #5584FF;
10886}
10887.next-calendar2-fullscreen .next-calendar2-cell-value, .next-calendar2-fullscreen .next-calendar2-table th {
10888 text-align: right;
10889}
10890.next-calendar2-fullscreen .next-calendar2-table th {
10891 padding: 0 12px 5px 0;
10892}
10893.next-calendar2-fullscreen .next-calendar2-cell-inner {
10894 height: 80px;
10895 border-top: 2px solid #E6E7EB;
10896 margin: 0 4px;
10897 padding: 4px 8px 0;
10898}
10899.next-calendar2-fullscreen td .next-calendar2-cell-inner {
10900 height: 80px;
10901 border-top: 2px solid #E6E7EB;
10902}
10903.next-calendar2-fullscreen .next-calendar2-cell-disabled .next-calendar2-cell-inner {
10904 color: #CCCCCC;
10905 background: #F7F8FA;
10906}
10907.next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
10908 color: #666666;
10909}
10910.next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover .next-calendar2-cell-inner {
10911 background-color: #F2F3F7;
10912}
10913.next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-today .next-calendar2-cell-inner {
10914 color: #5584FF;
10915}
10916.next-calendar2-fullscreen .next-calendar2-cell-current .next-calendar2-cell-inner {
10917 background-color: #FFFFFF;
10918}
10919.next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
10920 border-top-color: #5584FF;
10921 font-weight: bold;
10922 color: #5584FF;
10923 background: #DEE8FF;
10924}
10925.next-calendar2-card .next-calendar2-header {
10926 padding: 8px 8px;
10927 border-bottom: 1px solid #E6E7EB;
10928}
10929.next-calendar2-panel .next-calendar2-header {
10930 padding: 0 8px;
10931 display: -webkit-box;
10932 display: -ms-flexbox;
10933 display: flex;
10934 -webkit-box-align: center;
10935 -ms-flex-align: center;
10936 align-items: center;
10937 border-bottom: 1px solid #E6E7EB;
10938}
10939.next-calendar2-panel .next-calendar2-header-btn {
10940 min-width: 20px;
10941 line-height: 20px;
10942 color: #666666;
10943 font-family: inherit;
10944 vertical-align: initial;
10945 border-radius: 2px;
10946}
10947.next-calendar2-panel .next-calendar2-header-btn > span, .next-calendar2-panel .next-calendar2-header-text-field {
10948 text-align: center;
10949 font-size: 14px;
10950 color: #333333;
10951 font-weight: bolder;
10952 vertical-align: initial;
10953}
10954.next-calendar2-panel .next-calendar2-header-btn:hover, .next-calendar2-panel .next-calendar2-header-btn:hover > span {
10955 color: #5584FF;
10956}
10957.next-calendar2-panel .next-calendar2-header-right-btn:hover, .next-calendar2-panel .next-calendar2-header-left-btn:hover {
10958 background: #F2F3F7;
10959}
10960.next-calendar2-panel .next-calendar2-header-text-field {
10961 -webkit-box-flex: 1;
10962 -ms-flex: 1;
10963 flex: 1;
10964 height: 38px;
10965 line-height: 38px;
10966}
10967.next-calendar2-panel .next-calendar2-header-text-field .next-calendar2-header-btn:not(:first-child) {
10968 margin-left: 6px;
10969}
10970
10971.next-calendar2-header-select-month-popup,
10972.next-calendar2-header-select-year-popup {
10973 min-width: auto;
10974}
10975
10976.next-date-picker2-footer {
10977 width: -webkit-min-content;
10978 width: -moz-min-content;
10979 width: min-content;
10980 min-width: 100%;
10981 -webkit-box-sizing: border-box;
10982 box-sizing: border-box;
10983 text-align: center;
10984 border-top: 1px solid #E6E7EB;
10985 padding: 4px 12px;
10986 display: -webkit-box;
10987 display: -ms-flexbox;
10988 display: flex;
10989 min-height: 40px;
10990 -webkit-box-align: center;
10991 -ms-flex-align: center;
10992 align-items: center;
10993 -ms-flex-wrap: wrap;
10994 flex-wrap: wrap;
10995 position: relative;
10996}
10997.next-date-picker2-footer-preset > .next-btn {
10998 margin-right: 8px;
10999}
11000.next-date-picker2-footer-actions {
11001 margin-left: auto;
11002}
11003.next-date-picker2-footer-preset-only {
11004 width: 100%;
11005}
11006
11007.next-time-picker2-menu {
11008 float: left;
11009 text-align: center;
11010 padding: 8px 0;
11011}
11012.next-time-picker2-menu:not(:last-child) {
11013 border-right: 1px solid #DCDEE3;
11014}
11015.next-time-picker2-menu-title {
11016 cursor: default;
11017 height: 28px;
11018 line-height: 28px;
11019 font-size: 12px;
11020 font-weight: normal;
11021 color: #999999;
11022 background: #FFFFFF;
11023}
11024.next-time-picker2-menu ul {
11025 position: relative;
11026 overflow-y: hidden;
11027 overflow-x: auto;
11028 list-style: none;
11029 margin: 0;
11030 width: 54px;
11031 padding: 0;
11032 font-size: 12px;
11033 height: 224px;
11034 scrollbar-width: none;
11035 -ms-overflow-style: none;
11036}
11037.next-time-picker2-menu ul::-webkit-scrollbar {
11038 width: 0;
11039}
11040.next-time-picker2-menu ul:hover {
11041 overflow-y: auto;
11042}
11043.next-time-picker2-menu ul:after {
11044 display: block;
11045 height: 192px;
11046 content: "";
11047}
11048.next-time-picker2-menu-item {
11049 cursor: pointer;
11050 height: 32px;
11051 line-height: 32px;
11052 -webkit-transition: background 100ms linear;
11053 transition: background 100ms linear;
11054 color: #666666;
11055 background: #FFFFFF;
11056 outline: none;
11057 -webkit-touch-callout: none;
11058 -webkit-user-select: none;
11059 -moz-user-select: none;
11060 -ms-user-select: none;
11061 user-select: none;
11062}
11063.next-time-picker2-menu-item:hover {
11064 color: #333333;
11065 background: #F2F3F7;
11066}
11067.next-time-picker2-menu-item.next-selected {
11068 color: #666666;
11069 background: #DEE8FF;
11070}
11071.next-time-picker2-menu-item.next-disabled {
11072 cursor: not-allowed;
11073 color: #CCCCCC;
11074 background: #F7F8FA;
11075}
11076
11077.next-time-picker2-panel {
11078 -webkit-box-sizing: border-box;
11079 box-sizing: border-box;
11080 display: -webkit-box;
11081 display: -ms-flexbox;
11082 display: flex;
11083}
11084.next-time-picker2-panel *,
11085.next-time-picker2-panel *:before,
11086.next-time-picker2-panel *:after {
11087 -webkit-box-sizing: border-box;
11088 box-sizing: border-box;
11089}
11090.next-time-picker2-panel:after {
11091 visibility: hidden;
11092 display: block;
11093 height: 0;
11094 font-size: 0;
11095 content: " ";
11096 clear: both;
11097}
11098.next-time-picker2-panel-header {
11099 border-bottom: 1px solid #DCDEE3;
11100}
11101.next-time-picker2-panel-input.next-input {
11102 width: 100%;
11103 padding: 6px;
11104 border-color: transparent;
11105 vertical-align: middle;
11106}
11107.next-time-picker2-panel .next-time-picker2-menu {
11108 -webkit-box-flex: 1;
11109 -ms-flex: 1;
11110 flex: 1;
11111}
11112.next-time-picker2-panel-range .next-time-picker2-panel-list:last-of-type {
11113 margin-left: 20px;
11114}
11115
11116.next-time-picker2-footer {
11117 width: -webkit-min-content;
11118 width: -moz-min-content;
11119 width: min-content;
11120 min-width: 100%;
11121 -webkit-box-sizing: border-box;
11122 box-sizing: border-box;
11123 text-align: center;
11124 border-top: 1px solid #F0F0F0;
11125 padding: 4px 12px;
11126 display: -webkit-box;
11127 display: -ms-flexbox;
11128 display: flex;
11129 min-height: 40px;
11130 -webkit-box-align: center;
11131 -ms-flex-align: center;
11132 align-items: center;
11133 -ms-flex-wrap: wrap;
11134 flex-wrap: wrap;
11135}
11136.next-time-picker2-footer-actions {
11137 margin-left: auto;
11138}
11139
11140.next-time-picker2-wrapper[dir=rtl] .next-time-picker2-menu {
11141 float: right;
11142}
11143.next-time-picker2-wrapper[dir=rtl] .next-time-picker2-menu:not(:last-child) {
11144 border-right: none;
11145 border-left: 1px solid #DCDEE3;
11146}
11147
11148.next-time-picker2 {
11149 -webkit-box-sizing: border-box;
11150 box-sizing: border-box;
11151 display: inline-block;
11152}
11153.next-time-picker2 *,
11154.next-time-picker2 *:before,
11155.next-time-picker2 *:after {
11156 -webkit-box-sizing: border-box;
11157 box-sizing: border-box;
11158}
11159.next-time-picker2-trigger .next-input {
11160 width: 100%;
11161}
11162.next-time-picker2-wrapper {
11163 padding: 4px 0;
11164}
11165.next-time-picker2-body {
11166 display: block;
11167 overflow: hidden;
11168 border: 1px solid #DCDEE3;
11169 border-radius: 3px;
11170 background: #FFFFFF;
11171 -webkit-box-shadow: none;
11172 box-shadow: none;
11173}
11174.next-time-picker2-symbol-clock-icon::before {
11175 content: "\E621";
11176}
11177.next-time-picker2-input {
11178 display: -webkit-inline-box;
11179 display: -ms-inline-flexbox;
11180 display: inline-flex;
11181 -webkit-box-align: center;
11182 -ms-flex-align: center;
11183 align-items: center;
11184 outline: none;
11185 -webkit-box-sizing: border-box;
11186 box-sizing: border-box;
11187 border: 1px solid #C4C6CF;
11188 vertical-align: middle;
11189 width: inherit;
11190}
11191.next-time-picker2-input .next-input {
11192 border: none;
11193 width: 100%;
11194 height: 100%;
11195}
11196.next-time-picker2-input .next-input input {
11197 height: 100%;
11198}
11199.next-time-picker2-input.next-time-picker2-input-small {
11200 height: 20px;
11201 border-radius: 3px;
11202}
11203.next-time-picker2-input.next-time-picker2-input-small .next-input-label {
11204 padding-left: 8px;
11205 font-size: 12px;
11206}
11207.next-time-picker2-input.next-time-picker2-input-small .next-input-inner {
11208 font-size: 12px;
11209}
11210.next-time-picker2-input.next-time-picker2-input-small .next-input-control {
11211 padding-right: 4px;
11212}
11213.next-time-picker2-input.next-time-picker2-input-small .next-input-inner-text {
11214 padding-right: 4px;
11215}
11216.next-time-picker2-input.next-time-picker2-input-small input {
11217 height: 18px;
11218 line-height: 18px \0 ;
11219 padding: 0 4px;
11220 font-size: 12px;
11221}
11222.next-time-picker2-input.next-time-picker2-input-small input::-webkit-input-placeholder {
11223 font-size: 12px;
11224}
11225.next-time-picker2-input.next-time-picker2-input-small input::-moz-placeholder {
11226 font-size: 12px;
11227}
11228.next-time-picker2-input.next-time-picker2-input-small input::-ms-input-placeholder {
11229 font-size: 12px;
11230}
11231.next-time-picker2-input.next-time-picker2-input-small input::placeholder {
11232 font-size: 12px;
11233}
11234.next-time-picker2-input.next-time-picker2-input-small .next-input-text-field {
11235 padding: 0 4px;
11236 font-size: 12px;
11237 height: 18px;
11238 line-height: 18px;
11239}
11240.next-time-picker2-input.next-time-picker2-input-small .next-icon:before, .next-time-picker2-input.next-time-picker2-input-small .next-icon .next-icon-remote {
11241 width: 12px;
11242 font-size: 12px;
11243 line-height: inherit;
11244}
11245.next-time-picker2-input.next-time-picker2-input-small .next-input-control {
11246 border-radius: 0 3px 3px 0;
11247}
11248.next-time-picker2-input.next-time-picker2-input-medium {
11249 height: 28px;
11250 border-radius: 3px;
11251}
11252.next-time-picker2-input.next-time-picker2-input-medium .next-input-label {
11253 padding-left: 8px;
11254 font-size: 12px;
11255}
11256.next-time-picker2-input.next-time-picker2-input-medium .next-input-inner {
11257 font-size: 12px;
11258}
11259.next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
11260 padding-right: 8px;
11261}
11262.next-time-picker2-input.next-time-picker2-input-medium .next-input-inner-text {
11263 padding-right: 8px;
11264}
11265.next-time-picker2-input.next-time-picker2-input-medium input {
11266 height: 26px;
11267 line-height: 26px \0 ;
11268 padding: 0 8px;
11269 font-size: 12px;
11270}
11271.next-time-picker2-input.next-time-picker2-input-medium input::-webkit-input-placeholder {
11272 font-size: 12px;
11273}
11274.next-time-picker2-input.next-time-picker2-input-medium input::-moz-placeholder {
11275 font-size: 12px;
11276}
11277.next-time-picker2-input.next-time-picker2-input-medium input::-ms-input-placeholder {
11278 font-size: 12px;
11279}
11280.next-time-picker2-input.next-time-picker2-input-medium input::placeholder {
11281 font-size: 12px;
11282}
11283.next-time-picker2-input.next-time-picker2-input-medium .next-input-text-field {
11284 padding: 0 8px;
11285 font-size: 12px;
11286 height: 26px;
11287 line-height: 26px;
11288}
11289.next-time-picker2-input.next-time-picker2-input-medium .next-icon:before, .next-time-picker2-input.next-time-picker2-input-medium .next-icon .next-icon-remote {
11290 width: 12px;
11291 font-size: 12px;
11292 line-height: inherit;
11293}
11294.next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
11295 border-radius: 0 3px 3px 0;
11296}
11297.next-time-picker2-input.next-time-picker2-input-large {
11298 height: 40px;
11299 border-radius: 3px;
11300}
11301.next-time-picker2-input.next-time-picker2-input-large .next-input-label {
11302 padding-left: 12px;
11303 font-size: 16px;
11304}
11305.next-time-picker2-input.next-time-picker2-input-large .next-input-inner {
11306 font-size: 16px;
11307}
11308.next-time-picker2-input.next-time-picker2-input-large .next-input-control {
11309 padding-right: 8px;
11310}
11311.next-time-picker2-input.next-time-picker2-input-large .next-input-inner-text {
11312 padding-right: 8px;
11313}
11314.next-time-picker2-input.next-time-picker2-input-large input {
11315 height: 38px;
11316 line-height: 38px \0 ;
11317 padding: 0 12px;
11318 font-size: 16px;
11319}
11320.next-time-picker2-input.next-time-picker2-input-large input::-webkit-input-placeholder {
11321 font-size: 16px;
11322}
11323.next-time-picker2-input.next-time-picker2-input-large input::-moz-placeholder {
11324 font-size: 16px;
11325}
11326.next-time-picker2-input.next-time-picker2-input-large input::-ms-input-placeholder {
11327 font-size: 16px;
11328}
11329.next-time-picker2-input.next-time-picker2-input-large input::placeholder {
11330 font-size: 16px;
11331}
11332.next-time-picker2-input.next-time-picker2-input-large .next-input-text-field {
11333 padding: 0 12px;
11334 font-size: 16px;
11335 height: 38px;
11336 line-height: 38px;
11337}
11338.next-time-picker2-input.next-time-picker2-input-large .next-icon:before, .next-time-picker2-input.next-time-picker2-input-large .next-icon .next-icon-remote {
11339 width: 16px;
11340 font-size: 16px;
11341 line-height: inherit;
11342}
11343.next-time-picker2-input.next-time-picker2-input-large .next-input-control {
11344 border-radius: 0 3px 3px 0;
11345}
11346.next-time-picker2-input:hover {
11347 border-color: #A0A2AD;
11348 background-color: #FFFFFF;
11349}
11350.next-time-picker2-input.next-time-picker2-input-focus {
11351 border-color: #5584FF;
11352 background-color: #FFFFFF;
11353 -webkit-box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11354 box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11355}
11356.next-time-picker2-input.next-time-picker2-input-noborder {
11357 border-color: transparent !important;
11358 -webkit-box-shadow: none !important;
11359 box-shadow: none !important;
11360}
11361.next-time-picker2-input.next-time-picker2-input-disabled {
11362 color: #CCCCCC;
11363 border-color: #E6E7EB;
11364 background-color: #F7F8FA;
11365 cursor: not-allowed;
11366}
11367.next-time-picker2-input.next-time-picker2-input-disabled:hover {
11368 border-color: #E6E7EB;
11369 background-color: #F7F8FA;
11370}
11371.next-time-picker2-input-separator {
11372 color: #C4C6CF;
11373 font-size: 12px;
11374 display: inline-block;
11375 min-width: 16px;
11376 text-align: center;
11377}
11378
11379div[dir=rtl] .next-date-picker2-footer-preset > .next-btn {
11380 margin-left: 8px;
11381 margin-right: 0;
11382}
11383div[dir=rtl] .next-date-picker2-footer-actions {
11384 margin-left: 0;
11385 margin-right: auto;
11386}
11387div[dir=rtl] .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
11388 border-top-right-radius: 0;
11389 border-bottom-right-radius: 0;
11390 right: 0;
11391 border-top-left-radius: 2px;
11392 border-bottom-left-radius: 2px;
11393 left: 8px;
11394}
11395div[dir=rtl] .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
11396 border-top-left-radius: 0;
11397 border-bottom-left-radius: 0;
11398 left: 0;
11399 border-top-right-radius: 2px;
11400 border-bottom-right-radius: 2px;
11401 right: 8px;
11402}
11403div[dir=rtl] .next-date-time-picker-wrapper {
11404 border-right: 1px solid #E6E7EB;
11405 border-left: node;
11406}
11407div[dir=rtl] .next-date-time-picker-wrapper .next-time-picker2-menu:not(:last-child) {
11408 border-left: 1px solid #DCDEE3;
11409 border-right: none;
11410}
11411div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
11412 right: 50%;
11413 left: 0;
11414}
11415div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
11416 left: 50%;
11417 right: 0;
11418}
11419div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child::after {
11420 right: 8px;
11421}
11422div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin:not(:last-child)::after, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child:not(.next-calendar2-cell-hover-end)::after {
11423 left: 0;
11424}
11425div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child::after {
11426 left: 8px;
11427}
11428div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end:not(:first-child)::after, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child:not(.next-calendar2-cell-hover-begin)::after {
11429 right: 0;
11430}
11431div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
11432 left: 0;
11433 right: 7px;
11434}
11435div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
11436 right: 0;
11437 left: 7px;
11438}
11439div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-of-type::after {
11440 border-top-left-radius: 0;
11441 border-bottom-left-radius: 0;
11442 border-left: none;
11443 border-top-right-radius: 2px;
11444 border-bottom-right-radius: 2px;
11445 border-right: 1px dashed #3E71F7;
11446}
11447div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-of-type::after {
11448 border-top-right-radius: 0;
11449 border-bottom-right-radius: 0;
11450 border-right: none;
11451 border-top-left-radius: 2px;
11452 border-bottom-left-radius: 2px;
11453 border-left: 1px dashed #3E71F7;
11454}
11455div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::before, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::after {
11456 right: 0;
11457 left: 8px;
11458}
11459div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
11460 border-top-right-radius: 0;
11461 border-bottom-right-radius: 0;
11462 border-right: none;
11463 border-top-left-radius: 2px;
11464 border-bottom-left-radius: 2px;
11465 border-left: 1px dashed #3E71F7;
11466}
11467div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-begin::after {
11468 border-left: none;
11469 border-top-left-radius: 0;
11470 border-bottom-left-radius: 0;
11471 border-right: 1px dashed #3E71F7;
11472 border-top-right-radius: 2px;
11473 border-bottom-right-radius: 2px;
11474}
11475div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-end::after {
11476 border-right: none;
11477 border-top-right-radius: 0;
11478 border-bottom-right-radius: 0;
11479 border-left: 1px dashed #3E71F7;
11480 border-top-left-radius: 2px;
11481 border-bottom-left-radius: 2px;
11482}
11483div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
11484 right: 8px;
11485 left: 0;
11486}
11487div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
11488 right: 8px;
11489 border-top-right-radius: 2px;
11490 border-bottom-right-radius: 2px;
11491 border-right: 1px dashed #3E71F7;
11492}
11493div[dir=rtl] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:not(.next-calendar2-cell-hover-end):not(.next-calendar2-cell-hover-begin)::after {
11494 border-top-left-radius: 0;
11495 border-bottom-left-radius: 0;
11496 border-left: none;
11497}
11498div[dir=rtl] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
11499 right: 50%;
11500 left: 0;
11501}
11502div[dir=rtl] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
11503 left: 50%;
11504 right: 0;
11505}
11506
11507.next-date-picker2 {
11508 outline: none;
11509 display: inline-table;
11510 position: relative;
11511 width: inherit;
11512}
11513.next-date-picker2-overlay {
11514 vertical-align: top;
11515 padding: 4px 0px;
11516}
11517.next-date-picker2-overlay-range {
11518 padding: 12px 0px;
11519}
11520.next-date-picker2-wrapper {
11521 -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
11522 box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
11523 background-color: #FFFFFF;
11524 border: 1px solid #E6E7EB;
11525 border-radius: 3px;
11526}
11527.next-date-picker2-wrapper .next-calendar2-panel {
11528 border-radius: 3px;
11529}
11530.next-date-picker2-wrapper .next-calendar2-body {
11531 width: 272px;
11532}
11533.next-date-picker2-wrapper .next-calendar2-cell::before {
11534 content: "";
11535 position: absolute;
11536 top: 50%;
11537 right: 0px;
11538 left: 0px;
11539 z-index: 1;
11540 height: 24px;
11541 -webkit-transform: translateY(-50%);
11542 -ms-transform: translateY(-50%);
11543 transform: translateY(-50%);
11544}
11545.next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
11546 border-top-right-radius: 2px;
11547 border-bottom-right-radius: 2px;
11548 right: 8px;
11549}
11550.next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
11551 border-top-left-radius: 2px;
11552 border-bottom-left-radius: 2px;
11553 left: 8px;
11554}
11555.next-date-picker2-input {
11556 display: -webkit-inline-box;
11557 display: -ms-inline-flexbox;
11558 display: inline-flex;
11559 -webkit-box-align: center;
11560 -ms-flex-align: center;
11561 align-items: center;
11562 outline: none;
11563 -webkit-box-sizing: border-box;
11564 box-sizing: border-box;
11565 border: 1px solid #C4C6CF;
11566 vertical-align: middle;
11567 width: inherit;
11568 background-color: #FFFFFF;
11569}
11570.next-date-picker2-input .next-input {
11571 border: none;
11572 -ms-flex-preferred-size: 100%;
11573 flex-basis: 100%;
11574 height: 100%;
11575 width: 100%;
11576}
11577.next-date-picker2-input .next-input input {
11578 height: 100%;
11579 width: auto;
11580}
11581.next-date-picker2-input.next-date-picker2-input-small {
11582 height: 20px;
11583 border-radius: 3px;
11584}
11585.next-date-picker2-input.next-date-picker2-input-small .next-input-label {
11586 padding-left: 8px;
11587 font-size: 12px;
11588}
11589.next-date-picker2-input.next-date-picker2-input-small .next-input-inner {
11590 font-size: 12px;
11591}
11592.next-date-picker2-input.next-date-picker2-input-small .next-input-control {
11593 padding-right: 4px;
11594}
11595.next-date-picker2-input.next-date-picker2-input-small .next-input-inner-text {
11596 padding-right: 4px;
11597}
11598.next-date-picker2-input.next-date-picker2-input-small input {
11599 height: 18px;
11600 line-height: 18px \0 ;
11601 padding: 0 4px;
11602 font-size: 12px;
11603}
11604.next-date-picker2-input.next-date-picker2-input-small input::-webkit-input-placeholder {
11605 font-size: 12px;
11606}
11607.next-date-picker2-input.next-date-picker2-input-small input::-moz-placeholder {
11608 font-size: 12px;
11609}
11610.next-date-picker2-input.next-date-picker2-input-small input::-ms-input-placeholder {
11611 font-size: 12px;
11612}
11613.next-date-picker2-input.next-date-picker2-input-small input::placeholder {
11614 font-size: 12px;
11615}
11616.next-date-picker2-input.next-date-picker2-input-small .next-input-text-field {
11617 padding: 0 4px;
11618 font-size: 12px;
11619 height: 18px;
11620 line-height: 18px;
11621}
11622.next-date-picker2-input.next-date-picker2-input-small .next-icon:before, .next-date-picker2-input.next-date-picker2-input-small .next-icon .next-icon-remote {
11623 width: 12px;
11624 font-size: 12px;
11625 line-height: inherit;
11626}
11627.next-date-picker2-input.next-date-picker2-input-small .next-input-control {
11628 border-radius: 0 3px 3px 0;
11629}
11630.next-date-picker2-input.next-date-picker2-input-medium {
11631 height: 28px;
11632 border-radius: 3px;
11633}
11634.next-date-picker2-input.next-date-picker2-input-medium .next-input-label {
11635 padding-left: 8px;
11636 font-size: 12px;
11637}
11638.next-date-picker2-input.next-date-picker2-input-medium .next-input-inner {
11639 font-size: 12px;
11640}
11641.next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
11642 padding-right: 8px;
11643}
11644.next-date-picker2-input.next-date-picker2-input-medium .next-input-inner-text {
11645 padding-right: 8px;
11646}
11647.next-date-picker2-input.next-date-picker2-input-medium input {
11648 height: 26px;
11649 line-height: 26px \0 ;
11650 padding: 0 8px;
11651 font-size: 12px;
11652}
11653.next-date-picker2-input.next-date-picker2-input-medium input::-webkit-input-placeholder {
11654 font-size: 12px;
11655}
11656.next-date-picker2-input.next-date-picker2-input-medium input::-moz-placeholder {
11657 font-size: 12px;
11658}
11659.next-date-picker2-input.next-date-picker2-input-medium input::-ms-input-placeholder {
11660 font-size: 12px;
11661}
11662.next-date-picker2-input.next-date-picker2-input-medium input::placeholder {
11663 font-size: 12px;
11664}
11665.next-date-picker2-input.next-date-picker2-input-medium .next-input-text-field {
11666 padding: 0 8px;
11667 font-size: 12px;
11668 height: 26px;
11669 line-height: 26px;
11670}
11671.next-date-picker2-input.next-date-picker2-input-medium .next-icon:before, .next-date-picker2-input.next-date-picker2-input-medium .next-icon .next-icon-remote {
11672 width: 12px;
11673 font-size: 12px;
11674 line-height: inherit;
11675}
11676.next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
11677 border-radius: 0 3px 3px 0;
11678}
11679.next-date-picker2-input.next-date-picker2-input-large {
11680 height: 40px;
11681 border-radius: 3px;
11682}
11683.next-date-picker2-input.next-date-picker2-input-large .next-input-label {
11684 padding-left: 12px;
11685 font-size: 16px;
11686}
11687.next-date-picker2-input.next-date-picker2-input-large .next-input-inner {
11688 font-size: 16px;
11689}
11690.next-date-picker2-input.next-date-picker2-input-large .next-input-control {
11691 padding-right: 8px;
11692}
11693.next-date-picker2-input.next-date-picker2-input-large .next-input-inner-text {
11694 padding-right: 8px;
11695}
11696.next-date-picker2-input.next-date-picker2-input-large input {
11697 height: 38px;
11698 line-height: 38px \0 ;
11699 padding: 0 12px;
11700 font-size: 16px;
11701}
11702.next-date-picker2-input.next-date-picker2-input-large input::-webkit-input-placeholder {
11703 font-size: 16px;
11704}
11705.next-date-picker2-input.next-date-picker2-input-large input::-moz-placeholder {
11706 font-size: 16px;
11707}
11708.next-date-picker2-input.next-date-picker2-input-large input::-ms-input-placeholder {
11709 font-size: 16px;
11710}
11711.next-date-picker2-input.next-date-picker2-input-large input::placeholder {
11712 font-size: 16px;
11713}
11714.next-date-picker2-input.next-date-picker2-input-large .next-input-text-field {
11715 padding: 0 12px;
11716 font-size: 16px;
11717 height: 38px;
11718 line-height: 38px;
11719}
11720.next-date-picker2-input.next-date-picker2-input-large .next-icon:before, .next-date-picker2-input.next-date-picker2-input-large .next-icon .next-icon-remote {
11721 width: 16px;
11722 font-size: 16px;
11723 line-height: inherit;
11724}
11725.next-date-picker2-input.next-date-picker2-input-large .next-input-control {
11726 border-radius: 0 3px 3px 0;
11727}
11728.next-date-picker2-input:hover {
11729 border-color: #A0A2AD;
11730 background-color: #FFFFFF;
11731}
11732.next-date-picker2-input.next-date-picker2-input-focus {
11733 border-color: #5584FF;
11734 background-color: #FFFFFF;
11735 -webkit-box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11736 box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
11737}
11738.next-date-picker2-input.next-date-picker2-input-noborder {
11739 border-color: transparent !important;
11740 -webkit-box-shadow: none !important;
11741 box-shadow: none !important;
11742}
11743.next-date-picker2-input.next-date-picker2-input-disabled {
11744 color: #CCCCCC;
11745 border-color: #E6E7EB;
11746 background-color: #F7F8FA;
11747 cursor: not-allowed;
11748}
11749.next-date-picker2-input.next-date-picker2-input-disabled:hover {
11750 border-color: #E6E7EB;
11751 background-color: #F7F8FA;
11752}
11753.next-date-picker2-input-separator {
11754 color: #C4C6CF;
11755 font-size: 12px;
11756 line-height: 12px;
11757 display: inline-block;
11758 min-width: 16px;
11759 text-align: center;
11760}
11761
11762.next-range-picker2-panel, .next-date-picker2-panel {
11763 display: -webkit-inline-box;
11764 display: -ms-inline-flexbox;
11765 display: inline-flex;
11766}
11767.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-right .next-calendar2-header-left-btn,
11768.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-left .next-calendar2-header-right-btn {
11769 visibility: hidden;
11770}
11771
11772.next-range-picker2-arrow {
11773 display: block;
11774 -webkit-transform: translate(0, -50%) rotate(-45deg);
11775 -ms-transform: translate(0, -50%) rotate(-45deg);
11776 transform: translate(0, -50%) rotate(-45deg);
11777 position: absolute;
11778 z-index: 1;
11779 width: 10px;
11780 height: 10px;
11781 margin-left: 16.5px;
11782 border-color: #E6E7EB #E6E7EB transparent transparent;
11783 border-style: solid;
11784 border-width: 1px;
11785 -webkit-transition: left 0.3s ease-out;
11786 transition: left 0.3s ease-out;
11787 background: #FFFFFF;
11788}
11789
11790.next-date-picker2-tl-bl .next-range-picker2-arrow {
11791 top: 12.5px;
11792}
11793
11794.next-date-picker2-bl-tl .next-range-picker2-arrow {
11795 bottom: 13px;
11796 -webkit-transform: translate(0, 50%) rotate(135deg);
11797 -ms-transform: translate(0, 50%) rotate(135deg);
11798 transform: translate(0, 50%) rotate(135deg);
11799}
11800
11801.next-date-time-picker-wrapper {
11802 border-left: 1px solid #E6E7EB;
11803}
11804.next-date-time-picker-wrapper .next-calendar2-body {
11805 padding-right: 0px;
11806 padding-left: 0px;
11807}
11808
11809.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-disabled .next-calendar2-cell-inner {
11810 color: #CCCCCC;
11811 background: #F7F8FA;
11812}
11813.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected::before {
11814 color: #666666;
11815 background: #DEE8FF;
11816}
11817.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected .next-calendar2-cell-inner {
11818 color: #666666;
11819 background: transparent;
11820}
11821.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin .next-calendar2-cell-inner, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end .next-calendar2-cell-inner {
11822 z-index: 10;
11823 color: #FFFFFF;
11824 background: #5584FF;
11825}
11826.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
11827 left: 50%;
11828}
11829.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
11830 right: 50%;
11831}
11832.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin-single::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end-single::before {
11833 display: none;
11834}
11835.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover::after {
11836 content: "";
11837 position: absolute;
11838 top: 50%;
11839 right: 0;
11840 left: 0;
11841 z-index: 2;
11842 height: 24px;
11843 -webkit-transform: translateY(-50%);
11844 -ms-transform: translateY(-50%);
11845 transform: translateY(-50%);
11846 border-color: #3E71F7 transparent;
11847 border-style: dashed;
11848 border-width: 1px;
11849}
11850.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-child::after {
11851 left: 8px;
11852}
11853.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-child::after {
11854 right: 8px;
11855}
11856.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
11857 left: 8px;
11858}
11859.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
11860 right: 8px;
11861}
11862.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-of-type::after {
11863 border-top-left-radius: 2px;
11864 border-bottom-left-radius: 2px;
11865 border-left: 1px dashed #3E71F7;
11866}
11867.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-of-type::after {
11868 border-top-right-radius: 2px;
11869 border-bottom-right-radius: 2px;
11870 border-right: 1px dashed #3E71F7;
11871}
11872.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::before {
11873 right: 8px;
11874}
11875.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::after {
11876 right: 8px;
11877}
11878.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
11879 border-top-right-radius: 2px;
11880 border-bottom-right-radius: 2px;
11881 border-right: 1px dashed #3E71F7;
11882}
11883.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-begin::after {
11884 border-top: 1px dashed #3E71F7;
11885 border-left: 1px dashed #3E71F7;
11886 border-top-left-radius: 2px;
11887 border-bottom-left-radius: 2px;
11888}
11889.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-end::after {
11890 border-top: 1px dashed #3E71F7;
11891 border-right: 1px dashed #3E71F7;
11892 border-top-right-radius: 2px;
11893 border-bottom-right-radius: 2px;
11894}
11895.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
11896 left: 8px;
11897}
11898.next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
11899 border-top-left-radius: 2px;
11900 border-bottom-left-radius: 2px;
11901 border-left: 1px dashed #3E71F7;
11902}
11903
11904.next-calendar2-table-week .next-calendar2-cell-hover::after {
11905 display: none;
11906}
11907.next-calendar2-table-week tr:hover .next-calendar2-cell:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected)::before {
11908 background: #F2F3F7;
11909}
11910.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected::before,
11911.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected .next-calendar2-cell-inner {
11912 color: #666666;
11913 background-color: #DEE8FF;
11914}
11915.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child .next-calendar2-cell-inner, .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2) .next-calendar2-cell-inner {
11916 color: #FFFFFF;
11917 background: #5584FF;
11918}
11919.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
11920 left: 50%;
11921}
11922.next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
11923 right: 50%;
11924}
11925.next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled)::before,
11926.next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
11927 background-color: transparent;
11928 color: #CCCCCC;
11929}
11930
11931.next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):nth-child(2) .next-calendar2-cell-inner {
11932 background-color: #DEE8FF;
11933 color: #666666;
11934}
11935.next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:nth-child(2) .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:nth-child(2) .next-calendar2-cell-inner {
11936 color: #FFFFFF;
11937 background: #5584FF;
11938}
\No newline at end of file